@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ update: 2016-03-29 */

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;}
table{border-collapse:collapse; border-spacing:0;}
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;}
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;}
.in_block{display:inline-block;}
.overf{overflow:hidden;}
.center{margin:0 auto;}
.red{color:red;}
.marL8{margin-left:8px;}
:focus,a{outline:none; -moz-outline-style:none;}
a:visited,a:link{text-decoration:none;}
a:hover {text-decoration:none;}
body{font:12px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; background: #fff;} 
.cl_b5c{color:#b5c5e7}
.ml_30{margin-left: 30px;}
.mt_20{margin-top:20px;}
.b_line{border-bottom: 2px solid #5e6c92;}
.img_tit {position:relative; cursor:pointer;}

/* index */
.wrap_index{height:1008px; width:100%; background:url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/wrap_bg.jpg?a1) no-repeat center center;}
.wrap_index .con_index {height:1008px; width:100%; max-width:1920px; margin:0 auto; background:url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/con_bg.jpg?a1) no-repeat center center;}
.con_index .video_bg{height: 1008px; width:1920px; left:50%; margin-left:-960px;}
.con_index .but_video{width:150px; top:582px; left:50%; margin-left:88px;}
.con_index .but_video .but{display: block; width:64px; height:51px; top:582px; right:247px; margin:0 43px;}
.menu{ top:725px; left:50%; margin-left:-114px;}
.menu dl{opacity:.85; float:left; width:91px; height:160px; background:url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/pic_01.png) no-repeat 90px center;}
.menu dl.m6{ background:none;}
.menu dt , .menu dd{width:90px; background:url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/pic_04.png) no-repeat;}
.menu dt {height:100px;}
.menu dd {height:37px; margin-top:18px; background-position:-115px}
.menu dl.m1 dt {background-position:-10px  0}
.menu dl.m2 dt {background-position:-102px 0}
.menu dl.m3 dt {background-position:-195px 0}
.menu dl.m4 dt {background-position:-291px 0}
.menu dl.m5 dt {background-position:-392px 0}
.menu dl.m6 dt {background-position:-487px 0}
.menu dl.m1 dd {background-position:-10px  -115px}
.menu dl.m2 dd {background-position:-102px -115px}
.menu dl.m3 dd {background-position:-195px -115px}
.menu dl.m4 dd {background-position:-291px -115px}
.menu dl.m5 dd {background-position:-392px -115px}
.menu dl.m6 dd {background-position:-487px -115px}
.menu dl.m5:hover {-webkit-filter:none;}
.menu dl.m5 i{opacity:0; z-index: 10; }
.menu dl.m5:hover i{opacity:1; display:block;}
.menu dl.m5 span{opacity:1; display:block;}
.menu dl.m5:hover span{opacity:0; }
.menu dl.m5 i a {opacity:.7;}
.menu dl.m5 i a:hover {opacity:1;}
.menu dl.m5 i a{display: block; width: 30px; float: left; height: 160px; background:url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/pic_05.png) no-repeat 0 0; } 
.menu dl.m5 i .a1 {background-position:-3px  -15px;}
.menu dl.m5 i .a2 {background-position:-27px -15px;}
.menu dl.m5 i .a3 {background-position:-52px -15px;}



/* index2 */
	/* wrap */
.wrap {width:1920px; height:940px;}
.side {width:390px; height:940px; overflow:hidden; background:url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/info_side.png) no-repeat 0 0;}
.main {width:1530px; height:940px; overflow:hidden; background: #fff;}
.main dl{float: left; height: 940px; width: 199px; border-right: 1px solid #ccc; position: relative; overflow: hidden;}
.main dt{position: relative; height: 100%; display: block; z-index: 1; cursor:pointer;}
.main dd{position: absolute; left: 0; top: 0; display: none; height: 100%; width: 100%; z-index: 0;}
.main dl.active dt{display: none;}
.main dl.active dd{display: block;}
.main dl.last{border:none;}
.main .dl1 dt{background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/info_01.jpg) no-repeat center 125px;}
.main .dl2 dt{background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/info_02.jpg) no-repeat center 125px;}
.main .dl3 dt{background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/info_03.jpg) no-repeat center 125px;}        
.main .dl1 dd{background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/info_04.jpg) no-repeat 0 0;}
.main .dl2 dd{background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/info_05.jpg) no-repeat 0 0;}
.main .dl3 dd{background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/info_06.jpg) no-repeat 0 0;}
.d_body{padding:60px 40px;}
	/*box1  */
.box1 {margin-top:50px; position:relative;}
.box1 .hd.nav {width:139px;}
.box1 .hd.nav li{width:139px; height:55px; margin-bottom:10px; display:block; background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/nav.png) no-repeat 0 0; cursor:pointer; opacity:.5;}
.box1 .hd.nav li:hover, .box1 .hd.nav li.on{opacity:1;}
.box1 .hd.nav li:hover i, .box1 .hd.nav li.on i{border-left:4px solid #009aff; height:100%; display: inline-block;}
.box1 .hd.nav .a2{background-position:0 -64px;}
.box1 .hd.nav .a3{background-position:0 -128px;}
.box1 .bd.con {position:absolute; left:170px; top:0; background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/line.png) repeat-y 0 0; }
.box1 .bd.con .weiguan .layer{position: absolute; padding-top:30px; top:-5px; left: -180px; z-index:10;}
.box1 .bd.con .but_video{position:absolute; top:58px; left:294px;}
.box2 .bd.con .but_video:hover{}
.box1 img.info_09{margin-top:15px;}
.box1_01 {padding-left:18px;}
.box1_01 .about_edulist{overflow:hidden; position:relative; width:1000px; height:600px;}
.box1_01 .about_edulist ul{width: 3000px;position: absolute;}
.box1_01 .about_edulist ul li{width: 1000px; float: left;}
.box1_01 .about_edulist .more{width:530px; margin-left: 23px;}
.box1_01 .about_edulist .more img{margin:10px 5px; box-shadow:2px 2px 10px #171D31;}
.box1_01 .edu_btn{margin-top:6px; margin-left: 220px;}
.box1_01 .edu_btn span{display:inline-block; width: 62px; height:27px; background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/info_13.png) no-repeat 0 0; cursor: pointer; opacity:.6;}
.box1_01 .edu_btn span:hover{opacity:1;}
.box1_01 .edu_btn span.edu_rgbtn{background-position:right top; margin-left:10px; }
.box1_01 .img_tit{position:static;}
.box1_01 .more .layer {position: absolute;  bottom: 100px; padding-bottom:20px; left: 24px;}
.box1_02{position:relative;}
.box1_02 .nav_02 {width:141px; position:absolute; left:460px; top:90px; z-index: 100;}
.box1_02 .nav_02 li {width:139px; height:53px; display:block; margin-bottom:10px; border:1px solid #434F73; position:relative; cursor:pointer; opacity:.5; font:normal 15px/53px "微软雅黑"; color:#CAD2EA; text-align: center;}
.box1_02 .nav_02 li:hover, .box1_02 .nav_02 li.on{opacity:1;}
.box1_02 .nav_02 li b{width:13px; height:55px; display:none; left: -13px; background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/trian.png) no-repeat left center; position:absolute;}
.box1_02 .nav_02 li:hover b,.box1_02 .nav_02 li.on b {display:block;}
.box1_02 .con_02 {margin-left:30px;}
.box1_02 .con_02 .activ{padding:26px 16px; width:375px; height:357px; overflow:hidden;box-shadow: 2px 2px 15px #28304A; border-radius:23px; background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/info_11.png) no-repeat center top;}
.box1_02 .con_02 .activ .info_30{padding:15px; display: block;}
.box1_02 .con_02 .activ .info_30 li{ float: left; display: table; width:150px; height:150px; margin:10px;  text-align:center; font:bold 20px/30px 'Microsoft YaHei';  color:#9DA9CC; border: 1px solid #677394;}
.box1_02 .con_02 .activ .info_30 li .layer{position: absolute; width:150px;  height:150px; bottom:0px; left:0px; z-index:10; font: normal 14px/22px 'Microsoft YaHei'; background:#323E61;}
.box1_02 .con_02 .activ .info_30 li b, .box1_02 .con_02 .activ .info_30 li .layer p {display: table-cell; vertical-align: middle; }
.box1_02 .con_02 .activ .info_30 li:hover .layer {display: table;}


/*
.box1_02 .con_02 .activ .info_30 li.i1{background-position: 12px 12px;}
.box1_02 .con_02 .activ .info_30 li.i2{background-position: -138px 12px;}
.box1_02 .con_02 .activ .info_30 li.i3{background-position: 12px -138px;}
.box1_02 .con_02 .activ .info_30 li.i4{background-position: -138px -138px;}
.box1_02 .con_02 .activ .info_30 li.i1:hover{background-position: 12px -307px;}
.box1_02 .con_02 .activ .info_30 li.i2:hover{background-position: -138px -307px;}
.box1_02 .con_02 .activ .info_30 li.i3:hover{background-position: 12px -457px;}
.box1_02 .con_02 .activ .info_30 li.i4:hover{background-position: -138px -457px;}
*/
.box1_02 .con_02 .activ h2 {color:#b5c5e7; font-size:24px; font-weight:bold; padding-left:10px;}
.box1_02 .con_02 .activ .dis {color:#b5c5e7; line-height:22px; padding:0 10px 10px;}
.box1_02 .con_02 .activ .string div{float:left; font-size:12px; color:#b5c5e7; margin-left:10px; width:144px; height:203px; border:1px solid #b5c5e7; padding:15px;}
.box1_02 .con_02 .activ table{color:#b5c5e7; margin-top: -25px;}


	/*box2 */
.box2 {margin-top:30px; position:relative;}
.box2 .hd.nav {width:139px;}
.box2 .hd.nav li{width:139px; height:55px; margin-bottom:10px; display:block; background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/nav.png) no-repeat 0 0; cursor:pointer; opacity:.5;}
.box2 .hd.nav li:hover, .box2 .hd.nav li.on{opacity:1;}
.box2 .hd.nav li:hover i, .box2 .hd.nav li.on i{border-left:4px solid #ffa4a4; height:100%; display: inline-block;}
.box2 .hd.nav .a1{background-position:0 -191px;}
.box2 .hd.nav .a2{background-position:0 -255px;}
.box2 .hd.nav .a3{background-position:0 -319px;}
.box2 .bd.con {position:absolute; left:170px; top:0; background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/line.png) repeat-y 0 0; }

.box2_01 {padding-left:35px;}
.box2_01 .about_edulist{overflow:hidden; position:relative; width:440px; height:240px; margin-left:35px}
.box2_01 .about_edulist ul{width: 4000px;position: absolute;}
.box2_01 .about_edulist ul li{width: 800px; float: left;}
.box2_01 .edu_btn{position: absolute; top:88px; width:506px; }
.box2_01 .edu_btn span{display:inline-block; width:33px; height:55px; background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/info_17.png) no-repeat 0 0; cursor: pointer; opacity:.6;}
.box2_01 .edu_btn span:hover{opacity:1;}
.box2_01 .edu_btn span.edu_leftbtn{background-position:right top; float:left;}
.box2_01 .edu_btn span.edu_rgbtn{background-position:left top; float:right;}
.box2_01 .info {width:620px;}
.box2_01 .info li{ float:left; width:102px; height:26px; display:block; padding-top:57px; text-align:center; color:#e7b5b5; background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/info_18.png) no-repeat 9px 0;}
.box2_01 .info li.in2{background-position:-93px  0;}
.box2_01 .info li.in3{background-position:-197px 0; width:130px; }
.box2_01 .info li.in4{background-position:-327px 0;}
.box2_01 .info li.in5{background-position:-429px 0;}
.box2_01 .dis {color:#e7b5b5; margin-top:32px; line-height:22px;}
.box2_01 .info li.in4 .layer,.box2_01 .info li.in5 .layer {
	width: 168px;height: 88px; color:#fff; position: absolute; top: -95px;left: -100px; background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/info_19.png) no-repeat 0 0; text-align: justify; padding: 5px 8px;
}
.box2 .agenda{margin-left:22px;}
.box2_02{position:relative;}
.box2_02 .nav_02 {width:141px; position:absolute; left:460px; top:90px;}
.box2_02 .nav_02 li {width:139px; height:53px; display:block; margin-bottom:10px; border:1px solid #924141; position:relative; cursor:pointer; opacity:.5; font:normal 15px/53px "微软雅黑"; color:#DE8E8E; text-align: center;}
.box2_02 .nav_02 li:hover, .box2_02 .nav_02 li.on{opacity:1;}
.box2_02 .nav_02 li b{width:13px; height:55px; display:none; left: -13px; background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/trian.png) no-repeat left center; position:absolute;}
.box2_02 .nav_02 li:hover b,.box2_02 .nav_02 li.on b {display:block;}
.box2_02 .con_02 {margin-left:36px;}
.box2_02 .con_02 .activ{padding:26px 16px; width:375px; height:357px; overflow:hidden;box-shadow: 2px 2px 15px #5e2222; border-radius:23px; background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/info_21.png) no-repeat center top;}
.box2_02 .con_02 .activ .dis {color:#e7b5b5; line-height:22px;}
.box2_02 .con_02 .activ .info_22 {margin:50px auto 10px; display:block; }
.box2_02 .con_02 .activ .info_23 {margin:18px auto 0px; display:block; }
.box2_02 .con_02 .activ .reward {width:357px; height:85px; padding:10px 0; margin: 0 auto; background:rgba(255,255,255,.2); text-align:center; font-size:16px; color:#fff;}


/*.box3*/
.box3 {margin-top:76px; position:relative;}
.box3 .hd.nav {width:139px;}
.box3 .hd.nav li{position:relative; font: normal 16px/55px "Microsoft YaHei"; padding-left:55px; width:84px; height:55px; margin-bottom:10px; display:block; background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/nav.png?a=01) no-repeat 0 -381px; cursor:pointer; opacity:.5;}
.box3 .hd.nav li:hover, .box3 .hd.nav li.on{opacity:1;}
.box3 .hd.nav li:hover i, .box3 .hd.nav li.on i{position:absolute;left: 0; border-left:4px solid #31394f; height:100%; display: inline-block;}
.box3 .hd.nav .a1{background-position:0 -381px;}
.box3 .hd.nav .a2{background-position:0 -445px;}
.box3 .hd.nav .a3{background-position:0 -509px;}
.box3 .hd.nav .a4{background-position:0 -573px;}
.box3 .bd.con {position:absolute; left:170px; top:0; padding-left:35px; background: url(https://static.web.sdo.com/dn/pic/dn_act/20160325iceL/line.png) repeat-y 0 0; }
.box3 .dis{color:#232940; font: normal 14px/21px "Microsoft YaHei";}
.box3 .box3_1 .info_25 span, .box3 .box3_2 .info_26 span, 
.box3 .box3_2 .info_27 span, .box3 .box3_3 .info_27 {text-align:center;  font: normal 12px/14px "Microsoft YaHei";  display: block; width: 100%;}
.box3 .box3_1 .info_25 {margin-top:40px; width:550px;}
.box3 .box3_1 .info_25 .img{float:left; margin-right:10px; }
.box3 .box3_1 .info_25 img{display:block;  -webkit-filter:drop-shadow(1px 1px 4px #898989);}
.box3 .box3_1 .info_25 span{margin-top:15px;}
.box3 .box3_2 .info_26 {width:536px; margin:50px 0 0 -10px;}
.box3 .box3_2 .info_26 span {margin-top:-5px;}
.box3 .box3_3 .info_27 {width:540px; margin:50px 0 0 -10px;}
.box3 .box3_3 .info_27 .img{float:left; width:268px; overflow:hidden;}
.box3 .box3_4 ol li {list-style-type: square; list-style-position: inside; line-height:22px;}
.box3 .box3_4 ol li p{color:#43556d;}
.box3 .box3_4 .info_29{margin:10px 0 0 -10px;}


	/*公用 animation */
.time, .menu dt, .menu dd, .menu dl.m5:hover i,.menu dl.m5:hover span{
	transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
}

.menu dl:hover{
	opacity:1;	
	-webkit-filter:drop-shadow(3px 3px 15px #0772ff);
}

.menu dl:hover dt{
	transform: translateY(-6px); 
	-webkit-transform:translateY(-6px);
	-moz-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	}
.menu dl:hover dd{
	transform: translateY(3px); 
	-webkit-transform:translateY(3px);
	-moz-transform: translateY(3px);
	-o-transform: translateY(3px);
	}
	
.con_index .but ,.box1 .bd.con .but_video{
	transform: scale(.9);
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-o-transform: scale(.9)
}

.con_index .but:hover,.box1 .bd.con .but_video:hover{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1)
}