/*main css cmsyou*/
@charset "utf-8";
@import '../fonts/iconfont.css';
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:14px/1.5 tahoma,sans-serif,Arial;font-family:lato,Helvetica,"Microsoft YaHei","STHeiti STXihei","Microsoft JhengHei",Tohoma,Arial;}
body{background:#fff;-webkit-text-size-adjust:100%;color:#333;max-width:1920px;margin:0 auto;overflow-x:hidden}
.body-maxwidth{max-width:1920px;margin:0 auto}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;overflow:visible;line-height:1em}
address,cite,dfn,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ol,ul{list-style-type:none;margin:0;padding:0}
li,ol,ul{list-style:none}
a,a:active{color:inherit;text-decoration:none;cursor:pointer}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
span{line-height:normal}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%;border-radius:0}
button{border:0;background-color:none;outline:0;-webkit-appearance:none}
select{border:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:14px;background:url(../images/icon-arrow-down.png) no-repeat scroll right center transparent}
textarea{resize:none}
button,img,input,select{vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
article,aside,audio,details,figcaption,figure,footer,header,hgroup,mark,menu,nav,section,summary,time,video{display:block;margin:0;padding:0}
mark{background:#ff0}
input{border:none;appearance:none;-moz-appearance:none;outline:0;-webkit-appearance:none}
input:focus{outline:0}
:-moz-placeholder,textarea:-moz-placeholder{color:#888;font-size:14px}
::-moz-placeholder,textarea::-moz-placeholder{color:#888;font-size:14px}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#888;font-size:14px}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#888;font-size:14px}
*{box-sizing:border-box}
::after,::before{box-sizing:border-box}
:focus{outline:0}
.banSelect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
.clearFix:after,.clearFix:before{display:table;content:""}
.clearFix:after{clear:both}
.onHide{display:none!important}
.onShow{display:block!important}
.rowWords{writing-mode:vertical-lr;writing-mode:tb-lr;white-space:nowrap}
.lineLimit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lineLimits{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.lineLimitFit{position:relative;overflow:hidden;height:auto}
.lineLimitFit:after{content:"...";letter-spacing:3px;font-weight:700;position:absolute;bottom:0;line-height:initial;right:0;padding-left:36px;background:-webkit-linear-gradient(left,transparent,#fff 55%);background:-o-linear-gradient(right,transparent,#fff 55%);background:-moz-linear-gradient(right,transparent,#fff 55%);background:linear-gradient(to right,transparent,#fff 55%)}
/*animation*/
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;-webkit-transition:none!important;animation:unset!important;transition:none!important}}
/*main*/
.text-center{ text-align:center;}
.bg-gray{ background-color:#e3e3e3;}
.color-orange{color:#fc9701;}
.big{ font-size:1.5em;}
.Header-wrapper{ position:relative;width:100%;background:#fff;z-index:99999;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);transition:all .4s ease}
.body-page .Header-wrapper{position: fixed;left: 0;top: 0;z-index: 99999; background-color:transparent;}
.fixed .Header-wrapper{position:fixed;left:0;top:0;}
.Header-wrapper:after{content:"";width:100%;height:1px;background:#e5e5e5;position:absolute;left:0;bottom:0;display:none}
body.winter .Header-navbarbox{display:block}
.Header-navbarbox{background-color:#2797bf; clear:both;}
.body-page .Header-navbarbox{ background-color:transparent;}
.fixed .Header-navbarbox{background-color:#2797bf;}
.Header-wrapper .contain{/* width:96%;*/}
.Header-top{padding-top:10px; padding-bottom:8px; clear:both;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.body-page .Header-top{ background-color:#fff;}
.fixed .Header-top{ display:none;}
.Header-logo{float:left;position:relative; z-index:999}
.Header-logo a{float:left;height:80px;align-items:center;display:flex;user-select:none}
.Header-logo a img{height:auto}
.Header-logo a img.Header-logoimg{display:block}
.Header-logo a img.Header-logoimgW{display:none}
.Header-search{float:right}
.Header-search-click{width:50px;height:92px;background:transparent url(../images/search.png) no-repeat center;cursor:pointer;user-select:none}
.Header-search-click.active{background:transparent url(../images/close.png) no-repeat center}
.Header-navbar{font-size:0;width:100%;text-align:center;}
.Header-navbar ul li{position:relative;float: left;border-left: 1px solid rgba(255,255,255,0.2);display:inline-block;margin:0;}
.Header-navbar ul li:first-child{border-left:0;}
.body-page .Header-navbar ul li{border-left:0;}
.fixed .Header-navbar ul li{border-left: 1px solid rgba(255,255,255,0.2);}
.fixed .Header-navbar ul li:first-child{border-left:0;}
.Header-menu{display:block;height:52px;line-height:52px;font-size:17px;color:#fff;padding:0 20px;transition:all .4s ease-in-out;position:relative}
.Header-menu:after{content:"";position:absolute;width:0;right:0;bottom:0;height:3px;background:#2797bf;transition:all .4s ease; display:none;}
.Header-navbar ul li.active .Header-menu,.Header-navbar ul li:hover .Header-menu,.Header-navbar ul li .Header-menu:hover{color:#fff; background-color:#00719a;}
.Header-navbar ul li.active .Header-menu:after,.Header-navbar ul li:hover .Header-menu:after{width:100%;right:auto;left:0}
.Header-navbar ul li.active .Header-menu{color:#fff!important}
.Header-arr{display:none}
.Header-drop{display:none;position:absolute;top:52px;left:0;background:#00719a;text-align:left;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);overflow:hidden}
.Header-dropM{width:380px;}
.Header-dropMli{width:100%;}
.Header-dropMtit{font-size:16px;color:#eee;display:block}
.Header-dropMtit a:hover{color:#fff}
.Header-dropMto{width:100%;overflow:hidden;margin-top:0}
.Header-droplink{display:block;letter-spacing:.12em;width:50%;float:left;height:40px;color:#eee;font-size:15px;line-height:40px;padding:0 20px; padding-left:32px; background:url(../images/dropArr.png) no-repeat 20px center;transition:all .4s ease}
.Header-droplink.active,.Header-droplink:hover{color:#fff!important; background-color:#2797bf; background-image:url(../images/dropArrH.png)}
.Header-dropS{width:180px; padding:0;}
.Header-dropS.long{width:140px;}
.Header-dropS .Header-droplink{width:100%;}
.Header-dicon{ width:420px; height:150px;}
.Header-dicon .Header-droplink{ width:33.33%; text-align:center; padding-left:0; padding-top:20px; background:none;}
.Header-dicon .Header-droplink .dicon{ width:100%; height:64px; background-position:center center; background-repeat:no-repeat; background-size:64px auto; display:block; clear:both;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.dicon-001{ background-image:url(../images/icon-menu-001.png);}
.dicon-002{ background-image:url(../images/icon-menu-002.png);}
.dicon-003{ background-image:url(../images/icon-menu-003.png);}
a:hover .dicon-001{ background-image:url(../images/icon-menu-001-hover.png);}
a:hover .dicon-002{ background-image:url(../images/icon-menu-002-hover.png);}
a:hover .dicon-003{ background-image:url(../images/icon-menu-003-hover.png);}
.Header-search-message{width:100%;height:92px;position:absolute;z-index:99;background:#fff;right:0;top:0;display:none}
.Header-search-words{width:1000px;margin:0 auto}
.Header-search-wordsform{float:right;height:92px;line-height:92px;font-size:0;margin-top: 10px;}
.Header-search-submit{width:54px;height:92px;background:url(../images/search.png) no-repeat center center;cursor:pointer;display:inline-block;vertical-align:middle}
.Header-search-wordsform input{width:580px;height:40px;display:inline-block;vertical-align:middle;outline:0;border:none;font-size:16px;color:#666;margin-right:0;border-bottom:1px solid #dadada}
.Header-search-close{width:54px;height:92px;background:url(../images/close.png) no-repeat center center;cursor:pointer;display:inline-block;vertical-align:middle;user-select:none}
.Header-lang{position:relative;float:right;cursor:pointer;width:100px;height:92px; text-align:right; display:block;z-index:99999;}
.Header-lang .btn-langs{ float:left; width:50px;height:92px;font-size: 16px;line-height:92px; text-align:center; display:inline-block;}
.Header-lang .btn-langs:hover{color: #2797bf;}
.Header-lang .btn-lang{width:100%;height:100%;background:url(../images/lang.png) no-repeat center; display:block;}
.body-lucency .Header-lang .btn-lang{background-image:url(../images/langW.png)}
.body-hover .Header-lang .btn-lang{background-image:url(../images/lang.png)}
.Header-lang .Header-drop{ position:absolute; left: auto; right:0; display:none;}
.Header-lang .Header-dropS{width:130px;}
.Header-lang:hover .Header-drop{ display:block;}
.Header-lang:hover .Header-drop:before {width: 100%;right: auto;left: 0;}
.Header-lang:hover{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.Header-lang.en{background:url(../images/lang-gb.png) no-repeat center}
.Header-lang.cn{background:url(../images/lang-cn.png) no-repeat center}
.Header-login{float:right;margin:0 26px;display:block}
.Header-login i{display:block;width:40px;height:92px;background:url(../images/login.png) no-repeat center;cursor:pointer}
.Header-contact{position: relative;float: right; color:#333; font-size:15px; padding-top:15px; margin-right:10px; z-index:9;}
.body-lucency .Header-contact{ color:#fff;}
.body-hover .Header-contact{ color:#333;}
.Header-contact .icon-tel{color:#fc9701; font-size:20px; vertical-align: middle; margin-right:2px;}
.Header-contact .icon-tel:before{ width:28px; height:20px; content:''; background:url(../images/24h.png) center center no-repeat; display: inline-block;}
.Header-contact .big{ color:#666; font-size:16px; line-height:1em; display:block;}
.Header-contact .big span{line-height:1em;}
.Header-contact .big .tel-txt{ line-height:20px;vertical-align: middle}
.Header-contact .tel-num{ font-size:32px; font-weight:bold; line-height: 1em; display:block; clear:both;}
.Header-contact .small{letter-spacing: 1px;word-spacing: 5px; display:none;}
.body-lucency .Header-wrapper{/*background:0 0;*/box-shadow:none}
.body-container .Container-wrapper{margin-top:0}
.body-lucency .Header-logo a img.Header-logoimg{/*display:none*/}
.body-lucency .Header-logo a img.Header-logoimgW{/*display:block*/}
.body-lucency .Header-menu{color:#fff}
.body-lucency .Header-search-click{background-image:url(../images/searchW.png)}
.body-lucency .Header-login i{background-image:url(../images/loginW.png)}
.body-search .Header-logo a img.Header-logoimg{display:block}
.body-search .Header-logo a img.Header-logoimgW{display:none}
.body-hover .Header-wrapper{background:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}
.body-hover .Header-logo a img.Header-logoimg{display:block}
.body-hover .Header-logo a img.Header-logoimgW{display:none}
.body-hover .Header-menu{color:#000}
.body-hover .Header-search-click{background-image:url(../images/search.png)}
.body-hover .Header-login i{background-image:url(../images/login.png)}
.Header-navclick{height:60px;padding:0 0 0 4px;cursor:pointer;float:right;user-select:none;display:none;width:26px}
.Header-navclick span{width:100%;height:2px;background:#666;display:block;position:relative;margin-top:29px;transition:all .2s linear}
.Header-navclick span:after,.Header-navclick span:before{content:"";position:absolute;height:2px;background:#666;display:block;left:0;width:100%;transition:all .2s linear}
.Header-navclick span:before{top:-7px}
.Header-navclick span:after{top:7px}
.Header-navclick.active span{-moz-animation:buttonAnimation .3s ease forwards;-webkit-animation:buttonAnimation .3s ease forwards;animation:buttonAnimation .3s ease forwards}
.Header-navclick.active span:before{-moz-animation:buttonAnimationBefore .3s ease forwards;-webkit-animation:buttonAnimationBefore .3s ease forwards;animation:buttonAnimationBefore .3s ease forwards}
.Header-navclick.active span:after{-moz-animation:buttonAnimationAfter .3s ease forwards;-webkit-animation:buttonAnimationAfter .3s ease forwards;animation:buttonAnimationAfter .3s ease forwards}
@-moz-keyframes buttonAnimationBefore{0%{-moz-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-moz-transform:translateY(7px) rotate(0);transform:translateY(7px) rotate(0)}
100%{-moz-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}
}
@-webkit-keyframes buttonAnimationBefore{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-webkit-transform:translateY(7px) rotate(0);transform:translateY(7px) rotate(0)}
100%{-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}
}
@keyframes buttonAnimationBefore{0%{-moz-transform:translateY(0) rotate(0);-ms-transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-moz-transform:translateY(7px) rotate(0);-ms-transform:translateY(7px) rotate(0);-webkit-transform:translateY(7px) rotate(0);transform:translateY(7px) rotate(0)}
100%{-moz-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}
}
@-moz-keyframes buttonAnimationAfter{0%{-moz-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-moz-transform:translateY(-7px) rotate(0);transform:translateY(-7px) rotate(0)}
100%{-moz-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}
}
@-webkit-keyframes buttonAnimationAfter{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-webkit-transform:translateY(-7px) rotate(0);transform:translateY(-7px) rotate(0)}
100%{-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}
}
@keyframes buttonAnimationAfter{0%{-moz-transform:translateY(0) rotate(0);-ms-transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-moz-transform:translateY(-7px) rotate(0);-ms-transform:translateY(-7px) rotate(0);-webkit-transform:translateY(-7px) rotate(0);transform:translateY(-7px) rotate(0)}
100%{-moz-transform:translateY(-7px) rotate(-45deg);-ms-transform:translateY(-7px) rotate(-45deg);-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}
}
@-moz-keyframes buttonAnimation{0%{background:0 0}
50%{background:rgba(255,255,255,0)}
100%{background:rgba(255,255,255,0)}
}
@-webkit-keyframes buttonAnimation{0%{background:0 0}
50%{background:rgba(255,255,255,0)}
100%{background:rgba(255,255,255,0)}
}
@keyframes buttonAnimation{0%{background:0 0}
50%{background:rgba(255,255,255,0)}
100%{background:rgba(255,255,255,0)}
}
.Footer-wrapper{width:100%;padding-top:56px;border-top:1px solid #e5e5e5;background-color:#222;}
.Footer-wrapper .contain{ overflow:hidden;}
.Footer-item{width:100%;padding-bottom:38px}
.Footer-navbar{width:80%;overflow:hidden;float:left;padding-left:42px}
.Footer-navbar li{width:22%;float:left;position:relative}
.Footer-navbar li:last-child{width:34%}
.Footer-menu{display:block;width:100%;height:36px;line-height:36px;font-size:16px;color:#eee;font-weight: bold;cursor:default}
.Footer-arr{display:none}
.Footer-link{display:block;width:100%;font-size:14px;margin-top:6px}
.Footer-link a{display:block;width:100%;color:#999;font-size:14px;line-height:22px;padding:3px 0;transition:all .4s ease}
.Footer-navbar li .Footer-link a{color:#999!important;}
.Footer-navbar li .Footer-link a:hover{color:#2797bf!important;}
.Footer-navbar li .Footer-link p{color:#999;line-height:1.5em;padding:3px 0;}
.Footer-link a:hover{color:#2797bf}
.Footer-ewm{float:left;text-align:center;width:20%;border-left:1px solid #333;padding-top:6px}
.Footer-ewm img{width:auto;max-width:120px;}
.Footer-ewm p,.Footer-ewm span{display:block;font-size:14px;color:#888;line-height:24px}
.Footer-ewm span{margin-top:4px}
.Footer-about{width:9.5%;float:right;text-align:center}
.Footer-aboutlink{width:100%;font-size:0;margin-top:12px}
.Footer-aboutlink a{display:inline-block;vertical-align:middle;margin:0 10px;opacity:.8;transition:all .4s ease}
.Footer-aboutlink a img{width:100%}
.Footer-aboutlink a:hover{opacity:1}
.Footer-copy{width:100%;font-size: 14px;border-top:1px solid #333;padding:24px 0 30px}
.Footer-copy:after{ content:" "; display:block; clear:both;}
.Footer-copyinfo{float:left;}
.Footer-copyinfo p{display:inline-block;vertical-align:middle;}
.Footer-copyinfo p{color:#666}
.Footer-copylink{float:right; color:#666;}
.Footer-copylink a,.Footer-copylink i{display:inline-block;vertical-align:middle}
.Footer-copylink a{color:#666}
.Footer-copylink a:hover{color:#999}
.Footer-copylink i{width:1px;height:12px;background:#e5e5e5;margin:0 10px}
.Container-wrapper{width:100%;}
.contain{width:1200px;margin:0 auto}
.toLink{display:inline-block;vertical-align:middle;text-align:center;background:#2797bf;border-radius:26px;color:#fff}
.toLink i,.toLink span{display:inline-block}
.toLink span{font-size:16px;margin:0 4px;height:40px;line-height:40px}
.toLink i{width:0;height:10px;background:url(../images/banArr.png) no-repeat right center;transition:all .4s ease}
.toLink:hover i{width:24px}
.toLink:active,.toLink:hover{color:#fff;background:#007199;}
.toLink.toLink-none{background:#b5b5b5;cursor:not-allowed}
.toLink.toLink-none.toLink-succeed{background:#2797bf;cursor:pointer}
.pubTitle{width:100%;text-align:center}
.pubTitle h1,.pubTitle h2{font-size:32px;color:#262626}
.pubTitle p{font-size:18px;color:#666;line-height:30px;width:920px;margin:0 auto;margin-top:28px}
.pubTitle.pubTitle-white h6{color:#fff}
.pubTitle.pubTitle-white p{color:#fff}
.loading{display:block;position:fixed;z-index:9999999;width:100%;height:100%;top:0;left:0;background:#fff}
.webhead a{display:none}
.displaynone{display:none!important}
.verify{display:none;position:fixed;z-index:99999999;background:rgba(0,0,0,.5);top:0;left:0;width:100%;height:100%}
.verify-hint{width:280px;height:140px;top:50%;left:50%;position:absolute;margin-top:-70px;margin-left:-140px;background:#fff;border-radius:4px;padding:14px 16px 0}
.verify-cont{width:100%}
.verify-cont h6{font-size:18px;color:#666;padding-bottom:8px;margin-bottom:26px;position:relative;user-select:none;border-bottom:1px solid #eee}
.verify-cont h6:after{content:"";position:absolute;width:36px;height:2px;background:#2797bf;bottom:-1px;left:0}
.verify-cont p{font-size:14px;color:#888;line-height:20px;text-align:center}
.verify-cont p i{font-size:28px;margin:-2px 8px 0 0;vertical-align:middle;color:#2797bf}
.red{color:red!important}
.yellow{color:#f2c71b!important}
.green{color:#45bd21!important}
.blue{color:#2797bf!important}
.Header-login-in{float:right;margin:0 26px;display:block;position:relative}
.Header-login-in-btn{cursor:pointer;width:50px;height:92px;display:flex;align-items:center;position:relative}
.Header-login-in-btn i{display:block;font-weight:400;font-style:normal;line-height:0;border-radius:50%;width:34px;height:34px;background:#fff;border:2px solid #d9dee8;padding:2px;text-align:center}
.Header-login-in-btn i img{height:100%;object-fit:cover;border-radius:50%}
.Header-login-in-btn:after{content:"\f107";font:normal normal normal 18px/1 FontAwesome;color:#6c6c6c;position:absolute;top:50%;margin-top:-9px;right:0}
.body-lucency .Header-login-in-btn:after{color:#fff}
.body-hover .Header-login-in-btn:after{color:#6c6c6c}
.Header-login-in:hover .Header-login-in-btn:after{content:"\f106"}
.Header-login-in-cont{display:none;position:absolute;top:92px;right:0;width:240px;background:#fff;padding:24px 20px 20px;box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}
.Header-login-in-cont-head{width:100%;font-size:0;display:block}
.Header-login-in-cont-head i{display:inline-block;position:relative;vertical-align:middle;font-weight:400;font-style:normal;line-height:0;border-radius:50%;width:74px;height:74px;background:#fff;border:3px solid #d9dee8;padding:3px;text-align:center}
.Header-login-in-cont-head i img{height:100%;object-fit:cover;border-radius:50%}
.Header-login-in-cont-head-info{display:inline-block;vertical-align:middle;margin-left:12px}
.Header-login-in-cont-head-info p{font-size:16px;color:#666;width:108px;position:relative}
.Header-login-in-cont-head-info p b{font-weight:400;display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:68px}
.Header-login-in-cont-head-info span{padding:0 6px;width:auto;margin-top:12px;height:18px;line-height:18px;text-align:center;display:inline-block;border-radius:3px;background:#b3b8d1;font-size:12px;color:#fff}
.Header-login-in-cont-head-info span b{font-weight:400;margin-left:2px}
.Header-login-in-cont-list{width:100%;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:8px 0;margin-top:12px}
.Header-login-in-cont-list a{display:block;height:36px;line-height:36px;position:relative;font-size:14px;color:#666;transition:all .4s ease}
.Header-login-in-cont-list a:hover{color:#2797bf}
.Header-login-in-cont-list span{width:18px;height:18px;line-height:18px;text-align:center;position:absolute;right:0;top:50%;margin-top:-9px;border-radius:50%;background:#2797bf;font-size:12px;color:#fff}
.Header-login-in-cont-quit{width:100%;padding-top:16px}
.Header-login-in-cont-quit button{font-size:14px;color:#666;transition:all .4s ease;background:#fff;cursor:pointer}
.Header-login-in-cont-quit button:hover{color:#2797bf}
.btn-more{color:#fff;font-size: 14px;line-height:1.5em;font-weight: normal;text-decoration: none;font-style: normal;text-align: center;background:#2797bf; padding:10px 20px; display:inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-more:hover{color:#fff;background:#00719a;}
/*floatbar*/
.floatbar{position: fixed;right: 0;top: 25%;width: 60px;height: 245px;z-index: 80000;transition: all 1s;}
.floatbar ul{}
.floatbar ul li{width: 60px;height: 60px;border-bottom: 1px solid #409fc0;background: #2797bf url(../images/right_ico.png) no-repeat;cursor: pointer;position: relative;-webkit-transition: background 0.5s ease-out ;-moz-transform:background 0.5s ease-out;transition: background 0.5s ease-out ;margin: 0 !important;}
.floatbar ul li:hover{background:#FFFFFF url(../images/right_hover_ico.png) no-repeat;}
.floatbar ul li:first-child{border-top-left-radius: 5px;}
.floatbar ul li:first-child:hover{border-top-left-radius: 0;}
/*.floatbar ul li.qq{background-position: center 17px;border-top-left-radius: 5px;}
.floatbar ul li.qq .itext{display: none;background-color: #f9f9f9;position: absolute;right: 60px;width: 180px;height: 240px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;overflow: hidden;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.2);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.2);box-shadow:-7px 0px 10px rgba(0,0,0,0.2);}
.floatbar ul li.qq .itext dt{text-align: center;height: 60px;line-height: 60px;background-color: #fff;}
.floatbar ul li.qq .itext dd{height: 60px;line-height: 60px;color: #666666;margin: 0 auto;width: 160px;font-size: 16px;border-bottom: 1px dotted #dedede;text-indent: 80px;background: url(../images/qqbg.gif) no-repeat 30px 17px;}
.floatbar ul li.qq .itext dd a{display: block;}
.floatbar ul li.qq .itext dd a:hover{color: #556c9c;}*/
.floatbar ul li.qq{background-position: center 17px;}
.floatbar ul li.qq .itext{position: absolute;right: 60px;min-height:60px;color: #333;font-size:16px;line-height:1.5em;padding: 10px 20px;background-color: #fff;white-space: nowrap;display: none;border-bottom-left-radius: 5px;border-top-left-radius: 5px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);box-shadow:-7px 0px 10px rgba(0,0,0,0.3);}
.floatbar ul li.qq .itext p{ margin-top:5px; margin-bottom:5px;}
.floatbar ul li.tel{background-position: center -44px;}
.floatbar ul li.tel .itext{position: absolute;right: 60px;min-height:60px;color: #333;font-size:16px;line-height:1.5em;padding: 10px 20px;background-color: #fff;white-space: nowrap;display: none;border-bottom-left-radius: 5px;border-top-left-radius: 5px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);box-shadow:-7px 0px 10px rgba(0,0,0,0.3);}
.floatbar ul li.tel .itext p{ margin-top:5px; margin-bottom:5px;}
.floatbar ul li.wx{background-position: center -105px;}
.floatbar ul li.wx .itext{position: absolute;top: -45px;right: 60px;font-size:14px;text-align:center;line-height:1.5em;padding:5px 10px;background-color: #fff;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);box-shadow:-7px 0px 10px rgba(0,0,0,0.3);overflow: hidden;border-radius: 5px;display: none;}
.floatbar ul li.wx .itext p{ margin-top:5px; margin-bottom:5px;}
.floatbar ul li.top{background-position: center -166px;border: none;border-bottom-left-radius: 5px;}
.floatbar ul li:hover .itext{display: block;}
.floatbar ul li.qq:hover{border-radius: 0;}
.floatbar ul li:nth-last-child(2){border-bottom-left-radius: 5px;}
.floatbar.active ul li:nth-last-child(2){border-bottom-left-radius: 0;}
/*inquiry*/
#online_qq_layer{z-index:9000000009;position:fixed;right:60px;bottom:60px;}
#floatShow{display:block;}
#floatHide{display:none;}
#online_qq_tab{position:relative;z-index:9;}
#online_qq_tab #floatShow{overflow:hidden;background:#2797bf;height:50px;width:125px;float:right;line-height:50px;padding-left:50px;position:relative;color:#fff;font-size:14px;border-radius:10px;text-transform:uppercase;border: 2px solid rgba(255,255,255,0.2);box-shadow:0 0 13px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 0 13px 0 rgba(0,0,0,0.2);-webkit-transition:all var(--transition-time,800ms);-o-transition:all var(--transition-time,800ms);transition:all var(--transition-time,800ms);}
#online_qq_tab #floatShow i{height:50px;width:50px;background:url(../images/online.png) no-repeat 15px center;position:absolute;left:0px;top:0;display:inline-block;}
#online_qq_tab #floatShow:hover{margin-right:0; background-color:#00719a;}
#online_qq_tab #floatHide{overflow:hidden;width:30px;height:30px;font-size:13px;float:right;color:#808080;line-height:50px;text-align:left;position:absolute;right:3px;top:8px;}
#online_qq_tab #floatHide i{width:20px;height:20px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;}
#online_qq_tab #floatHide i:before,#online_qq_tab #floatHide i:after{content:'';display:inline-block;background:#999;width:20px;height:2px;margin:2px 0;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#online_qq_tab #floatHide i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}
#online_qq_tab #floatHide i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}
#online_qq_tab #floatShow:hover,#online_qq_tab #floatHide:hover{text-decoration:none;}
#online_qq_tab #floatHide:hover i:before,#online_qq_tab #floatHide:hover i:after{background:#2797bf;}
#onlineService{display:inline;width:300px;overflow: hidden;display:none;background: #fff;font-size:12px;box-shadow:0 0 13px 0 rgba(151,151,151,0.5);-webkit-box-shadow:0 0 13px 0 rgba(151,151,151,0.5);border-top:none;}
#online_qq_layer .inquiry .main_more{border-width:1px;margin-top:0;}
#online_qq_layer .inquiry .main_more input{margin-top:0;padding-left:15px;padding-right:15px;height:36px;line-height:36px;font-size:14px;cursor:pointer;}
#onlineService .title{display:block;font-size:22px;text-transform:uppercase;font-style: normal;margin-bottom:10px;}
#onlineService .title b{color:#2797bf;}
#onlineService .text{margin-bottom:10px;color:#808080;line-height:20px;font-size:12px;}
.main_more{border-radius:2px;background:#2797bf;position:relative;display:inline-block;margin-top:20px;box-shadow:0 0 15px 2px rgba(0,0,0,0.1);}
.main_more:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#007199;display:block;transform: scaleX(0);transition:all 0.4s ease 0s;transform-origin:0 0 0;}
.main_more:hover:before{transform: scaleX(1);visibility:visible;}
.main_more a,.main_more input, .main_more button{display:inline-block;background:transparent;color:#fff;font-size:12px;height:36px;line-height:36px;padding-left:25px;padding-right:25px;font-family:'poppins_semibold';text-transform:uppercase;z-index:1;position:relative;}
.main_more:hover a,.main_more:hover input, .main_more:hover button{color:#fff;text-decoration:none;}
.main_more input{padding:0px;vertical-align: middle;line-height: normal;border:none;}
.i_message_inquiry{padding:20px;}
.i_message_inquiry .inquiry .form-control{border:2px solid #efefef;background:none;line-height:40px;height:40px;color:#808080;font-size:12px;width:100%;box-shadow:none;padding-left:40px;}
.i_message_inquiry .inquiry .form-control:focus{color:#333;background:#fafafa;}
.i_message_inquiry .inquiry .input-group{background:#fff;min-height:32px;margin-bottom:10px;width:100%;border:none;}
.i_message_inquiry .inquiry .input-group span{display:block;position:relative;}
.i_message_inquiry .inquiry .input-group span:before{content:'*';color:red;position:absolute;right:10px;top:10px;z-index:2;}
.i_message_inquiry .inquiry .input-group span.ms_n input{background-image:url(../images/mes_n.png);background-position:8px 8px;background-repeat:no-repeat;}
.i_message_inquiry .inquiry .input-group span.ms_p input{background-image:url(../images/mes_p.png);background-position:8px 10px;background-repeat:no-repeat;}
.i_message_inquiry .inquiry .input-group span.ms_e input{background-image:url(../images/mes_e.png);background-position:8px 9px;background-repeat:no-repeat;}
.i_message_inquiry .inquiry .input-group span.ms_m .form-control{height:60px;padding-top:10px;line-height:20px;background-image:url(../images/mes_m.png);background-position:8px 10px;background-repeat:no-repeat;}
.i_message_inquiry .inquiry .input-group span.ms_n:before{display:none;}
.btn-tel-wap{z-index:9000000008;position:fixed;right:40px;bottom:115px; display:none;}
.btn-tel-wap a{height:50px;width:50px; text-align:center; border-radius:30px; background:#fc9701; outline:none; display:block;}
.btn-tel-wap a:hover,.btn-tel-wap a:active{background:#ce7b00;}
.btn-tel-wap .icon-tel{ color:#fff; font-size:36px; line-height:50px;}
/*responsive css csmyou*/
@media all and (min-width:1600px){
}
@media all and (max-width:1799px){
}
@media all and (max-width:1719px){
}
@media all and (max-width:1599px){
.Header-contact{font-size:14px;padding-top:25px;}
.Header-contact .big{font-size: 16px;}
.Header-contact .tel-num{font-size: 22px;}
.Header-contact .small{letter-spacing:0;word-spacing: 6px;}
.Header-contact .icon-tel{top:17px;}
.toLink span{font-size:16px;height:38px;line-height:38px}
.pubTitle h1,.pubTitle h2{font-size:28px}
.pubTitle p{margin-top:20px}
}
@media all and (max-width:1459px){
}
@media all and (max-width:1359px){
}
@media all and (max-width:1279px){
.contain{width:96%}
.Header-top{ padding-top:0; padding-bottom:0;}
.Header-logo{ margin-top:5px;}
.Header-search-wordsform{ margin-top:0;}
.Header-menu{ font-size:16px; padding:0 17px;}
.Header-droplink{font-size:15px;}
.Header-search-words{width:76.5%}
.Header-search-wordsform input{width:400px;margin-right:0}
.Header-dropM{padding:0 24px 16px}
.toLink span{height:36px;line-height:36px}
}
@media all and (max-width:1159px){
.Header-logo{ margin-top:0;}
.Header-logo a{ height:72px; margin-top:0;}
.Header-logo a img{width:100px}
.Header-menu{ font-size:15px; padding:0 13px;}
.Header-droplink{font-size:14px;}
.Header-search-click{ height:72px;}
.Header-lang{ height:72px;}
.Header-lang .btn-langs{ height:72px; line-height:72px;}
.Header-lang .Header-drop{ top:72px;}
.Header-contact{ height:72px;padding-top:15px;}
.Header-contact .icon-tel { top:10px;}
.Header-search-message{ height:72px;}
.Header-search-wordsform{ height:72px; line-height:72px;}
.Header-search-submit{ height:72px;}
.Header-search-close{ height:72px;}
}
@media all and (max-width:1000px){
.Header-wrapper .contain{width:96%}
.Container-wrapper{margin-top:60px}
.fixed .Header-top{ display:block;}
.Header-wrapper{ position:fixed;left:0;top:0;z-index:9000000000;}
.Header-logo a{height:60px}
.Header-login i{height:60px;width:32px}
.Header-lang{width:80px;height:60px; margin-right:5px; margin-left:5px;}
.Header-lang .btn-langs{ width:40px; height:60px; line-height:60px;}
.Header-lang .Header-drop{ top:60px; width:110px!important; padding: 4px 20px 8px;}
.Header-contact{height:60px;padding-top:19px; padding-left:0; margin-right:10px;}
.Header-contact a{ display:block;}
.Header-contact p{ vertical-align:middle; display:inline-block;}
.Header-contact .icon-tel{font-size:22px;}
.Header-contact .big{ vertical-align:middle;}
.Header-contact .big .tel-txt{ display:none;}
.Header-contact .tel-num{ clear:none;}
.Header-login{margin:0}
.Header-search-click{height:60px;line-height:60px;background:url(../images/search.png) no-repeat center}
.Header-navclick{display:block}
.Header-navbarbox{display:none;width:100%;background:#fff;position:absolute;top:60px;left:0}
body.winter .Header-navbarbox{display:none}
.Header-navbarbox .contain{width:100%}
.Header-navbar{float:left;width:100%;margin-right:0;height:auto;max-height:400px;text-align:left;padding-top:10px; padding-bottom:10px;overflow-y:auto;background:#f8f8f8}
.Header-navbar ul li{display:block;width:100%;position:relative;margin:0}
.Header-menu{width:100%;height:40px;color:#333;line-height:40px;padding:0 4%}
.Header-droplink{ padding-top:0; padding-bottom:0;}
.Header-search-message{height:41px;top:60px;border-bottom:1px solid #e5e5e5}
.Header-search-click{width:32px}
.Header-search-close{display:none}
.Header-search-wordsform{height:40px;line-height:40px;float:initial; margin-top:0;}
.Header-search-submit{height:42px;position:absolute;right:0;top:-1px;z-index:2;width:42px;background:#2797bf url(../images/searchW.png) no-repeat center}
.Header-search-wordsform input{width:100%;margin-right:0;height:40px;padding-right:40px;box-sizing:border-box;border-bottom:none}
.Header-wrapper:after{/*display:block*/}
.Header-wrapper{box-shadow:none}
.Header-menu:after{display:none}
.Header-arr{display:block;position:absolute;z-index:4;width:40px;height:40px;top:0;right:0;background:url(../images/HiconArr.png) no-repeat center center/14px auto}
.Header-arr.active{transform:rotate(180deg)}
.Header-drop{position:relative;top:0;left:0;box-shadow:none;width:100%!important}
.Header-dropS{padding:0 4% 6px}
.Header-dropM{padding:0 4% 6px}
.Header-login-in{margin:0 6px;position:static}
.Header-login-in-btn{height:60px;width:34px}
.Header-login-in-btn:after{display:none!important}
.Header-login-in-cont{top:60px;width:100%;padding:20px 4% 18px}
.Header-login-in-cont-head-info p{width:400px}
.Header-login-in-cont-head-info p b{max-width:350px}
.body-lucency .Header-wrapper{background:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}
.Container-wrapper{margin-top:60px}
.body-lucency .Header-logo a img.Header-logoimg{display:block}
.body-lucency .Header-logo a img.Header-logoimgW{display:none}
.body-lucency .Header-menu{color:#000}
.body-lucency .Header-search-click{background-image:url(../images/search_wap.png); background-size:18px auto;}
.Header-search-click{background-image:url(../images/search_wap.png); background-size:18px auto;}
.Header-search-click.active{background-image:url(../images/close_wap.png); background-size:18px auto;}
.Header-contact .icon-tel:before{background-image:url(../images/24h_wap.png); background-size:18px auto;}
.body-lucency .Header-login i{background-image:url(../images/login.png)}
.body-lucency .Header-lang .btn-lang{background-image:url(../images/lang.png)}
.Footer-wrapper{padding-top:28px}
.Footer-navbar li{width:100%!important}
.Footer-navbar li .Footer-link a{border-bottom: 1px dotted #eee;}
.Footer-link{display:none;margin-top:0}
.Footer-item{padding-bottom:24px}
.Footer-copyinfo{width:100%}
.Footer-copy{padding:15px 0 10px;text-align:center}
.Footer-copyinfo p{display:block;width:100%;margin-bottom:8px;line-height:22px}
.Footer-arr{width:36px;height:36px;display:block;position:absolute;z-index:4;right:0;top:0;background:url(../images/iconArr.png) no-repeat right center/14px auto}
.Footer-arr.active{transform:rotate(180deg);background-position:left center}
.Header-search-words{width:92%}
.Footer-ewm{width:100%;border-left:none;padding-top:0}
.Footer-navbar{width:100%;padding-left:0}
.Footer-about{width:100%;margin-top:16px}
.Footer-copylink{width:100%;text-align:center}
.Footer-aboutlink{margin-top:4px}
.pubTitle p{width:100%}
}
@media all and (max-width:768px){
.floatbar{ width:0; display:none;}
.floatbar ul li.tel,.floatbar ul li.wx,.floatbar ul li.tel{ display:none;}
.floatbar ul li.top{ display:none!important;}
.floatbar ul li.qq{position: fixed; right:40px; bottom: 150px; width: 50px; height: 50px; text-align: center; border-radius: 30px; background-position: center 12px; background-color:#32b895; z-index: 9000000008;}
.floatbar ul li.qq:hover{ width: 50px; height: 50px; text-align: center; border-radius: 30px; background-image:url(../images/right_ico.png);}
.floatbar ul li.qq .itext{width:160px; height:184px;}
.floatbar ul li.qq .itext dt{height:46px; line-height:46px;}
.floatbar ul li.qq .itext dd{width:120px; height:46px; font-size:15px; line-height:46px; text-indent:40px; background-position:15px 10px;}
.floatbar ul li.qq .itext dd:last-child{border-bottom:0;}
#online_qq_layer{ right:40px;}
#online_qq_tab #floatShow{ width:50px;border-radius:25px;border:0;}
#online_qq_tab #floatShow i{background-position:11px center!important;}
.btn-tel-wap{ display:block;}
}
@media all and (max-width:640px){
.Header-wrapper .contain{width:94%}
.Header-navbarbox .contain{width:100%}
.toLink span{font-size:15px;height:34px;line-height:34px}
.toLink i{width:24px!important}
.pubTitle h1,.pubTitle h2{font-size:24px}
.pubTitle p{margin-top:14px;font-size:16px;line-height:26px}
.Header-droplink{letter-spacing:0;font-size:13px}
.Header-login-in-cont-head-info p{width:220px}
.Header-login-in-cont-head-info p b{max-width:170px}
.Footer-menu{ font-weight:normal;}
.Footer-copyinfo p{ margin-bottom:0;}
}
@media all and (max-width:480px){
.Header-wrapper .contain{width:92%}
.Header-navbarbox .contain{width:100%}
.Header-contact{ padding-top:21px; margin-right:3px;}
.Header-contact .tel-num{ display:none;}
.Header-contact .icon-tel:before{ height:18px;}
.btn-more{font-size: 13px; padding:8px 15px;}
#online_qq_layer{ right:30px;}
.floatbar ul li.qq{right:30px;}
.btn-tel-wap{ right:30px;}
}
@media all and (max-width:360px){
.Header-lang{ width:70px;margin-left:2px;}
.Header-lang .btn-langs{ width:35px;}
.Header-contact{margin-right:1px;}
#online_qq_layer{ right:20px;}
.floatbar ul li.qq{right:20px;}
.btn-tel-wap{ right:20px;}
}