@charset "utf-8";
*{margin:0;padding:0}
body{color:#000;font-size:12px}
a{text-decoration:none;color:#000;font-size:16px}
a:hover{color:#0078d7;text-decoration:none}
li,ul{list-style:none}
body,html{overflow-x:hidden}
a{outline:0}
a{star:expression(this.onFocus=this.blur())}
.marginauto{margin:0 auto;}
.clear{clear:both;height:0;font-size:0;line-height:0}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}
.clearfix{display:inline-block}
.clearfix{display:block}
.wrap{width:1000px;position:relative;margin:0 auto}
#header{width:100%;height:auto;position:relative;z-index:12;transition:all .3s}
.top_logos{width:145px;height:27px;float:left;overflow:hidden;margin-top:28px}
.top_logos img{height:100%}
.top_menu{width:auto;float:right;display:inline-block}
.top_menu ul{padding-top:5px;height:63px;zoom:1;margin:0}
.top_menu ul li{float:left;display:inline-block;height:63px;margin-right:30px;line-height:78px;position:relative}
.top_menu ul li a{display:block;font-size:14px;color:#333;font-weight:400;text-decoration:none}
.top_menu ul li span>a:after{content:'';display:block;position:absolute;width:0;height:5px;background-color:#0078d7;left:50%;margin-left:0;transform-origin:center center;bottom:0;transition:all .5s}
.top_menu ul li span a:hover,.top_menu ul li.on span>a{color:#0078d7}
.top_menu ul li span>a:hover:after,.top_menu ul li.on span>a:after{margin-left:-33px;width:65px}
.top_menu .sub_menu{position:absolute;left:50%;top:78px;background-color:#fff;padding:10px 0;box-shadow:0 2px 5px #999;width:190px}
.top_menu .sub_menu.dropMenu1{display:none;margin-left:-95px}
.top_menu .sub_menu .item{position:relative;padding:0 22px;text-align:left}
.top_menu .sub_menu .item a{font-weight:400;line-height:32px;font-size:14px}
.top_menu .sub_menu .item.on a{color:#0078d7}
.top_menu .sub_menu .item.on .doublemenu h3 a{color:#333}
.top_menu .sub_menu .item.on .doublemenu h3 a:hover{color:#296ca8}
.top_menu li.menubtn.on .dropMenu1 .doublemenu{display:none}
.top_menu .doublemenu{display:none;position:absolute;left:190px;top:0;background:#fff;width:188px;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:9}
.top_menu ul li .doublemenu h3{margin:0;font-weight:400;font-size:14px;padding:0 22px}
.top_menu ul li .doublemenu h3 a{font-size:14px}
.top_bread{float:right;padding-top:30px;display:inline;zoom:1}
.lang{float:left;display:inline-block;padding:0 5px;position:relative;vertical-align:top;height:40px;margin-bottom:0}
.lang_con{display:block;font-size:14px;line-height:20px;color:#000;cursor:pointer;font-weight:300}
.lang_con i{display:inline-block;vertical-align:top;position:relative;width:20px;height:20px;overflow:hidden}
.lang_lang .lang_con i{/*background:url(/static/images/zw3d/cssimage/ico_country.png) no-repeat;*/margin-right:6px}
.lang_sin .lang_con i{background:url(../../../images/zw3d/cssimage/ico_user.png) no-repeat;margin-right:6px}
.slect{position:absolute;display:none;top:36px;left:-22px;background-color:#fff;width:115px;height:auto;border:1px solid #a1a1a1;z-index:99;text-align:left}
.up_icon{display:block;width:20px;height:12px;position:absolute;top:-11px;left:50px;background:url(../../../../uploadfile/2016/0531/icon.png) no-repeat 0 -115px}
.slect ul{padding:10px 25px}
.slect li{line-height:28px}
.slect li a{display:block;font-size:14px;color:#6e6e6e}
.slect li a:hover{color:#0078d7;text-decoration:none}
/*.slect li a i{display:inline-block;padding:6px 8px;margin-right:10px;vertical-align:middle;background-image:url(/uploadfile/2016/0531/lan_icon2.png);background-repeat:no-repeat}*/
.flag01{background-position:0 0}
.flag02{background-position:0 -25px}
.flag03{background-position:0 -50px}
.flag04{background-position:0 -75px}
.flag05{background-position:0 -100px}
.flag06{background-position:0 -125px}
.flag07{background-position:0 -150px}
.flag08{background-position:0 -175px}
.flag09{background-position:0 -227px}
.flag00{background-position:0 -203px}
.flag10{background-position:0 -251px}
.lang_sin .slect{width:220px;left:-120px}
.lang_sin .up_icon{left:150px}
.lang_sin .slect ul{padding:15px}
.lang_sin .slect ul input[type=checkbox]{vertical-align:middle;margin-right:5px;position:relative;top:-3px}
.lang_sin .slect ul input[type=text],.lang_sin .slect ul input[type=password]{padding:2px 5px;width:100%;box-sizing:border-box;border:1px solid #b2b2b2;vertical-align:top}
.r_ty{text-align:right;font-size:12px}
.r_ty label{font-weight:400}
.login_btn{font-size:24px;margin-top:5px;color:#0078d7;border:none;background:0 0;cursor:pointer;outline:0}
.search_icon{float:left;display:inline;width:30px;height:30px;background:url(../../../images/zw3d/cssimage/ico_search.png) no-repeat center center;margin-left:10px;margin-top:-7px;cursor:pointer}
.search_bar{width:55%;height:68px;background-color:#fff;position:absolute;right:20%;top:0;display:none;z-index:99;}
.search_bar form{width:750px;margin-top:23px}
.s_text{height:30px;font-size:16px;line-height:30px;width:280px;color:#333;background:url(../../../../uploadfile/2016/0531/icon.png) no-repeat 10px -45px;padding:0 15px 0 45px;border:none;outline:0;background-color:transparent;outline:0;vertical-align:top;transform:translateX(50px);transition:all ease .5s;opacity:0}
.s_mit{width:30px;height:30px;position:absolute;top:23px;left:0;background-color:transparent;display:none;font-size:0;border:none;outline:0;cursor:pointer}
.search_closed{width:30px;height:30px;position:absolute;top:23px;right:0;background:url(../../../../uploadfile/2016/0531/icon.png) no-repeat 6px -75px;font-size:0;cursor:pointer}
.search_key{position:absolute;top:68px;left:30px;background-color:#FFF;width:350px;/*border:1px solid #a1a1a1;*/border-top:none}
.search_key ul{padding:15px}
.search_key ul li{line-height:24px;font-size:14px;color:#6e6e6e;transform:translateX(50px);opacity:0}
.search_key ul li:nth-child(1){transition:all .5s}
.search_key ul li:nth-child(2){transition:all .5s .1s}
.search_key ul li:nth-child(3){transition:all .5s .2s}
.search_key ul li:nth-child(4){transition:all .5s .3s}
.search_key ul li:nth-child(5){transition:all .5s .4s}
.search_key ul li a{color:#6e6e6e;font-size:16px;padding-left:10px}
.search_key ul li a:hover{color:#0078d7}
.search_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.7);display:none;z-index:11}
.sbar_show .s_text,.sbar_show ul li{transform:translateX(0);opacity:1}
#header .wrap{height:68px}
/*Screen adaptive S*/
/*
.content-width:所有页面主体部分用该class，统一宽度;
*/
.public-content-width{margin:0 auto;}
@media only screen and (min-width:1700px){
	#header .wrap,.banner .b_text{width:75.89%}
	.top_menu .sub_menu.dropMenu1 {top: 63px;}
}
@media only screen and (max-width:1700px){
	#header .wrap,.banner .b_text{width:1200px}
	.search_bar{width:1000px}
	.top_menu ul li{margin-right:32px}
	#header .wrap{height:68px}
	.top_logos{margin-top:20px}
	.top_bread{padding-top:28px}
	.top_menu ul{height:63px}
	.top_menu ul li{height:63px;line-height:63px}
	.top_menu .sub_menu.dropMenu1{top:63px}
	.search_bar{height:68px}
	.search_key{top:68px}
	.search_bar form{margin-top:23px}
	.search_closed{top:23px}
}
@media only screen and (max-width:1300px){
	#header .wrap,.banner .b_text{width:96%}
	.search_bar{width:78%;right: 10%;}
	.top_menu ul li{margin-right:22px}
	.top_menu ul li a{font-size:16px}
}
@media only screen and (max-width:1000px){
	#header .wrap,.banner .b_text{width:98%}
	.search_bar{width:78%}
	.top_menu ul li{margin-right:12px}
	.top_menu ul li a{font-size:14px}
	.top_logos{margin-top:25px;width:100px;height:19px}
}
@media only screen and (max-width:900px){.top_menu ul li{margin-right:10px}
}
@media only screen and (max-width:800px){.new-bottom{display:block}
.search_bar{width:80%}
.lang_lang,.lang_sin,.top_menu{display:none}
}
/*Screen adaptive E*/

.sm-logo{float:left;display:none;padding:12px 0}
.sm-logo img{height:16px}
.sm-right-menu{display:none;position:absolute;top:-1px;right:0;height:40px;background:#388fce}
.sm-right-menu a{display:block;width:30px;height:14px;padding:13px 0;background:#388fce}
.sm-right-menu a i.ico-menu{display:block;width:17px;height:14px;background:url(../../../../uploadfile/2016/0704/images/ico_r_menu.png) no-repeat;background-size:100%;margin:0 auto}
.sm-car{display:none;width:18px;height:18px;position:absolute;top:12px;right:40px;border-left:1px solid #c2c2c3;padding-left:5px}
.sm-car a{display:block}
.sm-car a i.ico-car{display:block;width:18px;height:18px;background:url(../../../../uploadfile/2016/0704/images/ico_shopcar.png) no-repeat;background-size:100%}
.new-top-bar{display:none;height:94px;position:relative}
.new-top-bar a.top-menu-close{display:block;position:absolute;width:20px;height:20px;background:url(../../../../uploadfile/2016/0704/images/ico_close_left.png) no-repeat;background-size:100%;position:absolute;top:40px;left:17px}
.new-top-bar .logo{width:100px;margin:0 auto;padding:35px 0;display:none}
.new-top-bar .logo img{width:100%}
.new-bottom{display:none;width:80%;margin:30px auto}
.new-bottom .freetralis a{color:#fff}
.new-bottom .freetralis a i.ico{display:block;float:left;width:10px;height:13px;background:url(../../../../uploadfile/2016/0704/images/ico_download.png) no-repeat;background-size:100%;margin:4px 5px 0 0}
.new-bottom .socialapp{margin:15px 0}
.new-bottom .socialapp a{display:block;float:left;width:15px;height:15px;margin:0 10px 0 0}
.new-bottom .socialapp a.Facebook{background:url(../../../../uploadfile/2016/0704/images/ico_shejiaonet_1.png) no-repeat;background-size:100%}
.new-bottom .socialapp a.LinkedIn{background:url(../../../../uploadfile/2016/0704/images/ico_shejiaonet_2.png) no-repeat;background-size:100%}
.new-bottom .socialapp a.YouTube{background:url(../../../../uploadfile/2016/0704/images/ico_shejiaonet_3.png) no-repeat;background-size:100%}
.new-bottom .socialapp a.Twitter{background:url(../../../../uploadfile/2016/0704/images/ico_shejiaonet_4.png) no-repeat;background-size:100%}
@media only screen and (max-width:800px){
	#header .wrap{height:40px;position:static;}
	.top_logos{margin-top:13px;width:80px;height:15px}
	.top_menu{display:none}
	.f-new-bot-bar,.f-new-bottom,.new-bottom,.new-top-bar,.sm-car,.sm-logo,.sm-right-menu{display:block}
	.search_icon{float:none;position:absolute;top:11px;right:72px;width:17px;height:17px;display:block;background:url(../../../../uploadfile/2016/0704/images/ico_srh.png) no-repeat;background-size:100%;margin:0}
	.wrap .search_bar{height:40px;right:70px;width:60%}
	.search_bar form{margin-top:0}
	.wrap .s_text{height:40px;line-height:40px;background-position:10px -40px}
	.search_closed{top:4px}
	.search_key{/*top:40px*/top:68px;width: 100%;left:0px;}
	.wrap .top_menu{width:100%;display:block;position:fixed;top:0;bottom:0;left:0;background:#338fcd;color:#fff;overflow-y:auto;z-index:9900}
	.wrap .top_menu ul{padding:0;height:auto}
	.wrap .top_menu li{display:block;float:none;width:80%;height:auto;margin:0 auto}
	.wrap .top_menu li span{display:block;width:100%;height:46px;border-bottom:1px solid #fff;line-height:46px;position:relative;background:url(../../../../uploadfile/2016/0704/images/ico_tri.png) right center no-repeat;background-size:11px auto}
	.wrap .top_menu li.active span{background:url(../../../../uploadfile/2016/0704/images/ico_tri2.png) right center no-repeat;background-size:11px auto}
	.wrap .top_menu li:nth-child(2) span{background:0 0}
	.wrap .top_menu li a{display:inline;color:#fff;position:relative}
	.wrap .top_menu li a:hover{color:#fff}
	.wrap .top_menu .sub_menu{position:relative;left:0;top:0;background:0 0;width:100%;box-shadow:none;padding:0;background:#2880bc;margin-left:0}
	.wrap .top_menu .sub_menu p{padding:0 6%}
	.wrap .top_menu .sub_menu .doublemenu{background:#51a2ea}
	.top_menu ul li .doublemenu h3{font-size:12px}
	.new-bottom{display:block}
	.top_menu .sub_menu .item.on a{color:#fff}
}
/*#header .wrap{height:68px}*/
.top_menu .dropMenu1{height:auto!important;overflow:visible!important}
.top_menu .dropMenu1 .doublemenu{height:inherit!important;left:190px!important}
.top_bread .lang_lang .slect{text-align:left}
@font-face{;src:url(https://cdn.zwsoft.com/static/images/zw3d/cssimage/fonts/OpenSansSemibold/opensans-semibold-webfont.eot);src:url(https://cdn.zwsoft.com/static/images/zw3d/cssimage/fonts/OpenSansSemibold/opensans-semibold-webfont.eot?#iefix) format('embedded-opentype'),url(https://cdn.zwsoft.com/static/images/zw3d/cssimage/fonts/OpenSansSemibold/opensans-semibold-webfont.woff2) format('woff2'),url(https://cdn.zwsoft.com/static/images/zw3d/cssimage/fonts/OpenSansSemibold/opensans-semibold-webfont.woff) format('woff'),url(https://cdn.zwsoft.com/static/images/zw3d/cssimage/fonts/OpenSansSemibold/opensans-semibold-webfont.svg#open_sanssemibold) format('svg');font-weight:400;font-style:normal}
body{color:#000;font-size:12px}
a{text-decoration:none;color:#000;font-size:16px}
a:hover{color:#0078d7;text-decoration:none}
li,ul{list-style:none}
body,html{overflow-x:hidden}
.clearfix:after{clear:both;content:"\200B";display:block;height:0}
.wrap{width:1000px;position:relative;margin:0 auto}
.f_list_box{background:#f6f6f6;width:100%;height:auto;border:1px solid #E8E8E8;border-left:0;border-right:0;margin:0;overflow:hidden;padding-bottom:20px}
.f_list_box_2{background:#f6f6f6;width:100%;border:0 solid #E8E8E8;border-left:0;border-right:0;margin:0;clear:both}
.foot{background:#f6f6f6;font-size:14px;width:1000px;margin-left:auto;margin-right:auto;text-align:left;padding-left:20px;line-height:25px;margin-top:0;margin-bottom:0;padding-top:0}
.f_list{width:1000px;margin-left:auto;margin-right:auto}
.f_list ul{width:1000px}
.f_list ul:after{clear:both;content:"\200B";display:block;height:0}
.f_list li{width:14.5%;float:left;padding:15px 0 0 0;text-align:left;font-size:14px;color:#333;background-image:url(../../../../uploadfile/2016/0531/li-1.jpg);background-repeat:no-repeat;background-position:right center;margin-right:20px}
.f_list li p{line-height:24px;text-align:left}
.f_list ul li p.foot_tit{font-size:16px;color:#333;border-bottom:0 #D9D7D8 solid;padding-bottom:10px}
.one{background:url(../../../../uploadfile/2016/0531/foot.png) 0 0 no-repeat;width:15px;height:15px;display:inline-block;vertical-align:-2px;margin:0 3px 0 0}
.two{background:url(../../../../uploadfile/2016/0531/foot.png) 0 -26px no-repeat;width:15px;height:15px;display:inline-block;vertical-align:-2px;margin:0 3px 0 0}
.three{background:url(../../../../uploadfile/2016/0531/foot.png) 0 -51px no-repeat;width:15px;height:15px;display:inline-block;vertical-align:-2px;margin:0 3px 0 0}
.four{background:url(../../../../uploadfile/2016/0531/foot.png) 0 -78px no-repeat;width:15px;height:15px;display:inline-block;vertical-align:-2px;margin:0 3px 0 0}
.five{background:url(../../../../uploadfile/2016/0531/foot.png) 0 -103px no-repeat;width:15px;height:15px;display:inline-block;vertical-align:-2px;margin:0 3px 0 0}
@media only screen and (min-width:1220px) and (max-width:2000px){.f_list,.f_list ul,.foot,.wrap{width:1200px}
.f_list li{width:15%}
}
@media only screen and (min-width:800px) and (max-width:1220px){.f_list,.f_list ul,.foot,.wrap{width:95%}
.f_list li{width:13.3%}
}
@media only screen and (max-width:800px){.f_list,.f_list ul,.foot,.wrap{width:98%}
.f_list li{width:13.3%}
.foot{font-size:12px;line-height:22px}
}
@media only screen and (min-width:1680px){.f_list,.f_list ul,.foot,.wrap{width:1400px}
}
.foot{padding-left:0}
.f_list ul{padding-left:0!important}
.noscroll{position:absolute;top:0;width:100%;height:100%;overflow:hidden}
.f-new-bot-bar{display:none;height:80px;position:relative}
.f-new-bot-bar a.f-top-menu-close{display:block;position:absolute;width:15px;height:15px;background:url(../../../../uploadfile/2016/0704/images/ico_f_close.png) no-repeat;background-size:100%;position:absolute;top:40px;left:17px}
.f-new-bot-bar .logo{height:24px;width:26px;margin:0 auto;padding:35px 0}
.f-new-bot-bar .logo img{width:100%}
.f-new-bottom{display:none;width:80%;margin:30px auto}
.f-new-bottom .freetralis a{color:#595757}
.f-new-bottom .freetralis a i.ico{display:block;float:left;width:10px;height:13px;background:url(../../../../uploadfile/2016/0704/images/ico_f_download.png) no-repeat;background-size:100%;margin:4px 5px 0 0}
.f-new-bottom .socialapp{margin:15px 0}
.f-new-bottom .socialapp a{display:block;float:left;width:15px;height:15px;margin:0 10px 0 0}
.f-new-bottom .socialapp a.Facebook{background:url(../../../../uploadfile/2016/0704/images/ico_f_sj_1.png) no-repeat;background-size:100%}
.f-new-bottom .socialapp a.LinkedIn{background:url(../../../../uploadfile/2016/0704/images/ico_f_sj_2.png) no-repeat;background-size:100%}
.f-new-bottom .socialapp a.YouTube{background:url(../../../../uploadfile/2016/0704/images/ico_f_sj_3.png) no-repeat;background-size:100%}
.f-new-bottom .socialapp a.Twitter{background:url(../../../../uploadfile/2016/0704/images/ico_f_sj_4.png) no-repeat;background-size:100%}
.icoall a{float:left;margin-right:10px;display:block;width:33px;height:33px}
.icoall a img{width:100%}
@media only screen and (max-width:1800px){.icoall a{width:20px;height:20px;margin-right:5px}
}
@media screen and (max-width:800px){.f-new-bot-bar,.f-new-bottom{display:block}
.f_list{width:80%}
.f_list li{width:100%!important;float:none;background:0 0;padding:0;margin-right:0}
.f_list li a{color:#595757}
.f_list li.lastli{display:none}
.f_list li .f-dropdown{display:none;background:#eee}
.f_list li .f-dropdown p{margin:0 10px;height:30px;line-height:30px}
.f_list ul li .f-dropdown p.foot_tit{border-bottom:none;background:0 0}
.f_list ul li span.foot_tit{padding:0 0;display:block;width:100%;height:30px;line-height:30px;position:relative;background:url(../../../../uploadfile/2016/0704/images/ico_f_down.png) right center no-repeat;background-size:11px auto;border-bottom:1px solid #898989}
.f_list ul li span.foot_tit.active{background:url(../../../../uploadfile/2016/0704/images/ico_f_down2.png) right center no-repeat;background-size:11px auto}
.f_list ul li:last-child span.foot_tit{border-bottom:none}
.f_list_box_2{padding:5px 0}
.f_list_box_2 .foot{width:80%;margin:0 auto;text-align:center;line-height:20px}
.f_list_box{padding-bottom:0}
.f_list_box_2 .foot a{font-size:12px}
}
.newfootbar{background:#262626;padding:30px 0 0}
.newfootbar .f_list_box{border-bottom:2px solid #5f5f5f}
.newfootbar .f_list_box{background:0 0;border-top:none}
.newfootbar .f_list_box li{background:0 0}
.newfootbar .f_list_box li span.foot_tit a{color:#fff;font-size:14px;}
.newfootbar .f_list_box li .f-dropdown{margin-top:20px}
.newfootbar .f_list_box li .f-dropdown p{line-height:24px;margin-bottom:0;font-size:14px}
.newfootbar .f_list_box li .f-dropdown p a{font-size:14px;font-weight:100}
.newfootbar .f_list_box li .f-dropdown a{color:#bbb}
.newfootbar .f_list_box li .f-dropdown a:hover{color:#fff}
.newfootbar .f_list li p{line-height:28px}
.newfootbar .f_list li p a{color:#b9b9b9}
.newfootbar .f_list ul li p.foot_tit{color:#fff}
.newfootbar .f_list li .f-dropdown{background:0 0}
.newfootbar .f_list_box_2{background:0 0;border-top:none;padding:10px 0}
.newfootbar .f_list_box_2 .foot{background:0 0}
.newfootbar .f_list_box_2 .foot p{text-align:center;color:#b9b9b9;font-size:14px;margin-bottom:0}
.newfootbar .f_list_box_2 .foot p a{color:#b9b9b9;font-size:14px}
@media screen and (max-width:1280px){.newfootbar .f_list li p,.newfootbar .f_list_box li .f-dropdown p{line-height:26px}
.newfootbar .f_list li p a,.newfootbar .f_list_box li .f-dropdown p a{font-size:12px}
.foot,.newfootbar .f_list,.newfootbar .f_list ul{margin:0 auto}
.newfootbar .f_list_box li{width:16.6%;margin-right:0}
}
@media screen and (max-width:800px){.newfootbar{padding-top:0}
.newfootbar .f_list_box li span.foot_tit a,.newfootbar .f_list_box_2 .foot p{font-size:12px}
}
.newfootbar .f_list li{width:auto;margin-right:6%}
.newfootbar .f_list li.lastli{margin-right:0;width:auto}
.newfootbar .f_list li p.foot_tit{line-height:22px;padding-bottom:20px}
@media screen and (max-width:1600px){.newfootbar .f_list li{margin-right:6%}
}
@media screen and (max-width:1280px){.contents,.f_list,.f_list ul,.foot,.nevg-bar,.top-nav .bigtitle,.wrap{width:90%}
.f_list ul{width:100%}
.newfootbar .f_list li{margin-right:6.5%;width:16%\9;margin-right:1%\9}
.newfootbar .f_list{margin-bottom:20px}
.newfootbar .f_list ul li:last-child span.foot_tit{border-bottom:none}
}
@media screen and (max-width:1200px){.newfootbar .f_list li{margin-right:5.5%;margin-right:1%\9}
}
@media screen and (max-width:1100px){.newfootbar .f_list li{margin-right:5%;margin-right:1%\9}
}
@media screen and (max-width:1000px){.newfootbar .f_list li{margin-right:4%;margin-right:1%\9}
}
@media screen and (max-width:950px){.newfootbar .f_list li{margin-right:3%;width:15.5%\9;margin-right:1%\9}
.newfootbar .f_list{width:95%}
}
@media screen and (max-width:900px){.newfootbar .f_list li{margin-right:2.5%;margin-right:1%\9}
}
@media screen and (max-width:860px){.newfootbar .f_list li{margin-right:2%;margin-right:1%\9}
}
@media screen and (max-width:810px){.newfootbar .f_list li{margin-right:1.2%;margin-right:1%\9}
}
@media screen and (max-width:500px){.newfootbar .f_list{width:90%}
}
.flexslider{position:relative;z-index:1}
.flexslider ul{margin-bottom:0}
.flex-control-nav{position:absolute;left:0;width:100%;bottom:30px;text-align:center;z-index:7;margin-bottom:0}
.flex-control-nav li{display:inline-block;margin:0 5px}
.flex-control-nav li a{display:inline-block;border:1px solid #7f7f7f;background:#7f7f7f;width:13px;height:13px;border-radius:100%;text-indent:-999px;overflow:hidden;cursor:pointer}
.flex-control-nav .flex-active{background:0 0;border:1px solid #3283c2;width:13px;height:13px}
.index-video{position:relative;width:100%}
.index-video .suface{position:absolute;top:17.5%;left:12.2%;z-index:9}
.index-video .suface h2{font-size:47px;color:#404040;line-height:1.4}
.learnwatch{margin-top:14%}
.learnwatch a{;display:inline-block;font-size:32px;color:#3283c2;margin-right:5%;border-bottom:none}
.learnwatch a i.ico{display:inline-block;width:12px;height:20px;background:url(../../../images/zw3d/cssimage/ico_gomore.png) no-repeat;background-size:100%;margin-right:6px;vertical-align:middle}
.learnwatch a:hover{border-bottom:1px solid #3283c2}
.index-video .suface2{top:28%}
.index-video .suface2 .learnwatch{margin-top:3%;width:590px}
.index-video .suface2 .wod h1{font-size:76px;color:#3e62a9;font-weight:400}
.index-video .suface2 .wod p{font-size:36px;color:#0e0e0e}
.index-video .suface2 .learnwatch a{border:0 solid #fff;;font-size:24px;text-decoration:none}
.index-video .suface3{top:22%}
.index-video .suface3 .learnwatch{margin-top:13.4%}
.index-video .suface3 .wod h3{font-weight:100;font-size:56px;color:#185b9d;text-shadow:0 0 5px rgba(0,0,0,.3)}
.index-video .suface3 .wod p{font-weight:100;font-size:32px;color:#185b9d}
.index-video .suface3 .learnwatch a{border:1px solid #c4c2c4;display:block;color:#fff;font-size:30px;text-align:center;text-decoration:none;width:286px;height:50px;line-height:50px;background:#5e8cba;background:-moz-linear-gradient(top,#5e8cba 0,#14416f 100%,#14416f 100%);background:-webkit-linear-gradient(top,#5e8cba 0,#14416f 100%,#14416f 100%);background:linear-gradient(to bottom,#5e8cba 0,#14416f 100%,#14416f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e8cba', endColorstr='#14416f', GradientType=0 )}
.index-video .suface4{top:24%}
.index-video .suface4 .learnwatch{margin-top:11%}
.index-video .suface4 .wod h1{;font-weight:400;font-size:60px;color:#fff;text-shadow:0 4px 1px rgba(135,135,135,.52)}
.index-video .suface4 .wod p{font-weight:100;font-size:30px;color:#fff;letter-spacing:3px}
.index-video .suface4 .learnwatch a{color:#fff;font-size:30px;text-decoration:none;border-bottom:none;letter-spacing:3px}
.index-video .suface4 .learnwatch a:hover{text-decoration:underline}
.index-video .video{width:100%;height:100%;position:relative;background:#fff;z-index:2}
.index-video .video>div{width:100%;height:100%}
.index-video .video video{width:100%}
.index-video .pic{display:none;width:100%}
.index-video .pic img,.index-video .pic1 img{width:100%}
@media only screen and (max-width:1840px){.index-video .suface h2{font-size:40px}
.learnwatch{margin-top:12%}
.learnwatch a{font-size:26px}
.learnwatch a i.ico{width:6px;height:10px;background-image:url(../../../images/zw3d/cssimage/ico_gomore2.png)}
.index-video .suface2 .wod h1{font-size:45px}
.index-video .suface2 .wod p{font-size:23px}
.index-video .suface2 .learnwatch a{font-size:20px}
.index-video .suface2 .learnwatch img{height: 37px;/*width:145px*/}
.index-video .suface3 .wod h3{font-size:48px}
.index-video .suface3 .wod p{font-size:30px}
.index-video .suface3 .learnwatch a{font-size:32px}
.index-video .suface4 .wod h1{font-size:45px}
.index-video .suface4 .wod p{font-size:24px}
.index-video .suface4 .learnwatch a{font-size:30px}
}
@media only screen and (max-width:1440px){.flex-control-nav{bottom:20px}
.flex-control-nav li{margin:0 3px}
.flex-control-nav li a{width:8px;height:8px}
.flex-control-nav .flex-active{width:8px;height:8px}
.index-video .suface h2{font-size:30px}
.learnwatch{margin-top:12%}
.learnwatch a{font-size:20px}
.index-video .suface2 .wod h1{font-size:45px}
.index-video .suface2 .wod p{font-size:23px}
.index-video .suface2 .learnwatch a{font-size:16px}
.index-video .suface2 .learnwatch img{width:145px}
.index-video .suface3 .wod h3{font-size:42px}
.index-video .suface3 .wod p{font-size:26px}
.index-video .suface3 .learnwatch a{font-size:18px;width:145px;height:39px;line-height:39px}
.index-video .suface4 .wod h1{font-size:45px}
.index-video .suface4 .wod p{font-size:24px}
.index-video .suface4 .learnwatch a{font-size:28px}
}
@media only screen and (max-width:1300px){.index-video .suface h2{font-size:30px}
.learnwatch{margin-top:10%}
.learnwatch a{font-size:16px}
.learnwatch a i.ico{width:4px;height:7px;background-image:url(../../../images/zw3d/cssimage/ico_gomore3.png)}
.index-video .suface2 .wod h1{font-size:45px}
.index-video .suface2 .wod p{font-size:23px}
.index-video .suface2 .learnwatch a{font-size:12px}
.index-video .suface2 .learnwatch img{width:145px}
.index-video .suface3 .wod h3{font-size:30px}
.index-video .suface3 .wod p{font-size:16px}
.index-video .suface3 .learnwatch a{font-size:12px;width:100px;height:28px;line-height:28px}
.index-video .suface4 .wod h1{font-size:30px}
.index-video .suface4 .wod p{font-size:16px}
.index-video .suface4 .learnwatch a{font-size:14px}
.carousel-indicators .active,.carousel-indicators li{width:8px;height:8px}
.carousel-indicators{bottom:0}
}
@media only screen and (max-width:1000px){.index-video .suface h2{font-size:24px}
.learnwatch{margin-top:10%}
.learnwatch a{font-size:16px}
.learnwatch a i.ico{width:4px;height:7px;background-image:url(../../../images/zw3d/cssimage/ico_gomore3.png)}
.index-video .suface2 .wod h1{font-size:32px}
.index-video .suface2 .wod p{font-size:16px}
.index-video .suface2 .learnwatch a{font-size:12px}
.index-video .suface2 .learnwatch img{width:105px}
.index-video .suface3 .wod h3{font-size:28px}
.index-video .suface3 .wod p{font-size:16px}
.index-video .suface3 .learnwatch a{font-size:12px;width:100px;height:28px;line-height:28px}
.index-video .suface4 .wod h1{font-size:28px}
.index-video .suface4 .wod p{font-size:16px}
.index-video .suface4 .learnwatch a{font-size:14px}
.carousel-indicators .active,.carousel-indicators li{width:8px;height:8px}
.carousel-indicators{bottom:0}
}
@media only screen and (max-width:800px){.index-video .suface{top:3%;width:80%}
.index-video .suface h2{font-size:18px}
.learnwatch{margin-top:5%}
.learnwatch a{font-size:12px}
.index-video .suface2 .wod h1{font-size:28px}
.index-video .suface2 .wod p{font-size:14px}
.index-video .suface2 .learnwatch a{font-size:12px}
.index-video .suface2 .learnwatch img{width:95pxpx}
.index-video .suface3 .wod h3{font-size:22px}
.index-video .suface3 .wod p{font-size:14px}
.index-video .suface3 .learnwatch a{font-size:12px;width:100px;height:28px;line-height:28px}
.index-video .suface4 .wod h1{font-size:24px}
.index-video .suface4 .wod p{font-size:12px}
.index-video .suface4 .learnwatch a{font-size:14px}
.carousel-indicators .active,.carousel-indicators li{width:8px;height:8px}
.carousel-indicators{bottom:0}
}
@media only screen and (max-width:500px){.index-video .suface{top:0;width:80%}
.index-video .suface h2{font-size:14px}
.learnwatch{margin-top:0}
.learnwatch a{font-size:12px}
.learnwatch a i.ico{width:4px;height:7px}
.index-video .suface2 .wod h1{font-size:24px}
.index-video .suface2 .wod p{font-size:12px}
.index-video .suface2 .learnwatch{margin-top:0}
.index-video .suface2 .learnwatch a{font-size:12px}
.index-video .suface2 .learnwatch img{width:85px}
.index-video .suface3 .wod h3{font-size:16px}
.index-video .suface3 .wod p{font-size:12px}
.index-video .suface3 .learnwatch{margin-top:0}
.index-video .suface4 .wod h1{font-size:14px;text-shadow:0 1px 1px rgba(135,135,135,.52)}
.index-video .suface4 .wod p{font-size:12px}
.index-video .suface4 .learnwatch{margin-top:0}
.index-video .suface4 .learnwatch a{font-size:12px}
.index-video h1,h2,h3{margin-top:10px}
.index-video .suface{left:5%}
}
.index-video .pic{display:block;position:relative;z-index:2}
.index-free{padding:40px 0 42px;background:#3283c2}
.index-free h2{color:#fff;font-size:45px;font-weight:400;margin:0;}
.index-free a{font-size:30px;display:block;width:263px;height:63px;color:#fff;background:#5bc44a;margin:40px auto 0;line-height:63px;}
.index-free a:hover{background:#338d24}
@media only screen and (max-width:1840px){.index-free{padding:36px 0 36px}
.index-free h2{font-size:40px}
.index-free a{font-size:20px;width:203px;height:43px;margin:20px auto 0;line-height:43px}
}
@media only screen and (max-width:1440px){.index-free{padding:28px 0 28px}
.index-free h2{font-size:40px}
.index-free a{font-size:20px;width:203px;height:43px;margin:20px auto 0;line-height:43px}
}
@media only screen and (max-width:1240px){.index-free h2{font-size:30px}
}
@media only screen and (max-width:768px){.index-free{padding:18px 0 20px}
.index-free h2{font-size:28px}
.index-free a{font-size:16px;width:153px;height:30px;margin:10px auto 0;line-height:30px}
}
@media only screen and (max-width:500px){.index-free{padding:18px 0 20px}
.index-free a{font-size:12px;width:120px;height:30px;margin:10px auto 0;line-height:30px}
}
.index-product{margin-left:-6px}
.index-product .product-item{position:relative;padding:0}
.product-item a{display:block;transition:all .3s;overflow:hidden;position:relative;z-index:1;color:#454545;margin:0 0 0 6px}
.product-item.product-item-first a{margin-left:6px}
@media only screen and (max-width:600px){
.product-item.product-item-first a{margin-left:0px}
}
.product-item .title{position:absolute;left:0;top:1%;width:100%;z-index:2}
.product-item .title h2{font-size:38px;}
.product-item .title p{width:60%;margin:0 auto;font-size:24px}
.product-item .img{position:relative;z-index:1}
.product-item .img img{width:100%}
.product-item a:hover{z-index:2}
@media only screen and (max-width:1600px){.product-item .title h2{font-size:24px}
.product-item .title p{font-size:14px}
}
@media only screen and (max-width:760px){.index-product{background:#e6ecec;margin-left:0}
.product-item a{padding:2px 3px;margin:0}
}
@media only screen and (max-width:500px){.product-item .title h2{font-size:26px}
.product-item .title p{font-size:14px}
}
.index-trust{background:#ebeeef}
.index-trust .row{width:1470px;margin:0 auto;padding-bottom:5%}
.index-trust .main-title h2{font-size:45px;color:#3283c2;text-transform:uppercase;padding:50px 0}
.trust-box .trust-video{position:relative;background:#fff;padding:25px;margin-bottom:5%}
.trust-box .trust-video img{width:100%}
.trust-box .trust-video a{display:block}
.trust-box .trust-video i.icoplay{display:block;width:146px;height:146px;background:url(../../../images/zw3d/cssimage/ico_play.png) no-repeat;position:absolute;left:50%;top:50%;margin-left:-73px;margin-top:-73px}
.trust-box .trust-item{background:#f7f9f9;margin-bottom:3%;padding:10px 38px 20px;position:relative}
.trust-box .trust-item .word{position:relative}
.trust-box .trust-item .word p{font-size:24px;line-height:40px;color:#3283c2;vertical-align:top;margin-left:36px;margin-bottom:5px}
.trust-box .trust-item .word em.quote-top{display:inline-block;width:21px;height:17px;margin-right:12px;position:absolute;left:0;top:10px}
.trust-box .trust-item .word em.quote-top img{width:100%}
.trust-box .trust-item .word em.quote-bot{display:inline-block;width:21px;height:17px;margin-left:12px}
.trust-box .trust-item .word em.quote-bot img{width:100%}
.trust-box .trust-item .people{font-size:18px;line-height:30px;color:#494949}
.trust-box .trust-item .slogo{position:absolute;left:80px;bottom:32px}
.trust-box .more{text-align:right;margin-top:40px}
.trust-box .more a{font-size:34px;color:#3283c2;display:inline-block;border-bottom:1px solid transparent;}
.trust-box .more a i.ico{display:inline-block;vertical-align:middle;margin-left:10px;width:12px;height:20px;background:url(../../../images/zw3d/cssimage/ico_gomore.png) no-repeat}
.trust-box .more a:hover{border-bottom:1px solid #3283c2}
@media only screen and (min-width:1930px){.index-trust .row{width:1470px}
}
@media only screen and (min-width: 1801px){
	.trust-box .trust-item .slogo .mopng { width: 180px;}
}
@media only screen and (max-width:1800px){.trust-box .trust-video{padding:20px}
.trust-box .trust-item .word p{line-height:38px;font-size:24px}
.trust-box .trust-video i.icoplay{display:block;width:146px;height:146px;background:url(../../../images/zw3d/cssimage/ico_play.png) no-repeat;position:absolute;left:50%;top:50%;margin-left:-73px;margin-top:-73px}
.trust-box .trust-item .slogo{bottom:20px;left:60px;height:35px}
.trust-box .trust-item .slogo img{height:100%}
.trust-box .trust-item .word em.quote-bot,.trust-box .trust-item .word em.quote-top{width:22px}
.trust-box .more a{font-size:30px}
}
@media only screen and (max-width:1600px){.index-trust .row{width:90%}
.trust-box .trust-video{padding:20px}
.trust-box .trust-item{padding:10px 28px 20px}
.trust-box .trust-item .word p{line-height:34px;font-size:20px}
.trust-box .trust-item .people{line-height:28px}
.trust-box .trust-item .slogo{bottom:20px;left:60px;height:30px}
.trust-box .trust-item .slogo img{height:100%}
.trust-box .trust-item .word em.quote-bot,.trust-box .trust-item .word em.quote-top{width:18px}
.trust-box .more a{font-size:24px}
}
@media only screen and (max-width:1440px){.index-trust .main-title h2{font-size:40px;margin:0}
.trust-box .trust-video{padding:15px}
.trust-box .trust-video i.icoplay{width:82px;height:82px;margin-left:-41px;margin-top:-41px;background:url(../../../images/zw3d/cssimage/ico_play3.png) no-repeat}
.trust-box .trust-item{padding:15px 20px}
.trust-box .trust-item .word p{font-size:18px;line-height:28px;margin-left:30px}
.trust-box .trust-item .people{font-size:12px;line-height:26px}
.btnmore a{width:260px;height:50px;line-height:50px;font-size:24px}
.trust-box .trust-item .slogo{bottom:20px;left:60px;height:20px}
.trust-box .trust-item .slogo img{height:100%}
.trust-box .trust-item .word em.quote-bot,.trust-box .trust-item .word em.quote-top{width:15px;height:12px}
}
@media only screen and (max-width:1242px){.index-trust .row{width:94%}
.index-trust .main-title h2{font-size:30px;margin:0;padding:40px 0}
.trust-box .trust-item .people{line-height:22px}
}
@media only screen and (max-width:1080px){.index-trust .row{width:100%}
.trust-box .trust-item{margin-bottom:8px}
.trust-box .trust-item .word p{margin-left:20px;line-height:24px}
.trust-box .trust-item .people{line-height:24px}
.trust-box .trust-item{padding:10px 15px}
.trust-box .trust-item .slogo{left:32px}
}
@media only screen and (max-width:768px){.index-trust .main-title h2{font-size:28px}
.trust-box .trust-item .word p{font-size:12px;line-height:18px}
.trust-box .trust-item .word em.quote-bot,.trust-box .trust-item .word em.quote-top{width:10px}
.trust-box .trust-item .word em.quote-top{top:2px}
.trust-box .trust-item .people{line-height:14px}
.trust-box .trust-item .slogo{height:15px}
.trust-box .more{margin-top:20px}
}
@media only screen and (max-width:500px){.index-trust .row .col-sm-12{padding:0}
.trust-box .trust-video i.icoplay{width:82px;height:82px;margin-left:-41px;margin-top:-41px;background:url(../../../images/zw3d/cssimage/ico_play3.png) no-repeat}
.trust-box .trust-item{padding:15px 15px;margin-bottom:10px}
.trust-box .trust-video{padding:10px}
.trust-box .trust-item .word p{font-size:14px;line-height:24px;margin-bottom:10px}
.trust-box .trust-item .people{line-height:22px}
}
.index-news .row{width:1457px;margin:0 auto;padding-bottom:60px}
.index-news .maint{font-size:45px;color:#3283c2;padding:50px 0;text-align:center}
.index-news .news-box{position:relative;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.3);margin-bottom:5%;height:685px}
.index-news .news-box .img{padding:15px}
.index-news .news-box .img img{width:100%}
.index-news .news-box h2{font-weight:300;font-size:24px;line-height:36px;color:#454545;text-align:center;width:92%;margin:5% auto 0;height:72px;overflow:hidden}
.index-news .news-box p{font-size:18px;color:#454545;line-height:30px;text-align:center;padding:0 20px;margin:30px 0 20px;height:120px;overflow:hidden}
.index-news .news-box .more{text-align:center;margin-top:40px}
.index-news .news-box .more a{font-size:24px;color:#3283c2;display:inline-block;border-bottom:1px solid transparent;}
.index-news .news-box .more a i.ico{display:inline-block;vertical-align:middle;margin-left:10px;width:12px;height:20px;background:url(../../../images/zw3d/cssimage/ico_gomore.png) no-repeat}
.index-news .news-box .more a:hover{border-bottom:1px solid #3283c2}
.index-news .learn-box .more a{/*letter-spacing:-2px*/}
.index-news .learn-box h2{color:#3283c2;}
.index-news .learn-box p a{color:#3588c9;text-decoration:underline;font-size:18px}
.index-news .learn-box p a:hover{text-decoration:none}
@media only screen and (min-width:1930px){.index-news .row{width:1457px}
}
@media only screen and (max-width:1600px){.index-news .row{width:90%}
.index-news .news-box .img{padding:10px}
}
@media only screen and (max-width:1440px){.index-news .maint{font-size:40px}
.index-news .news-box{height:530px}
.index-news .news-box .more a,.trust-box .more a{font-size:20px}
.index-news .news-box h2{font-size:18px;line-height:30px;height:60px}
.index-news .learn-box p a,.index-news .news-box p{font-size:14px;height:104px;line-height:26px;margin-top:20px}
.index-news .news-box .more{margin-top:20px}
}
@media only screen and (max-width:1242px){.index-news .row{width:94%}
.index-news .maint{padding:40px 0;font-size:30px}
}
@media only screen and (max-width:1080px){.index-news .row{width:100%}
.index-news .learn-box .more a{font-size:16px}
}
@media only screen and (max-width:768px){.index-news .maint{font-size:28px}
.index-news .learn-box,.index-news .news-box{height:auto;padding-bottom:30px}
.index-news .row{padding-bottom:30px}
.index-news .learn-box .more a{font-size:14px}
.index-news .news-box h2,.index-news .news-box p{height:auto}
}
@media only screen and (max-width:500px){.index-news .learn-box,.index-news .news-box{height:auto;padding-bottom:20px}
.index-news .row{width:100%}
.index-news .row .col-sm-12{padding:0}
.index-news .news-box h2{font-size:16px}
.index-news .learn-box p a,.index-news .news-box p{font-size:12px}
.index-news .news-box p{margin:10px 0;padding:0 10px}
.index-news .news-box .more{margin-top:10px}
.index-news .news-box .more a,.trust-box .more a{font-size:16px}
.index-news .learn-box .more,.index-news .news-box .more{margin-top:0;padding-top:10px}
}
.vid-bg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background-color:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77000000', endColorstr='#77000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#77000000', endColorstr='#77000000')"}
.vid-box{display:none;width:855px;height:480px;position:fixed;left:50%;margin-left:-426px;top:50%;margin-top:-240px;z-index:10000;background:#fff}
.vid-box .close{display:block;width:32px;height:32px;background:url(../../../images/zw3d/cssimage/ico-close.png) no-repeat;position:absolute;top:6px;right:6px;opacity:1;z-index:22}
*{margin:0;padding:0;font-weight:300}
.floor{width:100%;height:100%;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:center center}
.floor .top_text{width:100%;text-align:center;position:absolute;top:0;z-index:5}
.floor .txt_blue55{font-size:36px;font-weight:300;padding-bottom:5px}
.floor .txt_blue32{font-size:20px}
.floor .txt_gray20{line-height:30px}
.floor .txt_gray20 p{margin-bottom:8px}
.floor .btn_box{position:absolute;width:100%;height:60%;bottom:15%;left:0;z-index:4;text-align:center}
.floor .left_text{z-index:5;position:absolute;left:0;top:50%;margin-top:-100px;width:56%}
.floor .right_box{position:absolute;width:50%;height:80%;left:50%;top:10%;z-index:4}
.floor .left_text .txt_gray20{padding-right:10px}
.floor .left_text .txt_blue55{padding-bottom:10px}
.floor .blue_btn{padding-top:15px}
.floor .left_text .blue_btn{width:240px}
.floor .blue_btn a{display:block;font-size:20px;line-height:30px;color:#0078d7;margin-bottom:5px}
.floor .blue_btn a span{margin-left:10px}
.floor .blue_btn a.video_btn span{display:inline-block;width:31px;height:31px;background:url(../../../../uploadfile/2016/0509/zwcad2017/icon.png) no-repeat 0 bottom;background-size:100%;vertical-align:top;margin-top:0}
.content{width:1000px;margin:0 auto;position:relative;z-index:2;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.loading_icon{min-width:1000px;width:100%;height:100%;position:absolute;left:0;bottom:0;background-color:rgba(0,0,0,.92);z-index:11}
.loading_icon span{display:block;width:124px;padding-top:130px;line-height:30px;font-size:18px;text-align:center;color:#fff;background:url(../../../../uploadfile/2016/0509/zwcad2017/load.gif) no-repeat 0 0;position:absolute;left:50%;margin-left:-62px;top:50%;margin-top:-80px}
@-webkit-keyframes gelatine{from,to{-webkit-transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05)}
}
@-moz-keyframes gelatine{from,to{-moz-transform:scale(1,1)}
25%{-moz-transform:scale(.9,1.1)}
50%{-moz-transform:scale(1.1,.9)}
75%{-moz-transform:scale(.95,1.05)}
}
@-ms-keyframes gelatine{from,to{-ms-transform:scale(1,1)}
25%{-ms-transform:scale(.9,1.1)}
50%{-ms-transform:scale(1.1,.9)}
75%{-ms-transform:scale(.95,1.05)}
}
@keyframes gelatine{from,to{transform:scale(1,1)}
25%{transform:scale(.9,1.1)}
50%{transform:scale(1.1,.9)}
75%{transform:scale(.95,1.05)}
}
.overviewHeader{position:absolute;top:0;width:100%;left:0;background:#fff;z-index:99}
.floor1{background-image:url(../../../images/zw3d/cssimage/floor_bg_1.jpg)}
.floor1 .content{display:table;width:75.89%}
.floor1 .left_text{opacity:0;margin-top:-135px;width:auto;text-transform:uppercase;-webkit-transform:translateX(50px);-moz-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);-webkit-transition:all ease-in .5s;-moz-transition:all ease-in .5s;-ms-transition:all ease-in .5s;transition:all ease-in .5s}
.floor1 .txt_blue55{font-size:86px;color:#3f62a8}
.floor1 .txt_blue32{font-size:42px;margin-bottom:20px}
.floor1 .blue_btn a{display:block;width:183px;height:44px;color:#5676b4;border:2px solid #5676b4;line-height:42px;font-size:28px;text-align:center;border-radius:3px;transition:all .3s}
.floor1 .blue_btn a:hover{background:#5676b4;color:#fff}
.floor1.current_p .left_text{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.floor1.current_p .fl01_b1{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.floor2{background-color:#f2f3f3;background-image:url(../../../images/zw3d/cssimage/floor_bg_2.jpg)}
.floor2 .content{width:100%}
.floor2 .top_text{top:9%;opacity:0;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all ease-out .5s;-moz-transition:all ease-out .5s;-ms-transition:all ease-out .5s;transition:all ease-out .5s}
.floor2 .top_text .txt_blue55{font-size:45px}
.floor2 .top_text .txt_gray20{font-size:20px}
.floor2 .top_text .blue_btn a{font-size:20px}
.floor2 .btn_box{width:64.73958%;position:absolute;bottom:40px;left:50%;margin-left:-32.36979%;opacity:0;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-transition:all ease-in .5s;-moz-transition:all ease-in .5s;-ms-transition:all ease-in .5s;transition:all ease-in .5s}
.floor2 .f2_box1{height:100%;text-align:center;display:none\9}
.floor2 .f2_box1 img{width:100%;margin:0 auto}
.floor2 .f2_box2{width:30%;height:300px;top:-20px;right:-18px;position:absolute;overflow:hidden;border-radius:160px;opacity:0;text-align:center;box-shadow:0 0 10px #333;display:none\9}
.floor2 .f2_box2_s{width:100%;height:610px;position:relative;margin-top:0;margin-left:-85px;-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.floor2 .f2_box2_s img{width:auto;height:100%;position:absolute;right:0;top:0}
.floor2 .f2_box3{width:169px;height:342px;background-size:100% auto;position:absolute;bottom:0;overflow:hidden;left:78px;opacity:0;display:none\9;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}
.floor2.current_p .top_text{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.floor2.current_p .btn_box{opacity:1}
.floor2.current_p .f2_box2{-webkit-animation:move_Down 1.5s linear 1.2s forwards;-moz-animation:move_Down 1.5s linear 1.2s forwards;-ms-animation:move_Down 1.5s linear 1.2s forwards;animation:move_Down 1.5s linear 1.2s forwards}
.floor2.current_p .f2_box2 img{-webkit-animation:move_bottom 1.5s linear 1.2s forwards;-moz-animation:move_bottom 1.5s linear 1.2s forwards;-ms-animation:move_bottom 1.5s linear 1.2s forwards;animation:move_bottom 1.5s linear 1.2s forwards}
@-webkit-keyframes move_bottom{52%{-webkit-transform:translateY(0) scale(1.12,1.12)}
100%{-webkit-transform:translateY(-36%) scale(1.12,1.12)}
}
@-moz-keyframes move_bottom{52%{-moz-transform:translateY(0) scale(1.12,1.12)}
100%{-moz-transform:translateY(-36%) scale(1.12,1.12)}
}
@-ms-keyframes move_bottom{52%{-ms-transform:translateY(0) scale(1.12,1.12)}
100%{-ms-transform:translateY(-36%) scale(1.12,1.12)}
}
@keyframes move_bottom{52%{transform:translateY(0) scale(1.12,1.12)}
100%{transform:translateY(-36%) scale(1.12,1.12)}
}
@-webkit-keyframes move_Down{0%{opacity:0;-webkit-transform:translate(0,-20px)}
32%{opacity:1;-webkit-transform:translate(0,0)}
52%{opacity:1;-webkit-transform:translate(0,0)}
100%{opacity:1;-webkit-transform:translateY(130%)}
}
@-moz-keyframes move_Down{0%{opacity:0;-moz-transform:translate(0,-20px)}
32%{opacity:1;-moz-transform:translate(0,0)}
52%{opacity:1;-moz-transform:translate(0,0)}
100%{opacity:1;-moz-transform:translateY(130%)}
}
@-ms-keyframes move_Down{0%{opacity:0;-ms-transform:translate(0,-20px)}
32%{opacity:1;-ms-transform:translate(0,0)}
52%{opacity:1;-ms-transform:translate(0,0)}
100%{opacity:1;-ms-transform:translateY(130%)}
}
@keyframes move_Down{0%{opacity:0;transform:translate(0,-20px)}
32%{opacity:1;transform:translate(0,0)}
52%{opacity:1;transform:translate(0,0)}
100%{opacity:1;transform:translateY(130%)}
}
@-webkit-keyframes move_up{0%{-webkit-transform:scale(.5,.5);opacity:0}
100%{opacity:1;-webkit-transform:scale(1,1)}
}
@-moz-keyframes move_up{0%{-moz-transform:scale(.5,.5);opacity:0}
100%{opacity:1;-moz-transform:scale(1,1)}
}
@-ms-keyframes move_up{0%{-ms-transform:scale(.5,.5);opacity:0}
100%{opacity:1;-ms-transform:scale(1,1)}
}
@keyframes move_up{0%{transform:scale(.5,.5);opacity:0}
100%{opacity:1;transform:scale(1,1)}
}
.floor3{background-image:url(../../../images/zw3d/cssimage/floor_bg_3.jpg)}
.floor3 .content{display:table;width:100%}
.floor3 .left_text{opacity:0;margin-top:-164px;margin-left:11.97917%;width:32.8125%;-webkit-transform:translateX(50px);-moz-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);-webkit-transition:all ease-in .5s;-moz-transition:all ease-in .5s;-ms-transition:all ease-in .5s;transition:all ease-in .5s}
.floor3 .left_text .txt_blue55{font-size:45px;margin-bottom:20px}
.floor3 .left_text .txt_gray20{width:79.36508%}
.floor3 .left_text .blue_btn,.floor3 .left_text .txt_gray20{font-size:20px}
.floor3 .right_box{top:50%;margin-top:-15%;width:33.125%;left:auto;right:17.1875%;line-height:100%;opacity:0;text-align:center;-webkit-transform:rotate(-180deg) scale(.1,.1);-moz-transform:rotate(-180deg) scale(.1,.1);-ms-transform:rotate(-180deg) scale(.1,.1);transform:rotate(-180deg) scale(.1,.1);-webkit-transition:all linear .8s;-moz-transition:all linear .8s;-ms-transition:all linear .8s;transition:all linear .8s}
.floor3 .right_box img{width:100%;vertical-align:middle;margin:0 auto}
.floor3 .fl02_b2{width:93px;height:76px;position:absolute;left:0;top:25%;margin-left:-20%;opacity:0;-webkit-transform:translate(200px,200px);-moz-transform:translate(200px,200px);-ms-transform:translate(200px,200px);transform:translate(200px,200px);-webkit-transition:all ease-in .8s .8s;-moz-transition:all ease-in .8s .8s;-ms-transition:all ease-in .8s .8s;transition:all ease-in .8s .8s}
.floor3 .fl02_b3{width:227px;height:185px;position:absolute;left:0;top:60%;margin-left:-45%;opacity:0;-webkit-transform:translate(200px,200px);-moz-transform:translate(200px,200px);-ms-transform:translate(200px,200px);transform:translate(200px,200px);-webkit-transition:all ease-in .5s 1.2s;-moz-transition:all ease-in .5s 1.2s;-ms-transition:all ease-in .5s 1.2s;transition:all ease-in .5s 1.2s}
.floor3 .fl02_b4{width:144px;height:117px;position:absolute;right:0;top:40%;margin-right:-25%;opacity:0;-webkit-transform:translate(-200px,200px);-moz-transform:translate(-200px,200px);-ms-transform:translate(-200px,200px);transform:translate(-200px,200px);-webkit-transition:all ease-in .8s 1s;-moz-transition:all ease-in .8s 1s;-ms-transition:all ease-in .8s 1s;transition:all ease-in .8s 1s}
.floor3 .fl02_b2 img,.floor3 .fl02_b3 img,.floor3 .fl02_b4 img{width:100%}
.floor3.current_p .right_box{opacity:1;-webkit-transform:rotate(0) scale(1,1);-moz-transform:rotate(0) scale(1,1);-ms-transform:rotate(0) scale(1,1);transform:rotate(0) scale(1,1)}
.floor3.current_p .fl02_b2,.floor3.current_p .fl02_b3,.floor3.current_p .fl02_b4,.floor3.current_p .left_text{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.floor4{background-image:url(../../../images/zw3d/cssimage/floor_bg_4.jpg)}
.floor4 .content{width:100%}
.floor4 .content .top_text{top:9%;opacity:0;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all ease-in .5s;-moz-transition:all ease-in .5s;-ms-transition:all ease-in .5s;transition:all ease-in .5s}
.floor4 .content .top_text .txt_blue55{font-size:45px}
.floor4 .content .top_text .blue_btn,.floor4 .content .top_text .txt_gray20{font-size:20px}
.floor4 .btn_box{bottom:6.69456%;height:60%;opacity:0;transition:all 1s;transform:translateY(200px)}
.floor4 .box4{width:100%;height:100%;margin:0 auto}
.floor4 .box4 .box4-left{width:22.70833%;margin-left:13.4375%;display:block;float:left;margin-top:5%;border:1px solid #414142}
.floor4 .box4 .box4-left li{width:33%;float:left;text-align:center;border-bottom:1px solid #d6d7d7;border-right:1px solid #d6d7d7;overflow:hidden}
.floor4 .box4 .box4-left li img{width:100%}
.floor4 .box4 .box4-right{width:52.1875%;display:block;float:right;margin-right:9.73958%}
.floor4 .box4-left li.border-bottom-no{border-bottom:none}
.floor4 .box4-left li.border-right-no{border-right:none}
.floor4 .on{display:block}
.floor4 .off{display:none}
.floor4 .box4-right-ul li img{margin-top:26px;width:100%}
.floor4.current_p .btn_box,.floor4.current_p .top_text{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.floor5{background-image:url(../../../images/zw3d/cssimage/floor_bg_5.jpg)}
.floor5 .top_text{opacity:0;top:9%;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all ease-in .5s;-moz-transition:all ease-in .5s;-ms-transition:all ease-in .5s;transition:all ease-in .5s}
.floor5 .top_text .txt_blue55{font-size:45px}
.floor5 .top_text .blue_btn,.floor5 .top_text .txt_gray20{font-size:20px}
.floor5 .content{max-width:auto;width:100%}
.floor5 .btn_box{bottom:0;right:0;width:100%;text-align:center;-webkit-transition:all ease-out .6s;-moz-transition:all ease-out .6s;-ms-transition:all ease-out .6s;transition:all ease-out .6s}
.floor5 .btn_box img{width:100%}
.floor5 .box5_img{width:51.30208%;position:absolute;top:0;right:12.86458%;z-index:2;opacity:0;-webkit-transition:all ease-out .6s .5s;-moz-transition:all ease-out .6s .5s;-ms-transition:all ease-out .6s .5s;transition:all ease-out .6s .5s;transform:translateX(200px)}
.floor5 .box5_lj{width:37.96875%;position:absolute;top:0;left:14.58333%;z-index:3;opacity:0;-webkit-transition:all ease-out .6s 1.2s;-moz-transition:all ease-out .6s 1.2s;-ms-transition:all ease-out .6s 1.2s;transition:all ease-out .6s 1.2s;transform:translateX(-200px)}
.floor5.current_p .top_text{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.floor5.current_p .box5_img,.floor5.current_p .box5_lj{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.floor6{background-image:url(../../../images/zw3d/cssimage/floor_bg_6.jpg)}
.floor6 .top_text{opacity:0;top:9%;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.floor6 .top_text .txt_blue55{font-size:45px}
.floor6 .top_text .blue_btn,.floor6 .top_text .txt_gray20{font-size:20px}
.floor6 .top_text .txt_gray20{width:33.54167%;margin:0 auto}
.floor6 .btn_box{top:0;right:0;bottom:auto;height:auto;left:auto;overflow:hidden;width:73.64583%;opacity:0;transition:all .3s;transform:scale(.8)}
.floor6 .btn_box img{width:100%}
.floor6 .btn_box2{display:none;top:0;right:0;bottom:auto;height:auto;left:auto;overflow:hidden;width:73.64583%;opacity:0;transition:all .3s;transform:scale(.8)}
.floor6 .btn_box2 img{width:100%}
.floor6.current_p .top_text{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.floor6.current_p .btn_box,.floor6.current_p .btn_box2{opacity:1;transform:scale(1)}
@media only screen and (max-width:1840px){.floor2 .top_text{top:6%}
.floor2 .f2_box2{width:25%}
.floor3 .left_text{width:40%}
.floor3 .right_box{width:30%}
.floor3 .fl02_b2{width:90px}
.floor3 .fl02_b3{width:200px}
.floor3 .fl02_b4{width:124px}
.floor6 .top_text .txt_gray20{width:40%}
}
.floor1 .txt_blue55{font-size:86px;color:#3f62a8}
.floor1 .txt_blue32{font-size:42px;margin-bottom:20px}
@media only screen and (max-height:900px) and (max-height:1080px){.floor2 .top_text,.floor4 .content .top_text,.floor5 .top_text{top:12%}
}
@media only screen and (max-width:1640px){.floor1 .content{width:1200px}
.floor1 .txt_blue55{font-size:75px}
.floor1 .txt_blue32{font-size:32px}
.floor2 .f2_box2_s{margin-left:-55px;height:500px}
.floor2 .top_text .txt_blue55,.floor3 .left_text .txt_blue55,.floor4 .content .top_text .txt_blue55,.floor5 .top_text .txt_blue55,.floor6 .top_text .txt_blue55{font-size:40px;margin-top:10px}
.floor2 .top_text .blue_btn a,.floor2 .top_text .txt_gray20,.floor3 .left_text .blue_btn,.floor3 .left_text .txt_gray20,.floor4 .content .top_text .blue_btn,.floor4 .content .top_text .txt_gray20,.floor5 .top_text .blue_btn,.floor5 .top_text .txt_gray20,.floor6 .top_text .blue_btn,.floor6 .top_text .txt_gray20{font-size:18px;line-height:28px}
.floor .blue_btn{margin-top:10px;padding-top:10px}
.floor4 .btn_box{bottom:4%}
}
@media only screen and (max-width:1440px){.floor1 .txt_blue55{font-size:55px}
.floor1 .txt_blue32{font-size:28px}
.floor.floor1 .blue_btn a{width:150px;height:36px;line-height:36px;font-size:20px;letter-spacing:1px}
.floor2 .f2_box2_s{margin-left:-55px;height:500px}
.floor2 .top_text .txt_blue55,.floor3 .left_text .txt_blue55,.floor4 .content .top_text .txt_blue55,.floor5 .top_text .txt_blue55,.floor6 .top_text .txt_blue55{font-size:38px;margin-top:5px;padding-bottom:0;margin-bottom:10px}
.floor2 .top_text .blue_btn a,.floor2 .top_text .txt_gray20,.floor3 .left_text .blue_btn,.floor3 .left_text .txt_gray20,.floor4 .content .top_text .blue_btn,.floor4 .content .top_text .txt_gray20,.floor5 .top_text .blue_btn,.floor5 .top_text .txt_gray20,.floor6 .top_text .blue_btn,.floor6 .top_text .txt_gray20{font-size:18px;line-height:26px}
.floor .blue_btn a{font-size:18px}
.floor .blue_btn{margin-top:0;padding-top:0}
}
@media only screen and (max-width:1240px){.floor2 .top_text,.floor4 .content .top_text,.floor5 .top_text{top:12%}
.floor1 .content{width:96%}
.floor2 .f2_box2_s{margin-left:-55px;height:500px}
.floor1 .txt_blue55{font-size:46px}
.floor1 .txt_blue32{font-size:20px}
.floor2 .top_text .txt_blue55,.floor3 .left_text .txt_blue55,.floor4 .content .top_text .txt_blue55,.floor5 .top_text .txt_blue55,.floor6 .top_text .txt_blue55{font-size:36px;margin-top:5px;padding-bottom:0;margin-bottom:10px}
.floor2 .top_text .blue_btn a,.floor2 .top_text .txt_gray20,.floor3 .left_text .blue_btn,.floor3 .left_text .txt_gray20,.floor4 .content .top_text .blue_btn,.floor4 .content .top_text .txt_gray20,.floor5 .top_text .blue_btn,.floor5 .top_text .txt_gray20,.floor6 .top_text .blue_btn,.floor6 .top_text .txt_gray20{font-size:18px;line-height:26px}
.floor .blue_btn a{font-size:18px}
.floor4 .btn_box{bottom:2%}
.floor3 .fl02_b2{width:60px}
.floor3 .fl02_b3{width:150px}
.floor3 .fl02_b4{width:90px}
}
@media only screen and (max-width:768px){.floor2 .top_text,.floor4 .content .top_text,.floor5 .top_text,.floor6 .top_text{width:90%;top:20%;left:5%}
.floor2 .btn_box{width:90%;margin-left:-45%;bottom:0}
.floor4 .btn_box{bottom:0}
.floor5 .btn_box{bottom:0}
.floor6 .btn_box{display:none;top:auto;bottom:15%}
.floor6 .btn_box2{display:block;top:auto;bottom:15%;position:absolute;z-index:4;width:90%}
.floor3 .left_text{top:15%;left:2%;width:96%;margin-left:0;margin-top:0;text-align:center}
.floor3 .right_box{top:auto;bottom:10%;width:55%;height:auto}
.floor.floor3 .left_text .blue_btn{width:100%}
.floor3 .fl02_b2{width:20px;-webkit-transform:translate(50px,50px);-moz-transform:translate(50px,50px);-ms-transform:translate(50px,50px);transform:translate(50px,50px)}
.floor3 .fl02_b3{width:60px;top:40%;-webkit-transform:translate(50px,50px);-moz-transform:translate(50px,50px);-ms-transform:translate(50px,50px);transform:translate(50px,50px)}
.floor3 .fl02_b4{width:50px;top:30%;-webkit-transform:translate(-50px,50px);-moz-transform:translate(-50px,50px);-ms-transform:translate(-50px,50px);transform:translate(-50px,50px)}
.floor4 .box4 .box4-left{margin-left:6%;width:26%}
.floor6 .top_text .txt_gray20{width:80%}
}
@media only screen and (max-width:500px){.floor1 .txt_blue55{font-size:28px}
.floor1 .txt_blue32{font-size:16px}
.floor.floor1 .blue_btn a{width:120px;font-size:16px;height:30px;line-height:30px}
.floor2 .top_text,.floor4 .content .top_text{width:96%;left:2%}
.floor2.current_p .top_text{top:12%}
.floor2 .btn_box{height:50%}
.floor2 .f2_box2{top:-10px;right:-8px}
.floor2 .f2_box2_s{height:220px;margin-left:-25px}
.floor3 .left_text{top:12%;left:2%;width:96%;margin-left:0;margin-top:0;text-align:center}
.floor3 .right_box{top:auto;bottom:10%;width:60%;height:auto}
.floor3 .fl02_b3{height:auto}
.floor3 .left_text .txt_gray20{width:100%;padding-right:0}
.floor3 .left_text .blue_btn{width:100%}
.floor4 .box4 .box4-left{float:none;margin-left:25%;width:50%}
.floor4 .box4 .box4-right{width:70%;float:none;margin-right:0;margin-left:15%}
.floor2 .top_text .txt_blue55,.floor3 .left_text .txt_blue55,.floor4 .content .top_text .txt_blue55,.floor5 .top_text .txt_blue55,.floor6 .top_text .txt_blue55{font-size:30px}
.floor2 .top_text .blue_btn a,.floor2 .top_text .txt_gray20,.floor3 .left_text .blue_btn,.floor3 .left_text .txt_gray20,.floor4 .content .top_text .blue_btn,.floor4 .content .top_text .txt_gray20,.floor5 .top_text .blue_btn,.floor5 .top_text .txt_gray20,.floor6 .top_text .blue_btn,.floor6 .top_text .txt_gray20{font-size:12px;line-height:18px}
.floor .blue_btn a{font-size:12px}
.floor4 .btn_box{bottom:0}
.floor4 .box4-right-ul li img{margin-top:0}
.floor5 .top_text{top:20%}
.floor5 .box5_img,.floor5 .box5_lj{bottom:30%}
.floor5 .box5_img{width:80%;right:8%}
.floor5 .box5_lj{width:60%;left:4%}
.floor6 .btn_box{width:90%;top:auto;bottom:10%}
.floor6 .top_text .txt_gray20{width:100%}
.floor4 .content .top_text,.floor5 .top_text{top:8%}
.floor6 .top_text{top:12%}
.floor5 .btn_box{bottom:0;height:50%}
}
.r_nav{position:fixed;right:30px;top:50%;width:16px;height:auto;cursor:pointer;z-index:10}
.r_nav ul{position:absolute;top:50%;margin-top:-90px}
.r_nav ul li{width:16px;padding:4px 0;text-align:center;cursor:pointer;margin-bottom:3px}
.r_nav ul li a{display:block;width:6px;height:6px;background-color:#666;margin:0 auto;font-size:0;border-radius:4px}
.r_nav ul li.on a{background-color:#0078d7;border:1px solid #0078d7}
.index-free{padding:40px 0 42px;background:#3283c2}
.index-free h2{color:#fff;font-size:45px;font-weight:300;margin:0;}
.index-free a{font-size:30px;display:block;width:290px;height:63px;color:#fff;background:#5bc44a;margin:40px auto 0;line-height:63px;}
.index-free a:hover{background:#338d24}

.index-video .volumill{top:12% !important;}
.index-video .volumill .wod h3{font-size:66px;font-weight: bold;}
.index-video .volumill .wod p{font-size:48px;}
.index-video .volumill .wod p span{font-weight: bold;}
.index-video .volumill .learnwatch .zw3d-banner-box2 a{height:50px;line-height:45px;width:160px !important;font-weight: bold;}
.index-video .volumill .dates{margin-top:50px;}
.index-video .volumill .dates p{font-size:24px;}

@media only screen and (max-width:1840px){.index-free{padding:36px 0 36px}
.index-free h2{font-size:40px}
.index-free a{font-size:20px;width:203px;height:43px;margin:20px auto 0;line-height:43px}
}
@media only screen and (max-width:1440px){.index-free{padding:28px 0 28px}
.index-free h2{font-size:40px}
.index-free a{font-size:20px;width:203px;height:43px;margin:20px auto 0;line-height:43px}
}
@media only screen and (max-width:1240px){.index-free h2{font-size:30px}
}
@media only screen and (max-width:768px){.index-free{padding:18px 0 20px}
.index-free h2{font-size:28px}
.index-free a{font-size:16px;width:153px;height:30px;margin:10px auto 0;line-height:30px}
}
@media only screen and (max-width:500px){.index-free{padding:18px 0 20px}
.index-free a{font-size:12px;width:120px;height:30px;margin:10px auto 0;line-height:30px}
.r_nav{right:10px}
}
.bannerCss .bannerCssBox2{left:10%}
.bannerCss .suface2 .wod p a:hover{text-decoration:underline}
.bannerCss .suface2 .wod p,.bannerCss .suface2 .wod p a{font-size:28px;color:#2a4973}
.bannerCss .suface2 .wod p span{font-size:26px;color:#2a4973}
.bannerCss .suface2 .wod h1{color:#2a4973}
@media screen and (max-width:1920px) and (min-width:1655px){.bannerCss .suface2 .wod h1{font-size:56px}
}
@media only screen and (min-width:1600px){.bannerCss .suface2 .wod p,.bannerCss .suface2 .wod p a{font-size:28px}
.bannerCss .suface2 .wod p span{font-size:26px}
}
@media only screen and (max-width:1600px){.bannerCss .suface2 .wod p,.bannerCss .suface2 .wod p a{font-size:24px}
.bannerCss .suface2 .wod p span{font-size:22px}
.index-video .volumill{top:8% !important;}
.index-video .volumill .wod h3{font-size:60px;}
.index-video .volumill .wod p{font-size:44px;}
.index-video .volumill .dates p{font-size:18px;}
.index-video .volumill .dates{margin-top:40px;}
.index-video .volumill .learnwatch .zw3d-banner-box2 a{height:36px;line-height:28px;}
}
@media only screen and (max-width:1440px){.index-video .suface2 .wod h1{font-size:40px}
.bannerCss .suface2 .wod p,.bannerCss .suface2 .wod p a{font-size:22px}
.bannerCss .suface2 .wod p span{font-size:20px}
.index-video .volumill{top:6% !important;}
.index-video .volumill .wod h3{font-size:40px;}
.index-video .volumill .wod p{font-size:34px;}
.index-video .volumill .dates p{font-size:14px;}
.index-video .volumill .dates{margin-top:30px;}
.index-video .volumill .learnwatch .zw3d-banner-box2 a{width:160px !important}
}
@media only screen and (max-width:1240px){.index-video .suface2 .wod h1{font-size:32px}
.bannerCss .suface2 .wod p,.bannerCss .suface2 .wod p a{font-size:18px}
.bannerCss .suface2 .wod p span{font-size:16px}
.index-video .volumill{top:6% !important;}
.index-video .volumill .wod h3{font-size:36px;}
.index-video .volumill .wod p{font-size:30px;}
.index-video .volumill .dates p{font-size:12px;}
.index-video .volumill .dates{margin-top:20px;}
.index-video .volumill .learnwatch .zw3d-banner-box2 a{width:120px !important;height:25px;line-height:20px;}
}
@media only screen and (max-width:768px){.index-video .suface2 .wod h1{font-size:28px}
.bannerCss .suface2 .wod p,.bannerCss .suface2 .wod p a{font-size:14px}
.bannerCss .suface2 .wod p span{font-size:14px}
}

/*blue banner S*/
.banner {height: 92px;width: 100%;background-image: url("../../../images/zw3d/cssimage/bg-banner.jpg"); background-repeat: repeat-x;}
/*blue banner e*/

/*zw3d banner S*/
.index-video .zw3d-banner-box1{left: 12%;top:29%;}
.index-video .zw3d-banner-box1 .number2000{color:#426ca4;font-weight: bold;font-size:54px;}
.index-video .zw3d-banner-box1  .learnwatch .zw3d-banner-box2 a{font-size:22px;text-decoration:none;width:340px;border: 2px solid #426ca4;text-align:center;color:#426ca4;}
@media only screen and (max-width: 1300px){
	.index-video .zw3d-banner-box1  .learnwatch .zw3d-banner-box2 a{
		font-size: 14px;
		width: 230px;
		height: 32px;
		line-height: 32px;
	}
}
@media only screen and (max-width: 1000px){
.index-video .zw3d-banner-box1 .wod h3 {font-size: 22px;}
.index-video .zw3d-banner-box1 .number2000{font-size:30px;}
.index-video .volumill{top:4% !important;}
.index-video .volumill .wod h3{font-size:30px;}
.index-video .volumill .wod p{font-size:26px;}
.index-video .volumill .dates p{font-size:12px;}
.index-video .volumill .dates{margin-top:10px;}
.index-video .volumill .learnwatch .zw3d-banner-box2 a{width:140px !important}
}
@media only screen and (max-width: 800px){
	.index-video .zw3d-banner-box1  {	margin-top: 1%;	}
	.index-video .zw3d-banner-box1  .learnwatch  {		margin-top: 5%;	}
	.index-video .zw3d-banner-box1 .number2000{font-size: 28px;}
	.index-video .zw3d-banner-box1 .learnwatch .zw3d-banner-box2 a{ font-size: 12px;width: 200px;}
	.index-video .volumill{top:15% !important;}
	.index-video .volumill .wod h3{font-size:16px;}
	.index-video .volumill .wod p{font-size:12px;}
	.index-video .volumill .dates p{font-size:12px;}
	.index-video .volumill .dates{margin-top:5px;}
	.index-video .volumill .learnwatch .zw3d-banner-box2 a{width:100px !important}
}
@media only screen and (max-width: 600px){
	.index-video .zw3d-banner-box1  {	margin-top: -20px;	}
	.index-video .zw3d-banner-box1  .learnwatch  {		margin-top: 5%;	}
	.index-video .volumill .dates{display:none;}
	.index-video .volumill{top:30px !important;}
	.index-video .zw3d-banner-box1 .number2000{font-size: 22px;}
	.index-video .zw3d-banner-box1 .learnwatch .zw3d-banner-box2 a{ font-size: 12px;width: 200px;}
}
/*zw3d banner E*/