@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ update: 2016-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;}
.zIndex10{z-index:10;}
: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; } 


/*第一部分*/
.wrap {height:900px; position:relative; overflow: hidden; background:url(https://static.web.sdo.com/dn/pic/dn_act/1611bb/bg_wrap.jpg) no-repeat center top; }
.wrap .video {position:absolute;}
.wrap .con{width:1920px; height:900px; position:absolute; left:50%; margin-left:-960px;}
.wrap .logo{position:absolute; top:8px; right:385px;}
.wrap .ele01{position:absolute; top:-90px; left:0;}
.wrap .ele02{position:absolute; top:12px; left:32px;}
.wrap .ele03{position:absolute; top:15px; left:373px; width:622px; height:567px;}
.wrap .ele04{position:absolute; top:-300px; left:460px;}
.wrap .btn_video {position:absolute; top:250px; left:200px; width:110px; height:100px;}

/*menu */
.menu{padding-top:50px; position:absolute; bottom:200px; right:510px;}
.menu .tit{position:absolute; right:0; top:0;}
.menu a{position:relative; width:14px; float:left; padding:0 3px; margin-left:35px; font-size:14px; line-height:1.1; text-align:center; color:#fff;}
.menu a:hover, .menu a.active{color:#f00;}
.menu a, .menu a:before, .menu a:after{
	-webkit-transition: .3s linear;
	   -moz-transition: .3s linear;
		-ms-transition: .3s linear;
		 -o-transition: .3s linear;
			transition: .3s linear;
}

.menu a:before {
	content:' ';
	position:absolute;
	left:0px; 
	bottom:0px;
	width:1px;
	height:0px;
	background:#f00;
}

.menu a:after {
	content:' ';
	position:absolute;
	right:0px; 
	top:0px;
	width:1px;
	height:0px;
	background:#f00;
}

.menu a:hover::before,
.menu a:hover::after,
.menu a.active:before,
.menu a.active:after{
	height:20px;
}

.time3{
	-webkit-transition: .3s ease;
	   -moz-transition: .3s ease;
		-ms-transition: .3s ease;
		 -o-transition: .3s ease;
			transition: .3s ease;
}

.time8{
	-webkit-transition: .8s linear;
	   -moz-transition: .8s linear;
		-ms-transition: .8s linear;
		 -o-transition: .8s linear;
			transition: .8s linear;
}
.time10{
	-webkit-transition: 1s linear;
	   -moz-transition: 1s linear;
		-ms-transition: 1s linear;
		 -o-transition: 1s linear;
			transition: 1s linear;
}
.time14{
	-webkit-transition: 1.6s linear;
	   -moz-transition: 1.6s linear;
		-ms-transition: 1.6s linear;
		 -o-transition: 1.6s linear;
			transition: 1.6s linear;
}

/*slide */
.slide_tit{width:800px; height:44px; border-bottom:1px solid #720f02;  position:absolute; left:558px; top:910px; }
.slide_tit a{width:202px; height:44px; display:block; background:url(https://static.web.sdo.com/dn/pic/dn_act/1611bb/pic_tit.png?a) left center no-repeat;}
.slide{width:710px;height:250px;position:absolute; left:558px; top:1000px;}
.slide .page {width:35px; position:absolute; right:-88px; top:-13px; height:266px;}
.slide .prev,
.slide .next{position:absolute; z-index:10; right:0; display:block; width:34px; height:36px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1611bb/slider_arrow.png) 0px 8px no-repeat; }
.slide .next{left:auto; right:3%; background-position:0px -28px; bottom:0;}
.slide .prev:hover,
.slide .next:hover{ background-image:url(https://static.web.sdo.com/dn/pic/dn_act/1611bb/slider_arrow_h.png) }
.slide .slide_img ul{height:8000px;overflow:hidden;}
.slide .slide_img li{width:710px;height:350px;float:left;}
.slide .slide_img{width:710px;height:350px;margin:0 auto ;overflow:hidden;}
.slide .point{position:absolute; right:-79px; top:52px; width:16px; z-index: 10;}
.slide .point a{display:block;width:14px;height:14px; border:1px solid transparent; margin-bottom:7px; position:relative; color:#fff; font-size:12px;  transition: all .3s;}
.slide .point a em{width:100px; position: absolute; left:0; padding-left:24px; top:-2px; display:none; transition: all .3s;}
.slide .point a i{display:block;width:10px;height:10px;background:#898989; margin:2px; transition: all .3s;}
.slide .point a.cur{border:1px solid #720f02;}
.slide .point a.cur i{background:#720f02;}
.slide .point a.cur em{display:block;}
.slide_conL{color:#fff; font-size:14px; }
.slide_conL .tit{color:#999; font-size:18px; margin-bottom:20px;}
.slide_conR{max-width:400px; max-height:240px; margin-left:18px;}