@charset "UTF-8";
@import url("fonts/fonts.css");
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;-webkit-tap-highlight-color:transparent}
body,html{color:#333}
html{-webkit-text-size-adjust:100%;font-size:100px;}
body{-webkit-text-size-adjust:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none;overflow-x:hidden}
body,input,pre,select,td,textarea{font-family:'syht-r',-apple-system,BlinkMacSystemFont,"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;font-size: 0.16rem;}
@media (max-width:640px) {
html{font-size:15.625vw;}
body,input,pre,select,td,textarea{font-size: 0.24rem;}
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;padding:0;margin:0}
input,textarea{margin:0;padding:0;outline:0;-webkit-appearance:none;border-radius:0}
select{border:solid 1px #eee;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/select.gif) no-repeat scroll right 10px center transparent;padding-right:20px}
select::-ms-expand{display:none}
a,a:active{color:#333}
a:hover{color:#00578a}
a,a:active,a:hover,a:link,a:visited{text-decoration:none;-webkit-tap-highlight-color:transparent}
:focus,a:focus{outline:0;-moz-outline:none}
table,td,th{border-collapse:collapse;border-spacing:0}
.ul,.ul li{list-style:none}
hr{margin:0;padding:0;border:0;color:#000;background-color:#000;height:1px}
img{border:none;max-width:100%;vertical-align:middle}
.Ispic{background-repeat:no-repeat;background-position:center center;background-size:cover}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;text-align:justify;text-justify:inter-ideograph}
.clear{clear:both;height:0;font-size:0;line-height:0;overflow:hidden;zoom:0}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.ytable{display:table;width:100%;}
.ytable.fixed{table-layout: fixed;}
.ytable-cell{display:table-cell;vertical-align:middle}
.hpc100{height:100%}
.none{display:none}
.hidden{visibility:hidden}
@media (min-width:1025px) {
.fl{float:left}
.fr{float:right}	
}
.auto-inner{width:96%;max-width:1200px;margin:0 auto}
@media (min-width:1281px) and (max-width:1366px){
html{font-size: 85px;}
.auto-inner{width:83%;}
}
@media (min-width:1025px) and (max-width:1280px){
html{font-size: 75px;}
.auto-inner{width:75%;}
}
.pr{position:relative}
.nm{margin:0}
.nfw{font-weight:normal}
.img-block{display:block;width:100%}
.view.editor p{margin:16px 0}
.view.editor .list-paddingleft-2{padding-left:0}
.view.editor ol,.view.editor ul{width:auto}
.view.editor li{clear:inherit}

.scale-hover .pic{overflow: hidden;}
.scale-hover .pic .Ispic{transition: 0.3s ease-out;}
.scale-hover:hover .pic .Ispic{transform: scale(1.2);}
/*STAR*/

.top-main .inner{position: fixed;left: 0; top: 0; width: 100%; z-index: 100; background-color: #fff; transition: 0.3s;}
@media (min-width:1025px) {
.top-nav,
.top-main .logo{display: table;height: 0.88rem;}
.top-nav dd,
.top-main .logo a{display: table-cell;vertical-align: middle;}	
}
.top-main .logo img{max-height: 0.5rem;}
.top-main .logo img.home-show{display: none;}
.top-nav dd > a{width: 20px;height: 20px;display: block;}
.top-nav dd.top-lang{display: none;}
.top-lang{position: relative;z-index: 30; }
.top-lang .icon{background: url(../images/lang.png) no-repeat center center; }
.top-lang figure{position: absolute;top: 100%; width: 1.2rem;background-color: #fff;left: 50%;margin-left: calc(-0.6rem + 1.04vw); padding: 0.2rem 0; display: none;}
@media (max-width:640px) {
.top-lang figure{margin-left: -0.6rem;}
}
.top-lang figure a{display: block;text-align: center;line-height: 2;}
.open-search{background: url(../images/search.png) no-repeat center center;}
.open-search.on{position: relative; background: none;}
.open-search.on:before,
.open-search.on:after{position: absolute;content: '';left: 0; top: 50%;height: 3px;background-color: #333;width: 100%; margin-top: -1.5px;}
.open-search.on:before{transform: rotate(45deg);}
.open-search.on:after{transform: rotate(-45deg);}
.top-nav .other-logo{width: 155px;position: absolute;left: 100%;display: block; top: 50%; transform: translateY(-50%); margin-left: 30px;}
@media (max-width:1600px) {
.top-nav .other-logo{width: 8vw; margin-left: 1vw;}
}
@media (min-width:1025px) and (max-width:1440px) {
.top-nav{margin-right: 8vw;}
.top-nav .other-logo{width: 10vw;}
}

.top-mem{background: url(../images/mems_2.png) no-repeat left center; padding-left: 25px !important; 	background-size: 18px; display: block; color: #444}
.top-main.opacity .top-mem {background: url(../images/mems.png) no-repeat left center }

.top-mem {   }
.top-mem span{  cursor: pointer ;display: inline-block; }
.top-mem span:hover{ text-decoration: underline;}
.top-main.opacity  .top-mem{color: #fff; }
.top-main.opacity  .top-mem span{color: #fff; }



.open-menu aside{width: 34px;height: 20px;position: relative; cursor: pointer;}
.open-menu aside i{position: absolute;width: 100%;height: 2px;background-color: #333;left:0;}
.open-menu aside i:nth-child(1){top:2px;width: 80%;}
.open-menu aside i:nth-child(2){width: 50%; top: 50%;margin-top: -1px;}
.open-menu aside i:nth-child(3){bottom:2px;}

.top-search .box{display: none;position: absolute;right:0;top: 100%;background-color: #eee; padding: 0.1rem 0.7rem 0.1rem 0.2rem;width: 100%;}
.top-search .box .text{width: 100%;height: 0.4rem;line-height: 0.4rem;color: #999; background: none;border: 0;}
.top-search .box .text.focus{color: #333;}
.top-search .box .btn{position: absolute;right: 0;top: 0;width: 0.7rem;height: 100%;background: url(../images/search.png) no-repeat center center #fff;}

.other_menu{position:fixed; left:0; top:0; width:100%; height:100%; max-height:100%; overflow:auto; background:rgba(0,63,101,0.95); z-index:110;display: none;}
.other_menu .close{position: absolute;right: 4%;top: 4%; width: 30px; height: 30px;}
.other_menu .close:before,
.other_menu .close:after{position: absolute;content: '';left: 0; top: 50%;margin-top: -1px;height: 2px;background-color: #fff;transform: rotate(45deg);width: 100%;}
.other_menu .close:after{transform: rotate(-45deg);}
.other_menu ul{ display:table;margin:0 auto;}
.other_menu li{ text-transform:uppercase;line-height:2.125; position:relative;}
.other_menu li:not(:last-child){ margin-bottom:1.875em;}
.other_menu li aside a{ color:#fff; font-size:0.24rem; position:relative; transition:0.3s; }
.other_menu li.aon aside a,
.other_menu li aside a:hover{ margin-left:1.458em; border-bottom:2px solid #fff; color:#fff;}
.other_menu li dl{display:none;}
.other_menu li dd{ border-bottom:1px solid rgba(255,255,255,0.3);}
.other_menu li dd a{ color:#fff; line-height:40px; display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; opacity:0.7; transition:opacity 0.3s;}
.other_menu li dd a::before{ display:inline-block; content:''; width:5px; height:5px; background:#fff; border-radius:50%; margin-right:5px; vertical-align:middle;}
.other_menu li dd a:hover{ opacity:1;}

@media (min-width:1025px) {
.top-main { position: relative;}
.top-main .logo{float: left;}
.top-nav{float: right; position: relative;z-index: 50;}
.top-nav dd:not(.other-logo){padding-left: 2.08vw;}
.top-main .top-nav .open-menu { display: none;}
.top-menu{float: right; line-height:3.125;padding-top: 18px; margin-right: 40px;}
.top-menu li{float: left;}
.top-menu li:not(:last-child){margin-right:2.5vw;}
.top-menu li:not(:last-child):after{position: absolute;content: '';width: 3px;height: 3px;border-radius: 50%;background: #ccc;left: 100%;margin-left:1.823vw;top: 50%;transform: translateY(-50%);}
.top-menu li a{display: block;position: relative;}
.top-menu li a:after{position: absolute;content: '';height: 2px; bottom: 0;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);transition: 0.3s;width: 0;background-color: #005284;}
.top-menu li:hover a:after,
.top-menu li.aon a:after{width: 100%;}
.top-menu li:hover a,
.top-menu li.aon a{color: #005284;}
.opacity .top-menu li:hover a{color: #fff;}
.top-menu li .sub { position: absolute; top: 100%; left: 0; width: 100%;background:#fff;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #ccc; display: none;}
.top-menu li .sub .container { position: relative;display: table; padding: 0 15px}
.top-menu li .sub .col {display: table-cell;width: 25%;padding: 40px 0;}
.top-menu li .sub .col dd{ margin-bottom: 20px;}
.top-menu li .sub .col dd a { line-height: 1;font-size: 16px;color: #333;font-weight: 700;}
.top-menu li .sub .col dd a:hover { color:#005284;text-decoration: underline;}
.top-menu li .sub .col dd a:after { display: none;}
.top-menu li .sub .menu-close { width: 21px;height: 21px;display: block;position: absolute;top: 30px;right: 15px;background: url(../images/header_close.png) no-repeat center;}
.top-menu li .sub .menu-close:after { display: none}
.top-search{position: relative;z-index: 30;}
.top-search .box{width: 600px;}
.other_menu ul{text-align:center;}
.other_menu li dl{ position:absolute; left:100%; top:0; font-size:15px; width:170%; padding-left:0.4rem; text-align:left;}
}
@media (max-width:1024px) {
.top-menu{display: none;}
.other_menu ul{width: 60%;}
.other_menu li aside{position: relative; border-bottom: 1px solid rgba(255,255,255,0.2);}
.other_menu li aside .op{position: absolute;right: 0; width: 14px; height: 14px;top: 50%; margin-top: -7px; transition: 0.3s;}
.other_menu li aside .op:before,
.other_menu li aside .op:after{position: absolute;content: '';left: 0;height: 2px;width: 100%;background-color: #fff; top: 50%;margin-top: -1px;}
.other_menu li aside .op:after{transform: rotate(90deg);}
.other_menu li aside .op.active{transform: rotate(45deg);}
.top-main .auto-inner{display: flex;justify-content: space-between; align-items: center;}
.top-main .inner{padding: 2vw 0;}
.top-main .logo{flex: 1;}
.top-nav{display: flex; align-items: center;}
.top-nav dd:not(.open-menu){margin-right: 4vw;}
}









.overf{width:100%;height:100%;position:fixed;left:0;top:0;}
.Form002324{position:fixed;background:rgba(0,0,0,0.5);width:100%;height:100%;top:0;left:0;z-index:9999; display: none}
.Form002324 .wrap-container{position:fixed;top:50%;margin-top:-190px;width:600px;padding-bottom:60px;margin-left:-300px;left:50%;background:#fff;z-index:100;display:none}
.Form002324 .wrap-container0{margin-top:-350px;}
.Form002324 .closeBtn{position:absolute;top:28px;right:20px;height:17px;width:17px;display:block;background:url(../images/form_close.png) no-repeat;transition: 0.3s;}
.Form002324 .closeBtn:hover{transform: rotate(90deg);}
.Form002324 .Title{font-size:24px;color:#fff;text-align:center;line-height:70px; background: #005284;margin-bottom: 50px;}
.Form002324  dl dd { position: relative;margin:0 auto 15px;width:348px;}
.Form002324  dl dd label { position: absolute;top:50%;left:40px;margin-top:-11px;color:#757575;}
.Form002324  input{display:block;border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;
	color:#6e6e6e;border:1px solid #dcdcdc;height:43px;line-height:33px;padding:5px 10px 5px 40px;margin:0 auto 15px;width:348px}
.Form002324 .Loginname{background:url(../images/Form002324-mico.png) no-repeat 11px top}
.Form002324 .Loginpwd{background:url(../images/Form002324-mico.png) no-repeat 11px  -52px}
.Form002324 .Loginmail{background:url(../images/Form002324-mico.png) no-repeat 11px -104px;}
.Form002324 .Loginphone{background:url(../images/Form002324-mico.png) no-repeat 11px -156px}
.Form002324 .Logineducation{background:url(../images/Form002324-mico.png) no-repeat 11px bottom}



.Form002324 .Logincode{padding-left:20px}
.Form002324 .code{height:auto;overflow:hidden;margin:0 auto 23px;width:348px}
.Form002324 .code a{width:30%;float:right;line-height:43px; text-decoration: underline;}
.Form002324 .code input{width:65%;float:left;margin:0}
.Form002324 .yzm{width:350px;margin:0 auto}
.Form002324 .Lyzm{float:left;width:126px;padding-left:20px}
.Form002324 .yzm a{float:left;margin-left:10px;color:#0277ba;line-height:42px}
.Form002324 .yzm img{display:inline-block;vertical-align:top;max-width:117px;width:50%;margin-right:16px;height:42px}
.Form002324 .goTo{width:350px;margin:0 auto}
.Form002324 .goTo a{float:left;color:#969696;line-height:12px;margin-bottom:20px}
.Form002324 .goTo a:hover{color:#005284;}
.Form002324 .goTo .gozc,
.Form002324 .goTo .goRegister{float:right}
.Form002324 .goLogin{width:350px;margin:0 auto;color:#fff;text-align:center;line-height:42px;font-size:16px;display:block;background:#6e6e6e}
.Form002324 .goLogin:hover {color:#fff;background:#005284;}
.Form002324 .OtherLogin{width:350px;margin:0 auto}
.Form002324 .OtherLogin a{display:inline-block;color:#969696;vertical-align:top;font-size:12px;padding-left:24px;line-height:55px;height:55px}
.Form002324 .OtherLogin .Loginweico{margin-right:13px;background:url(../images/Form002324-mico2.png) no-repeat 0 19px}
.Form002324 .OtherLogin .Loginqq{margin-right:0;background:url(../images/Form002324-mico2.png) no-repeat 0 -25px}
@media only screen and (max-width:664px ){
.Form002324 .wrap-container{top:0;margin-top:0;width:100%;height:100%;margin-left:0;left:0;padding:5%}
.Form002324 .Title{margin-bottom:20px;}
.Form002324 .closeBtn{position:absolute;top:50px;right:40px;}
.Form002324 input,.Form002324 .yzm,.Form002324 .goTo,.Form002324 .goLogin,.Form002324 .OtherLogin{width:100%}
.Form002324 .code{width:100%}
.Form002324 .OtherLogin{text-align:center}
.Form002324 .Lyzm{width:90px}
.Form002324 .Title{font-size:20px;line-height:70px}
}


/*Applyinfo*/
.Applyinfo{position:fixed;background:rgba(0,0,0,0.5);width:100%;height:100%;top:0;left:0;z-index:9999; display: none;}
.Applyinfo .wrap-container{position:fixed;top:50%;margin-top:-190px;width:600px;padding-bottom:60px;margin-left:-300px;left:50%;background:#fff;z-index:100;}
.Applyinfo .wrap-container0{margin-top:-350px;}
.Applyinfo .closeBtn{position:absolute;top:28px;right:20px;height:17px;width:17px;display:block;background:url(../images/form_close.png) no-repeat;transition: 0.3s;}
.Applyinfo .closeBtn:hover{transform: rotate(90deg);}
.Applyinfo .Title{font-size:24px;color:#fff;text-align:center;line-height:70px; background: #005284;margin-bottom: 50px;}
.Applyinfo  input{display:block;color:#6e6e6e;border:1px solid #dcdcdc;height:43px;line-height:33px;padding:5px 10px 5px 40px;margin:0 auto 15px;width:348px}
.Applyinfo .Loginname{background:url(../images/Form002324-mico.png) no-repeat 11px top}
.Applyinfo .Loginphone{background:url(../images/Form002324-mico.png) no-repeat 11px -156px}
.Applyinfo .goLogin{width:350px;margin:0 auto;color:#fff;text-align:center;line-height:42px;font-size:16px;display:block;background:#6e6e6e}
.Applyinfo .goLogin:hover {color:#fff;background:#005284;}
.Applyinfo .upfBox{position: relative;padding-bottom:10px; width: 348px;margin:0 auto;}
.Applyinfo .upfBox .ipt { position: relative; width:100%; cursor: pointer;margin-top:-45px;}
.Applyinfo .upfBox .ipt input { opacity: 0;line-height: unset;width: 100%;height: 45px;position: relative;z-index: 10; cursor: pointer; padding:0; }
.Applyinfo .upfBox .ipt .bj {position: absolute;top: 0;display: block;width:100%;height: 30px;line-height: 30px; cursor: pointer; text-align:right;padding-right:10px; }
.Applyinfo .upfBox .ipt:hover .bj {color:#005284;}
.Applyinfo .upfBox .a-upload{bottom: 2px;padding-left:15px;width: 100%; height: 43px;line-height: 40px;position: relative;cursor: pointer;border: 1px solid #dcdcdc;color:#6e6e6e;overflow: hidden;display: inline-block;*display: inline;*zoom: 1}
.Applyinfo .upfBox .a-upload input{position: absolute;right: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;z-index: 9;}
.Applyinfo .upfBox button{width: 120px;height: 50px;border: none;color: #fff;font-size: 16px;line-height: 48px;cursor: pointer;position: absolute;top: -1px;right: 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;z-index: 2;}
.Applyinfo .upfBox button:hover{background:#005284;}
@media only screen and (max-width:664px ){
    .Applyinfo .wrap-container{top:0;margin-top:0;width:100%;height:100%;margin-left:0;left:0;padding:5%}
    .Applyinfo .Title{margin-bottom:20px;}
    .Applyinfo .closeBtn{position:absolute;top:50px;right:40px;}
    .Applyinfo input,.Applyinfo .yzm,.Applyinfo .goTo,.Applyinfo .goLogin,.Applyinfo .OtherLogin{width:100%}
    .Applyinfo .code{width:100%}
    .Applyinfo .OtherLogin{text-align:center}
    .Applyinfo .Lyzm{width:90px}
    .Applyinfo .Title{font-size:20px;line-height:70px}
    .Applyinfo .upfBox { width: 100%;}
}









.bottom-main{background: url(../images/footerbg.jpg) repeat center top;padding-top: 3.5%;font-size:0.14rem; border-top: 2px solid #00578a}
.bottom-main,
.bottom-main a{color: #666;}
.bottom-main a:hover{color: #005991;}
.bottom-main .top{padding-bottom: 0.35rem; border-bottom: 1px solid #dbdbdb;}
.bottom-main .top nav dl,
.bottom-main .top nav{float: left;}
.bottom-main .top nav{max-width: 960px; width: 77%;}
.bottom-main .top nav dl{max-width: 180px;}
.bottom-main .top nav dt{padding-bottom: 0.14rem;font-size: 0.17rem;}
.bottom-main .top nav dt a:not(:hover){color: #333;}
.bottom-main .top nav dd{line-height: 1.714; padding:0.285em 0;}
.bottom-main .contact{ text-align: center;}
.bottom-main .contact .code{padding-bottom:0.2rem; max-width: 149px; margin: 0 auto; width: 96%;}
.bottom-main .social-share{display: table;margin: 0 auto;}
.bottom-main .social-share a{margin: 0 10px; border-radius: 50%; width: 40px;line-height: 40px;height: 40px;border: 1px solid #989898;color: #989898;float: left;}
.bottom-main .social-share a:hover{border-color: #005991;background-color: #005991;color: #fff;}
.bottom-main .bottom nav{padding-bottom: 0.15rem;}
.bottom-main .bottom nav a{display: inline-block;}
.bottom-main .bottom nav a:not(:last-child):after{display: inline-block; content: ''; width: 1px;height: 11px;background: #d4d4d4; vertical-align: middle; margin: 0 20px;}

.bottom-main .bottom dl{line-height: 1.714; padding: 1.785em 0;}
.bottom-main .bottom dd,
.bottom-main .bottom dd a{color: #999;}
.bottom-main .bottom dd a:hover{color: #005991;}
.bottom-main .bottom dd { position: relative;}
.bottom-main .bottom dd aside{ position: relative; padding:0 30px 0 10px;border:1px solid #ddd; cursor: pointer;}
.bottom-main .bottom dd aside:after{ position: absolute; content:''; width: 15px; height: 8px;right:3%;top:50%;transform:translateY(-50%) rotate(180deg);background:url("../images/i-down.png") no-repeat center;}
.bottom-main .bottom dd ul { position: absolute; width: 100%;bottom:24px;left:0;padding: 10px 0;border: 1px solid #ddd;background:#fff; display: none;}
.bottom-main .bottom dd ul a {display: block;padding:0 10px}
@media(min-width:1025px){
.bottom-main .contact{float: right;max-width: 208px; }
.bottom-main .bottom dt{float: left;max-width:70%;}
.bottom-main .bottom dd{float: right;}
.bottom-main .bottom nav{text-align: right;}
}
@media(max-width:1024px){
.bottom-main .top nav{display: none;}
.bottom-main .bottom{text-align: center; }
}
@media(max-width:640px){
.bottom-main{font-size: 0.2rem;}
.bottom-main .bottom nav a:not(:last-child):after{ margin: 0 0.1rem;}
}

.page-ban .Ispic{height: 2.52rem;}
@media (max-width:640px) {
.page-ban .Ispic{height: 2rem;}	
}

.nav-menu{border-bottom: 1px solid #ddd;line-height: 3.125;}
.nav-menu.fixed{ position: fixed; width: 100%; left: 0; top: 0; border-top:1px solid #ddd;background: #fff; z-index: 20;}
.nav-menu .nav ul{border-left: 1px solid #ddd;}
.nav-menu .nav li{float: left;position: relative;z-index: 30; border-right: 1px solid #ddd;}
.nav-menu .nav li:not(.home){width: 2.2rem;}
.nav-menu .nav li.home{width: calc(3.125em + 1px);}
.nav-menu .nav li.home a{display: block;height:3.125em; background: url(../images/icon-home.png) no-repeat center center;}
.nav-menu .nav li .sub{position: absolute;left: -1px;top: 100%; background-color: #fff;border: 1px solid #ddd;right:-1px;padding: 0.2rem;display: none;}
.nav-menu .nav li .sub dd{line-height: 2;}
.nav-menu .nav li .sub dd a.aon,
.nav-menu .nav li .sub dd a:hover{font-family: 'syht-b';color:#00578a;}
.nav-menu .nav li > aside{padding: 0 0 0 0.2rem;}
.nav-menu .nav li.click > aside{cursor: pointer;background: url(../images/i-down.png) no-repeat right 0.2rem center; padding-right: 0.5rem;}
@media (max-width: 640px) {
    .nav-menu .nav li:nth-of-type(2) { display: none;}
}


.Current{overflow: hidden;}
.Current > *{float: left;}
.Current span{color: #00578a;}
.Current a:not(:hover){color: #acacac;}
.Current a{padding-right: 20px;margin-right: 15px; background: url(../images/i-r.png) no-repeat right center;}
@media (max-width:1024px) {
.Current{display: none;}	
}

.Content{padding: 5.21vw 0; overflow-x:hidden;}
.Content.npt{padding-top: 0;}
.Content.npb{padding-bottom: 0;}

.singlePage{text-align: justify;line-height: 2;color: #555;}
.singlePage img{max-width:100%;height: auto!important; }
@media (min-width:1025px) {
.singlePage{font-size: 0.15rem;}
}

.column-name h3{font-size: 0.34rem;margin: 0 0 1.176em 0;text-align: center;}
.column-name h3:after{width:1.4705em;height:2px;background:#009ee5; border:none;margin:0.735em auto 0; content: ""; display: block;}
@media (max-width:640px) {
.column-name{font-size: 0.51rem;}
}

.about-video .right-video .pic{position: relative;}
.about-video .right-video .pic:before{position: absolute;background-color: #00578a;opacity: 0.3; content: ''; height: 80%; top: 10%;left: -10px; width: 10px;}
.about-video .right-video .open-video,
.about-video .right-video .open-video span,
.about-video .right-video .open-video span:before{position: absolute;}
.about-video .right-video .open-video span,
.about-video .right-video .open-video span:before{left: 50%;top: 50%;}
.about-video .right-video .open-video{left: 0; top: 0;width: 100%;height: 100%;z-index: 3; cursor: pointer;}
.about-video .right-video .open-video span{width: 0.66rem;height: 0.66rem; border-radius: 50%;background-color: #fff;margin: -0.33rem 0 0 -0.33rem;}
.about-video .right-video .open-video span:before{content: '';border:0.08rem solid transparent; border-left-color: #000;border-left-width: 0.14rem;margin: -0.08rem 0 0 -0.04rem;}
.about-video .video_files{position: absolute;left: 0; top: 0;z-index: 5;width: 100%;height: 100%;background-color: #000;}
.about-video .video_files video{width: 100%;height: 100%;}
@media (min-width:1025px) {
.about-video .left-txt{width: 55%;}
.about-video .left-txt .singlePage{margin-right: 2.66vw;}
.about-video {margin-bottom: 2.71vw;}
}
@media (max-width:1024px) {
.about-video .ytable,
.about-video .ytable-cell{display: block;}
.about-video .ytable-cell{margin-bottom: 4vw;}
}

.img-srcoll{margin-top: 2vw;}
.img-srcoll ul{white-space: nowrap;}
.img-srcoll ul li{display: inline-block; width: 3.85rem; vertical-align: bottom;}
.img-srcoll ul li:not(:last-child){margin-right: 1.15vw;}
.img-srcoll .mCSB_scrollTools.mCSB_scrollTools_horizontal{height: 1px; opacity: 1;background-color: #dedede;}
.img-srcoll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height: 1px;margin: 0;background: #00578a; }
@media (max-width:1024px) {
.img-srcoll{touch-action: initial!important;}	
}


.list-factory-2{padding-top: 3%}
.list-factory li{float: left; border-bottom: 2px solid #939ba6; margin-bottom: 3.33vw; width: 100%}
.list-factory li .Ispic{padding-bottom: 86.899%;}
.list-factory li aside{text-align: center;font-size: 0.22rem;line-height: 3.545;}
.list-factory li .pic{overflow: hidden;}
@media (min-width:1025px) {
.list-factory li{width: 31.167%;}
.list-factory li:not(:nth-child(3n)){margin-right: 3.2495%;}
}

/*Pages*/
.Pages{text-align:center; line-height:3.125;font-family: 'Arial';}
.Pages a.a_first,
.Pages a.a_end,
.Pages > span{ display:none;}
.Pages .p_page{overflow: hidden;display: table; margin: 0 auto;}
.Pages .p_page *{float: left;}
.Pages .p_page em{font-style:normal;}
.Pages a{color:#8597ab; border: 1px solid #eee; transition:0.3s;}
.Pages .num a{ padding:0 1.375em; margin:0 5px;}
.Pages a:hover,
.Pages .num a.a_cur{ background-color:#00578a; color:#fff;}
.Pages a.a_next,
.Pages a.a_prev{ text-transform:uppercase; width: 3.125em; height:calc(3.125em + 2px);text-indent: 9999em;background-repeat: no-repeat; background-position: center center;}
.Pages a.a_prev{background-image:url(../images/page/a_prev.gif);}
.Pages a.a_next{background-image:url(../images/page/a_next.gif);}
.Pages a.a_next:hover,
.Pages a.a_prev:hover{background-color:#00578a;}
.Pages a.a_prev:hover{background-image:url(../images/page/a_prev_hover.gif);}
.Pages a.a_next:hover{background-image:url(../images/page/a_next_hover.gif);}
@media(max-width:640px){
.Pages{padding: 20px 0;}
.Pages .num{display:none;}
.Pages a{margin:0 5px;}
}

.histroy{ padding:0% 0;}
.histroy .tab_year{position:relative;margin-bottom:0.35rem;}
.histroy .tab_year::before{ position:absolute; content:''; width:100%; left:0; bottom:0; height:1px; background-color:#ececec;}
.histroy .tab_year li{ float: left;text-align: center;line-height: 2.3636;cursor: pointer;font-size: 0.22rem;background: #f4f4f4;color:#666;}
.histroy .tab_year li:not(last-child){margin-right: 0.25rem;}
.histroy .tab_year li.on{ background-color:#005284; color:#fff;}
.histroy .tab_list .list{ display:none; position:relative; padding-bottom:3%;}
.histroy .tab_list .list::before,
.histroy .tab_list .list::after{ position:absolute; content:'';}
.histroy .tab_list .list::before{ width:2px; height:100%; background-color:#005284; top:0; left:1.8rem;}
.histroy .tab_list .list::after{ background:url(../images/histroy-icon.png) no-repeat; width:0.24rem; height:0.4rem; bottom:-0.2rem; left:1.68rem; background-size: contain;}
.histroy .list dl{ padding-left:1.48rem; position:relative;}
.histroy .list dt{ position:absolute; left:0; top:0; width:1.82rem;}
.histroy .list dt::before,
.histroy .list dt::after{position:absolute; content:'';}
.histroy .list dt::before{width:0.16rem; height:0.16rem; border-radius:50%; border:2px solid #fff; background-color:#005284; right:-0.07rem; top:50%; margin-top:-0.08rem; z-index:1;}
.histroy .list dt::after{ height:1px; width:90%; right:0; background-color:#ddd; top:50%; margin-top:-1px; z-index:0;}
.histroy .list dt span{ display:inline-block; min-width:1.2rem;color:#fff; background-color:#005284; line-height:3.25; text-align:center; position:relative; z-index:2;font-weight: bold;}
.histroy .list dd{padding-left:0.6rem; padding-bottom:0.3rem;}
.histroy .list dd div{padding:1.5625em; position:relative;background: #f4f4f4;}
.histroy .list dd pre{line-height:1.7333; color:#666;}
.histroy .list dd figcaption{margin-top: 2%;padding-bottom: 27.601%;}
@media(min-width:641px){
.histroy .list dd pre{font-size: 0.15rem;}
.histroy .list dd figcaption{float: left;width:41.402%; margin-right: 2%;}
.histroy .tab_year li{min-width: 1.7rem;}
}
@media (max-width:640px) {
.histroy .list dt span{font-size: 0.2rem; min-width: 1.4rem;}
.histroy .list dd figcaption{padding-bottom: 66.667%;}
.histroy .tab_year li{padding: 0 0.5em;}
.histroy .tab_year li:not(last-child){margin-right: 0.5em;}
}

.list-company{padding-top: 3vw;}
.list-company .box:not(:last-child){margin-bottom:6%;}
.list-company .box:nth-child(2n) .txt .inner,
.list-company .box:nth-child(2n-1) .txt{background:#f8f8f8;}
.list-company .pic img{display: block; width: 100%;}
.list-company .txt{position: relative; z-index: 10;}
.list-company .txt .inner{padding:4% 8%;}
.list-company .box:nth-child(2n) .txt{vertical-align: top;}
.list-company .txt .tit{padding-left: 1.25em; font-size: 0.24rem;color: #333;background: url(../images/list-company-icon.png) no-repeat left center; margin-bottom: 1em; background-size: 0.666em auto;}
.list-company .txt .singlePage{color: #666;}
@media(min-width:1025px){
.list-company .box:nth-child(2n){margin-bottom:9.5%;}
.list-company .box .pic{width: 46%;}
.list-company .box .pic .inner{ width:115.944%;}
.list-company .box:nth-child(2n-1) .pic .inner{margin-top: -8%; padding-bottom: 6%;}
.list-company .box:nth-child(2n) .pic .inner{float: right; margin-top: 6%;}
}
@media(max-width:1024px){
.list-company .ytable,
.list-company .ytable-cell{display: block;}
.list-company .txt .inner{padding: 5%;}
}
@media(max-width:640px){
.list-company .txt .tit{font-size: 0.36rem;}
}

.list-video li{ position:relative; border-bottom:2px solid #eaeaea;padding-bottom: 30px; }
.list-video .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:20;}
.list-video .video_files video{width:100%; height:100%; background-color:#000;}
.list-video .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 0.3rem;height: 0.3rem;border-radius: 50%;background-color: #761b1b;cursor: pointer;}
.list-video .video_files .close::before,
.list-video .video_files .close::after{ position:absolute; content:''; width:0.03rem; height:70%; border-radius:0.03rem; background-color:#fff; left:0.13rem; top:0.05rem;}
.list-video .video_files .close::before{ transform:rotate(45deg);}
.list-video .video_files .close::after{ transform:rotate(-45deg);}
.list-video .pic{position:relative;overflow: hidden;}
.list-video .pic .Ispic{ display:block; padding-bottom:67.935%; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.list-video .pic a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.45);cursor: pointer;z-index: 10;}
.list-video .pic a::before,
.list-video .pic a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;}
.list-video .pic a::before{width: 0.7rem;height: 0.7rem;border: 3px solid #fff;margin: -0.35rem 0 0 -0.35rem;border-radius: 50%;}
.list-video .pic a::after{width: 0;height: 0;border-top: 0.15rem solid transparent;border-bottom: 0.15rem solid transparent;border-left: 0.2rem solid #fff;margin-left: -0.05rem;margin-top: -0.15rem;}
.list-video li{float: left;margin-right: 4%; margin-bottom:4%;}
.list-video li .tit{ margin-bottom: 1.666em; margin-top: 0.833em; height:3.11em; font-size:0.18rem; color: #333; line-height: 1.555em; text-align: justify; overflow: hidden;}
.list-video time{ background: #00578a; display: inline-block; padding:0.375em 1.5em; color: #fff; border-radius:0 0.08rem;  font-family:'Oswald';}

.home-video { position: relative; z-index: 10;}
.home-video li {padding: 0 10px; border-bottom: 0;}
.home-video li .tit {padding: 0 20px; margin-bottom: 0;text-align: center;}
.home-video .slick-arrow { position: absolute;top:28%; width: 36px; height: 66px; margin:0; padding: 0;border:0;line-height: 1000px;background-repeat: no-repeat; background-position: center;background-color: transparent;background-size:contain; overflow: hidden; cursor: pointer;}
.home-video .slick-arrow.slick-prev {left:-60px; background-image: url("../images/prev.png")}
.home-video .slick-arrow.slick-next { right: -60px; background-image: url("../images/next.png")}
@media(min-width:769px){
.list-video li{width:30.6667%;} 
.list-video li:nth-of-type(3n){ margin-right: 0;}
}
@media(max-width:768px){
.list-video li{width:48%;} 
.list-video li:nth-of-type(2n){ margin-right: 0;}
}
@media(max-width:640px){
.list-video li .tit{font-size: 0.27rem;}
    .home-video li { padding:0 30px;}
    .home-video .slick-arrow { width: 20px; height: 30px; top:30%;}
    .home-video .slick-arrow.slick-prev {left:0; }
    .home-video .slick-arrow.slick-next { right: 0;}
}

.news-top{position: relative;z-index: 1; margin-bottom: 0.48rem;}
.news-top .item{display: block !important;position: relative;}
.news-top .item .pic{position: relative;padding-bottom: 10px;}
.news-top .item .pic .Ispic{padding-bottom: 66.667%;display: block;}
.news-top .item .pic:after{position: absolute;content: '';left: 0.1rem;width: 100%; background-color: rgba(0,0,0,0.05); top: 0.1rem;z-index: -1; bottom: 0;}
.news-top .item .txt aside{font-size: 0.22rem; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 1.363em; padding-top: 0.636em;}
.news-top .item .txt p{line-height: 2;margin: 1.565vw 0 3.13vw 0;height: 8em;}
.news-top .item .txt .line{width: 1.11rem;height: 1px;background-color: #000;opacity: 0.1;display: block; margin-bottom: 3.13vw;}
.news-top .item .txt time{padding-left: 0.37rem;background: url(../images/time.png) no-repeat left center;color: #666;font-family: 'Arial'; background-size: auto 0.17rem;}
.news-top .page .slick-dots li{list-style: none;width: 0.3rem;height: 0.03rem;cursor: pointer;border: 0;}
.news-top .page .slick-dots li.slick-active{background-color: #00578a;}
.news-top .page .slick-dots li button{display: none;}
@media (min-width:1025px) {
.news-top .item .pic{width: 50%;}
.news-top .item .txt{width: 46.667%;}
.news-top .page{position: absolute;z-index: 10;width: 50%; bottom: 0.3rem; left: 0; }
.news-top .page .slick-dots{float: right;margin-right: 0.3rem;}
.news-top .page .slick-dots li{background-color: #fff;float: left;}
.news-top .page .slick-dots li:not(:last-child){margin-right: 0.1rem;}
}
@media (max-width:1024px) {
.news-top .item .pic{padding-right: 10px;}
.news-top .page .slick-dots{text-align: center;}
.news-top .page .slick-dots li{display: inline-block;margin: 0 0.1rem;}
.news-top .page .slick-dots li:not(.slick-active){background-color: #ccc;}
}
@media (max-width:640px) {
.news-top .item .txt aside{font-size: 0.33rem;}
}

.list-news > ul li{float: left;background-color: #f8f8f8; border-bottom: 1px solid #939ba6;}
.list-news > ul li .Ispic{padding-bottom: 55.615%;}
.list-news > ul li .txt{padding: 0.48rem 0.2rem 0.56rem;}
.list-news > ul li .txt aside{line-height: 1.636; height: 3.544em; margin-bottom: 0.8em;}
.list-news > ul li .txt time{font-family: 'Arial';color: #666;}
@media (min-width:1025px) {
.list-news > ul li{width:31.167%;margin-bottom: 3.2495%;}
.list-news > ul li:not(:nth-child(3n)){margin-right: 3.2495%;}
}
@media (max-width:1024px) {
.list-news > ul li{width:48%;margin-bottom: 4%;}
.list-news > ul li:not(:nth-child(2n)){margin-right: 4%;}
}
@media (min-width:641px) {
.list-news > ul li .txt aside{font-size: 0.22rem;}
}

.news-info .title{margin-bottom: 2.19vw;}
.news-info .title h1{margin: 0;font-weight: normal; border-bottom: 1px solid #949aa6;font-size: 0.24rem; padding-bottom: 0.8em; margin-bottom: 0.6em;}
.news-info .title .tip{color: #666;font-size: 0.14rem;}
.news-info .title .tip > span{margin-right: 0.4rem;}
.news-info .info-share aside{display: inline-block;}
.news-info .info-share aside a{margin: 0 0 0 0.1rem; width: 0.26rem;height: 0.26rem;background-color: #4cb202;color: #fff;font-size: 0.18rem;line-height: 0.26rem;border: 0;}
.news-info .info-share aside a.icon-qq{background-color: #2eb1f1;}
.news-info .info-share aside a.icon-weibo{background-color: #ea5d5c;}
.news-info .intro{background-color: #f8f8f8;padding: 1.428em 2.142em;line-height: 1.857;color: #777;font-size: 0.14rem; margin-bottom: 2.714em;}
.news-info .intro span{color: #00578a;}
.news-info .info-back{display: none;}
.news-info .info-pn{overflow:hidden;border-top: 1px solid #949aa6;padding-top: 1.875em; margin-top: 5em;}
.news-info .info-pn span{ overflow:hidden;}
.news-info .info-pn span a:not(:hover){ color:#555;}
@media (min-width: 1025px){
.news-info .singlePage{font-size: 0.16rem;}
.news-info .info-share{float: right;}
}
@media (min-width: 641px){
.news-info .info-pn span{float:left; width:50%; padding-right:5%; min-height:1em;line-height: 1;}
.news-info .info-pn span:last-child{ text-align:right; padding-left:5%; padding-right:0;}
}
@media (max-width:640px) {
.news-info .intro{font-size: 0.2rem;}
.news-info .title .tip{font-size: 0.2rem;}
.news-info .info-pn span{margin: 1em 0;}
.news-info .title .tip > span{margin-right: 0.2rem;}
}

.prod-nav{position: relative;z-index: 1; }
.prod-nav:before{position: absolute;content: '';left: 0; width: 100%; height: 1px; background-color: #fff;top:0;}
.prod-nav li{border-top: 1px solid #dee3e8; text-align: center;background-color: #f6f8fa;}
.prod-nav li .ytable{height: 3em;padding: 0 0.5em;}
.prod-nav li a{transition: 0.3s ease-out;}
.prod-nav li a:not(:hover){color: #555;}
.prod-nav li.aon a,
.prod-nav li a:hover{background-color: rgba(0, 87, 138, 0.7);box-shadow: 0 5px 8px rgba(1, 13, 21, 0.3);color: #fff;position: relative;z-index: 10;}
.tab-nav li{cursor: pointer;}

.other-nav{margin: 0.4rem 0 0.5rem 0;}
.honor-nav{ margin-bottom:2vw;}

@media (min-width:1025px) {
.prod-nav li{float: left;width: 14.285%;}
.prod-nav li:not(:nth-child(7n)){border-right: 1px solid #dee3e8;}
.other-nav ul,
.job-nav ul,
.honor-nav ul{text-align: center;}
.other-nav li,
.job-nav li,
.honor-nav li{display: inline-block;float: none;}
.job-nav li{border: 0 !important;}
.other-nav li:last-child{border-right: 0;}
}
@media (max-width:1024px) {
/*.prod-nav:not(.tab-nav){display: none;}	*/
.prod-nav ul,
.tab-nav ul{display: flex;flex-wrap: wrap;align-items: center;border-left: 1px solid #dee3e8;}
.prod-nav li,
.tab-nav li{width: 33.3333%;border-right: 1px solid #dee3e8;border-bottom: 1px solid #dee3e8; border-top: 0;}
.prod-nav:before{background-color: #dee3e8;}
}


.list-product .item{border-bottom:1px solid #e5e5e5;padding: 2.08vw 0;}
.list-product .pic{ position: relative;}
.list-product .pic .Ispic{padding-bottom: 64.187%;}
.list-product .pic:before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;z-index: 3; border: 0.06rem solid #f2f2f2;}
.list-product .txt .tit{font-size: 0.24rem;}
.list-product .txt .desc{margin: 1em 0;}
.list-product .txt .shiyong{color: #999;font-size: 0.14rem;background: url(../images/icon.png) no-repeat left center; padding-left: 1.428em;background-size: 0.714em auto; margin-bottom: 3vw;}
.list-product .txt .more{padding-right: 47px;color: #00578a;font-size: 0.14rem; background: url(../images/more.png) no-repeat right center;display: inline-block;}
@media (min-width:641px){
.list-product .pic{width: 31.25%;}
.list-product .txt .inner{padding-left: 2.6vw;}
}
@media (min-width:641px) and (max-width:1024px) {
.list-product .pic{width: 40%;}	
}
@media (max-width:640px) {
.list-product .item{padding: 4vw 0;}
.list-product .ytable,
.list-product .ytable-cell{display: block;}
.list-product .txt .tit{font-size: 0.36rem;}
.list-product .txt .more,
.list-product .txt .shiyong{font-size: 0.21rem;}
.list-product .txt .inner{padding: 4vw;}
.list-product .pic:before{border-width: 0.09rem;}
}

.prod-Details{padding-top: 2vw;padding-bottom: 0;}
.prod-Details .auto-inner{padding: 0.4rem 0;}
.prod-Details .singlePage{line-height: 2;}
@media (min-width:1025px){
.prod-Details .singlePage{font-size: 0.16rem;}
}
.prod-Details .charts,
.prod-Details .userWay,
.prod-Details .more-img{background-color: #f8f8f8;}
@media (min-width:1025px){
.prod-Details .more-img .pic{width: 31.25%;}
.prod-Details .more-img .pic-txt{width: 65.334%;}
}
.prod-Details .more-img .pic .item{display: block!important;}
.prod-Details .more-img .pic .Ispic{border: 6px solid #fff;padding-bottom: 64.188%;}
.prod-Details .more-img .slick-dots{position: absolute;left: 0;width: 100%;text-align: center;z-index: 10; bottom: 0.2rem;}
.prod-Details .more-img .slick-dots li{list-style: none;display: inline-block; margin: 0 5px;width: 0.2rem; height: 0.03rem;background-color: #fff;}
.prod-Details .more-img .slick-dots li.slick-active{background-color: #005284;}
.prod-Details .more-img .slick-dots li button{display: none;}
.prod-Details .more-img .pic-txt .intro{padding: 0.3rem 0;line-height: 2;}
.prod-Details .more-img .pic-txt .item aside{padding-left: 21px;background: url(../images/icon.png) no-repeat left center;font-family: 'syht-l';}
.prod-Details .more-img .pic-txt .slick-current .item aside{background-image: url(../images/icon-on.png);color:#005284;}

.prod-info-tit{font-size: 0.24rem;padding-left: 0.1rem;border-left: 0.05rem solid #005284; margin-bottom: 0.28rem;line-height: 1;}
@media(max-width:640px){
.prod-info-tit{font-size: 0.36rem;}
}
.prod-Details .charts{padding: 0.28rem 0;}
.prod-Details .userWay{padding: 0.3rem 0;}

.list-job{padding-top: 0.4rem;}
.list-job .type{display:table; width:100%;}
.list-job ol.type{background-color:#00578a; color:#fff;line-height:2.5;}
.list-job .type li{display:table-cell; vertical-align:middle;text-align:center; padding-top:0.1rem; padding-bottom:0.1rem;line-height:2; }
.list-job ul.type li{cursor:pointer;color: #666;}
/*.list-job .type li:nth-child(1){width:16.66%;}
.list-job .type li:nth-child(2),
.list-job .type li:nth-child(3),
.list-job .type li:nth-child(4){ width:16.66%;}
.list-job .type li:nth-child(5),
.list-job .type li:nth-child(6){ width:16.66%;font-family: "Arial"}
.list-job .type li:nth-child(1),
.list-job .type li:nth-child(5),
.list-job .type li:nth-child(6){ padding-left:2%; text-align:left !important;}
.list-job ul.type li:nth-child(6){background:url(../images/icon_close.png) no-repeat 90% center;}
.list-job ul.type#On li:nth-child(6){ background-image:url(../images/icon_open.png);}*/

.list-job .type li{width:14.28%;}
.list-job .type li:nth-child(6),
.list-job .type li:nth-child(7){font-family: "Arial"}
.list-job .type li:nth-child(1),
.list-job .type li:nth-child(5),
.list-job .type li:nth-child(6),
.list-job .type li:nth-child(7){ padding-left:2%; text-align:left !important;}
.list-job ul.type li:last-child{background:url(../images/icon_close.png) no-repeat 90% center;}
.list-job ul.type#On li:last-child{ background-image:url(../images/icon_open.png);}

.list-job .list{border-bottom:1px dashed #e5e5e5;}
.list-job .list .con{ display:none;border-top:1px dashed #e5e5e5; overflow:hidden;padding:4%;line-height:30px; background: #f8f8f8;}
.list-job .send{ margin-top: 1.875em; }
.list-job .send em{ font-style: normal; border-bottom:#00578a 1px solid; font-weight: bold; margin-left: 10px; }
.list-job .send a{ padding: 10px 20px;color:#fff;border-radius:6px;background:#005284;}
@media (min-width:1025px) {
.list-job .type li{font-size:0.15rem;}
.list-job .list .con,
.list-job .send a{font-size: 0.14rem;}
}
@media(max-width:1000px){
.list-job .type li:nth-child(2),
.list-job .type li:nth-child(5),
.list-job .type li:nth-child(6){ display:none;}
.list-job .type li{ width:20% !important;}
}
@media(max-width:768px){
.list-job .search{ position:relative; margin-top:10px; top:auto; width:auto;}
.list-job .type li:nth-child(7){ display:none;}
.list-job .type li{ width:24% !important;}
.list-job .type li:nth-child(8){ width:28% !important;}
}
@media(max-width:480px){
.list-job .type li:nth-child(3){ display:none;}
.list-job .type li{ width:30% !important;}
.list-job .type li:nth-child(8){ width:40% !important;}
.list-job ul.type li:nth-child(8){ background-size:16px auto;}
}

.shehuizeren-ad{position: relative; margin-bottom: 0.4rem;overflow: hidden;}
.shehuizeren-ad .txt{position: absolute;top: 0;bottom: 0;margin: auto;left: 1.25em;color: #00578a;font-size: 0.48rem;line-height: 1; max-height: 2.083em;}
.shehuizeren-ad .t-1{font-family: Arial;}
.shehuizeren-ad .t-2 .name{font-family: 'syht-b';}
.shehuizeren-ad .t-2 .slogan{color: #333333;font-size: 0.41667em;font-family: 'syht-l'; margin-left: 0.08rem;}
.shehuizeren-ad .t-2 span{display: inline-block;vertical-align:bottom;}
@media (max-width:1024px) {
.shehuizeren-ad .txt{font-size: 5vw;}
.shehuizeren-ad img{float: right;width: 150%;max-width: none;}
}

.list-shzr .item .txt{padding: 0 0.75rem 0 0.6rem;background-color: #f6f8fa;}
.list-shzr .item .tit{font-size: 0.24rem;line-height: 1;border-left: 0.05rem solid #00578a; padding-left: 0.1rem; margin-bottom: 0.5em;}
.list-shzr .item .singlePage{color: #666;}
@media (max-width:640px) {
.list-shzr .item .tit{font-size: 0.36rem;}	
}
@media (min-width:1025px) {
.list-shzr .item .pic{width: 50%;}
}
@media (max-width:1024px) {
.list-shzr .ytable,
.list-shzr .ytable-cell{display: block;}
.list-shzr .item .txt{padding:0.6rem;}	
}
@media (max-width:640px) {
.list-shzr .item .tit{font-size: 0.36rem;}
}

.green-factory-tit{font-size: 0.24rem; border-left: 0.05rem solid #00578a;padding-left: 0.16rem;line-height: 1;margin-bottom: 0.5em;color: #000;}
.green-factory-tit br{display: none;}

.Map002516 .map{border: 0.01rem solid #ECECEC;padding: 0.05rem; background: #fff;}
.Map002516 .map #allmap{ height:4rem;}
.Map002516 .map #allmap *{ box-sizing:content-box;}
.Map002516 .map #allmap img{ max-width:none;}
@media(min-width:641px){
.Map002516 li{float:left; width:48%; padding:0 3% 6% 3%;}
.Map002516 li:not(:nth-child(2n)){margin-right:4%;}
.Map002516 li:nth-child(2) ~ li{padding-bottom: 3%;}
.Map002516 .map{margin-top:2%;}
}
.Map002516 li div{ padding-left:0.98rem; background-repeat:no-repeat; background-position:left center; background-size: auto 0.72rem;}
.Map002516 li.location div{ background-image:url(../images/Map002516_address.png);}
.Map002516 li.call div{ background-image:url(../images/Map002516_call.png);}
.Map002516 li.name div{ background-image:url(../images/Map002516_name.png);}
.Map002516 li.mail div{ background-image:url(../images/Map002516_mail.png);}
.Map002516 li p{ margin:0; border-bottom:1px solid #efefef; padding-bottom:1.071em; margin-bottom:1.071em; color:#999; font-size:0.14rem;}
.Map002516 li pre{ font-size: 0.16rem; color: #333;}
.Map002516 li:nth-child(2n+1){ clear:left;}
@media(max-width:640px){
.Map002516 li{ padding:0.2rem;}
.Map002516 li:nth-child(2n){ background:#f5f5f5;}
.Map002516 li p{font-size:0.21rem;}
.Map002516 li pre{font-size:0.24rem;}
}

.sub-company{padding:0.56rem 0 0 0;}
.sub-company .tit{font-size: 0.24rem;color: #00578a;padding-left: 0.3rem;padding-bottom: 0.1rem;background: url(../images/tit-icon.png) no-repeat left bottom;line-height: 1; }
@media(min-width:641px){
.sub-company li{ float:left; width:48%; padding:3% 0% 1% 0;}
.sub-company li:not(:nth-child(2n)){ margin-right:4%;}
.sub-company li:nth-child(2n+1){clear: left;}
}
.sub-company li dd{line-height: 2.25;display: table;position: relative; max-width: 100%;font-size: 0.14rem;color: #666;padding-left: 0.6rem; padding-right: 0.6rem;}
.sub-company li dd span{position: absolute;left: 0; top: 0;padding-left: 1.2em;background-repeat: no-repeat;background-position: left center;}
.sub-company li dd.add span{background-image: url(../images/location.jpg);}
.sub-company li dd.call span{background-image: url(../images/call.jpg);}
.sub-company li a.view{color: #00578a;text-decoration: underline;position: absolute;right: 0; top: 0;cursor: pointer;}
.sub-company li aside{border-bottom: 0.01rem solid #efefef;padding-bottom: 0.6818em;margin-bottom: 0.6818em;color: #333;font-size: 0.22rem;}
.sub-company li:nth-child(2n+1){ clear:left;}
@media(max-width:640px){
.sub-company li{padding:0.2rem;}
.sub-company li:nth-child(2n){background:#f5f5f5;}
.sub-company .tit{font-size: 0.36rem;}
.sub-company li aside{font-size: 0.33rem;}
.sub-company li dd{font-size: 0.21rem;}
.sub-company li dd{padding-left: 1rem; padding-right: 1rem;}
}

.download-honor{padding-bottom:5vw;}
.download-honor li{border-bottom:0.01rem dashed #dedede; padding-bottom:0.4rem;}
.download-honor li:not(:first-child){padding-top: 0.4rem;}
.download-honor li time{color:#666;  font-family:Arial;font-weight:bold;position: relative;}
.download-honor li time::before{ position:absolute; content:''; width:0.46rem; height:0.03rem; background-color:#00578a; left:0; bottom:0;}
.download-honor li time span{font-size:0.34rem; color:#666; padding-top:0.14rem; padding-bottom:0.02rem;}
.download-honor li h2{font-size:0.18rem; color:#333; margin:0; padding:0.06rem 0 0.14rem 0;}
.download-honor li:hover h2 a{ color:#00578a;}
.download-honor li p{color:#999; line-height:1.714; font-size:0.14rem;margin:0;}

.download-honor .more a{text-align: center;color: #666; border: 1px solid #00578a; transition: 0.3s; font-size: 0.14rem; border-radius: 0.05rem; display: block;padding: 0 0.26rem 0 0.5rem; line-height:2.428; background-repeat: no-repeat;  background-position: 0.2rem center;}
.download-honor .more .look{background-image: url(../images/PicList002482-icon1.png); color: #00578a;}
.download-honor .more .btn{background-image: url(../images/PicList002482-icon2.png);border-color: rgba(0, 0, 0, 0.2);}
.download-honor .more a:hover{box-shadow: 0 0 0.1rem rgba(0,0,0,0.3);}
@media(min-width:641px){
.download-honor li .con{position:relative;z-index: 1;padding-left:1.3rem; min-height:0.95rem; padding-right:2rem;}
.download-honor .more{position:absolute; right:0; top:50%; margin-top:-0.41rem;}
.download-honor .more a:not(:last-child){margin-bottom: 0.16rem;}
.download-honor li time{width:0.88rem; height:0.95rem; position:absolute; left:0; top:50%; margin-top:-0.475rem; text-align:center;border:0.01rem solid #eaeaea;}
.download-honor li time span{display:block;}
}
@media(max-width:640px){
.download-honor li h2{ font-size:0.27rem;}
.download-honor .more{display: flex;align-items: center; margin-top: 3vw;}
.download-honor .more a:not(:last-child){margin-right: 0.16rem;}
.download-honor li p,
.download-honor .more a{font-size: 0.21rem;}
.download-honor li time{display: inline-block;}
.download-honor li time span{margin-right: 0.5em;}
}

/*Home*/
.home-body .top-main{position: fixed;left: 0; width: 100%; top: 0; z-index: 100;}

/*Banner003008 */
.Banner003008{position: relative; z-index: 1;}
.Banner003008 .txt-wrap{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;color: #fff;background: rgba(0,0,0,0.15);}
.Banner003008 .txt-wrap .ytable{height: 100%;}
.Banner003008 .txt-wrap aside{text-shadow: 2px 2px rgba(0,0,0,.6);opacity: 0;letter-spacing:-1px;font-family: "Microsoft YaHei";}
.Banner003008 .txt-wrap .sub-tit{font-size: 24px;font-weight: 300;}
.Banner003008 .txt-wrap .tit {position: relative;  letter-spacing: -2.5px;  line-height:1.818; transform:translateX(-50px); font-size: 55px; font-weight: 500; }
.Banner003008 .txt-wrap .en-tit { margin: 0; text-shadow: 2px 2px 5px rgba(0,0,0,.6);  padding: 1.153em 0 0.576em;  line-height: 1.346; transform:translateX(50px);font-size: 26px; font-weight: 300;}

.Banner003008 .slick-active .txt-wrap .sub-tit{opacity: 1; transition: -webkit-transform 3s; transition: transform 3s; transition: transform 3s;}
.Banner003008 .slick-active .txt-wrap .tit {-webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
.Banner003008 .slick-active .txt-wrap .en-tit{-webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }

.Banner003008 .btn-wrap{width:100%; margin-top:0.3rem; z-index:100; opacity: 1; transition: -webkit-transform 1.5s; transition: transform 1.5s; }
.Banner003008 .btn-wrap a {display: inline-block;  min-width: 9.285em; width: 11.142em; height: 3.357em; line-height: 3.357;  padding: 0 0 0 1.428em;  border: 2px solid #fff; color: #fff; letter-spacing:-1px; background: url(../images/more_btn_white.png) no-repeat right 1.428em top 1.428em; font-size: 14px; background-size: 2.214em auto;}
.Banner003008 .btn-wrap a:hover { background-image:url(../images/more_btn_black.png) ;background-color:#fff; color:#222;}

.Banner003008 .item{display: block!important;}
.Banner003008 .pc{transform: scale(1.3); transition: 5s; height: 100vh;}
.Banner003008 .slick-current .pc{transform: scale(1);}

@media(min-width:1025px){
.Banner003008 .wap{display: none;}
}
@media(max-width:1024px){
.Banner003008 .pc{display: none;}
.Banner003008 .txt-wrap .sub-tit{font-size: 4vw; }
.Banner003008 .txt-wrap .tit {font-size: 6vw;}
.Banner003008 .txt-wrap .en-tit {font-size: 4.2vw;}
}
@media(max-width:640px){
.Banner003008 .btn-wrap a {font-size: 0.18rem;}
}


.Banner003008 .controls{position: absolute;  left: 50%;transform: translateX(-50%); bottom:12%; text-align: center; z-index: 2;}
.Banner003008 .controls > *{float: left;}
.Banner003008 .slick-dots li{ position:relative;float: left; width: 40px; height: 40px; transition: all 0.3s ease; list-style: none;}
.Banner003008 .slick-dots li:before{position: absolute; content: ''; left: 50%; top:50%;width: 10px;height: 10px;border-radius:50%; background:#adadad; transform: translate(-50%,-50%);}

.Banner003008 .slick-dots li em {position: absolute; top: 40px; left: 50%;transform: translateX(-50%); height: 30px; line-height: 20px;  color: #9a9c9c; z-index: 3;font-style: normal; opacity: 0;}
.Banner003008 .slick-dots li.slick-active em { opacity:1;top: -40px; }
.Banner003008 .slick-dots li a:hover em{ opacity:1; transition:.5s;}
.Banner003008 .slick-dots li.slick-active:before{ width: 14px; height: 14px;background:#fff;}
.Banner003008 .slick-dots li.slick-active  em {color: #fff;}
.Banner003008 .slick-dots .percent_circle {position: absolute; display: block; text-align: center; width:40px; height: 40px; top: 0; left: 0;}
.Banner003008 .slick-dots .percent_circle svg { transform: rotate(-90deg); transform-origin: center center 0px;}
.Banner003008 .slick-dots li .percent_circle svg {opacity: 0; transition: all .5s; }
.Banner003008 .slick-dots li.slick-active .percent_circle svg {opacity: 1; }
.Banner003008 .slick-dots li.slick-active .state_bar  { stroke-dashoffset: 249px; stroke-dasharray: 249; animation: progress 7s ; -moz-animation: progress 7s ; -webkit-animation: progress 7s ; overflow:visible; stroke-linecap: round;}
@keyframes progress { from {stroke-dashoffset: 249px;} to { stroke-dashoffset: 0px; } }
@-moz-keyframes progress { from {stroke-dashoffset: 249px;} to { stroke-dashoffset: 0px; }}
@-webkit-keyframes progress { from {stroke-dashoffset: 249px;} to { stroke-dashoffset: 0px; }}

.Banner003008 .controls > a {width: 40px;height: 40px;background-position: center center;background-repeat: no-repeat; cursor: pointer;}
.Banner003008 .controls > a.pause {background-image: url(../images/pause.png);}
.Banner003008 .controls > a.play {background-image: url(../images/play.png);display: none;}

.Hometitle{ text-align:center; font-size:0.36rem; color:#333; padding-bottom:4%; font-weight: bold;}
.Hometitle p{ margin:0;color: #666; font-size:0.16rem; margin-top: 0.875em; font-weight: normal;}
.Hometitle::after{ display:block; content:''; background:#009ee5;margin:0.555em auto 0; height:0.111em; width:1.444em;}
@media(max-width:640px){
.Hometitle{ font-size:0.54rem;}
.Hometitle p{font-size:0.24rem;}
.Banner003008 .slick-dots li em{display: none;}
    .Banner003008 .controls { bottom: 8%;}
}

.Homemore{color:#fff;background: #005284;line-height: 48px;border-radius: 0 8px;text-align:center;display:inline-block;width:80%;max-width: 144px;}
.Homemore::after{ background:url(../images/Floor002599_more.png) no-repeat right center; width:33px; height:7px; display:inline-block; content:''; margin-left:5px;vertical-align:middle; transition:0.2s;}
.Homemore:hover{  background:#009ee5; color: #fff;}
.Homemore:hover::after{ width:20px;}

.Floor002896{position: relative; z-index:10;}
.Floor002896 .main{position: relative; z-index: 1;}
.Floor002896 .carousel{ position :relative ; }
.Floor002896 .carousel .slides{overflow: hidden;position :relative ;}
.Floor002896 .carousel .slides .slideItem {position:absolute;cursor :pointer;overflow:hidden;}
.Floor002896 .carousel .slides .slideItem a{position: relative; z-index: 10;display: block;}
.Floor002896 .carousel .slides .slideItem .desc{display: none;line-height: 40px; text-align: center;}
.Floor002896 .carousel .slides .slideItem#side0 img{ opacity:1;filter:alpha(opacity=100);}
.Floor002896 .carousel .slides .slideItem#side0 .desc{display: block;position: absolute; left: 0; top: 100%; width: 100%;}
.Floor002896 .carousel .prevButton,
.Floor002896 .carousel .nextButton{position :absolute ;bottom :0;width :40px;height :40px;cursor :pointer; background:#fff; z-index:30; }
.Floor002896 .carousel .prevButton:before,
.Floor002896 .carousel .nextButton:before{position: absolute; content: ''; width: 10px; height: 15px; left: 50%; top: 50%; margin: -7.5px 0 0 -5px; background-repeat: no-repeat;background-position: center;}
.Floor002896 .carousel .prevButton:before{background-image: url("../images/Floor002896_prev.png")}
.Floor002896 .carousel .nextButton:before{background-image: url("../images/Floor002896_next.png")}

.Floor002896 .carousel .prevButton:hover:before,
.Floor002896 .carousel .nextButton:hover:before{ border-right-color:#009ee5;border-top-color:#009ee5; }


.Floor002896 .info-show{background: #fff;}
.Floor002896 .info-show li .time{ font-size:54px; line-height: 54px; color:#222; vertical-align: bottom; margin-bottom: 9.4%; font-family: 'Oswald';}
.Floor002896 .info-show li .time i{ font-style: normal; font-size: 22px; line-height: 22px; vertical-align: bottom; margin:0 8px 0 5px; display: inline-block; }
.Floor002896 .info-show li .time span{ font-size: 18px; line-height: 18px; vertical-align: bottom; }
.Floor002896 .info-show li .title{ font-size: 18px; line-height:28px; color:#222; margin-bottom: 4.7%; font-weight: bold;}
.Floor002896 .info-show li:hover .title{ color:#009ee5; }
.Floor002896 .info-show li .des{ font-size: 14px; line-height: 30px; color:#888; height:90px; overflow: hidden; -webkit-line-clamp:3; }

@media(min-width:1025px){
.Floor002896 .info-show{position: absolute;right: 0; top: 0; height: 100%; width: 44.4%;}
.Floor002896 .carousel{float: left;width: 55.6%; }
.Floor002896 .carousel .prevButton,
.Floor002896 .carousel .nextButton{left: 100%;}
.Floor002896 .carousel .prevButton{ margin-left: -40px;}
.Floor002896 .info-show ul{height: 100%;position: relative;}
.Floor002896 .info-show li{position: absolute;left: 0; top: 0;height: 100%; width: 100%;opacity: 0;transition: 0.3s;}
.Floor002896 .info-show li.active{opacity: 1; z-index: 10;}
.Floor002896 .info-show li .ytable{height: 100%; width: 74%; margin: 0 auto;}
}
@media(max-width:1024px){
.Floor002896 .carousel .prevButton{right: 40px;}
.Floor002896 .carousel .nextButton{right: 0;}
.Floor002896 .info-show{padding: 4%;}
.Floor002896 .info-show li{display: none;}
.Floor002896 .info-show li.active{display: block;}
}
@media(max-width:640px){
.Floor002896 .name{font-size: 28px;}
.Floor002896 .info-show li .time{font-size: 50px;}
.Floor002896 .info-show li .des{line-height: 22px;height: 66px;}
}

.RighInfo002275 {position: relative; z-index:10;}
.RighInfo002275 .text .title{font-size: 0.3rem;color: #e4e4e4;font-weight: normal;margin:0 0 0.666em; line-height: 1; font-family: "Microsoft YaHei";}
.RighInfo002275 .text .title span{font-weight: 700;}
.RighInfo002275 .text .p{color:#333;line-height: 1.875; margin: 0; padding:1.5em 0; padding-left:3.375em; background-position:left center; background-repeat: no-repeat; background-size: 0.3rem auto;}
.RighInfo002275 .text .p+.p{border-top: 1px dashed #dcdcdc;}

.RighInfo002275 .text .name{background-image:url(../images/RighInfo002275-icon1.png);}
.RighInfo002275 .text .add{background-image:url(../images/RighInfo002275-icon2.png);}
.RighInfo002275 .text .phone{background-image:url(../images/RighInfo002275-icon3.png);}
.RighInfo002275 .text .mall{background-image:url(../images/RighInfo002275-icon4.png);}

.RighInfo002275 .map{width: 100%;height:4.3rem; padding:0.1rem; background: #fff; box-shadow:0 0 0.2rem rgba(0, 0, 0, 0.1) ; overflow: hidden;border-radius:0 0.3rem; }
.RighInfo002275 .map #map{height: 100%; border-radius:0 30px; }
.RighInfo002275 .map img{max-width: none !important;}

@media screen and (min-width: 769px) {
.RighInfo002275 .text .title{font-size:0.54rem;margin-bottom:0.3rem;}
	
.RighInfo002275 .text{width:42%; padding-right:4%;}
.RighInfo002275 .map{width:58%;}
}

@media (max-width:759px) {
.RighInfo002275 .ytable,
.RighInfo002275 .ytable-cell{display: block;}
.RighInfo002275 .text .title{text-align: center;}
}
@media (max-width:640px) {
.RighInfo002275 .text .title{font-size: 0.45rem;}
.RighInfo002275 .text .p{padding-left: 2em;}
}

/*Floor003065 */
.Floor003065{position: relative; z-index:10;}
.Floor003065 .txt-info{position: relative;}
@media(min-width:769px){
.Floor003065 .Hometitle{padding-bottom: 0;}
.Floor003065 .txt-info{padding-right:3.5vw;}
.Floor003065 .ytable-cell{width: 50%;vertical-align:middle;}
}
@media(max-width:768px){
.Floor003065 .ytable,
.Floor003065 .ytable-cell{display: block;}
}
.Floor003065 .video .pic{position: relative; z-index: 1;border-radius:0 20px;overflow: hidden; margin-bottom: 2.4vw;}
.Floor003065 .number li{float: left;width: 33.3333%;border-left: 0.1rem solid #f9f9f9;padding-left:0.24rem;}
.Floor003065 .number li aside{color:#009ee5;}
.Floor003065 .number li aside b{font-size:2.75em;  font-family: 'Oswald'; line-height: 0.85em;display: inline-block; margin-right: 0.227em;}
.Floor003065 .number li p{margin:4px 0 0; font-size: 0.14rem;}
@media(min-width:769px) and (max-width:1024px){
.Floor003065 .number li aside b{font-size: 4vw; }
}
@media(max-width:640px){
.Floor003065 .number li,
.Floor003065 .number li p{font-size: 0.2rem;}
}
.Floor003065 .txt-info .inner{position: relative; z-index: 3;}
.Floor003065 .txt-info .info{ padding:7.5% 0;}
.Floor003065 .txt-info .info p{line-height:30px; margin:0; font-size: 15px; text-align: justify; color: #666;}
.Floor003065 .txt-info .info p+p{margin-top: 14px;}
@media(max-width:768px){
.Floor003065 .txt-info{margin-bottom: 5vw; }
.Floor003065 .txt-info .inner > img{margin: 0 auto; display: block;}
}
@media(max-width:640px){
.Floor003065 .txt-info .info .name{font-size: 5vw;}
}


.home-body #fp-nav ul{ padding:15px 0;}
.home-body #fp-nav ul li{margin:5px 0;width: auto; height: auto;}
.home-body #fp-nav ul li a{ width:20px; height:20px; border-radius:50%; background:none; border:3px solid transparent; position:relative; display:block; cursor:pointer;}
.home-body #fp-nav ul li a.active{ border-color:#fff;}
.home-body #fp-nav ul li a:before{ position:absolute; content:''; width:6px; height:6px;top:50%; left:50%; margin:-3px 0 0 -3px; background:#fff;border-radius:50%;}
.home-body #fp-nav ul li a.active:before{ background:none;}
.home-body #fp-nav ul li a span{display: none;}

.home-body #fp-nav.black ul li a:before{ background:#222 !important;}
.home-body #fp-nav.black ul li a.active{ border-color:#2475d0 !important;}
.home-body #fp-nav.black ul li a.active:before{ background:none !important;;}



.home-body .section .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-position: center; background-repeat: no-repeat; background-size: cover;}
.home-body .section .conts{ position: relative; z-index: 6; padding: 0 5%; text-align: center;} 
@media only screen and (max-width: 1023px) {
	#fp-nav.right{ right: 5px;}
}

.home-body .top-main{box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.home-body .top-main.opacity{box-shadow:none;background:none}
.top-main.opacity .inner{background: none;}
.home-body .top-main.opacity .logo img.home-show{display: block;}
.home-body .top-main.opacity .logo img.default{display: none;}
.top-main.opacity .top-menu li:not(:hover) a,
.top-main.opacity .top-menu li:not(.aon) a{color: #fff;}
.top-main.opacity .top-menu li .sub a{color: #333;}
.top-main.opacity .top-menu li:not(:last-child):after,
.top-main.opacity .top-menu li a:after{background-color: #fff;}
.top-main.opacity .top-lang .icon{background-image: url(../images/lang-white.png);}
.top-main.opacity .open-search:not(.on){background-image: url(../images/search-white.png);}
.top-main.opacity .open-search.on:before, 
.top-main.opacity .open-search.on:after,
.top-main.opacity .open-menu aside i{background-color: #fff;}

/*Floor002921 */
.Floor002921{position: relative; z-index:10; overflow: hidden;}
@media (min-width:1025px) {
.Floor002921 .Hometitle{padding-bottom:2%;}	
}
.Floor002921 .slider{margin: 0 -43.7%;}
.Floor002921 .slider li a{display: block;  position: relative; overflow: hidden; }
.Floor002921 .slider li .Ispic{padding-bottom:39.167%; opacity: 0.3; transform: scale(0.8); -webkit-transform: scale(0.8);-moz-transform:scale(0.8); position: relative; z-index: 1; border-radius:0 30px; transition:all 0.5s }
.Floor002921 .slider .slick-current .Ispic{opacity: 1; width:88.167%; transform: scale(1); -webkit-transform: scale(1);-moz-transform:scale(1);}
.Floor002921 .slider li .txt{position: absolute; right:0; bottom: 0;background: #fff; max-width:500px; width:80%; opacity: 0;transform: translateX(50px); transition: 0.3s 0.5s; z-index: 2;}
.Floor002921 .slider .slick-current .txt{transform: translateX(0);opacity: 1;}
.Floor002921 .slider li .txt .ytable{height: 100%; position: relative; background: #fff; padding:8% 10% 0;}
.Floor002921 .slider li h4{margin: 0;font-size:22px;color: #222;}
.Floor002921 .slider li .line{display: block; margin:20px 0; height: 2px;background:#2475b0; width: 20px;}
.Floor002921 .slider li p{color: #555; line-height:30px; max-height:90px; margin: 0; font-size: 15px;  margin-bottom: 30px;}
@media(max-width:1366px){
.Floor002921 .slider{margin: 0 -40%;}
}
@media(max-width:1024px){
.Floor002921 .slider{margin: 0 -70%;}
}
@media(max-width:640px){
.Floor002921 .slider li .Ispic{padding-bottom: 84%;}
.Floor002921 .slider li .line{margin-top: 1vw; margin-bottom: 3vw;}
}
@media(max-width:480px){
.Floor002921 .slider li h4{ font-size: 4vw;}
.Floor002921 .slider li .main{padding-bottom: 10vw;}
.Floor002921 .slider li .more{line-height: 10vw;}
.Floor002921 .slider li{font-size: 3vw;}
}
.Floor002921 .slick-arrow{top: 50%;position:absolute; width: 30px; height: 30px; border:0;border-top:5px solid #dedede;border-left:5px solid #dedede;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); z-index: 20; transition: 0.3s; margin-top: -15px; background: none;font-size: 0; }
.Floor002921 .slick-arrow:hover{border-color:#009ee5;}
.Floor002921 .slick-prev{left: 33.3333%; margin-left: -60px;}
.Floor002921 .slick-next{right: 33.3333%;margin-right:-60px;transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
@media(max-width:640px){
.Floor002921 .slick-arrow{width: 5vw; height: 5vw;margin-top: -2.5vw;border-left-width:1vw;border-top-width:1vw;}
.Floor002921 .slick-prev{margin-left: -1.5vw;}
.Floor002921 .slick-next{margin-right: -1.5vw;}
}

@media (max-width:1600px) {
#fullPage .section:not(.page1,.footer) .fp-tableCell{padding-top: 0.88rem;}
}
@media (max-width:1200px) {
#fullPage .section .fp-tableCell,
#fullPage .section{height: auto!important;}
#fullPage .section:not(.page1,.footer){padding: 5vw 0;}
}

/*edit*/
@media (min-width:1025px) {
.css-3 .fl{width: 45.917%;}
.css-3 .fr{width: 49.834%;}	
}
.css-3 .fl{margin-bottom: 1.4vw;}
.css-3 .fr{padding-top: 2.5vw;}

@media (min-width:1025px) {
.css-4 .intro .txt{width: 50%;}
.css-4 .intro .img{width: 45%;}
}
.css-4 .intro .txt h1{margin:0 0 0.535em 0;color: #005284;font-size: 0.28rem;}
.css-4 .tit{font-size: 0.24rem;color: #00578a;padding-left: 30px;padding-bottom: 10px;background: url(../images/tit-icon.png) no-repeat left bottom;margin-top: 55px;line-height: 1; margin-bottom: 10px;}
@media(max-width:640px){
.css-4 .intro .txt h1{font-size: 0.42rem;}
.css-4 .tit{font-size: 0.36rem;}
}

.RighInfo002852 h1{margin: 0 0 1.25em; font-size: 0.24rem; color:#00578a;}
.RighInfo002852 .intro-main{padding-bottom: 2vw;}
.RighInfo002852 .intro-main .pic img{display: block;width: 100%;}
.RighInfo002852 .box+.box{margin-top:3vw;}
.RighInfo002852 .title-css{padding-bottom:0.5vw;}
.RighInfo002852 .title-css span{display: inline-block;padding-bottom: 0.5em; border-bottom: 3px solid #00578a;font-size:0.2rem;color: #00578a;line-height: 1.5;}
@media(min-width:641px){
.RighInfo002852 .intro-main .left{float: left;max-width: 755px; width: 74%;}
.RighInfo002852 .intro-main .pic{float: right;width: 30.167%;}
}
@media(max-width:640px){
.RighInfo002852 .intro-main .pic{width: 80%; margin: 0 auto;}
}
@media(max-width:480px){
.RighInfo002852 .title-css span{font-size: 0.27em;}
}

.css-table{margin:0.15rem 0;}
.css-table td{border: 1px solid #dee3e8; text-align: center;color: #777;font-family: 'syht-l';line-height: 1.5;padding: 0.5em; word-break: break-word;}
.css-table tr.colorbg td{background-color: #ecf1f4;color: #333;}
.css-table .tips{font-family: 'syht-l';font-size: 0.12rem;color: #999;}
@media(max-width:640px){
.css-table .tips{font-size: 0.18rem;}
.css-table td{font-size: 0.18rem;}
}

.edit-tit{font-size: 0.2rem;color: #005284;font-family: 'syht-l';}
@media(max-width:640px){
.edit-tit{font-size: 0.3rem;}
}

.css-16-charts .t-1{font-size: 0.2rem;color: #333;text-align: left;}
.css-16-charts .t-2{font-size: 0.14rem; margin-bottom: 2.285em;text-align: left;}
@media (min-width:641px){
.css-16-charts li{float: left;width: 42.5%;}
.css-16-charts li:nth-child(2n){float: right;}
}
@media(max-width:640px){
.css-16-charts .t-1{font-size: 0.3rem;}
.css-16-charts .t-2{font-size: 0.21rem;}
.css-16-charts li:nth-child(1){margin-bottom: 6vw;}
}

.css-16-user .txt dl.icon1{margin-bottom: 0.4rem;}
.css-16-user .txt dl > *{padding-left: 34px;}
.css-16-user .txt dt{background: url(../images/info-icon1.png) no-repeat left center;font-size: 0.2rem;color: #333;}
.css-16-user .txt dl.icon2 dt{background-image: url(../images/info-icon2.png);}
.css-16-user .pic img{border: solid 6px #fff;}
@media (min-width:1025px) {
.css-16-user .txt{width: 49.084%;}
.css-16-user .pic{width: 46.417%;}
}
@media(max-width:640px){
.css-16-user .txt dt{font-size: 0.3rem;}
}

.css-25{max-width: 900px;margin: 0 auto; width: 95%;color: #333;line-height: 1.734;}
.css-25 .t-1{text-align: center;color: #222;}
.css-25 .t-1 span{color: #005284;}
.css-25 .what{margin-bottom: 0.61rem;}
.css-25 .what li{position: relative;margin-bottom: 0.2rem;}
.css-25 .what li .inner{min-height: 1.35rem; background-color: #e7e7e8; border-radius: 2rem; border: solid 0.02rem #005284; padding-left: 1.56rem;padding-right: 0.72rem; padding-top: 0.27rem;}
.css-25 .what li .icon{height: 1.35rem; width: 1.35rem;border-radius: 50%;border: solid 0.02rem #005284; background-color: #fff;position: absolute;left: 0;top: 0;}
.css-25 .what li .icon img{position: absolute;top: 0;bottom: 0; margin: auto; left: 0;right: 0;max-width: 0.82rem;}
.css-25 .t-2{margin: 0 0 0.4em 0;color: #005284;line-height: 1;}
.css-25 .what li p{color: #555;}
.css-25 .t-3 img{margin-right: 0.3rem;}
.css-25 .txt-1{background-color: #005284; border-radius: 0.2rem;padding: 0.25rem 0.5rem;color: #fff;line-height: 1.734; margin-bottom: 5.0625em;}
.css-25 .txt-2{text-align: center;}
.css-25 .table{margin-bottom: 0.9rem;}
.css-25 .table td{text-align: center; padding-bottom: 0.3rem;}
.css-25 .table .tit{width: 7.222em;text-align: left;}
.css-25 .txt-4{padding-bottom: 0.2rem;}
.css-25 .txt-4 span{color: #005284;}
.css-25 .row{border-radius: 0.2rem;padding: 0.25rem 0; }
.css-25 .row-0{background-color: #ebebeb;padding: 0.15rem 0;}
.css-25 .row-1{background-color: #d3dfeb;}
.css-25 .row-2{background-color: #e1e9f2;}
.css-25 .row-3{background-color: #e0e2e2;}
.css-25 .row span:not(:last-child){margin-right:0.76rem;}
.css-25 .td-group li{border-radius: 0.2rem;border: solid 0.01rem #ccc;padding: 0.2rem 0;}
.css-25 .td-group li .tt-1{color: #005284;line-height: 1.2; margin-top:0.366em;}
.css-25 .td-group li .tt-2{color: #005284;line-height: 1.2;}
.css-25 .txt-3{margin: 0.2rem 0 0.88rem 0;}
.css-25 .txt-3 .info{padding-top: 0.45rem;}
.css-25 .t-5{color: #005284;margin: 0;}
.css-25 .txt-3 .info p{color: #555;}
.css-25 .dl-table{display: table;width: 100%;table-layout: fixed; margin-bottom: 0.93rem;}
.css-25 .dl-table > *{display: table-cell;; vertical-align: middle; text-align: center;}
.css-25 .dl-table dt{border: solid 1px #ccc;position: relative; height: 2.1rem;}
.css-25 .dl-table dt .t-7{position: absolute;left: 0; /*top: 100%*/bottom:-0.32rem;width: 100%;text-align: center; padding-top: 0.05rem;}
.css-25 .dl-table dt.big{width: 62.722%;}
.css-25 .dl-table dt.small{width: 31.859%;}

.css-25 .txt-4,
.css-25 .td-group li .tt-1{font-size: 0.3rem;}
.css-25 .t-1,
.css-25 .t-2{font-size: 0.24rem;}
.css-25 .t-5,
.css-25 .t-3,
.css-25 .t-4,
.css-25 .row{font-size: 0.22rem;}
.css-25 .td-group li .tt-2,
.css-25 .t-6,
.css-25 .row-1,
.css-25 .table .tit{font-size: 0.18rem;}
@media (min-width:641px) {
.css-25 .txt-4{margin-top: -0.5rem;}
.css-25 .td-group li{float: left;width: 31.348%;}
.css-25 .td-group li:not(:nth-child(3n)){margin-right: 2.978%;}	
}
@media (min-width:1025px) {
.css-25 .txt-3 .logo{width: 25.885%;}
.css-25 .txt-3 .info{width: 67.478%;}
}
@media (max-width:1024px) {
.css-25 .txt-4,
.css-25 .td-group li .tt-1{font-size: 0.26rem;}
.css-25 .t-1,
.css-25 .t-2{font-size: 0.2rem;}
.css-25 .t-5,
.css-25 .t-3,
.css-25 .t-4,
.css-25 .row{font-size: 0.18rem;}
.css-25 .td-group li .tt-2,
.css-25 .t-6,
.css-25 .row-1,
.css-25 .table .tit{font-size: 0.14rem;}	
.css-25 .txt-3 .logo{text-align: center;}
.css-25 .txt-3 .logo img{max-width: 50%;}
.css-25 .what{margin-left: 0.625rem;}
.css-25 .what li .icon{top: 50%;transform: translateY(-50%); left: -0.625rem;}
.css-25 .what li .inner{padding-left: 1rem;padding-bottom: 0.27rem; border-radius: 0.6rem;}
}
@media (max-width:640px) {
.css-25 .txt-4,
.css-25 .td-group li .tt-1{font-size: 0.45rem;}
.css-25 .t-1,
.css-25 .t-2{font-size: 0.36rem;}
.css-25 .t-5,
.css-25 .t-3,
.css-25 .t-4,
.css-25 .row{font-size: 0.33rem;}
.css-25 .td-group li .tt-2,
.css-25 .t-6,
.css-25 .row-1,
.css-25 .table .tit{font-size: 0.27rem;}
.css-25 .t-3{text-align: center; padding: 0 20%;}
.css-25 .t-3 img{display: block;margin: 0 auto;}
.css-25 .td-group li:not(:last-child){margin-bottom: 0.1rem;}
.css-25 .row span:not(:last-child){margin-right:2vw;}
.css-25 .txt-4{line-height: 1.5;}
.css-25 .txt-4 span{display: block;}
.css-25 .table .tit{width: 5.5em;}
.css-25 .t-1 span{display: block;}
}

@media (min-width:1025px) {
.css-27{max-width: 980px;width: 95%;margin: 0 auto;}
}
.css-27{color: #333}
.css-27 .css-25{width: auto;max-width: none;}
.css-27 .css-25 .what li .inner{min-height: 1.55rem;padding-left: 1.87rem; padding-top: 0.2rem; padding-bottom: 0.2rem;}
.css-27 .css-25 .what li .icon{width: 1.55rem;height: 1.55rem;}
@media (max-width:1024px) {
.css-27 .css-25 .what{margin-left: 0.725rem;}
.css-27 .css-25 .what li .icon{left: -0.725rem;}
.css-27 .css-25 .what li .inner{padding-left: 1.1rem;}
}

.css-27 .t-27-1{text-align: center;color: #222; font-size: 0.18rem;line-height: 1.888; margin-bottom: 0.35rem;}
.css-27 .pic-info{position: relative;font-size: 1rem; margin-bottom: 0.37em; width: 9.8em;}
.css-27 .pic-info > div{position: absolute;}
.css-27 .pic-info .ico div{font-size: 0.22em;color: #fff;line-height: 1;}
.css-27 .pic-info .middle{top: 3.6em; text-align: center;left: 0; width: 100%;}
.css-27 .pic-info .middle b{font-size: 0.2em;display: block;line-height: 1.2;}
.css-27 .pic-info .txt div{font-size: 0.15em;text-align: center;line-height: 1.733;}
.css-27 .pic-info .ico-1{left: 4.65em; top: 1.85em;}
.css-27 .pic-info .ico-2{left: 2.72em; top: 5.12em;}
.css-27 .pic-info .ico-3{left: 6.61em; top: 5.12em;}
.css-27 .pic-info .txt-1{left: 0;width: 100%; top: -0.1em;}
.css-27 .pic-info .txt-2{left: 2.4em; top: 6.1em;}
.css-27 .pic-info .txt-3{left: 6.15em; top: 6.1em;}
.css-27 .t-27-2{font-size: 0.22rem;margin-bottom: 1.363em;line-height: 1;}
@media (max-width:1100px) {
.css-27 .pic-info{font-size:9.12vw;}	
}
@media (max-width:640px) {
.css-27 .pic-info{font-size:14vw;margin-left: -1.4em; margin-bottom: 15vw;}	
}

.css-27 .title{color: #fff;border-radius: 1.111em;font-size: 0.18rem;padding: 0.19rem 0.3rem; line-height: 2.333; margin-bottom: 0.2rem;}
.css-27 .title img{margin-right: 0.16rem;}
.css-27 .title-1{background-color: #005284;font-family: 'syht-b';}
.css-27 .title-2{background-color: #0081bb;}
.css-27 .title-3{background-color: #00b2c9;}

.css-27 .list{border: 1px solid #005284; border-radius: 0.2rem; padding-top: 0.38rem; margin-bottom: 0.5rem;}
.css-27 .list ul{display: table;padding-left: 0.18rem; padding-right: 0.32rem; table-layout: fixed;margin-bottom: 0.33rem;}
.css-27 .list ul > *{display: table-cell;;vertical-align: middle;}
.css-27 .list ul ol{width: 60px;}
.css-27 .list ul li{padding-left: 1em;font-size: 0.15rem;}
.css-27 .list ul li p{margin: 0;line-height: 1.6;}
@media (min-width:641px) {
.css-27 .list-1{position: relative;}
.css-27 .list-1:before{position: absolute; content: ''; width: 0.01rem;top: 0.38rem;bottom: 0.38rem;border-left: 0.01rem dashed #005284;left: 50%;}
.css-27 .list-1 ul{float: left;width: 50%; }
.css-27 .list-1 ul:nth-child(2n+1){clear: left;}
}

.css-27 .dl-group dd .list{border-color: #0081bb; padding-top: 0.3rem; min-height: 2.4rem;}
.css-27 .dl-group dd:nth-child(2) .list{border-color: #00b2c9;}
@media (min-width:641px) {
.css-27 .dl-group dd{float: left; width: 48.98%;}
.css-27 .dl-group dd:nth-child(2){float: right;}	
}

.css-27 .info-down{background-color: #eee; border-radius: 0.2rem;position: relative;padding: 0.32rem 1.4rem 0.32rem 0.3rem;}
.css-27 .info-down .img{right: 0.32rem;bottom: 0.3rem; width: 1.78rem;position: absolute;}
.css-27 .info-down .txt{line-height: 1.733; margin-bottom: 1.666em;position: relative;z-index: 3;}
.css-27 .info-down .btn{display: inline-block;line-height: 2.666;background-color: #005284;color: #fff;padding: 0 1.2em; transition: 0.3s;}
.css-27 .info-down .btn:after{display: inline-block;content: ''; width: 15px; height: 14px;background: url(../images/download.png) no-repeat; margin-left: 24px;}
.css-27 .info-down .btn:hover{border-radius: 2.666em;}

@media (max-width:640px) {
.css-27 .t-27-2{font-size: 0.33rem;}
.css-27 .t-27-1,
.css-27 .title{font-size: 0.27rem;}	
.css-27 .list ul li{font-size: 0.225rem;}
.css-27 .info-down{padding-right: 0.3rem;}
}

.contact-main{color: #666;}
.contact-main .tit{font-size: 0.24rem;color: #00578a;padding-left: 0.3rem;padding-bottom: 0.1rem;background: url(../images/tit-icon.png) no-repeat left bottom;line-height: 1; margin: 1.5em 0 1em 0;}
.contact-main > .tit:nth-child(1){margin-top: 0;}
.contact-main .table td{text-align: center;border: 0.01rem solid #e6e6e6;border-collapse: collapse;line-height:1.714;padding: 1.071em;font-size: 0.14rem;}
.contact-main .table tr.colorbg td{background-color: #005789;color: #fff;font-family: 'syht-b';line-height: 1.5;padding: 0.5em;font-size: 0.16rem; }
.contact-main .color{color: #005789;}
.contact-main .bo{color: #000;text-align: left; margin-top: 1em;}
.contact-main dl{margin-bottom: 2%;}
@media (min-width:1025px) {
.contact-main dl dt{float: left;width: 20%;}
.contact-main dl dt:nth-child(1),
.contact-main dl dt:nth-child(4){width:45%;}
.contact-main dl dt:nth-child(2),
.contact-main dl dt:nth-child(5){width:35%;}
.contact-main .bo li{float: left;}
.contact-main .bo li:not(:last-child){margin-right: 4em;}
}
@media (max-width:640px) {
.contact-main .tit{font-size: 0.36rem;}
.contact-main .table td{font-size: 0.21rem;}
.contact-main .table tr.colorbg td{font-size: 0.24rem;}	
.contact-main .mr{margin-right: 9em;}
}

.list-search ul{margin-bottom: 0.5rem; overflow: hidden;}
.list-search li{border-radius: 5px;background: #f3f6fb;margin-bottom: 2%; padding: 1em;}
.list-search li time{ float:right;  color:#999;}
.list-search li a::before{ display:inline-block; content:''; margin-right:10px; width:6px; height:6px; vertical-align:middle; background:#0c4e94; }
@media(min-width:769px){
.list-search li{ float: left; width: 48%; }
.list-search li:nth-child(2n){float: right;}
}


.frameBox { max-width: 1000px; height: 80vh;margin:0 auto;}
.frameBox iframe{ width: 100%; height: 100%;}


.Human{ padding-top: 3% }
.Human p{ font-size: 14px; line-height: 24px; }
.Human .tit { margin:0 0 20px; }
.Human .tit h1{ font-size: 28px; font-weight: normal; color: #222;margin:0 0 5px; }
.Human .box{ margin-bottom: 3%;position: relative; }

.Human .box1 .pic{ width:50%; position: absolute; left: 0; top: 0; height: 100%; overflow:hidden; }
.Human .box1 .text{ width:45%; float: right;  padding: 2% 0}

.Human .box2 dl{background:#eff1f5;padding: 10px ; border-radius: 5px}
.Human .box2 dd{ width: 33.3334%; float: left;background: #fff;padding: 2% 4%; min-height:320px; border:2px solid #eff1f5; border-radius: 5px}
.Human .box2 dd h1{font-size: 22px; font-weight: normal; color: #222;line-height: 32px; margin:0 0 10px;}
.Human .box2 dd h1 span{ color: #00578a; display: block; font-size: 16px;}
@media(max-width:768px){
.Human .box1 .pic{ width:100%; position:relative; height: auto; margin-bottom: 10px;}
.Human .box1 .text{ width:100%; float:left;  padding: 2% 0}
.Human .box2 dd{ width: 100%;  min-height: auto; padding: 30px}
}






.Form002219{ padding: 0; height: auto; overflow:hidden;}


.Form002219 .word{     text-align: justify;line-height: 2; color: #555; }
.Form002219 .word h1{ font-size: 22px;  margin:0 0 10px 0;}
.Form002219 .word p{}
.Form002219 form{padding:5%;background:#f5f5f5; margin:5% 0; }


.Form002219 dl{width:48%;float:left;padding-left:130px;min-height:40px;position:relative;margin-bottom:15px}
.Form002219 dl.odd{margin-left:4%}
.Form002219 dt{color:#5b5b5b;font-size:16px;position:absolute;left:0;width:120px;text-align:right;line-height:40px}
.Form002219 .text{border-radius:5px;border:1px solid #dfdfdf;width:100%;padding:0 10px;line-height:38px;height:38px;color:#5b5b5b}
.Form002219 dl.dl{width:100%;float:none;max-width:none}
.Form002219 textarea{border-radius:5px;border:1px solid #dfdfdf;overflow:hidden;resize:none;width:100%;height:200px;padding:10px;color:#5b5b5b}
.Form002219 .btn{border-radius:100px;display:inline-block;line-height:40px;min-width:140px;margin-right:10px;
	background-color:#999;color:#fff;font-size:14px;border:none;cursor:pointer}
.Form002219 .submitbtn{color:#fff;background:#005284;border-radius:100px;transition:.5s}

@media(max-width:768px){.Form002219{padding:0}
.Form002219 .auto{padding:0 4% 20px}
.Form002219 .pic{display:none}
.Form002219 dl{float:none;width:100%;margin-left:0!important}
.Form002219 textarea{height:150px}
.Form002219 .btn{min-width:100px;margin-right:10px}
}

.mouse-scroll{background: url(../images/mouse_btn.png) no-repeat center center/contain;width: 65px;height: 65px;position:absolute;left:50%;bottom:3%;margin-left:-32px;z-index:10;animation:infinite mouse-scroll ease-in-out 1.5s;}
@keyframes mouse-scroll{
    0%{ opacity:0;}
    50%{ opacity:0.8; }
    100%{ opacity:0; }
}
@-webkit-keyframes mouse-scroll{
    0%{ opacity:0;}
    50%{ opacity:0.8; }
    100%{ opacity:0; }
}
@media(max-width:768px){
    .mouse-scroll { display: none;}
}

/*btmLinks*/
.btmLinks { float: left; margin-top: 0.35rem;}
.btmLinks > * { float: left;}
.btmLinks aside { font-weight: bold; color: #333;}
.btmLinks a { margin-left: 10px;}

.gettop{ position: fixed;bottom:0;right:0; background-image: url(../images/gettop.png);background-repeat:no-repeat;background-position: center 17px;background-color: #4987ac;font-size: 14px;font-family: 'Arial';color: #fff;padding-top: 32px; width: 60px;height: 60px;border-radius:50%;line-height: normal; text-align: center; display: none;}
.gettop:hover{color: #fff;}
#fullPage .gettop{ display: none;}

.onlineCustom { position: fixed; right: 0; top: 30%;padding: 14px; font-size: 14px;color:#fff;writing-mode:tb;background: #00578a; cursor: pointer;}
.onlineCustom img { width: 38px;}
.Other000485 { transform: translateX(130px);transition: 0.5s;}
.Other000485.active { transform: translateX(0);}