@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ update: 2017-02-24 */

html,body,div,span,object,embed,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,cite,code,del,dfn,em,img,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,section,article{margin:0;padding:0;-webkit-text-size-adjust:none;}
html{overflow-y:scroll; overflow-x:hidden;}
table{border-collapse:collapse; border-spacing:0;}
img{border:none;}
ul,li,ol {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em,cite,dfn{font-style:normal;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{*display:inline-block;*zoom:100%;}
.clear{clear:both; line-height:1px; height:1px; *display:inline; font-size:1px;}
.fl{float:left;}
.fr{float:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.none{display:none;}
.block{display:block;}
.overf{overflow:hidden;}
.center{margin:0 auto;}
:focus,a{outline:none; -moz-outline-style:none;}
a:visited,a:link{text-decoration:none;}
a:hover {text-decoration:none;}
body{font:16px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#333; background:#030305;} 
.border_b{border-bottom:1px dashed #3b3b3b;}

/*弹窗部分*/
.alert_bg{width:100%; height:100%; background-color:#000; position:absolute; top:0; left:0; z-index:999; display:none; }
.dialog{position:absolute; z-index:10001; color:#4b4b4b; top:50px; display:none; width:630px; height:390px;}
.close_dialog{width:40px; height:40px; display:block; position:absolute; top:0; right:2px; background:url(https://static.web.sdo.com/dn/pic/dn_act/2016cj/btn_close.png) no-repeat; background-size:100%;}

/*img_title效果*/
.img_tit {position:relative; cursor:pointer;}
.img_tit .layer {position: absolute; margin-bottom:40px; border: 5px solid #a90b28; line-height:0; display:none; z-index:10;}

	
/*第一部分*/
.wrap {height:960px;background:url(https://static.web.sdo.com/dn/pic/dn_act/1702bb/bg_wrap.jpg) no-repeat center; overflow: hidden;}
.wrap .logo {top:46px; right:66px; z-index:10;}
.wrap .con{width:1200px; height:960px; margin:0 auto; background:url(https://static.web.sdo.com/dn/pic/dn_act/1702bb/bg_wrap_con.jpg) no-repeat center;}
.wrap .con .pic_slogan {position:absolute; top:75px; left:-35px;}
.wrap .con .pic_description{position:absolute; top:495px; left:500px;}
.wrap .con .btn_video{width:73px; height:180px; position:absolute; top:600px; left:405px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1702bb/btn_video.png) no-repeat center;}
.wrap .sideNav {width:50px; height:255px; position:absolute; z-index:10; right:20px; top:300px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1702bb/bg_sideNav.png) no-repeat 0 0;}
.wrap .sideNav a{width:50px; height:80px; display:block;}
.wrap .sideNav a:hover{background:url(https://static.web.sdo.com/dn/pic/dn_act/1702bb/bg_sideNav_h.png) no-repeat 0 0;}
.wrap .sideNav a.a1{ background-position:0 -12px; margin-top:12px;}
.wrap .sideNav a.a2{ background-position:0 -92px;}
.wrap .sideNav a.a3{ background-position:0 -172px;}
.wrap .slide_menu {width:187px; height:928px; position:absolute; left:20px; top:15px; }
.wrap .slide_menu  a{width:100%; height:107px; display:block; transition: all .3s;  -moz-transition: all .3s;  background:url(https://static.web.sdo.com/dn/pic/dn_act/1702bb/bg_nav.png) no-repeat 0 0;}
.wrap .slide_menu  a:hover, .wrap .slide_menu  a.active{ background:url(https://static.web.sdo.com/dn/pic/dn_act/1702bb/bg_nav_h.png) no-repeat;}
.wrap .slide_menu  a.a1{margin-top:55px; background-position:0 -55px;}
.wrap .slide_menu  a.a2{ background-position:0 -162px;}
.wrap .slide_menu  a.a3{ background-position:0 -269px;}
.wrap .slide_menu  a.a4{ background-position:0 -376px;}
.wrap .slide_menu  a.a5{ background-position:0 -483px;}
.wrap .slide_menu  a.a6{ background-position:0 -590px;}
.wrap .slide_menu  a.a7{ background-position:0 -697px;}
.wrap .slide_wrap {position:absolute; top:0; right: -880px; width:860px; height:960px; color:#838590; font-size:13px; background:rgba(0,0,0,.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff);}
.wrap .slide_wrap .close_side{position:absolute; z-index:10; left:615px; top:14px; width:43px; height:43px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1702bb/btn_close.png) no-repeat center;}
.wrap .slide_wrap dd{position:absolute; top:0; left:0; width:610px; padding-left:40px; height:100%; }
.wrap .slide_wrap .tit{position:absolute; top:0; right:-45px; width:45px; height:100px; background:#E16253; color:#fff; font-size:26px; line-height:28px;  padding: 45px 0; text-align: center;}
.wrap .slide_wrap .slide_tit{position:absolute; left:0; top:0;}
/*.slide_ele01*/
	/*box01*/
	.wrap .slide_wrap .slide_ele01 .box01{position:relative; padding-left:60px; margin-top:85px; height:250px;}
	.wrap .slide_wrap .slide_ele01 .box01 img{width:169px; height:184px; margin-right:20px; float:left;}
	.wrap .slide_wrap .slide_ele01 .box01 img.last{margin:0;}
	.wrap .slide_wrap .slide_ele01 .box01 .tips{position:absolute; right:10px; bottom:30px;}
	/*box02*/
	.wrap .slide_wrap .slide_ele01 .box02{padding:20px 0 40px;}
	.wrap .slide_wrap .slide_ele01 .box02 .fontTit{padding-top:10px; }
	.wrap .slide_wrap .slide_ele01 .box02 .des{width:550px;}
	/*box03轮播*/
	.wrap .slide_wrap .slide_ele01 .box03{margin-top:20px;}
	.wrap .slide_wrap .slide_ele01 .box03 .subSlide_tit{right:0; background:url(https://static.web.sdo.com/dn/pic/dn_act/1702bb/pic_subSlide_tit.png) no-repeat center top; position:absolute; right:0px;}
	.wrap .slide_wrap .slide_ele01 .box03 .prev,
	.wrap .slide_wrap .slide_ele01 .box03 .next{position:absolute; z-index:10; left:0; top:10px; display:block; width:50px; height:25px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1702bb/ico_arrow.png) no-repeat center top; filter:alpha(opacity=80);opacity:0.8;}
	.wrap .slide_wrap .slide_ele01 .box03 .next{top:35px; background-position:center -25px ; }
	.wrap .slide_wrap .slide_ele01 .box03 .prev:hover,
	.wrap .slide_wrap .slide_ele01 .box03 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
	.wrap .slide_wrap .slide_ele01 .box03 .slide_img{width:500px;height:255px;margin:0 auto ;overflow:hidden;border:2px solid #000;}
	.wrap .slide_wrap .slide_ele01 .box03 .slide_img ul{width:500px;overflow:hidden;}
	.wrap .slide_wrap .slide_ele01 .box03 .slide_img li{width:500px;height:255px;}
	.wrap .slide_wrap .slide_ele01 .box03 .slide_img li img{width: 100%; height: 100%;}
	
/*.slide_ele02*/
	/*box01*/
	.wrap .slide_wrap .slide_ele02 .box01{padding:30px 0 0 175px;}
	/*box02*/
	.wrap .slide_wrap .slide_ele02 .box02{padding:20px 0 40px;}
	.wrap .slide_wrap .slide_ele02 .box02 .fontTit{padding-top:10px; }
	.wrap .slide_wrap .slide_ele02 .box02 .des{width:500px;}
	
/*.slide_ele03*/
	/*box01*/
	.wrap .slide_wrap .slide_ele03 .box01{padding:30px 0 0 220px; color:#c0c4cd;}
	.wrap .slide_wrap .slide_ele03 .box01 a{position:absolute; color:#c0c4cd; font-size:15px; filter:alpha(opacity=80);-moz-opacity:0.8; opacity: 0.8;}
	.wrap .slide_wrap .slide_ele03 .box01 a:hover{position:absolute; color:#c0c4cd; font-size:15px; filter:alpha(opacity=100);-moz-opacity:1; opacity: 1;}
	.wrap .slide_wrap .slide_ele03 .box01 a.a1{ top:55px;  left:188px;}
	.wrap .slide_wrap .slide_ele03 .box01 a.a2{ top:121px; left:160px;}
	.wrap .slide_wrap .slide_ele03 .box01 a.a3{ top:182px; left:146px;}
	.wrap .slide_wrap .slide_ele03 .box01 a.a4{ top:240px; left:166px;}
	.wrap .slide_wrap .slide_ele03 .box01 a.a5{ top:294px; left:202px; }
	.wrap .slide_wrap .slide_ele03 .box01 a.a6{ top:342px; left:256px; }
		
	/*box03*/
	.wrap .slide_wrap .slide_ele03 .scroll_wrap{height:550px; overflow:hidden; position:relative; width:100%; overflow-y: scroll; margin-left: 18px;}
	.wrap .slide_wrap .slide_ele03 .scroll_wrap .scroll_con{position:absolute; width:100%;}
	.wrap .slide_wrap .slide_ele03 .box02{padding:20px 0 40px;}
	.wrap .slide_wrap .slide_ele03 .box02 .fontTit{padding-top:10px; }
	.wrap .slide_wrap .slide_ele03 .box02 .des{width:500px;}