@charset "utf-8";
/* CSS Document */
body {font-size:12px; font-family:"宋体"; background-color:#fff; overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, nl, li, h1, h2, h3, h4, h5, h6, p, span, a, b, strong, object, iframe, label, img, blockquote, ins, del, select, form, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
a{text-decoration:none;} 
li{list-style:none outside none;}
fieldset, img {border:0 none;}
img { padding:0; margin:0;vertical-align:top;}
h1,h2,h3,h4,h5,h6,th{ font-size:12px; font-weight:normal;}
textarea{resize:none}
input:focus, select:focus, textarea:focus,a:focus{outline:0 none}
label { vertical-align:middle;} 
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {zoom:1}
em,cite,dfn{font-style:normal;}
.clearboth{width:100%;clear:both;float:none;margin:0;padding:0;font-size:0px;height:0px;overflow:hidden;}
.clear{clear:both;height:0;font-size:0;line-height:0;}
.hidden{ overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.pr{ position:relative;}
.pa{ position:absolute;}
.center{ text-align:center;}
.tright{ text-align:right;}
.ti { text-indent:-999em;}
.none{ display:none;}
/*内容*/
.homeVideo{
	top:0;
	left:0;
	position:relative;
	width:100%;
	height:1080px;
	z-index: 1000;
	display:none;
}
.homeVideo .homeVideo_con{
	top:0;
	left:50%;
	margin-left:-600px;
	position:absolute;
	width:1200px;
	height:1080px;
}
.homevideo_stop{
	position: absolute;
    width: 77px;
    height: 37px;
    z-index: 9999;
    right: 25px;
    top: 25px;
    text-indent: -9999px;
}
.homeVideo video{
	width:1920px;
	height:1080px;
	position:absolute;
	left:50%;
	margin-left:-960px;
}
.wrap_click{ width:475px; height:160px; position:absolute; top:200px; left:50%; margin-left:-237px; z-index:1000; background:url(https://static.web.sdo.com/chd/pic/11th/tip.png) no-repeat;}
.wrap_click a{ width:100%; height:100%; display:block;}

@-moz-keyframes bigSmall {
    25% {
        -moz-transform:scale(1.2)
    }
    50% {
        -moz-transform:scale(1);
    }
    75% {
        -moz-transform:scale(1.2);
    }
	100% {
        -moz-transform:scale(1);
    }
}
@-webkit-keyframes bigSmall {
    25% {
        -webkit-transform:scale(1.2);
    }
    50% {
        -webkit-transform:scale(1);
    }
    75% {
        -webkit-transform:scale(1.2);
    }
	100% {
        -webkit-transform:scale(1);
    }
}
.animate-big-small{
    -moz-animation: bigSmall 2s linear infinite both;
    -webkit-animation: bigSmall 2s linear infinite both;
    animation: bigSmall 2s linear infinite both;
}
.transVideo{
	top:0;
	left:0;
	position:relative;
	width:100%;
	height:1080px;
	z-index: 1000;
	display:none;
}
.transVideo .transVideo_con{
	top:0;
	left:50%;
	margin-left:-600px;
	position:absolute;
	width:1200px;
	height:1080px;
}
.transvideo_stop{
	position: absolute;
    width: 77px;
    height: 37px;
    z-index: 9999;
    right: 25px;
    top: 25px;
    text-indent: -9999px;
}
.transVideo video{
	width:1920px;
	height:1080px;
	position:absolute;
	left:50%;
	margin-left:-960px;
}
.wrapout{ width:100%; display: none; background:url(https://static.web.sdo.com/chd/pic/11th/wrap.jpg) no-repeat 50% 0;}
.wrap{ position:relative; width:1200px; height:1080px; margin:0 auto;}
.video{ width:1920px; height:1080px; position:absolute; left:50%; margin-left:-960px;}

.wrap_btn{ position:absolute; left:17px; bottom:20px; width:1183px; height:105px; background:url(https://static.web.sdo.com/chd/pic/11th/wrap_btn.png) no-repeat 0 -210px;}
.w_btn{ position:absolute; top:0; width:100px; height:90px; display:block; text-indent:-999em; background:url(https://static.web.sdo.com/chd/pic/11th/wrap_btn.png) no-repeat;}
.b1{ left:98px; background-position:-98px 0;}
.b2{ left:232px; background-position:-232px 0;}
.b3{ left:347px; background-position:-347px 0;}
.b4{ left:471px; background-position:-471px 0;}
.b5{ left:596px; background-position:-596px 0;}
.b6{ left:721px; background-position:-721px 0;}
.b7{ left:845px; background-position:-845px 0;}
.b8{ left:970px; background-position:-970px 0;}
.b1:hover{ background-position:-98px -105px;}
.b2:hover{ background-position:-232px -105px;}
.b3:hover{ background-position:-347px -105px;}
.b4:hover{ background-position:-471px -105px;}
.b5:hover{ background-position:-596px -105px;}
.b6:hover{ background-position:-721px -105px;}
.b7:hover{ background-position:-845px -105px;}
.b8:hover{ background-position:-970px -105px;}

.pages{ background:url(https://static.web.sdo.com/chd/pic/11th/bg_event.jpg) repeat;}
.page_headout{ width:100%; background:url(https://static.web.sdo.com/chd/pic/11th/page_headout.jpg) no-repeat 50% 0;}
.page_head{ position:relative; width:1200px; height:532px; margin:0 auto; background:url(https://static.web.sdo.com/chd/pic/11th/page_head.jpg) no-repeat 50% 0;}
.backHome{ position:absolute; top:399px; right:110px; display:block; width:62px; height:21px; text-indent:-999em; background:url(https://static.web.sdo.com/chd/pic/11th/backHome.png) no-repeat;}
.backTop { display:none; text-indent:-999em; width:30px; height:46px; position:fixed; left:50%; margin-left:590px; top:550px; background:url(https://static.web.sdo.com/chd/pic/11th/gotop.png) no-repeat; z-index:100;}
.page_head .wrap_btn{ bottom:0;}

.Container{ width:1200px; margin:0 auto;}
.tabs{ padding-left:138px;}
.tabs li{ float:left; width:251px; height:129px; margin-right:78px; text-indent:-999em; background:url(https://static.web.sdo.com/chd/pic/11th/tabs.png) no-repeat; cursor:pointer;}
.tabs .n1{ background-position:0 0;}
.tabs .n2{ background-position:-329px 0;}
.tabs .n3{ background-position:-657px 0;}
.tabs .n1:hover,.tabs .n1.cur{ background-position:0 -129px;}
.tabs .n2:hover,.tabs .n2.cur{ background-position:-329px -129px;}
.tabs .n3:hover,.tabs .n3.cur{ background-position:-657px -129px;}
/*20180312*/
.page4{ position:relative; height:1006px; background:url(https://static.web.sdo.com/chd/pic/11th/page4.jpg) no-repeat;}
.play-con{ position:absolute; top:106px; left:202px; width:720px; height:405px; border:solid 10px #ff6c2b; overflow:hidden;}
.play-btn li{ position:absolute; left:949px; width:47px; height:154px; text-indent:-999em; background:url(https://static.web.sdo.com/chd/pic/11th/live_tab.png) no-repeat; cursor:pointer;}
.play-btn li.p1{ top:145px; background-position:0 0;}
.play-btn li.p2{ top:340px; background-position:0 -195px;}
.play-btn li.p1.cur{ background-position:-47px 0;}
.play-btn li.p2.cur{ background-position:-47px -195px;}
.tabs2{ padding-left:108px;}
.tabs2 li{ float:left; width:230px; height:124px; margin-right:30px; text-indent:-999em; background:url(https://static.web.sdo.com/chd/pic/11th/tabs2.png) no-repeat; cursor:pointer;}
.tabs2 .n1{ background-position:0 0;}
.tabs2 .n2{ background-position:-260px 0;}
.tabs2 .n3{ width:203px; background-position:-520px 0;}
.tabs2 .n4{ background-position:-751px 0;}
.tabs2 .n1:hover,.tabs2 .n1.cur{ background-position:0 -124px;}
.tabs2 .n2:hover,.tabs2 .n2.cur{ background-position:-260px -124px;}
.tabs2 .n3:hover,.tabs2 .n3.cur{ background-position:-520px -124px;}
.tabs2 .n4:hover,.tabs2 .n4.cur{ background-position:-751px -124px;}
