@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; } 
.mt10{margin-top:10px;}
.col_b31{color:#b31d08;}
.font12{font-size:12px;}
.font16{font-size:16px;}


/*弹窗部分 https://static.web.sdo.com/dn/pic/dn_act/2016cj/btn_close.png*/
.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:60px; height:60px; display:block; position:absolute; top:0; right:0; background:url(https://static.web.sdo.com/dn/pic/dn_act/1711bb/bg_blank.png) no-repeat;}

/*轮播*/
.slide{width:780px;height:420px; position:absolute; top:320px; 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/1711bb/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:100%;margin:0 auto ;overflow:hidden;}
.slide .slide_img ul{width:15000px;overflow:hidden;}
.slide .slide_img li{float:left;width:615px;}
.slide .slide_img li img{display:block; margin:0 auto;}
.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; }
.slide .ico_point{background:url(https://static.web.sdo.com/dn/pic/dn_act/1711bb/ico_point.png) no-repeat center; height:22px; width:20px; display:inline-block; vertical-align: middle;}

.template01  .slide{width:780px;height:340px; top:300px;}


/*第一部分*/
.section{height:1000px; position:relative; overflow:hidden;}
.nav{width:200px;top:100px;right:15px;z-index:100;padding-top:48px;}
.nav .hamburger{background:url(https://static.web.sdo.com/dn/pic/dn_act/1711bb/nav_bg.png) no-repeat;background-position:-87px 7px; top:0; right:0; width:40px;height:40px; position:absolute; cursor: pointer;}
.nav .nav_list {width: 100%; height: 100%; position: relative;}
.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/1711bb/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:150px;display:block;height:18px;margin-bottom:35px; position:relative; padding-right:50px; font-weight: bold; color:#393232; font-size:16px; }
.nav .sub_nav a{font-size:14px; color:#7d7a7a}
.nav .sub_nav a:hover,.nav .sub_nav a.active{color:#b31d08;}
.nav a.last{margin-bottom:5px}

.wrap01{background:url(https://static.web.sdo.com/dn/pic/dn_act/1711bb/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/1711bb/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/1711bb/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:400px; left:75px;}
.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/1711bb/ico_x.png) no-repeat right 5px;}
.template01 .menu a i{background-color:#b31d08; width:22px; height:3px;  display:none;}
.template01 .menu a.last{background: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 .cont2 .desc{margin-left:40px; line-height:1.83;}


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

/* 2017*11*22 */
.template01 .act_slide .time{color:#2c2424; position:absolute; right:40px; top:0;}
.template01 .act_slide {width:1000px; position:absolute; top:320px; left:40px;}
.template01 .act_slide .btn_time {background:url(https://static.web.sdo.com/dn/pic/dn_act/1711bb/bg_blank.png) no-repeat center; width:150px; height:150px; display: block; position: absolute; top: 114px; right: 160px;}
.act04_h{    top: -5px;  left: 277px; display: none}
.act04_h_btn{
    width: 202px;
    height: 25px;
    top: 340px;
    left: 76px;
    background: url(about:blank);
}