@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ update: 2016-23-20 */

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; } 
.font14{font-size:14px;}
.img_tit .layer {position: absolute; padding-bottom:20px; display:none;}
.time3{
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
		-ms-transition: all .3s;
		 -o-transition: all .3s;
			transition: all .3s;
}
.ani_rotate{
-webkit-animation: rotate 1.5s linear infinite  both;
   -moz-animation: rotate 1.5s linear infinite  both;;
	 -o-animation: rotate 1.5s linear infinite  both;;
		animation: rotate 1.5s linear infinite  both;;
}
 
@-webkit-keyframes rotate {
	0%   { -webkit-transform: rotate(0deg);}
	100%  { -webkit-transform: rotate(360deg);}
}
 
/* 弹窗部分
.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;}
.close_dialog{width:40px; height:40px; display:block; position:absolute; top:0; right:0; background:url(https://static.web.sdo.com/dn/pic/dn_act/201512xinfu/ico_close.jpg) no-repeat;}
 */
 
 
/*index.html*/
.bg_video {width:1960px; height:1000px; position:absolute; top:0; left:50%; margin-left:-980px; }
.wrap_index{height:1000px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/bg_wrap_index.jpg?a1) no-repeat center top;}
.wrap_index .logo_white{top:50px; left:50%; margin-left:-590px;}
.btn_video{width:64px; height:64px; top:495px; left:50%; margin-left:-88px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/btn_video_t.png) no-repeat center;}
.btn_video_c{width:64px; height:64px; top:495px; left:50%; margin-left:-86px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/btn_video_c.png) no-repeat center;}

.tag{width:350px; height:37px; top:38px; left:50%; margin-left:250px; line-height: 37px; padding-left:21px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/bg_tag.png) no-repeat left center;}
.tag a{margin: 0px 22px; color:#d73031; font-size:14px; font-weight:bold; }
.tag a:hover{text-decoration: underline;}
.nav {width:1266px; height:140px; top:715px; left:50%; margin-left:-633px; }
.nav a{display:block; float:left; width:143px; height:143px; margin:0 55px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/btn_nav.png) no-repeat center;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
		-ms-transition: all .3s;
		 -o-transition: all .3s;
			transition: all .3s;
}
.nav a:hover{background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/btn_nav_h.png) no-repeat center;}
.nav a.a1{background-position:0 0;}
.nav a.a2{background-position:-253px 0;}
.nav a.a3{background-position:-505px 0;}
.nav a.a4{background-position:-758px 0;}
.nav a.a5{background-position:-1010px 0;}

/*index2.html*/
.wrap{}
.wrap .logo_black{position:absolute; width:106px; height:68px; top:45px; left:50%; margin-left:415px; z-index:10;}
.wrap .side_menu{position:absolute; width:150px; height:1000px; z-index: 10; right:0;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
		-ms-transition: all .3s;
		 -o-transition: all .3s;
			transition: all .3s;
	}
.wrap .side_menu_tit{position:absolute; z-index:10; top:58px; left:50%; margin-left:700px; }
.wrap .side_menu a{width:100px; height:40px; display:block;   background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/bg_menu.png) no-repeat right 0;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
		-ms-transition: all .3s;
		 -o-transition: all .3s;
			transition: all .3s;
	}
.wrap .side_menu a:hover, .wrap .side_menu a.active{background-image:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/bg_menu_h.png);}
.wrap .side_menu .a1{margin:6px 25px; background-position:right 12px; margin-top:340px;}
.wrap .side_menu .a2{margin:6px 25px; background-position:right -44px;}
.wrap .side_menu .a3{margin:6px 25px; background-position:right -100px;}
.wrap .side_menu .a4{margin:6px 25px; background-position:right -156px;}
.wrap .side_menu .a5{margin:6px 25px; background-position:right -212px;}
.wrap .side_menu .btn_goback{position:absolute; left:18px; top:700px; width:117px; height:39px;  background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/btn_goback.png) no-repeat center;}
.wrap .side_menu .btn_goback:hover{background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/btn_goback.png) no-repeat center;}

.box_style{position:relative; width:1960px; height:1000px; left:50%; margin-left:-980px;}
.box02{background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/bg_c2.jpg) no-repeat center;}
.box03{background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/bg_c3.jpg) no-repeat center;}
.box04{background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/bg_c4.jpg) no-repeat center;}
.box05{background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/bg_c5.jpg) no-repeat center;}
	/*box02*/
	.box02 .c2_tit{right:480px; top:155px;}
	.box02 .c2_sw00{left:277px; top:295px;}
	.box02 .c2_spirit{left:0; top:0;}
	.box02 .sub_menu {position:absolute; left:656px; top:720px;}
	.box02 .sub_con_01{position:absolute; left:745px; top:280px;}
	.box02 .sub_con_02{position:absolute; left:800px; top:285px;}
	.box02 .sub_con_03{position:absolute; left:755px; top:280px;}
	.box02 .sub_menu a{width: 266px; height: 80px; float:left; text-align:center; color:#fff; font:30px/80px '宋体'; background:#15918c; margin-right:10px;}
	.box02 .sub_menu a.active{background:#b23a3a; }
	.box02 .slide{width:680px;height:320px;}
	.box02 .slide .prev,
	.box02 .slide .next{position:absolute; z-index:10; left:0; top:50%; margin-top:-30px; display:block; width:62px; height:59px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/pic_c2_sw02_arrow.png) left 0px no-repeat; filter:alpha(opacity=80);opacity:0.8;}
	.box02 .slide .next{left:auto; right:0; background-position:right 0px; }
	.box02 .slide .prev:hover,
	.box02 .slide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
	.box02 .slide .slide_img{width:550px;height:320px;margin:0 auto ;overflow:hidden;}
	.box02 .slide .slide_img ul{width:8000px;overflow:hidden;}
	.box02 .slide .slide_img li{float:left;width:550px;height:320px;}
	.box02 .slide .slide_img li img{width: 100%; height: 100%;}

	/*box03*/
	.box03 .c3_tit{right:480px; top:155px;}
	.box03 .c3_spirit{left:82px; top:134px;}
	.box03 .c3_mode01{width:70px; height:70px; left:906px; top:335px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/bg_c3_mode.png) center top no-repeat;}
	.box03 .c3_mode02{width:70px; height:70px; left:1018px; top:452px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/bg_c3_mode.png) right center no-repeat;}
	.box03 .c3_mode03{width:70px; height:70px; left:906px; top:566px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/bg_c3_mode.png) bottom center no-repeat;}
	.box03 .c3_mode04{width:70px; height:70px; left:795px; top:446px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/bg_c3_mode.png) left center no-repeat;}
	.box03 .c3_what{width:219px; height:273px; left:1260px; top:336px;  background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/bg_c3_what.png) left center no-repeat;}
	.box03 .c3_what_a{bottom:30px; width: 100%; text-align:center; font-size:14px; color:#f3d932;}
	.box03 .c3_what_a:hover{text-decoration: underline;}
	
	/*box04*/
	.box04 .c4_tit{right:480px; top:155px;}
	.box04 .c4_spirit{left:18px; top:15px;}
	.box04 .c4_ele01{left:600px; top:160px;}
	.box04 .text01{position:absolute; right:480px; top:238px; color:#4b1313;}
	.box04 .text02{position:absolute; right:480px; top:310px; color:#000; background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/bg_c4_ele02.png) center no-repeat;  width:200px; height:253px; padding:33px 0 0 42px; line-height: 25px;}
	.box04 .text03{position:absolute; right:480px; top:644px; color:#000;}
	.box04 .text04{position:absolute; right:480px; top:735px; color:#df7138;}
	.box04 .text04 .btn_get{color:#fff; background:#000; border-radius: 8px; padding:0 8px;}
	.box04 .btn_c4_material {width:137px; height:38px; left:980px; top:530px;  background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/btn_c4_material.png) no-repeat center;}
	
	/*box05*/
	.box05 .c5_tit{right:480px; top:155px;}
	.box05 .c5_spirit{left:26px; top:0;}
	.box05 .btn_c5_skilll{width:201px; height:55px; right:460px; top:760px;  background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/btn_c5_skilll.png) no-repeat center; }
	.box05 .sub_menu{position:absolute; width:750px; height:100px; top:630px; right:510px; }
	.box05 .sub_menu a{width:197px; height:36px; display:block; float:left; margin:0 0 10px 30px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/btn_c5_menu.png) no-repeat;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
		-ms-transition: all .3s;
		 -o-transition: all .3s;
			transition: all .3s;
	}
	.box05 .sub_menu a:hover,.box05 .sub_menu a.active{background:url(https://static.web.sdo.com/dn/pic/dn_act/1612bb/btn_c5_menu_h.png) no-repeat;}
	.box05 .sub_menu a.a1{background-position:0 0; margin-left:90px;}
	.box05 .sub_menu a.a2{background-position:0 -36px;}
	.box05 .sub_menu a.a3{background-position:0 -72px;}
	.box05 .sub_menu a.a4{background-position:0 -108px;}
	.box05 .sub_menu a.a5{background-position:0 -144px;}
	.box05 .sub_menu a.a6{background-position:0 -180px;}
	
	
	
	.box05 .sub_con{position:absolute; top:296px; right:440px; width:1000px;}
	.box05 .sub_con img{width: 455px;  height: 248px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.21);}
	.box05 .sub_con .tit{font-size:20px; width:24px; font-weight:bold; line-height:1.1; margin:0 15px 0 12px;}
	.box05 .sub_con .des{width:20px; font-size:15px; line-height:1.1;  margin:0 3px;}