@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; } 

/*轮播*/
.slide{width:780px;height:350px; position: absolute; top:220px; left:110px;}
.slide .prev,
.slide .next{position:absolute; z-index:10; left:0; top:50%; margin-top:-23px; display:block; width:50px; height:74px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/ico_arrow.png) left center no-repeat; filter:alpha(opacity=80);opacity:0.8;}
.slide .next{left:auto; right:0; background-position:right center; }
.slide .prev:hover,
.slide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slide .slide_img{width:615px;height:350px;margin:0 auto ;overflow:hidden;}
.slide .slide_img ul{width:15000px;overflow:hidden;}
.slide .slide_img li{float:left;width:615px;height:350px;}
.slide .slide_img li img{width: 100%; height: 100%;}
.slide .point{position:absolute;bottom:-15px;left:82px;height:3px;width:615px;text-align:center;}
.slide .point a{display:inline-block;width:3px;height:3px;background:#c3c3c3; float:left; }
.slide .point a.cur{background:#b31d08; }

/*第一部分*/
.section{height:1000px; position:relative; overflow:hidden;}
.nav{width:185px;top:100px;right:15px;z-index:100;padding-top:48px}
.nav .hamburger{background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/nav_bg.png) no-repeat;background-position:-87px 7px; top:0; right:0; width:40px;height:40px; position:absolute; cursor:pointer;}
.nav .line{width:1px;border-right:1px solid #472A23;height:100%;top:0px;right:19px; position:absolute;}
.nav  i.circle{width:20px;height:20px;background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/nav_bg.png) no-repeat;background-position:-40px -4px;top:0px;right:9px; position:absolute; display:none; }
.nav .active i.circle, .nav a:hover i.circle{display:block; animation:fade .3s linear both;}
.nav a{width:135px;display:block;height:18px;margin-bottom:35px; position:relative; padding-right:50px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/nav_bg.png) no-repeat;}
.nav .a1{background-position:left -44px;}
.nav .a2{background-position:left -96px;}
.nav .a3{background-position:left -250px;}
.nav .a4{background-position:left -290px;}
.nav .a5{background-position:left -327px;}
.nav .a6{background-position:left -370px;}
.nav .a7{background-position:left -421px;}
.nav .a8{background-position:left -164px;}
.nav .a9{background-position:left -223px;}
.nav .a8:hover,.nav .a8.active{background-position:left -133px;}
.nav .a9:hover,.nav .a9.active{background-position:-1px -194px;}
.nav .last{margin:0;}
.sub_nav span{cursor:pointer; width:135px;display:block;height:18px; margin-bottom:35px; position:relative; padding-right:50px;}
.nav .nav_list{width:100%; height:100%; position:relative;}



.wrap01{background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/bg_wrap01.jpg) no-repeat top;}
.wrap01 .con{width:1000px; height:1000px; margin:0 auto; background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/bg_wrap01_con.jpg) no-repeat top;}
.wrap01 .logo{top:10px;right:25px;z-index:100}
.wrap01 .slogan{top:60px;left:78px}


.wrap02{background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/wrap02_bg.jpg) no-repeat center;width:100%;height:1000px}
.wrap02 .spirit01{position:absolute; top:25px; left:25px;}
.wrap02 .spirit02{position:absolute; bottom:25px; left:25px;}
.wrap02 .spirit03{position:absolute; bottom:25px; right:25px;}

.wrap02 .sub_con {width:1000px; height:1000px; position:absolute; left:50%; margin-left:-500px;}
.template01 .pic_t{position:absolute; top:100px; left:40px;}
.template01 .des{color:#2c2424; font-size:12px; line-height:22px; width:615px; position:absolute; top:620px; left:190px;}
.template01 .desc{color:#2c2424; font-size:12px; line-height:22px; width:615px;  margin:30px auto;}
.template01 .menu{position:absolute; top:200px; left:10px;}
.template01 .menu a{ color:#472a23; float:left; padding-right:60px; padding-left:47px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/ico_x.png) no-repeat right 5px;}
.template01 .menu a i{background-color:#b31d08; width:22px; height:3px;  display:none;}

.template01 .menu a:hover,
.template01 .menu a.active{color:#b31d08; }
.template01 .menu a:hover  i,
.template01 .menu a.active  i{display:block; animation:fade .3s linear both;}

.template02 .pic_t2{margin:100px 0 40px 40px;}
.template02 .cont{margin-left:40px;}
.template02 .cont .cont_img{width:360px; height:210px;}
.template02 .cont .cont_text{color:#2c2424; font-size:12px; line-height:22px; width:500px;}
.template02 .pic_rule{margin:60px 0 50px 50px;}
.template02 .des{color:#472a23; font-size:14px; line-height:26px; margin-left:40px;}
.template02 .des b{width:80px; display:inline-block;}

.btn_video{background:url(https://static.web.sdo.com/dn/pic/dn_act/1709bb/bg_blank.png) no-repeat center; width:100px;height:100px; position:absolute;left:222px; top:306px;}
/*动画*/
@keyframes fade{0%{opacity:0} 100%{opacity:1}}