/*----------------------public--------------------------*/
body{ width:100%; height:auto ;margin:0 auto; font-size:12px; padding:0; font-family:"微软雅黑";}
img{ border:0; margin:0; padding:0}
form{ margin:0; padding:0}
ul{ margin:0; padding:0; list-style-type:none}
li{ margin:0; padding:0; list-style-type:none}
p{ margin:0; padding:0}
input{ margin:0; padding:0; vertical-align:middle;outline:none}
select{ margin:0; padding:0; vertical-align:middle}

/*----------全站共用----------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike,/*strong,*/ sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0;padding:0;outline:0;font-weight:inherit;font-style:inherit;font-size:14px;font-family:inherit;}
:focus{outline:0;}
a{text-decoration:none;cursor:pointer;}
a:active{outline:none;}
a:hover{text-decoration:none;}
body{line-height:1;-webkit-font-smoothing: subpixel-antialiased;text-decoration:none;}
ol, ul, li {list-style:none;}
table {border-collapse:separate;/* border-spacing:0;*/}
caption, th, td {font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
.clear {clear:both;height:1px;visibility:hidden;line-height:1px;overflow:hidden;}
img{border:0;}

/*------head--------*/
.head{width:100%;height:42px;background-color:#f2f2f2;}
.head .public{width:1637px;height:42px;margin:0 auto;}
.head .public .left{width:800px;height: 42px; line-height: 42px; float: left; font-size: 13px; color:#6b6b6b; text-align: left;}
.head .public .right{width:800px;height: 42px; line-height: 42px; float: left; text-align: right;  font-size: 13px; color:#6b6b6b;}
.head .public .right .iphone{width:20px;float:right;margin-top:11px;margin-right:4px;}
.head .public .right .iphone img{width:100%;}
.head .public .right .text{height: 42px; line-height: 42px; float: left; text-align: right;  font-size: 13px; color:#6b6b6b;float: right;}

.inputbox{width:180px;height:41px;background:#d9d9d9; margin-left:20px;}
.inputbox input{width:76%; height:41px;border: none;background:#d9d9d9;color:#999;font-size:14px;padding-left:10px;float:left;}
.inputbox .sarchbox{width:20px;height:20px;float:left;}

input::-webkit-input-placeholder{   /* 使用webkit内核的浏览器 */
	color: #999;
}
input:-moz-placeholder{    /* Firefox版本4-18 */
	color: #999;
}              
input::-moz-placeholder{    /* Firefox版本19+ */
	color: #999;
}              
input:-ms-input-placeholder{   /* IE浏览器 */
	color: #999;
}        

input[type='text']::-webkit-input-placeholder{   /* 使用webkit内核的浏览器*/
	color: #999;
}
input[type='text']:-moz-placeholder{    /* Firefox版本4-18 */
	color: #999;
}              
input[type='text']::-moz-placeholder{    /* Firefox版本19+ */
	color: #999;
}  
 input[type='text']:-ms-input-placeholder{   /* IE浏览器 */
	color: #999;
} 

.banner_discovery{width:54px;height:67px;float:right; z-index:9999; position:relative; margin-top:-100px; bottom:0;right:48.6%;animation:yidong .5s linear infinite alternate}
@keyframes yidong{
	from{bottom:10px}
    to{bottom:20px}
}

.fullSlide{ position:relative; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;  } 
.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;text-align:center;}
.fullSlide .hd ul{ text-align:center;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px !important; height:6px; border-radius: 10px; margin:5px; background:#002fa7;overflow:hidden;font-size:0;filter:alpha(opacity=80);opacity:0.8;}
.fullSlide .hd ul .on{ background-color:#ef8811; filter:alpha(opacity=80);opacity:0.8;}
.fullSlide .prev{ z-index:1; display:block; width:58px; height:58px; position:absolute; top: 40%; left: 2%; float:left;  background:url(../images/leftarr.png) 0 0 no-repeat; filter:alpha(opacity=90);opacity:0.9;}
.fullSlide .next{ z-index:1; display:block; width:58px; height:58px; position:absolute; top: 40%; right: 2%; float:left;  background:url(../images/rightarr.png) 0 0 no-repeat; filter:alpha(opacity=90);opacity:0.9;}
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=10);opacity:1 }

/* new-menu-start */
.top-blank{height:125px;overflow:hidden;background:none;}
.top-head{height:172px;position:fixed;top:0;width:100%;z-index:9999999;background:none;}

.top01{width:100%;height:42px;line-height:42px;background:#f2f2f2;/*color:#f5f5f5;*/ color:#6b6b6b;overflow:hidden;font-size:13px;}
.top01_center{text-align:left;/* width:362px;*//*padding-left:840px;margin:0 auto;*/ float:right;}
.top01_center img{float:left;margin-top:0;width:20px;margin-top:11px;margin-right:6px;}
.top02{height:129px;width:100%;}
.logo{width:515px;height:31px;float:left;padding-top:50px;}
.logo a{width:515px !important;height:31px !important;}
.logo a img{width:90%;}

.nav{width:660px;float:right;}
.nav ul{width:780px;}
.nav li{width:86px;margin:2px 5px 0 6px;float:left;text-align:center;position:relative;}
.nav a{width:86px;height:49px;padding-top:75px;display:block;font-size:15px !important;color:#666;overflow:hidden;}
.nav a:hover{width:86px;height:49px;padding-top:75px;display:block;font-size:15px !important;color:#ef8811;overflow:hidden;}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;background-color:#ef8811;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav a#sel{border-bottom:3px solid #ef8811;color:#ef8811;}
.nav a#sel:hover:after{opacity: 0;}

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:171px;overflow:hidden;text-align:left;box-shadow:0 3px 7px 0 rgba(0,0,0,.1);z-index:110;left:0px;background-color:#fff;border-top:1px solid #f5f5f5;}
.nav .sub .nav_xiao{width:1637px;overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:20px;}
.nav .sub .nav_xiao .xiao_one{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_one a{float:left;display:inline;height:28px;line-height:28px;width:108px;margin-right:12px;overflow:hidden;border-bottom:1px solid #d3d2d2;color:#313030;padding:0;padding-left:15px;margin-top:13px;font-size:12px;font-family:"宋体";}
.nav .sub .nav_xiao .xiao_one a:hover{color:#ef8811;}
.nav .sub .nav_xiao .xiao_two{margin-top:28px;width:760px;float:right;}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px;}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666666;line-height:22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#ef8811;font-weight:normal;letter-spacing:1px;line-height:36px;}

.nav .sub .nav_xiao .xiao_three{width:100%;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_three ul{width:100%;}
.nav .sub .nav_xiao .xiao_three ul li{float:right;display:inline;width:172px;height:190px;overflow:hidden;margin-right:19px;text-align:center;position:inherit;line-height:46px;margin-left:0px;}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;height:138px;display:block;}
.nav .sub .nav_xiao .xiao_three ul li a{color:#686868;width:100%;font-size:14px;height:100%;padding-top:17px;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#ef8811;}
.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li{width:195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{width:195px;height:138px;}

.nav .sub .nav_xiao .xiao_four{width:460px;overflow:hidden;margin-right:25px;margin-left:55px;float:left;}
.nav .sub .nav_xiao .xiao_four h2{font-size:18px;font-weight:normal;color:#333333;height:50px;line-height:50px;border-bottom:1px solid #f5f5f5;font-weight:bold;margin-top:10px;}
.nav .sub .nav_xiao .xiao_four .ul{width:590px;}
.nav .sub .nav_xiao .xiao_four .ul li{height:42px;line-height:42px;margin-right:80px;padding-right:10px;width:130px;overflow:hidden;float:left;display:inline;margin-left:0px;position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul li a{padding:0;width:205px;text-align:left;color:#666;font-size:14px !important; font-family:"微软雅黑"; }
.nav .sub .nav_xiao .xiao_four .ul li a:hover{padding:0;width:205px;text-align:left;color:#ef8811;font-size:14px !important;}

.nav .sub .nav_xiao .xiao_five{width:630px;overflow:hidden;float:left;margin-top:15px;margin-left:50px;padding-left:50px;}
.nav .sub .nav_xiao .xiao_five img{width:180px;height:auto;}
.nav .sub .nav_xiao .xiao_five a{width:180px;height:auto;padding:0;margin-right:20px;float:left;}
.nav .sub .nav_xiao .xiao_five a:hover img{opacity: 0.8;filter: alpha(opacity=80);}

.nav .sub .nav_xiao .xiao_five a:nth-child(1n+1){margin-top:16px;}
.nav .sub .nav_xiao .xiao_five a:nth-child(2n+1){margin-top:16px;}
.nav .sub .nav_xiao .xiao_five a:nth-child(3n+1){margin-top:16px;}

.nav .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left;width: 445px;margin-top:15px;}
.nav .sub .nav_xiao .xiao_five2 p{border-bottom: 1px solid #f5f5f5;box-shadow: none;font-size: 14px;padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five2 p a{text-align: left;width: 200px;display: inline-block;padding-top:0;height:auto;padding: 5px 0;font-size:14px;color:#666;}
.nav .sub .nav_xiao .xiao_five2 p a:hover{text-align: left;width: 200px;display: inline-block;padding-top:0;height:auto;padding: 5px 0;font-size:14px;color:#ef8811;}

.nav .sub .nav_xiao .xiao_six_l{float:left;width:140px;margin-left:70px;overflow:hidden;margin-top:25px;}
.nav .sub .nav_xiao .xiao_six_l a{display:block;height:46px;line-height:46px;font-size:15px;color:#333333;padding-left:20px;padding-top:0;}
.nav .sub .nav_xiao .xiao_six_l a.osel{color:#ef8811;font-size:15px;}
.nav .sub .nav_xiao .xiao_six_r{float:left;width:990px;overflow:hidden;text-align:center;}
.nav .sub .nav_xiao .xiao_six_r img{display:block;margin:0 auto;margin-bottom:20px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .xiao_six_r a{float:left;width:140px;height:auto;border-left:1px solid #f5f5f5;padding-top:0;margin-top:30px;}
.nav .sub .nav_xiao .xiao_six_r a:hover img{margin-top:4px;margin-bottom:20px;}
/* new-menu-end */

#men_pro .sub_menu>.w1200 h3{padding-bottom:30px;padding-top:30px;font-size:16px;color:#666;font-weight:400;}
#men_pro .sub_menu .sub_menu_list .category{float:left;width:180px;height:400px;border-right:1px solid #f2f2f2;}
#men_pro .sub_menu .sub_menu_list .category li{float:left;width:180px;height:40px;line-height:40px;text-indent:20px;margin-bottom:12px;cursor:pointer;font-size:14px;color:#303030;}
#men_pro .sub_menu .sub_menu_list .category li.active{background-color:#f2f2f2;}
#men_pro .sub_menu .sub_menu_list .content{float:left;width: 580px;}
#men_pro .sub_menu .sub_menu_list .content .cont_list{float:left;width: 580px; height:auto;display:none;}
#men_pro .sub_menu .sub_menu_list .content .cont_list a{float:left;width:250px;height:56px;padding:18px 0 0 20px;margin:1px 0 20px 20px;}
#men_pro .sub_menu .sub_menu_list .content .cont_list a:hover{background:#f2f2f2}
#men_pro .sub_menu .sub_menu_list .content .cont_list a .icon{float:left;width:30px;height:30px;padding-top:10px}
#men_pro .sub_menu .sub_menu_list .content .cont_list a .info{float:left;width:220px;height:30px}
#men_pro .sub_menu .sub_menu_list .content .cont_list a .info h3{font-weight:400;color:#303030;font-size:14px}
#men_pro .sub_menu .sub_menu_list .content .cont_list a .info p{color:#989898;padding-top:5px;font-size:12px}

#men_about .sub_menu>.w1200 h3{padding-bottom:30px;padding-top:30px;font-size:16px;color:#666;font-weight:400}
#men_about .sub_menu .sub_menu_list .category{float:left;width:180px;height:220px;border-right:1px solid #f2f2f2}
#men_about .sub_menu .sub_menu_list .category li{float:left;width:180px;height:40px;line-height:40px;text-indent:20px;margin-bottom:12px;cursor:pointer;font-size:14px;color:#303030;}
#men_about .sub_menu .sub_menu_list .category li.active{background-color:#f2f2f2}
#men_about .sub_menu .sub_menu_list .content{float:left;}
#men_about .sub_menu .sub_menu_list .content .cont_list{float:left;height:220px;display:none}
#men_about .sub_menu .sub_menu_list .content .cont_list a{float:left;width:250px;height:56px;padding:18px 0 0 20px;margin:1px 0 20px 20px}
#men_about .sub_menu .sub_menu_list .content .cont_list a:hover{background:#f2f2f2}
#men_about .sub_menu .sub_menu_list .content .cont_list a .icon{float:left;width:30px;height:30px;padding-top:10px}
#men_about .sub_menu .sub_menu_list .content .cont_list a .info{float:left;width:220px;height:30px}
#men_about .sub_menu .sub_menu_list .content .cont_list a .info h3{font-weight:400;color:#303030;font-size:14px}
#men_about .sub_menu .sub_menu_list .content .cont_list a .info p{color:#989898;padding-top:5px;font-size:12px}

#men_jishu .sub_menu>.w1200 h3{padding-bottom:30px;padding-top:30px;font-size:16px;color:#666;font-weight:400}
#men_jishu .sub_menu .sub_menu_list .category{float:left;width:180px;height:400px;border-right:1px solid #f2f2f2}
#men_jishu .sub_menu .sub_menu_list .category li{float:left;width:180px;height:40px;line-height:40px;text-indent:20px;margin-bottom:12px;cursor:pointer;font-size:14px;color:#303030;}
#men_jishu .sub_menu .sub_menu_list .category li.active{background-color:#f2f2f2}
#men_jishu .sub_menu .sub_menu_list .content{float:left;}
#men_jishu .sub_menu .sub_menu_list .content .cont_list{float:left; width: 580px; height:220px;display:none}
#men_jishu .sub_menu .sub_menu_list .content .cont_list a{float:left;width:250px;height:60px;padding:18px 0 0 20px;margin:1px 0 20px 20px}
#men_jishu .sub_menu .sub_menu_list .content .cont_list a:hover{background:#f2f2f2}
#men_jishu .sub_menu .sub_menu_list .content .cont_list a .icon{float:left;width:30px;height:30px;padding-top:10px}
#men_jishu .sub_menu .sub_menu_list .content .cont_list a .info{float:left;width:220px;height:30px}
#men_jishu .sub_menu .sub_menu_list .content .cont_list a .info h3{font-weight:400;color:#303030;font-size:14px}
#men_jishu .sub_menu .sub_menu_list .content .cont_list a .info p{color:#989898;padding-top:5px;font-size:12px}

#men_fuwu .sub_menu>.w1200 h3{padding-bottom:30px;padding-top:30px;font-size:16px;color:#666;font-weight:400}
#men_fuwu .sub_menu .sub_menu_list .category{float:left;width:180px;height:220px;border-right:1px solid #f2f2f2}
#men_fuwu .sub_menu .sub_menu_list .category li{float:left;width:180px;height:40px;line-height:40px;text-indent:20px;margin-bottom:12px;cursor:pointer;font-size:14px;color:#303030;}
#men_fuwu .sub_menu .sub_menu_list .category li.active{background-color:#f2f2f2}
#men_fuwu .sub_menu .sub_menu_list .content{float:left;}
#men_fuwu .sub_menu .sub_menu_list .content .cont_list{float:left;height:220px;display:none}
#men_fuwu .sub_menu .sub_menu_list .content .cont_list a{float:left;width:250px;height:60px;padding:18px 0 0 20px;margin:1px 0 20px 20px}
#men_fuwu .sub_menu .sub_menu_list .content .cont_list a:hover{background:#f2f2f2}
#men_fuwu .sub_menu .sub_menu_list .content .cont_list a .icon{float:left;width:30px;height:30px;padding-top:10px}
#men_fuwu .sub_menu .sub_menu_list .content .cont_list a .info{float:left;width:220px;height:30px}
#men_fuwu .sub_menu .sub_menu_list .content .cont_list a .info h3{font-weight:400;color:#303030;font-size:14px}
#men_fuwu .sub_menu .sub_menu_list .content .cont_list a .info p{color:#989898;padding-top:5px;font-size:12px}

#men_lianxi .sub_menu>.w1200 h3{padding-bottom:30px;padding-top:30px;font-size:16px;color:#666;font-weight:400}
#men_lianxi .sub_menu .sub_menu_list .category{float:left;width:180px;height:220px;border-right:1px solid #f2f2f2}
#men_lianxi .sub_menu .sub_menu_list .category li{float:left;width:180px;height:40px;line-height:40px;text-indent:20px;margin-bottom:12px;cursor:pointer;font-size:14px;color:#303030;background:url(../images/sj.png) no-repeat 150px center}
#men_lianxi .sub_menu .sub_menu_list .category li.active{background-color:#f2f2f2}
#men_lianxi .sub_menu .sub_menu_list .content{float:left;}
#men_lianxi .sub_menu .sub_menu_list .content .cont_list{float:left;height:220px;display:none}
#men_lianxi .sub_menu .sub_menu_list .content .cont_list a{float:left;width:250px;height:60px;padding:18px 0 0 20px;margin:1px 0 20px 20px}
#men_lianxi .sub_menu .sub_menu_list .content .cont_list a:hover{background:#f2f2f2}
#men_lianxi .sub_menu .sub_menu_list .content .cont_list a .icon{float:left;width:30px;height:30px;padding-top:10px}
#men_lianxi .sub_menu .sub_menu_list .content .cont_list a .info{float:left;width:220px;height:30px}
#men_lianxi .sub_menu .sub_menu_list .content .cont_list a .info h3{font-weight:400;color:#303030;font-size:14px}
#men_lianxi .sub_menu .sub_menu_list .content .cont_list a .info p{color:#989898;padding-top:5px;font-size:12px}

/* ---Banner--- */
.banner{width:100%;height:600px;margin-top:170px;}
.banner .public{width:1637px;height:600px;margin:0 auto;}

/* ---Company--- */
.company{width:100%;height:590px;background-image:url(../images/company.png);background-repeat:no-repeat}
.company .public{width:1637px;height:450px;margin:0 auto}
.company .public .toptitle{width:100%;height:110px;line-height:110px;text-align:center;color:#002fa7;font-size:30px;font-weight:bold}
.company .public .leftcompany{width:50%;height:100px;display:block;float:left}
.company .public .leftcompany .topline{width:100%;height:100px}
.company .public .leftcompany .topline .hoverbox{width:120px;height:100px;border-radius:6px;float:left;margin-right:20px}
.company .public .leftcompany .topline .hoverbox a{width:120px;height:100px;display:block}
.company .public .leftcompany .topline .hoverbox a:hover{background-color:#002fa7}
.company .public .leftcompany .topline .hoverbox img{width:120px;height:100px;border-radius:6px}
.company .public .leftcompany .topline .hoverbox img:hover{width:120px;height:100px;border-radius:6px;background:#0e34e7}
.company .public .leftcompany .bottomtext{width:100%;height:auto;line-height:30px;font-size:14px;color:#666;padding-top:20px}
.company .public .leftcompany .morebtn{width:100%;height:auto;line-height:30px;display:block;font-size:15px;color:#0e34e7;padding-top:20px;text-align:center;margin:0 auto}
.company .public .rightcompany{width:50%;height:430px;display:block;float:left}
.product{width:100%;height:450px;background-image:url(../images/product-bg.jpg);background-repeat:repeat-x;display:inline-table}
.product .public{width:1767px;height:450px;margin:0 auto}
.product .public .toptitle{width:100%;height:110px;line-height:110px;text-align:center;color:#fff;font-size:30px;font-weight:bold}
.product .public .fivelunbo{width:100%;height:auto;display:block}
.product .public .fivelunbo .everyone{width:320px;/*height:295px;margin-top:20px;*/}
.product .public .fivelunbo .everyone .top{width:320px;height:203px;background:rgb(255 255 255 / 20%)}
.product .public .fivelunbo .everyone .top:hover img{transition:all 1s}
.product .public .fivelunbo .everyone .top:hover img{transform:scale(1.3)}
.product .public .fivelunbo .everyone .top:hover .titlebox{line-height:30px;color:#fff;font-size:18px;padding:15px 20px 0 20px}
.product .public .fivelunbo .everyone .top:hover .textbox{line-height:30px;color:#fff;font-size:14px;padding:0 20px}
.product .public .fivelunbo .everyone .bottom{width:320px;height:50px;background:rgb(65 122 199 / 80%);}
.product .public .fivelunbo .everyone .bottom:hover .titlebox{line-height:50px;color:#fff;font-size:17px;}
.product .public .fivelunbo .everyone .bottom:hover .textbox{line-height:30px;color:#fff;font-size:14px;padding:0 20px}
.product .public .fivelunbo .everyone .bottom .titlebox{ height:50px; line-height:50px; color:#fff;font-size:18px;text-align:center;}
.product .public .fivelunbo .everyone .bottom:hover{ width:320px; background:#ef8811;height:50px;line-height:50px;}
.product .public .fivelunbo .everyone .bottom .textbox{line-height:60px;color:#999;font-size:14px;padding:0 20px}

.yewu{width:100%;height:auto}
.yewu .public{width:1637px;height:850px;margin:0 auto}
.yewu .public .toptitle{width:100%;height:110px;line-height:110px;text-align:center;color:#000;font-size:30px;font-weight:bold}
.yewu .public .leftbox{width:1042px;height:auto;min-height:830px;float:left}
.yewu .public .rightbox{width:300px;height:auto;min-height:830px;float:left}
.liuyanbox{width:100%;height:auto;min-height:170px;display:flow-root}
.liuyanbox .qianshoutitleloginbox{color:#1d51d2;font-size:18px;font-weight:700;width:100%;height:40px;line-height:70px;display:block}
.liuyanbox .wsbs{height:40px;line-height:40px;font-size:14px;color:#999;margin-bottom:5px;display:inline-block;padding-top:200px}
.liuyanbox .wsbs .contactline{width:400px;text-align:left}
.liuyanbox .wsbs .contactline img{width:20px;float:left;margin-right:10px}
.liuyanbox .wsbs .contactline p{line-height:22px;padding-left:15px}
.liuyanbox .wsbs label{float:left;width:370px;height:40px;font-size:14px;color:#999;line-height:40px;text-align:right;padding-right:10px}
.liuyanbox .wsbs span{float:left;width:300px;height:40px;font-size:14px;color:#666;line-height:40px;text-align:right;padding-right:10px;margin-bottom:20px}
.liuyanbox .wsbs .biaoti{float:left;height:40px;font-size:14px;color:#999;line-height:40px;text-align:right;padding-right:10px}
.liuyanbox .wsbs input{float:left;width:300px;height:40px;border:#eee 1px solid;padding-left:6.5px;color:#666;font-size:13px}
.liuyanbox .wsbs select{float:left;width:308px;height:40px;line-height:40px;padding-left:2px;color:#999;border:#eee 1px solid}
.liuyanbox .wsbs.textareas{height:122px}
.liuyanbox .wsbs textarea{float:left;width:400px;height:110px;padding-left:6px;padding-top:8px;border:#eee 1px solid;font-family:"Microsoft Yahei";color:#999;margin-bottom:10px}
.liuyanbox .wsbs.yzms input{width:90px}
.liuyanbox .wsbs.yzms .yzmimg{float:left;margin-left:10px}
.liuyanbox .messsub{padding:0 0 30px 310px}
.newsbox{width:100%;height:610px;margin-top:40px;}
.newsbox .public{width:1637px;height:610px;margin:0 auto}
.newsbox .public .toptitle{width:100%;height:100px;line-height:100px;margin:0 auto;text-align:center;font-size:25px;color:#333;font-weight:700}
.newsbox .public .bottombox{width:100%;height:auto;margin:0 auto;display:block;clear:both}
.newsbox .public .bottombox .leftbox{width:100%;height:auto;float:left;display:block}
.newsbox .public .bottombox .leftbox .everyone{width:750px;height:70px;padding:30px;margin-bottom:14px}
.newsbox .public .bottombox .leftbox .everyone:hover{box-shadow:0 0 47.88px 9.12px rgba(10,2,4,.05);margin-bottom:14px;background:#e2f0fd;}

.newsbox .public .bottombox .leftbox .everyone:hover .topbox .left{color:#002fa7;}
.newsbox .public .bottombox .leftbox .everyone .topbox{width:100%;height:40px;display:block}
.newsbox .public .bottombox .leftbox .everyone .topbox .left{float:left;display:block;color:#333;font-weight:700;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.newsbox .public .bottombox .leftbox .everyone .topbox .left:hover{float:left;display:block;color:#002fa7;font-weight:700;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}

.newsbox .public .bottombox .leftbox .everyone .topbox .right{float:right;display:block;color:#999;font-size:24px}
.newsbox .public .bottombox .leftbox .everyone .bottombox{width:100%;height:40px;display:block;margin-top:-10px;}
.newsbox .public .bottombox .leftbox .everyone .bottombox .left{float:left;width:85%;color:#888;line-height:24px;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.newsbox .public .bottombox .leftbox .everyone .bottombox .right img{width:28px;float:right;margin-top:15px;margin-right:20px}
.newsbox .public .bottombox .rightbox{width:100%;height:418px;float:left;display:block;overflow:hidden;position:relative;}
/*background-color:#777;*/
.newsbox .public .bottombox .rightbox .bgimgbox img{height:418px;transition:all 1s;left:0 !important; margin: auto !important;}
/*width:100%;*/
.newsbox .public .bottombox .rightbox .bgimgbox:hover img{transform:scale(1.5)}
.newsbox .public .bottombox .rightbox .textbox{width:100%;height:130px;position:absolute;bottom:0;background-color:rgba(0 0 0 / 40%);z-index:9999999999;}
.newsbox .public .bottombox .rightbox .textbox .leftboxs{width:20%;height:130px;color:#fff;float:left}
.newsbox .public .bottombox .rightbox .textbox .leftboxs .topsize{font-weight:bold;font-size:40px;text-align:center;margin-top:28px;font-weight:bold;font-family:Arial}
.newsbox .public .bottombox .rightbox .textbox .leftboxs .bottomnian{width:100%;height:20px;line-height:30px;color:#fff;text-align:center}
.newsbox .public .bottombox .rightbox .textbox .rightboxs{width:80%;height:130px;color:#002fa7;float:left}
.newsbox .public .bottombox .rightbox .textbox .rightboxs .top{font-size:22px;color:#fff;line-height:60px}
.newsbox .public .bottombox .rightbox .textbox .rightboxs .bottom{line-height:25px;margin-right:20px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

#title{width:300px;margin:3% auto 0}
#title h2{font-size:18px}
#wrapper{width:980px;margin:0 auto;padding:20px 20px 50px;border-radius:5px;border-radius:5px}
#wrapper h3{color:#333;font-size:14px;text-align:center;margin:20px 0}

.box{width:400px;margin:10px auto 0;background:#fff}
.tab_menu{overflow:hidden}
.tab_menu li{width:100px;float:left;height:30px;line-height:30px;color:#fff;background:#093;text-align:center;cursor:pointer}
.tab_menu li.current{color:#333;background:#fff}
.tab_menu li a{color:#fff;text-decoration:none}
.tab_menu li.current a{color:#333}
/* .tab_box{padding:20px} */
.tab_box li{height:auto;overflow:hidden}
.tab_box li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd}
.tab_box .hide{display:none}
.info-wrap2 .info-font>div{width:100%;transition:all 2s;text-align:center}
.info-wrap2 .info-font p{font-size:16px;line-height:28px;position:absolute;top:27%;left:-100%;transform:translateY(-50%);width:100%;padding:0 90px;transition:all 5s}
.info-wrap2 li:hover .info-font>div{transform:translateX(100%)}
.info-wrap2 li:hover p{transform:translate(100%,-50%)}
.infi-wrap{position:relative;margin-bottom:65px}
.infi-wrap>img{width:100%}
.infi-icon{position:absolute;top:0;left:0;width:100%;height:100%}
.infi-box{position:relative;width:100%;height:100%}
.infi-1{position:absolute;top:33%;left:8%;transform:translate(-50%,-50%)}
.infi-2{position:absolute;top:70%;left:18%;transform:translate(-50%,-50%)}
.infi-3{position:absolute;top:39%;left:29%;transform:translate(-54%,-50%)}
.infi-4{position:absolute;top:79%;left:35%;transform:translate(-50%,-50%)}
.infi-5{position:absolute;top:45%;left:42%;transform:translate(-47%,-50%)}
.infi-6{position:absolute;top:18%;left:46%;transform:translate(-50%,-50%)}
.infi-7{position:absolute;top:82%;left:54%;transform:translate(-47%,-50%)}
.infi-8{position:absolute;top:45%;left:61%;transform:translate(-47%,-50%)}
.infi-9{position:absolute;top:76%;left:70%;transform:translate(-54%,-50%)}
.infi-10{position:absolute;top:19%;left:74%;transform:translate(-50%,-50%)}
.infi-11{position:absolute;top:75%;right:4%;transform:translate(-50%,-50%)}
.infi-12{position:absolute;top:38%;right:-4%;transform:translate(-50%,-50%)}
.infi-box img{transition:all 1s}
.infi-box img:hover{transform:translate(-50%,-80%)}
.infi-box .infi-5:hover{transform:translate(-47%,-80%)}
.infi-box .infi-8:hover{transform:translate(-47%,-80%)}
.infi-box .infi-7:hover{transform:translate(-47%,-80%)}
.infi-box .infi-3:hover{transform:translate(-54%,-80%)}
.infi-box .infi-9:hover{transform:translate(-54%,-80%)}
.infi-wrap-app{display:none}
.index-six.pad-80{padding:70px 0 50px}
.insi-category{float:right;margin-top:25px}
.insi-category a.in-more{margin-top:0}
.insi-category a{float:right;padding:0 17px}
.insi-category ul{float:left}
.insi-category li{float:left}
.insi-category li img{vertical-align:text-top}
.insi-category li.on span{border-bottom:2px solid #4db1e2;color:#4db1e2;font-weight:700;padding-bottom:2px}
.insi-box{display:none}
.insi-box.on{display:block}
.insi-box2{display:block;overflow:hidden}
.insi-box2 img{transition:all 1s}
.insi-box2:hover img{transform:scale(1.08)}
.insi-left,.insi-left1{float:right}
.insi-left{position:relative;width:40.83%}
.insi-right,.insi-right1{float:left}
.insi-left img{width:100%}
.insi-wrap .insi-font{background-color:rgba(0,0,0,.4);position:absolute;bottom:0;left:0;padding:20px}
.insi-right{width:53.94%}
.insi-right ul{margin:0 0 -28px}
.p-size22{font-size:22px}
.insi-right li{margin-bottom:18px;height:130px;display:block}
.insi-right li:hover{background-color:#fff;height:130px;display:block;box-shadow:0px 0px 47.88px 9.12px rgba(10,2,4,0.05)}
.fl{float:left !important}
.fr{float:right !important}

/* 地图  */
.map{height:800px;margin-bottom:.833rem;display:flex;flex-direction:column}
.map h3{line-height:1;padding:.667rem 0;margin:0;font-size:.833rem;color:#fff}
.map .icon-cube{color:#68d8fe}
.map .chart{flex:1}
.map .geo{width:100%;height:100%}

/* 返回顶部 */
.scroll-to-top{display:inline-block!important;width:45px;height:45px;background:url(../images/top01.png);position:fixed;bottom:40px;right:40px;z-index:99;text-align:center;-webkit-transition:all .4s ease;transition:all .4s ease;display:none;border-radius:50%}
.scroll-to-top:after,.scroll-to-top:before{width:45px;height:45px;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute;-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.4);box-shadow:0 0 0 0 rgba(255,255,255,.4);-webkit-animation:ripple 3s infinite;animation:ripple 3s infinite;-webkit-transition:all .4s ease;transition:all .4s ease}
.scroll-to-top:after{-webkit-animation-delay:.6s;animation-delay:.6s}
@-webkit-keyframes ripple{70%{-webkit-box-shadow:0 0 0 40px rgba(255,255,255,0);box-shadow:0 0 0 40px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@keyframes ripple{70%{-webkit-box-shadow:0 0 0 40px rgba(255,255,255,0);box-shadow:0 0 0 40px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
.scroll-to-top i{font-size:18px;line-height:45px;color:#fff;position:relative;z-index:10;-webkit-transition:all .4s ease;transition:all .4s ease}
.scroll-to-top:hover{background:url(../images/top02.png) !important;}
.scroll-to-top:hover i{color:#021e4b;}
/* .scroll-to-top:hover:after,.scroll-to-top:hover:before{} */

/* video */
.rightcompany div{position:relative}
.rightcompany div .video{display:inline-block!important;width:45px;height:45px;background:#021e4b;position:fixed;bottom:45%;right:45%;z-index:99;text-align:center;-webkit-transition:all .4s ease;transition:all .4s ease;display:none;border-radius:50%;position:absolute}
.rightcompany div .video:after,.rightcompany div .video:before{width:45px;height:45px;border-radius:50%;background-color:#021e4b;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute;-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.4);box-shadow:0 0 0 0 rgba(255,255,255,.4);-webkit-animation:ripple 3s infinite;animation:ripple 3s infinite;-webkit-transition:all .4s ease;transition:all .4s ease}
.rightcompany div .video:after{-webkit-animation-delay:.6s;animation-delay:.6s}
@-webkit-keyframes ripple{70%{-webkit-box-shadow:0 0 0 20px rgba(255,255,255,0);box-shadow:0 0 0 20px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@keyframes ripple{70%{-webkit-box-shadow:0 0 0 20px rgba(255,255,255,0);box-shadow:0 0 0 20px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
.rightcompany div .video i{font-size:18px;line-height:45px;color:#fff;position:relative;z-index:10;-webkit-transition:all .4s ease;transition:all .4s ease}
.rightcompany div .video:hover{background:#fff}
.rightcompany div .video:hover i{color:#021e4b}
.rightcompany div .video:hover:after,.video:hover:before{background-color:#021e4b}
.rightcompany div .video img{height:24px;z-index:999999;position:absolute;right:8px;top:10px}

/* slideBox */
.slideBox{width:100%;height:690px;overflow:hidden;position:relative}


/*------banner------*/
.banner{width:100%;height:600px;}

/* fullSlide */
/* .fullSlide{width:100%;position:relative;height:600px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:600px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:5px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:6px;border-radius:5px;margin:4px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#002fa7;cursor: pointer;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:2%;z-index:1;width:58px;height:58px;background:url(../images/leftarr.png);cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:2%; background: url(../images/rightarr.png);width:58px;height:58px;} */

/* ---Footer--- */
.footer{width:100%;height:459px;background-color:#323232}
.footer .bottomnr{width:100%;height:456px;background:#00173c;display:inline-table}
.footer .bottomnr .topfooter{width:1637px;height:400px;margin:0 auto;border-bottom:1px solid #3c3c3c}
.footer .bottomnr .topfooter .footer-menu{width:100px;height:297px;float:left;margin:0 60px}
.footer .bottomnr .topfooter .footer-menu .menutitle{width:100%;height:40px;line-height:40px;color:#fff;font-size:16px;padding-top:60px}
.footer .bottomnr .topfooter .footer-menu .menuhref{width:100%;height:30px;line-height:30px;color:#999;display:block;font-size:14px}
.footer .bottomnr .topfooter .footer-menu .menuhref:hover{width:100%;height:30px;line-height:30px;color:#ef8811;display:block;font-size:14px}
.footer .bottomnr .topfooter .leftcompanybox{width:300px;height:300px;float:left;padding-left:40px}
.footer .bottomnr .topfooter .leftcompanybox .top-footerlogo{width:240px;height:46px;margin-top:80px;margin-bottom:30px}
.footer .bottomnr .topfooter .leftcompanybox .top-footerlogo img{width:90%}
.footer .bottomnr .topfooter .leftcompanybox .bottom-inform{width:100%;height:30px;line-height:30px;margin-top:10px}
.footer .bottomnr .topfooter .leftcompanybox .bottom-inform .left{width:30px;float:left}
.footer .bottomnr .topfooter .leftcompanybox .bottom-inform .right{width:250px;float:left;color:#fff;line-height:22px}
.footer .bottomnr .topfooter .right-weixin{width:100px;height:200px;float:left;margin-top:100px;margin-left:20px}
.footer .bottomnr .topfooter .right-weixin .topimg{width:100px;height:100px}
.footer .bottomnr .topfooter .right-weixin .topimg img{width:100px}
.footer .bottomnr .topfooter .right-weixin .bottomtext{width:100px;height:100px;color:#fff;text-align:center;line-height:20px;margin-top:10px}
.footer .bottomnr .centerfooter{width:1637px;height:100px;margin:0 auto}
.footer .bottomnr .centerfooter .fourfooterbox{width:260px;height:40px;margin-top:26px;float:left;padding-left:40px}
.footer .bottomnr .centerfooter .fourfooterbox .left{width:40px;height:40px;float:left}
.footer .bottomnr .centerfooter .fourfooterbox .right{width:205px;height:40px;line-height:20px;float:left;color:#fff;font-size:14px;padding-left:15px}
.footer .bottomnr .bottomfooter{width:1637px;height:58px;margin:0 auto}
.footer .bottomnr .bottomfooter .left{width:100%;height:58px;line-height:58px;text-align:center;margin:0 auto;color:#999;font-size:13px}
.footer .bottomnr .bottomfooter .right{width:600px;height:58px;line-height:58px;float:left;color:#999;font-size:13px;text-align:right}

.banner{width:100%;height:600px;cursor:pointer}
.imgbox{width:100%;height:600px;position:relative;overflow:hidden}
.img{position:absolute;display:none;left:50%;margin-left:-960px}
.im{display:block}

.change{height:50px;display:block;position:absolute;z-index:20;opacity:0.4;transition:0.4s;top:50%;margin-top:-50px}
.change:hover{opacity:1}
.pre{left:1%}
.next{right:1%}

.cirbox{width:88px;position:absolute;bottom:15px;z-index:10;left:50%;margin-left:-44px;top:740px;cursor:pointer}
.cir{width:12px;height:12px;background-color:white;opacity:0.4;float:left;border-radius:6px;margin:0 5px 0 5px;cursor:pointer}
.cir:hover{background-color:#0634a9;transition:0.8s}
.cr{opacity:1}
.cr:hover{background-color:#0634a9}

#title{width:300px;margin:3% auto 0}
#title h2{font-size:18px}
#wrapper{width:980px;margin:0 auto;background:#f8f8f8;border:1px solid #a3a3a3;padding:20px 20px 50px;border-radius:5px;-moz-border-radius:5px}
#wrapper h3{color:#333;font-size:14px;text-align:center;margin:20px 0}

.box{width:1637px;margin:0 auto;background:#fff;margin-top:40px;height:auto;display:block;}
.tab_menu{overflow:hidden;text-align:center;display:inline-table;display:flex;text-align:center;margin:0 auto;margin-left:42.5%;}
.tab_menu li{ width:100px;float:left;height:60px;line-height:60px;color:#002fa7;background:#093;text-align:center;cursor:pointer;display:contents;font-family:"微软雅黑";font-size:26px;font-weight:bold;width:104px;}
.tab_menu li.current{ color:#002fa7;font-size:26px;font-weight:bold;display:flex;border-bottom:2px solid #002fa7;margin-left:15px !important;display:flex;width:104px;float:left;text-align:center;margin:0 auto;    padding: 0;margin:0;}
.tab_menu li.current span{font-size:26px}
.tab_menu li{    color: #002fa7;background: #fff;font-size: 26px;float: left;font-weight: bold;display:flex;width:104px;margin-left:15px;}
.tab_menu li span{font-size:26px;font-weight:bold}

.menu-item,.menu-open-button{border-radius:100%;width:80px;height:80px;margin-left:-130px;position:absolute;color:#fff;text-align:center;line-height:80px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform ease-out .2s;transition:-webkit-transform ease-out .2s;transition:transform ease-out .2s;transition:transform ease-out .2s,-webkit-transform ease-out .2s}
.menu-open{display:none}
.lines{width:25px;height:3px;background:#596778;display:block;position:absolute;top:50%;left:50%;margin-left:-12.5px;margin-top:-1.5px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
.line-1{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}
.line-2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.line-3{-webkit-transform:translate3d(0,8px,0);transform:translate3d(0,8px,0)}
.menu-open:hover+.menu-open-button .line-1{-webkit-transform:translate3d(0,0,0) translate(45deg);transform:translate3d(0,0,0) translate(45deg)}
.menu-open:hover+.menu-open-button .line-2{-webkit-transform:translate3d(0,0,0) scale(.1,1);transform:translate3d(0,0,0) scale(.1,1)}
.menu-open:hover+.menu-open-button .line-3{-webkit-transform:translate3d(0,0,0) translate(-45deg);transform:translate3d(0,0,0) translate(-45deg)}
.menu{margin:3%;width:300px;height:300px;text-align:center;box-sizing:border-box;font-size:26px;float: left;}
.menu-item:hover{background:#eee;color:#3290b1}
.menu-item:nth-child(3){-webkit-transition-duration:180ms;transition-duration:180ms}
.menu-item:nth-child(4){-webkit-transition-duration:180ms;transition-duration:180ms}
.menu-item:nth-child(5){-webkit-transition-duration:180ms;transition-duration:180ms}
.menu-item:nth-child(6){-webkit-transition-duration:180ms;transition-duration:180ms}
.menu-item:nth-child(7){-webkit-transition-duration:180ms;transition-duration:180ms}
.menu-item:nth-child(8){-webkit-transition-duration:180ms;transition-duration:180ms}
.menu-item:nth-child(9){-webkit-transition-duration:180ms;transition-duration:180ms}
.menu-open-button{z-index:2;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transform:scale(1.1,1.1) translate3d(0,0,0);transform:scale(1.1,1.1) translate3d(0,0,0);cursor:pointer;box-shadow:3px 3px 0 0 rgba(0,0,0,.14); width: 300px; height: 300px; }
.menu-open-button:hover{-webkit-transform:scale(1.2,1.2) translate3d(0,0,0);transform:scale(1.2,1.2) translate3d(0,0,0)}
.menu-open:hover+.menu-open-button{-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transform:scale(.8,.8) translate3d(0,0,0);transform:scale(.8,.8) translate3d(0,0,0)}
.menu-open:hover~.menu-item{-webkit-transition-timing-function:cubic-bezier(.0,0,0,0);transition-timing-function:cubic-bezier(0,0,.0,1.33)}
.menu-open:hover~.menu-item:nth-child(3){transition-duration:180ms;-webkit-transition-duration:180ms;-webkit-transform:translate3d(150px,40px,0);transform:translate3d(150px,40px,0)}
.menu-open:hover~.menu-item:nth-child(4){transition-duration:280ms;-webkit-transition-duration:280ms;-webkit-transform:translate3d(88px,-80px,0);transform:translate3d(88px,-80px,0)}
.menu-open:hover~.menu-item:nth-child(5){transition-duration:380ms;-webkit-transition-duration:380ms;-webkit-transform:translate3d(-68px,-105px,0);transform:translate3d(-68px,-105px,0)}
.menu-open:hover~.menu-item:nth-child(6){transition-duration:480ms;-webkit-transition-duration:480ms;-webkit-transform:translate3d(122px,170px,0);transform:translate3d(122px,170px,0)}
.menu-open:hover~.menu-item:nth-child(7){transition-duration:580ms;-webkit-transition-duration:580ms;-webkit-transform:translate3d(-170px,150px,0);transform:translate3d(-170px,150px,0)}
.menu-open:hover~.menu-item:nth-child(8){transition-duration:680ms;-webkit-transition-duration:680ms;-webkit-transform:translate3d(-160px,0,0);transform:translate3d(-180px,-6px,0)}
.menu-open:hover~.menu-item:nth-child(9){transition-duration:780ms;-webkit-transition-duration:780ms;-webkit-transform:translate3d(-.25084px,-104.9997px,0);transform:translate3d(-.25084px,-104.9997px,0)}

.menu-item,.menu-opens-button{border-radius:100%;width:80px;height:80px;margin-left:-130px;position:absolute;color:#fff;text-align:center;line-height:80px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform ease-out .2s;transition:-webkit-transform ease-out .2s;transition:transform ease-out .2s;transition:transform ease-out .2s,-webkit-transform ease-out .2s}
.menu-opens{display:none}

.lines{width:25px;height:3px;background:#596778;display:block;position:absolute;top:50%;left:50%;margin-left:-12.5px;margin-top:-1.5px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
.line-1{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}
.line-2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.line-3{-webkit-transform:translate3d(0,8px,0);transform:translate3d(0,8px,0)}

.menu-opens:hover+.menu-opens-button .line-1{-webkit-transform:translate3d(0,0,0) translate(45deg);transform:translate3d(0,0,0) translate(45deg)}
.menu-opens:hover+.menu-opens-button .line-2{-webkit-transform:translate3d(0,0,0) scale(.1,1);transform:translate3d(0,0,0) scale(.1,1)}
.menu-opens:hover+.menu-opens-button .line-3{-webkit-transform:translate3d(0,0,0) translate(-45deg);transform:translate3d(0,0,0) translate(-45deg)}
.menu{margin:3%;width:300px;height:300px;text-align:center;box-sizing:border-box;font-size:26px;float: left;}
.menu-item:hover{background:#eee;color:#3290b1}
.menu-item:nth-child(3){-webkit-transition-duration:180ms;transition-duration:180ms}
.menu-item:nth-child(4){-webkit-transition-duration:180ms;transition-duration:180ms}
.menu-item:nth-child(5){-webkit-transition-duration:180ms;transition-duration:180ms}
.menu-item:nth-child(6){-webkit-transition-duration:180ms;transition-duration:180ms}
.menu-item:nth-child(7){-webkit-transition-duration:180ms;transition-duration:180ms}
.menu-item:nth-child(8){-webkit-transition-duration:180ms;transition-duration:180ms}
.menu-item:nth-child(9){-webkit-transition-duration:180ms;transition-duration:180ms}

.menu-opens-button{z-index:2;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transform:scale(1.1,1.1) translate3d(0,0,0);transform:scale(1.1,1.1) translate3d(0,0,0);cursor:pointer;box-shadow:3px 3px 0 0 rgba(0,0,0,.14); width: 300px; height: 300px; }
.menu-opens-button:hover{-webkit-transform:scale(1.2,1.2) translate3d(0,0,0);transform:scale(1.2,1.2) translate3d(0,0,0)}
.menu-opens:hover+.menu-opens-button{-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transform:scale(.8,.8) translate3d(0,0,0);transform:scale(.8,.8) translate3d(0,0,0)}
.menu-opens:hover~.menu-item{-webkit-transition-timing-function:cubic-bezier(.0,0,0,0);transition-timing-function:cubic-bezier(0,0,.0,1.33)}

.menu-item,.menu-opensss-button{border-radius:100%;width:80px;height:80px;margin-left:-130px;position:absolute;color:#fff;text-align:center;line-height:80px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform ease-out .2s;transition:-webkit-transform ease-out .2s;transition:transform ease-out .2s;transition:transform ease-out .2s,-webkit-transform ease-out .2s}
.menu-opensss{display:none}

.lines{width:25px;height:3px;background:#596778;display:block;position:absolute;top:50%;left:50%;margin-left:-12.5px;margin-top:-1.5px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
.line-1{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}
.line-2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.line-3{-webkit-transform:translate3d(0,8px,0);transform:translate3d(0,8px,0)}

.lines{width:25px;height:3px;background:#596778;display:block;position:absolute;top:50%;left:50%;margin-left:-12.5px;margin-top:-1.5px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
.line-1{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}
.line-2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.line-3{-webkit-transform:translate3d(0,8px,0);transform:translate3d(0,8px,0)}

#wrap{width:120px;height:110px;float:left;margin-right:16px}
#wrap ul li .a1 img{width:120px;height:100px}
#wrap ul li{width:120px;height:100px;list-style:none;position:relative;float:left;overflow:hidden;margin:5px;border-radius:6px}
#wrap ul li .a1 .divA{position:absolute;bottom:0;left:0;width:434px;height:46px;padding:10px 20px;background:#fafafa}
#wrap ul li .a1 .divA>.p1{width:312px;height:25px;font-size:18px;line-height:25px;color:#666}
#wrap ul li .a1 .divA>.p2{width:312px;height:21px;font-size:14px;color:#b4b4b4;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#wrap ul li .a1 .divA>.p3{position:absolute;right:0;bottom:12px;width:108px;height:28px;color:#f60}
#wrap ul li .a1 .divA>.p3>span{font-size:24px;font-weight:800}
#wrap ul li .a2{position:absolute;top:0;left:-120PX;width:120px;height:100px;text-align:center;color:white;background-color:rgba(0,47,167,.5);transition:all 0.2s}
#wrap ul li .a2 .p4{width:120px;text-align:center;position:absolute;top:34px;left:-120px;color:#ffe605;font-size:24px;font-weight:bold;transition:all 0.2s 0.1s ease-out}
#wrap ul li .a2 .p5{width:120px;text-align:center;line-height:20px;position:absolute;top:60px;left:-120px;margin-left:-50;font-size:16px;color:white;transition:all 0.2s 0.2s ease-out}
#wrap ul li .a2 .p6{width:120px;text-align:center;line-height:20px;position:absolute;top:65px;left:-120px;margin-left:-50;font-size:14px;color:white;transition:all 0.2s 0.2s ease-out}

.color-01{color:#002fa7;font-size: 26px;font-family:"微软雅黑";}
.color-02{color:#ee8811;font-size: 26px;font-family:"微软雅黑";}
.color-03{color:#fff;font-size: 26px;}

.tab_menu li a{color:#fff;text-decoration:none}
.tab_menu li.current a{color:#333}
.tab_box{width:100%;height:400px}
.tab_box li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd}
.tab_box .hide{display:none}
.picList li{width:330px;float:left}
.picList .swiper-slide{width:330px;float:left}
.tempWrap{width:100% !important}
.top01_center .fl a{color:#666}
.top01_center .fl a:hover{color:#002fa7}
.mr30{margin-right:15px}
.fl{float:left}

.fl{float:left;}
.fr{float:right;}

.banners{position:relative;width:100%;height:420px;overflow:hidden;margin:0 auto;}
.mybox{height:100%;width:100%;overflow:hidden;position:absolute;right:0;top:0;}
.mybox .fPics{position:relative;float:right;height:100%;width:850px;}
.mybox .fPics a{position:absolute;width:800px;height:100%;display:block;overflow:hidden;top:0;right:0;opacity:0;z-index:1;}
.mybox .fPics a img{display: block;height: 100%;position: absolute;right: 0;top: 0;width: auto;z-index: 2;}
.mybox .fBtns{position:absolute;float:left;height:100%;width:835px;}
/* .fBtns li, .fBtns span{ background:url(../images/roll_btn.png) no-repeat;} */
.mybox .fBtns li{position:relative;height:20%;}
.mybox .fBtns li span{position:absolute;top:0;left:0;height:100%;overflow:hidden;display:block;z-index:1;}
.mybox .fBtns li a{position:relative;height:auto;width:100%;display:block;z-index:2;}
.mybox .fBtns li a:hover .everyone .topbox .left{color: #002fa7;display: block;}
/* .mybox .fBtns li a:hover{box-shadow:0 0 47.88px 9.12px rgba(10,2,4,.05);} */

.mybox .fBtns li.rli1{display:block;height:140px;}
.mybox .fBtns li.rli1 span{display:block;}
.mybox .fBtns li.rli2{display:block;height:140px;}
.mybox .fBtns li.rli2 span{display:block;}
.mybox .fBtns li.rli3{height:140px;display:block;}
.mybox .fBtns li.rli3 span{display:block;}

#hangyeyingyong .toptitle{width:100%;height:auto;text-align:center;color:#fff;font-size:30px;font-weight:bold;margin-top:60px;margin-bottom:45px;}
#hangyeyingyong .p_MatteIcon .iconfont:before{content:'\e602'}
#hangyeyingyong>div{animation-fill-mode:both}
#hangyeyingyong .runpic-box{width:100%;overflow:hidden;position:relative}
#hangyeyingyong .runpic-words{position:absolute;width:1637px;top:0;max-width:95%;left:50%;transform:translateX(-50%);z-index:3}
#hangyeyingyong .runpic-words ul li{width:25%;text-align:center;float:left}
#hangyeyingyong .runpic-words ul li .indexthumbnailnew{width:180px; height: 180px; display:block;margin:0 auto;border-radius:50%;border:10px solid rgba(23,52,113,0.25);}
#hangyeyingyong .runpic-words ul li .small{display:block;margin:0 auto;border-radius:50%;}
#hangyeyingyong .runpic-words ul li p{font-size:18px;color:#fff;text-transform:lowercase;font-weight:400;margin:0; margin-top:10px;text-shadow:3px 3px 5px #000;z-index:9;position:absolute;text-align:center;width:100%;line-height: 36px;}
/* #hangyeyingyong .runpic-words ul li:hover img{-webkit-transform:translateY(180deg);-moz-transform:translateY(180deg);transform:translateY(180deg)} */
#hangyeyingyong .runpic-line-null{position:absolute;width:100%;height:2px;background-color:rgba(255,255,255,.1);left:0;bottom:0;z-index:4}
#hangyeyingyong .runpic-line{position:absolute;width:10%;height:4px;background-color:#ffb400;left:0;bottom:0;z-index:4;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;transition:all 1s}
#hangyeyingyong .runpic-pic{width:100%;overflow:hidden;position:relative;z-index:1;height:599px}
#hangyeyingyong .runpic-pic-true{-webkit-animation:toPicBig 1s ease-in-out both;-moz-animation:toPicBig 1s ease-in-out both;-o-animation:toPicBig 1s ease-in-out both;animation:toPicBig 1s ease-in-out both}
#hangyeyingyong .runpic-pic-shade{position:absolute;z-index:2;width:100%;height:100%;background-color:rgba(0,0,0,.4);-webkit-transition:all 2s;-o-transition:all 2s;-moz-transition:all 2s;transition:all 2s}
#hangyeyingyong .runpic-words-pic{width:100px;height:100px;display:contents;position:absolute;z-index:999;}
/*.indexthumbnailnew:hover{background:#ee8811;border-radius:100px;}*/
#hangyeyingyong .runpic-words .item_li:hover .indexthumbnailnew{border:10px solid rgba(238,136,17,1); }

#hangyeyingyong{width:100%;max-width:none;min-width:0;height:auto;max-height:none;min-height:0;margin-top:0;margin-left:0;margin-right:0;margin-bottom:0;padding-top:0;padding-left:0;padding-right:0;padding-bottom:0}

#hangyeyingyong .runpic-words ul li.item_li{width:272px;height:270px;line-height:150px;border-radius:50%;padding:0;padding-top: 50px; position:relative;cursor:pointer;text-align:center;font-size:1.75em;font-weight:bold;color:#99b977;transition:0.24s 0.2s}
#hangyeyingyong .runpic-words ul li .menu{ width:155px; height:155px; list-style:none;padding:0;margin:0;position:absolute;top:123px;left:71px;border:0;cursor:pointer;border-radius:50%;transform:scale(0);transition:transform 1.4s 0.07s;z-index:-99;}
#hangyeyingyong .runpic-words ul li:hover .menu{transition:transform 0.4s 0.08s,z-index 0s 3s;transform:scale(1);z-index:999;}
#hangyeyingyong .runpic-words ul li .menu li{width:60px !important;height:60px !important;position:absolute;transform-origin:120px 120px;background:rgb(2 30 75 / 50%); border-radius: 50%;cursor:auto;}
#hangyeyingyong .runpic-words ul li .menu li:hover{width:60px !important;background:rgba(255 255 255 .6);height:60px !important;position:absolute;top:0;left:0;transform-origin:120px 120px;transition:all 0.5s 0.1s;cursor:auto;}

#hangyeyingyong .runpic-words ul li .menu li img{width:60px;height:60px; border-radius: 50%;}
#hangyeyingyong .runpic-words ul li:hover .menu li{transition:all 0.6s}
#hangyeyingyong .runpic-words ul li .menu li a{width:60px;height:60px;line-height:60px;border-radius:50%;background:#fff;position:absolute;font-size:60%;color:#99b977;transition:0.6s}

#hangyeyingyong .runpic-words ul li:hover .menu li:nth-child(1){transition-delay:0.02s;transform:translate(-95px,0px);}
#hangyeyingyong .runpic-words ul li .menu li a{width:60px;height:60px;line-height:45px;border-radius:50%;background:rgb(255 255 255 / 0%);font-size:60%;color:#99b977;transition:0.6s}

#hangyeyingyong .runpic-words ul li:hover .menu li:nth-child(1) a{transition-delay:0.02s;transform:translate(-95px,-100px);}
#hangyeyingyong .runpic-words ul li:hover .menu li:nth-child(1) a:hover{display:none;}

#hangyeyingyong .runpic-words ul li:hover .menu li:nth-child(2){transition-delay:0.06s;transform:translate(-61px,-94px);}
#hangyeyingyong .runpic-words ul li:hover .menu li:nth-child(2) a{transition-delay:0.06s;transform:translate(-61px,-94px);}
#hangyeyingyong .runpic-words ul li:hover .menu li:nth-child(2) a:hover{display:none;}

#hangyeyingyong .runpic-words ul li:hover .menu li:nth-child(3){transition-delay:0.1s;transform:translate(36px,-135px);}
#hangyeyingyong .runpic-words ul li:hover .menu li:nth-child(3) a{transition-delay:0.1s;transform:translate(36px,-135px);}
#hangyeyingyong .runpic-words ul li:hover .menu li:nth-child(3) a:hover{display:none;}

#hangyeyingyong .runpic-words ul li:hover .menu li:nth-child(4){transition-delay:0.14s;transform:translate(130px,-92px);}
#hangyeyingyong .runpic-words ul li:hover .menu li:nth-child(4) a{transition-delay:0.14s;transform:translate(130px,-92px);}
#hangyeyingyong .runpic-words ul li:hover .menu li:nth-child(4) a:hover{display:none;}

#hangyeyingyong .runpic-words ul li:hover .menu li:nth-child(5){transition-delay:0.18s;transform:translate(165px,-2px);}
#hangyeyingyong .runpic-words ul li:hover .menu li:nth-child(5) a{transition-delay:0.18s;transform:translate(165px,-2px);}
#hangyeyingyong .runpic-words ul li:hover .menu li:nth-child(5) a:hover{display:none;}

.video-box{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;font-size:0;z-index:99999999999}
.video-box button{display:inline-block;padding:0;border:0 none;background:none;text-align:center;outline:none;cursor:pointer}
.video-box .video-button{display:inline-block;width:36px;height:36px;color:#fff;position:relative;overflow:hidden}
.video-box .video-button i{font-size:56px}
.video-box .video-button.video-btn-volume i{font-size:20px}
.video-box .video-button.video-tooltip-toggle i{font-size:20px}
.video-box .video-video{position:relative;width:100%;height:100%;overflow:hidden}
.video-box .video-video video{position:relative;display:block;top:0;left:0;width:100%;height:100%;background:#000}
.video-box .video-container{width:852px;min-height:550px;max-height:90vh;background:#000000;overflow:hidden;opacity:0}
.video-box .video-container.video-ready{opacity:1}
.video-box.quanping .video-container{width:100%;height:100%;max-height:100%;position:relative;left:0;top:0;transform:none}
.video-box.video-playing .video-div.video-hide-ui .video-ui{-webkit-transform:translateY(39px);-ms-transform:translateY(39px);transform:translateY(39px)}
.video-box.heibian .video-container{padding:40px 0}
.video-box.heibian .video-div.video-hide-ui .video-ui{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}
.video-box.heibian.quanping .video-container{padding:0}
.video-box.hideui .video-div .video-ui{-webkit-transform:translateY(39px);-ms-transform:translateY(39px);transform:translateY(39px)}
.video-box .i{font-family:none;height:100%;width:100%;background-size:80%;background-position:center;background-repeat:no-repeat}
.video-box .i:before,.video-box i:after{display:none !important}
.video-box .i-voice-on{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C10C%2022%2C12%2022%2C18%2018%2C20'%20%2F%3E%3Cpath%20d%3D'M22%2C6C%2028%2C10%2028%2C20%2022%2C24'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.video-box .i-voice-off{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C11L27%2C20'%20%2F%3E%3Cpath%20d%3D'M18%2C20L27%2C11'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.video-box .i-bofang{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2C7L10%2C23L24%2C15z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.video-box .i-zhanting{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2C7L7%2C23L11%2C23L11%2C7z'%2F%3E%3Cpath%20d%3D'M20%2C7L20%2C23L24%2C23L24%2C7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.video-box .i-quanping{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L6%2C6L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L6%2C25L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L24%2C6L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L24%2C25L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.video-box .i-suoxiao{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L10%2C10L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L10%2C21L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L20%2C10L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L20%2C21L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.video-bg{position:absolute;height:100%;width:100%;background:#000;opacity:.9}
.video-div{background:#000;font-size:0;letter-spacing:-1px;position:absolute;height:100%;width:100%;top:0;left:0}
.video-ui{position:absolute;width:100%;height:41px;background-color:rgba(0,0,0,0.8);left:0;bottom:0;z-index:6;letter-spacing:.25px;-webkit-transition:transform 0.3s ease;-o-transition:transform 0.3s ease;-ms-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;transition:transform 0.3s ease;-webkit-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px)}
.video-loading-pulse{position:absolute;width:6px;height:24px;top:50%;left:50%;background-color:rgba(255,255,255,0.2);-webkit-animation:pulse 750ms infinite;animation:pulse 750ms infinite;-webkit-animation-delay:250ms;animation-delay:250ms}
.video-loading-pulse:before,.video-loading-pulse:after{content:'';position:absolute;display:block;height:16px;width:6px;background:rgba(255,255,255,0.2);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-animation:pulse 750ms infinite;animation:pulse 750ms infinite}
.video-loading-pulse:before{left:-12px}
.video-loading-pulse:after{left:12px;-webkit-animation-delay:500ms;animation-delay:500ms}

@keyframes pulse{50%{background:white}
}

.video-loading{opacity:1;color:#2c97f6;font-size:0;overflow:hidden;box-shadow:0px 0px 0px 3600px #000;background:#000;width:30px;height:30px;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}
.video-loading i{border-radius:50%;width:24px;height:24px;display:block;border:0.25rem solid rgba(255,255,255,0.2);border-top-color:white;-webkit-animation:adeg 1s infinite linear;-o-animation:adeg 1s infinite linear;-ms-animation:adeg 1s infinite linear;-moz-animation:adeg 1s infinite linear;animation:adeg 1s infinite linear}
.video-loading .i-loading:before{display:none;opacity:0;visibility:hidden}
.video-loading.yihuanchun{opacity:0}

@keyframes adeg{0%{-webkit-transform:translate(0deg);transform:translate(0deg)}
100%{-webkit-transform:translate(360deg);transform:translate(360deg)}
}

.video-close{position:absolute;top:calc(52px + 2%);right:5%;width:30px;height:30px;cursor:pointer;background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M0%2C1L1%2C0L30%2C29L29%2C30z'%2F%3E%3Cpath%20d%3D'M29%2C0L29%2C0L30%2C1L1%2C30L0%2C29z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat}
.video-bofang.f-czspjuzhong{z-index:2;font-size:0}
.video-bofang.f-czspjuzhong i{display:block;border-radius:50%;text-align:center;background-color:rgba(0,0,0,0.8);color:#fff;width:60px;height:60px;cursor:pointer;line-height:62px;font-size:66px;-webkit-transition:transform 1s;-o-transition:transform 1s;-ms-transition:transform 1s;-moz-transition:transform 1s;transition:transform 1s}
.video-hide{z-index:0 !important}
.video-hide i{opacity:0;-webkit-transform:scale(3);-o-transform:scale(3);-ms-transform:scale(3);-moz-transform:scale(3);transform:scale(3);will-change:transform,opacity;z-index:0}
.video-progress{display:block;position:absolute;width:100%;bottom:36px;height:5px;cursor:pointer;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;z-index:2}
.video-progress:hover .video-progress-hover,.video-progress:hover .video-tooltip-time{opacity:1}
.video-tooltip-time{width:46px;position:absolute;height:20px;z-index:5;left:0;right:0;bottom:8px;opacity:0;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;-ms-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s}
.video-tooltip-time .video-tinytip-content{margin-left:-23px}
.video-tooltip-time .video-text{background:rgba(0,0,0,0.5);padding:2px;border-radius:2px}
.video-tinytip .video-tooltip-content{display:inline-block;padding:0 4px;color:rgba(255,255,255,0.5);font-size:10px;line-height:20px;text-align:center}
.video-progress-padding{position:absolute;width:100%;height:16px;bottom:0;z-index:40;cursor:pointer}
.video-progress-list{position:relative;top:-1px;z-index:39;width:100%;height:100%;background-color:rgba(255,255,255,0.2);-webkit-transform:scaleY(0.6);-ms-transform:scaleY(0.6);transform:scaleY(0.6);transition:-webkit-transform 0.1s cubic-bezier(0.4,0,1,1);transition:transform 0.1s cubic-bezier(0.4,0,1,1);transition:transform 0.1s cubic-bezier(0.4,0,1,1),-webkit-transform 0.1s cubic-bezier(0.4,0,1,1)}
.video-progress-play,.video-progress-buffer,.video-progress-hover{position:absolute;top:0;left:0;width:0;height:100%}
.video-progress-buffer{z-index:33;background-color:rgba(255,255,255,0.4);-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}
.video-progress-hover{z-index:34;background-color:rgba(255,255,255,0.5);opacity:0;-webkit-transition:opacity 0.25s cubic-bezier(0,0,0.2,1);-o-transition:opacity 0.25s cubic-bezier(0,0,0.2,1);-ms-transition:opacity 0.25s cubic-bezier(0,0,0.2,1);-moz-transition:opacity 0.25s cubic-bezier(0,0,0.2,1);transition:opacity 0.25s cubic-bezier(0,0,0.2,1)}
.video-progress-play{z-index:35;background-color:#2c97f6}
.video-progress-handle{width:13px;height:13px;position:absolute;top:50%;right:-6.5px;margin-top:-6.5px;border-radius:50%;background-color:#2c97f6;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:-webkit-transform 0.1s cubic-bezier(0.4,0,1,1);transition:transform 0.1s cubic-bezier(0.4,0,1,1);transition:transform 0.1s cubic-bezier(0.4,0,1,1),-webkit-transform 0.1s cubic-bezier(0.4,0,1,1)}
.video-progress-padding:hover + .video-progress-list{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}
.video-progress-padding:hover + .video-progress-list .video-progress-handle{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.video-controls-buttons{position:absolute;bottom:0;left:0;height:36px;width:100%;padding:0 10px;z-index:3}
.video-time-panel{font-size:12px;color:#777;display:inline-block;vertical-align:top;height:36px;padding:0 5px;line-height:36px;letter-spacing:.25px}
.video-time-panel-current{color:#DEDEDF}
.video-fullscreen{float:right}
.video-definition{float:right;width:55px;height:36px;position:relative}
.video-definition .video-button{width:100%}
.video-definition .video-button span{background:#fff;color:#333;font-size:14px;padding:2px 5px}
.video-definition .video-tooltip-content{width:80px;left:50%;margin-left:-40px;display:none;background:rgba(0,0,0,0.5)}
.video-definition:hover .video-tooltip-content{position:absolute;bottom:35px;color:#aaa;display:block;z-index:6}
.video-menu .video-menu-item{display:block;width:100%;line-height:36px;font-size:14px;text-align:center;white-space:nowrap;padding:0 12px;cursor:pointer;position:relative;height:38px;background:-webkit-linear-gradient(top,transparent 0,transparent 50%,rgba(255,255,255,0.1) 50%) center bottom no-repeat;background-size:80% 1px}
.video-menu .video-menu-item:hover{color:#fff;background:rgba(255,255,255,0.12)}
.video-menu .video-menu-item.video-active{color:#FF8F00}
.video-volume{float:right;position:relative}
.video-popup .video-popup-content{transform:scaleY(0);bottom:41px;position:absolute}
.video-popup .video-popup-content:after{content:'';position:absolute;bottom:-10px;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:rgba(0,0,0,0.5)}
.video-popup:hover .video-popup-content{-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1)}
.video-volume-slider{left:0;width:36px;height:100px;cursor:pointer;background:rgba(0,0,0,0.8)}
.video-tinytip-tiao{position:absolute;top:0;left:0;width:100%;height:100%}
.video-volume-range{position:absolute;left:16px;top:10px;width:4px;height:80px;background-color:rgba(0,0,0,0.2)}
.video-volume-range-current{position:absolute;left:0;bottom:0;width:100%;height:50%;background-color:#2c97f6}
.video-volume-handle{position:absolute;top:0;left:-4px;width:12px;height:3px;background-color:#fff}

@media (max-width:998px){.video-box .video-container{width:80vw;max-height:80vh;min-height:44.9vw}
}

@media (max-width:468px){.video-box .video-container{width:100vw;min-height:54.9vw}
.video-loading i{font-size:26px}
.video-definition{display:none}
}

#container{width:980px;margin:0 auto}
/*section{height:300px;margin:60px 0}*/
.section--purple{background-color:#9b59b6}
.section--blue{background-color:#3498db}
.section--green{background-color:#2ecc71}
#main{text-align:center}
#more{margin:20px auto 48px}