.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block;zoom:1}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-prev,.slick-next{position:absolute;display:block;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top:50%;margin-top:-10px;padding:0;border:0;outline:0}.slick-prev:focus,.slick-next:focus{outline:0}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{filter:alpha(opacity=25);-moz-opacity:.25;-khtml-opacity:.25;opacity:.25}.slick-prev:before,.slick-next:before{font-family:"slick";font-size:20px;line-height:1;color:white;filter:alpha(opacity=80);-moz-opacity:.85;-khtml-opacity:.85;opacity:.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots{position:absolute;bottom:60px;list-style:none;display:block;text-align:center;padding:0;width:100%}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{border:0;background:transparent;display:block;width:32px;height:7px;outline:0;line-height:0;font-size:0;color:transparent;cursor:pointer;outline:0}.slick-dots li button:focus{outline:0}.slick-dots li button:before{position:absolute;top:0;left:0;content:"\2022";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;filter:alpha(opacity=25);-moz-opacity:.25;-khtml-opacity:.25;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{filter:alpha(opacity=75);-moz-opacity:.75;-khtml-opacity:.75;opacity:.75}.slick-dots li button{background:#fff;}.slick-slider .slick-active button{background:#f7ac1b;width:32px;height:7px;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .8s ease-in-out}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; font-family: Arial, sans-serif, 'Microsoft Yahei'; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: "Roboto Slab"; }
a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }
* { -moz-box-sizing: border-box; box-sizing: border-box; }
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }
i, em { font-style: normal; }
li { list-style: none; }
button, input, select, textarea { font-size: 100%; border: none; outline: none; }
.wrap { width: 100%; max-width: 1200px; margin: 0 auto; }
.clearfix:after { content: " "; display: block; height: 0px; visibility: hidden; clear: both; }
.clearfix { zoom:1; }
.l { float: left; }
.r { float: right; }
 @font-face {
 font-family: "Roboto Slab";
 font-style: normal;
 font-weight: 700;
 font-display: swap;
 src: local("Roboto Slab Bold"), local("RobotoSlab-Bold"), url("../fonts/roboto_bold.woff2") format("woff2");
 font-display: swap;
}
.index-head { position: relative; overflow: hidden; }
.index-head .index-banner img { -webkit-animation: mymove linear 10s; -moz-animation: mymove linear 10s; -o-animation: mymove linear 10s; animation: mymove linear 10s; width: 100%; }
 @-webkit-keyframes mymove { 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @-moz-keyframes mymove { 0% {
 -moz-transform: scale(1);
 transform: scale(1);
}
 50% {
 -moz-transform: scale(1.1);
 transform: scale(1.1);
}
 100% {
 -moz-transform: scale(1);
 transform: scale(1);
}
}
 @-o-keyframes mymove { 0% {
 -o-transform: scale(1);
 transform: scale(1);
}
 50% {
 -o-transform: scale(1.1);
 transform: scale(1.1);
}
 100% {
 -o-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes mymove { 0% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
 50% {
 transform: scale(1.1);
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -o-transform: scale(1.1);
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
}
.index-head .nav-head { position: absolute; top: 32px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: 100; }
.index-head .nav-head .logo { float: left; }
.logo2{display: none;}
@media screen and (max-width:1024px){
    .logo2{display: block;}
}
@media screen and (max-width:1200px){
    .index-help{display: none;}
}
index-help
.index-head .nav-head .tb-right { float: right; }
.index-head .nav-head .tb-right li { float: left; margin-left: 55px; line-height: 38px; }
.index-head .nav-head .tb-right li a { font-size: 16px; color: #fff; line-height: 32px; text-transform: capitalize; }
.index-head .nav-head .tb-right li a img { width: 36px; height: 36px; display: inline-block; }
.index-head .nav-head .tb-right li span { font-size: 16px; color: #8da2bf; margin-right: 15px; float: left; border-radius: 50%; width: 36px; height: 36px; }
.index-head .nav-head .tb-right li span svg { width: 25px; height: 25px; margin-top: 6px; }
.index-head .nav-head .tb-right li p { display: inline-block; margin-left: -40px; }
.index-head .nav-head .tb-right li p a { margin-left: 40px; }
.index-head .nav-head .tb-right li .search-box { width: 240px; height: 38px; border-radius: 20px; border: 1px solid #5d6571; background: #333c4b; padding: 0 20px; overflow: hidden; }
.index-head .nav-head .tb-right li .search-box .txt-search { font-size: 16px; color: #8997a8; border: none; outline: none; line-height: 24px; width: 85%; background: transparent; }
.index-head .nav-head .tb-right li .search-box .search-btn { width: 15%; height: 40px; background: url(../images/index_search.png) no-repeat center; cursor: pointer; float: right; }
.m-search-box { position: absolute; top: 30px; right: 12%; width: 240px; height: 38px; border-radius: 20px; border: 1px solid #5d6571; padding: 0 20px; overflow: hidden; display: none; }
.m-search-box .txt-search { font-size: 16px; color: #8997a8; border: none; outline: none; line-height: 36px; width: 85%; background: transparent; }
.m-search-box .search-btn { width: 19px; height: 40px; background: url(../images/index_search.png) no-repeat center; -o-background-size: 100%; background-size: 100%; cursor: pointer; float: right; }
.index-head .nav-head .nav-bot { margin-top: 48px; }
.index-head .nav-head .nav-bot ul { float: left; width: 70%; margin-left: 7%; }
.index-head .nav-head .nav-bot ul li { float: left; margin-left: 7%; }
.index-head .nav-head .nav-bot ul li a { font-size: 18px; line-height: 2em; color: #fff; display: inline-block; }
.index-head .nav-head .nav-bot .index-help { float: right; width: 15.5%; text-align: center; height: 48px; line-height: 48px; border-radius: 30px; margin-top: -10px; box-shadow: 0 0 16px rgba(33, 50, 74, 0.1); position: relative; overflow: hidden; font-size: 18px; color: #efbd45; z-index: 1; border: 1px solid #fff; background: #fff; }
.index-head .nav-head .nav-bot .index-help:hover { border: 1px solid #efbd45; }
.index-head .nav-head .nav-bot .index-help a { font-size: 18px; color: #efbd45; display: block; position: relative; z-index: 1; }
.index-head .nav-head .nav-bot .index-help a:hover { color: #fff; }
.index-head .nav-head .nav-bot .index-help a:before { content: ''; z-index: -1; position: absolute; color: #fff; top: 0; bottom: 0; left: 0; right: 0; background-color: #efbd45; -webkit-transform-origin: center right; -moz-transform-origin: center right; -ms-transform-origin: center right; -o-transform-origin: center right; transform-origin: center right; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; -o-transition: -o-transform 0.25s ease-in-out; -moz-transition: transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; }
.index-head .nav-head .nav-bot .index-help a:hover:before { -webkit-transform-origin: center left; -moz-transform-origin: center left; -ms-transform-origin: center left; -o-transform-origin: center left; transform-origin: center left; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); border: 2px solid #efbd45; border-radius: 10px; }
.index-head .home-prat { position: absolute; top: 31.8%; width: 52%; }
.index-head .home-prat h1 { font-size: 56px; color: #efbd45; font-weight: bold; }
.index-head .home-prat strong { font-size: 56px; color: #fff; font-weight: bold; text-transform: capitalize; display: block; margin-top: 15px; }
.index-head .home-prat p { font-size: 20px; line-height: 50px; color: #fff; font-weight: 100; margin-top: 40px; }
.index-head .home-prat .home-cont { position: relative; display: inline-block; text-align: center; margin-top: 50px; }
.index-head .home-prat .home-cont a { font-size: 20px; width: 250px; height: 60px; border-radius: 4px; line-height: 60px; color: #fff; display: block; text-transform: uppercase; position: relative; }
.index-head .home-prat .home-cont a:hover { color: #e8a530; }
.index-head .home-prat .home-cont .border { position: absolute; background: none; -webkit-transition: all .5s ease-in-out;
 -o-transition: all .5s ease-in-out;
 -moz-transition: all .5s ease-in-out;
 transition: all .5s ease-in-out;
}
 .index-head .home-prat .home-cont .border:nth-of-type(1) {
 top: 0;
 left: 0;
 border-top: 1px solid #a1a5a9;
 width: 250px;
}
 .index-head .home-prat .home-cont .border:nth-of-type(2) {
 bottom: 0;
 left: 0;
 border-bottom: 1px solid #a1a5a9;
 width: 250px;
}
 .index-head .home-prat .home-cont .border:nth-of-type(3) {
 left: 0;
 top: 1px;
 height: 58px;
 border-left: 1px solid #a1a5a9;
}
 .index-head .home-prat .home-cont .border:nth-of-type(4) {
 top: 1px;
 right: 0;
 height: 58px;
 border-right: 1px solid #a1a5a9;
}
 .index-head .home-prat .home-cont:hover .border:nth-of-type(1) {
 -webkit-transform: translate(0, 59px);
 -moz-transform: translate(0, 59px);
 -ms-transform: translate(0, 59px);
 -o-transform: translate(0, 59px);
 transform: translate(0, 59px);
 border-top: 1px solid #e8a530;
}
 .index-head .home-prat .home-cont:hover .border:nth-of-type(2) {
 -webkit-transform: translate(0, -59px);
 -moz-transform: translate(0, -59px);
 -ms-transform: translate(0, -59px);
 -o-transform: translate(0, -59px);
 transform: translate(0, -59px);
 border-bottom: 1px solid #e8a530;
}
 .index-head .home-prat .home-cont:hover .border:nth-of-type(3) {
 -webkit-transform: translate(249px, 0);
 -moz-transform: translate(249px, 0);
 -ms-transform: translate(249px, 0);
 -o-transform: translate(249px, 0);
 transform: translate(249px, 0);
 border-left: 1px solid #e8a530;
}
 .index-head .home-prat .home-cont:hover .border:nth-of-type(4) {
 -webkit-transform: translate(-249px, 0);
 -moz-transform: translate(-249px, 0);
 -ms-transform: translate(-249px, 0);
 -o-transform: translate(-249px, 0);
 transform: translate(-249px, 0);
 border-right: 1px solid #e8a530;
}
.m-nav { display: none; }
.m-nav ul { position: fixed; right: 0; top: 95px; padding: 0 5%; background: #fff; text-align: center; z-index: 999; border-radius: 0 0 0 1rem; box-shadow: 0px 0px 20px rgba(0, 0, 0, .2); }
.m-nav ul li { margin: 1.5em auto; }
.m-nav ul li a { font-size: 26px; color: #424854; line-height: 1.4em; }
.m-index-pro { display: none; }
.index-pro { margin-top: 75px; margin-left: -75px; }
.index-pro .box { background: #e8a530; background: -webkit-linear-gradient(80deg, transparent 60px, #e8a530 61px); background: -moz-linear-gradient(80deg, transparent 60px, #e8a530 61px); background: -o-linear-gradient(80deg, transparent 60px, #e8a530 61px); background: linear-gradient(10deg, transparent 60px, #e8a530 61px); width: 350px; height: 475px; float: left; margin-left: 75px; }
.index-pro .box .font { font-size: 26px; color: #fff; text-align: center; display: block; padding-top: 40px; margin-bottom: 40px; font-weight: bold; }
.index-pro .box:hover .font { text-decoration: underline; }
.index-pro .box p { font-size: 18px; color: #fff4e2; margin-left: 65px; margin-top: 30px; }
.index-pro .box span { display: block; font-size: 24px; font-weight: bold; color: #354257; margin-left: 65px; margin-top: 10px; }
.index-pro .box .img { margin-top: 25px; position: absolute; margin-left: -20px; max-width: 380px; }
.index-abt { margin-top: 220px; position: relative; }
.index-abt:before { background: url(../images/abt_bef.png) no-repeat; -o-background-size: 100%; background-size: 100%; width: 175px; height: 418px; content: ""; display: block; position: absolute; left: 0; top: 0; }
.index-abt:after { background: url(../images/abt_bot.png) no-repeat; -o-background-size: 100%; background-size: 100%; width: 240px; height: 528px; content: ""; display: block; position: absolute; right: 0; bottom: -80px; }
.index-abt .left { float: left; width: 50%; margin-left: -1.5%; }
.index-abt .right { float: right; width: 51%; margin-top: 30px; }
.index-abt .right span { display: block; font-size: 20px; color: #182335; text-transform: uppercase; opacity: .8; }
.index-abt .right strong { font-size: 44px; color: #efbd45; text-transform: uppercase; display: block; margin-top: 35px; }
.index-abt .right .tit { font-size: 44px; color: #424854; text-transform: uppercase; }
.index-abt .right .text { font-size: 18px; color: #182335; line-height: 40px; margin-top: 45px; }
.index-abt .right a { display: block; font-size: 20px; background: #efbd45; height: 60px; line-height: 60px; width: 255px; text-align: center; color: #fff; border-radius: 30px; text-transform: uppercase; margin-top: 50px; border: 1px solid #efbd45; position: relative; overflow: hidden; }
.index-abt .right a:before { content: " "; display: block; width: 200px; height: 80px; background: rgba(255, 255, 255, 0.3); position: absolute; top: -10px; left: -200px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .15s ease-in-out;
 -o-transition: all .15s ease-in-out;
 -moz-transition: all .15s ease-in-out;
 transition: all .15s ease-in-out;
}
.index-abt .right a:hover:before { margin-left: 400px; }
.index-blog { background: #eaeaea; text-align: center; margin-top: 130px; padding: 63px 0 90px; }
.slick .slick-dots { bottom: -38px; }
.index-blog .scoll-two { padding-bottom: 68px; }
.index-blog strong { font-size: 36px; line-height: 50px; font-weight: normal; display: block; width: 50%; margin: 0 auto; }
.index-blog strong a { color: #182335; }
.index-blog .zy { font-size: 18px; color: #333; line-height: 50px; margin-top: 30px; }
.index-blog .worker { font-size: 20px; color: #818181; line-height: 36px; font-weight: bold; position: relative; text-transform: capitalize; margin-top: 75px; }
.index-blog .worker:before { background: url(../images/dh.png) no-repeat; -o-background-size: 100% 100%; background-size: 100% 100%; width: 60px; height: 51px; position: absolute; left: 50%; top: -10px; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); display: block; content: ""; opacity: .15; }
.index-blog .pic { width: 120px; height: 120px; margin: 45px auto 0; padding-bottom: 147px; }
.index-blog .pic img { width: 100%; box-shadow: 0px 10px 27px rgba(36, 41, 56, 0.3); border-radius: 50%; }
.index-blog .swiper-pagination { bottom: 0; }
.index-blog .swiper-pagination-bullet { width: 32px; height: 7px; border-radius: 0; background: #c0c2c6; opacity: 1; border-radius: 1px; }
.index-blog .swiper-pagination-bullet-active { background: #e8a530; }
.foot-top { padding: 68px 0; background: #182335; background: -webkit-linear-gradient(left, #182335, #364a62); background: -o-linear-gradient(right, #182335, #364a62); background: -moz-linear-gradient(right, #182335, #364a62); background: -moz-linear-gradient(left, #182335, #364a62); background: -o-linear-gradient(left, #182335, #364a62); background: linear-gradient(to right, #182335, #364a62); }
.foot-top .str { font-size: 46px; text-align: center; display: block; color: #efbd45; text-transform: uppercase; margin-bottom: 75px; }
.foot-top .left { float: left; width: 50%; }
.foot-top .left li { font-size: 18px; color: #8da2bf; line-height: 2em; font-weight: 400; width: 75%; margin-top: 38px; position: relative; padding-left: 50px; }
.foot-top .left li:before { background: #efbd45; width: 8px; height: 8px; display: inline-block; content: ""; position: absolute; left: 0; top: 15px; }
.foot-top .right { float: left; width: 44.5%; margin-left: 5.5%; margin-top: -23px; }
.foot-top .right .tit { font-size: 18px; color: #fff; opacity: .8; margin-bottom: 28px; }
.foot-top .right li { margin-bottom: 25px; }
.foot-top .right li input { border-radius: 10px; height: 50px; font-size: 16px; padding: 15px 28px; width: 100%; background: #e1e5eb; }
 .foot-top .right li input::-webkit-input-placeholder {
 color: #182335;
}
 .foot-top .right li input::-moz-placeholder {
 color: #182335;
}
 .foot-top .right li input:-moz-placeholder {
 color: #182335;
}
 .foot-top .right li input:-ms-input-placeholder {
 color: #182335;
}
.foot-top .right li textarea { width: 100%; background: #e1e5eb; border-radius: 10px; font-size: 16px; height: 93px; padding: 15px 28px; resize: none; }
 .foot-top .right li textarea::-webkit-input-placeholder {
 color: #182335;
}
 .foot-top .right li textarea::-moz-placeholder {
 color: #182335;
}
 .foot-top .right li textarea:-moz-placeholder {
 color: #182335;
}
 .foot-top .right li textarea:-ms-input-placeholder {
 color: #182335;
}
.foot-top .right li .ema-hint { margin-top: 25px; display: none; }
.foot-top .right li .ema-hint span { font-size: 18px; color: #efbd45; }
.foot-top .right li .ema-hint img { margin-top: -3px; vertical-align: middle; }
.foot-top .right button { border-radius: 50px; height: 50px; line-height: 50px; width: 100%; cursor: pointer; display: block; border: none; background: none; position: relative; z-index: 1; color: #fff; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; font-size: 22px; text-transform: capitalize; }
.foot-top .right button:before, .foot-top .right button:after { content: ''; border-radius: inherit; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; -webkit-transition: background-color 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, -webkit-transform 0.3s; -o-transition: background-color 0.3s, -o-transform 0.3s; -moz-transition: transform 0.3s, background-color 0.3s, -moz-transform 0.3s; transition: transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.25, 1); -moz-transition-timing-function: cubic-bezier(0.25, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0.25, 0, 0.25, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.25, 1); }
.foot-top .right button:before { border: 2px solid #efbd45; top: -2px; }
.foot-top .right button:after { background: #efbd45; left: 2px; }
.foot-top .right button:hover:before { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.foot-top .right button:hover:after { -webkit-transform: scale3d(0.97, 0.8, 0.9); -moz-transform: scale3d(0.97, 0.8, 0.9); transform: scale3d(0.97, 0.8, 0.9); }
.foot { padding: 75px 0; }
.foot .t-top { margin-bottom: 50px; }
.foot .logo { float: left; overflow: hidden; }
.foot ul { float: right; overflow: hidden; width: 67%; margin-top: 8px; }
.foot li { float: left; margin-left: 7%; }
.foot li a { font-size: 18px; color: #fff; line-height: 2em; font-weight: 100; text-transform: capitalize; }
.foot li:hover a { color: #efbd45; text-decoration: underline; }
.foot .text { font-size: 16px; color: #fff; line-height: 36px; float: left; width: 35%; }
.foot .share-r { float: right; width: 22%; }
.foot .share-r a { margin-left: 10%; }
.m-pages { display: none; }
.iubenda-white { color: #ffffff; display: inline-block; line-height: 36px; }
.other-naver {  box-shadow: 0px 10px 27px rgba(36, 41, 56, 0.2);    position: sticky;    top: 0;    background: #fff;    z-index: 100; }
.other-naver .nav-head { margin: 0 auto 28px; z-index: 5; }
.other-naver .nav-head .logo { float: left; }
.other-naver .tb-right { float: right; }
.other-naver .tb-right li { float: left; margin-left: 55px; line-height: 38px; }
.other-naver .tb-right li.active a { color: #efbd45; text-decoration: underline; }
.other-naver .tb-right li a { font-size: 16px; color: #424854; line-height: 32px; text-transform: capitalize; }
.other-naver .tb-right li:hover a { color: #efbd45; text-decoration: underline; }
.other-naver .tb-right li:hover p a { text-decoration: none; }
.other-naver .tb-right li a img { width: 36px; height: 36px; display: inline-block; margin-top: -3px; }
.other-naver .tb-right li span { font-size: 16px; color: #424854; margin-right: 15px; float: left; border-radius: 50%; width: 36px; height: 36px; }
.other-naver .tb-right li .a2a_svg svg { width: 25px; height: 25px; margin-top: 6px; }
.other-naver .tb-right li .s-rig { float: left; }
.s-rig { float: left; }
.other-naver .tb-right li p { display: inline-block; margin-left: -40px; }
.other-naver .tb-right li p a { margin-left: 40px; }
.other-naver .tb-right li .search-box { width: 240px; height: 38px; border-radius: 20px; border: 1px solid #c0c8e0; background: #f3f5f8; padding: 0 20px; overflow: hidden; }
.other-naver .tb-right li .search-box .txt-search { font-size: 16px; color: #a29fb0; border: none; outline: none; line-height: 24px; width: 85%; background: transparent; }
.other-naver .tb-right li .search-box .search-btn { width: 15%; height: 40px; background: url(../images/search.png) no-repeat center; cursor: pointer; float: right; }
.other-naver .nav-bot { line-height:88px; }
.other-naver .nav-bot ul { float: left; width: 70%; margin-left: -7%; }
.other-naver .nav-bot ul li { float: left; margin-left: 7%; }
.other-naver .nav-bot ul li a { font-size: 18px; line-height: 2em; color: #424854; display: inline-block; position: relative; padding-bottom: 11px; }
.other-naver .nav-bot ul li a:before { content: ""; position: absolute; bottom: -8px; left: 0; width: 100%; background-color: #efbd45; height: 4px; opacity: 0; }
.other-naver .nav-bot ul li a:after { content: ""; position: absolute; bottom: -16px; left: 0; width: 100%; background-color: transparent; height: 4px; opacity: 0; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.other-naver .nav-bot ul li a:hover:before { -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; bottom: 0; opacity: 1; }
.other-naver .nav-bot ul li a:hover:after { -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; bottom: 0; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; background-color: #efbd45; opacity: 1; }
.other-naver .nav-bot ul li.activer a { border-bottom: 4px solid #efbd45; padding-bottom: 7px; }
.other-naver .nav-bot ul li.activer a:hover:before, .other-naver .nav-bot ul li.activer a:hover:after { opacity: 0; }
.other-naver .nav-bot .index-help { float:right;margin-top:20px;width: 15.5%; text-align: center; height: 48px; line-height: 48px; border-radius: 30px; box-shadow: 0 0 16px rgba(33, 50, 74, 0.1); position: relative; overflow: hidden; font-size: 18px; color: #efbd45; z-index: 1; }
.other-naver .nav-bot .index-help a { font-size: 18px; color: #efbd45; display: block; position: relative; z-index: 1; }
.other-naver .nav-bot .index-help a:hover { color: #fff; }
.other-naver .nav-bot .index-help a:before { content: ''; z-index: -1; position: absolute; color: #fff; top: 0; bottom: 0; left: 0; right: 0; background-color: #efbd45; -webkit-transform-origin: center right; -moz-transform-origin: center right; -ms-transform-origin: center right; -o-transform-origin: center right; transform-origin: center right; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; -o-transition: -o-transform 0.25s ease-in-out; -moz-transition: transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; }
.other-naver .nav-bot .index-help a:hover:before { -webkit-transform-origin: center left; -moz-transform-origin: center left; -ms-transform-origin: center left; -o-transform-origin: center left; transform-origin: center left; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); border: 2px solid #efbd45; border-radius: 10px; }
.indexes { line-height: 60px; font-size: 14px; color: #666; }
.indexes ol { display: inline-block; }
.indexes ol li { display: inline-block; font-size: 16px; }
.indexes span, .indexes a { font-size: 14px; color: #666; display: inline-block; }
.indexes a:hover { text-decoration: underline; }
.lib-gy { background: #182335; background: -webkit-linear-gradient(left, #182335, #364a62); background: -o-linear-gradient(right, #182335, #364a62); background: -moz-linear-gradient(right, #182335, #364a62); background: -moz-linear-gradient(left, #182335, #364a62); background: -o-linear-gradient(left, #182335, #364a62); background: linear-gradient(to right, #182335, #364a62); padding: 65px 0; }
.lib-gy strong { font-size: 50px; color: #fff; display: block; font-weight: normal; text-transform: uppercase; }
.blog-list { margin-top: 40px; position: relative; }
.blog-list .blog-left { float: left; width: 65%; }
.blog-list .blog-left video { width: 100%; height: auto!important; }
.blog-list .list li { margin-bottom: 40px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15); }
.blog-list .list li .pic { width: 100%; display: block; overflow: hidden; position: relative; padding-top: 31%; }
.blog-list .list li .pic img { width: 100%; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; position: absolute; left: 0; top: 0; }
.blog-list .list li:hover .pic img { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transition: all .6s ease;
 -o-transition: all .6s ease;
 -webkit-transition: all .6s ease;
 transition: all .6s ease;
}
.blog-list .list li .box { padding: 20px 45px 35px; }
.blog-list .list li .box h2 { font-weight: normal; }
.blog-list .list li .box h2 a { font-size: 30px; line-height: 50px; color: #444; display: block; }
.blog-list .list li:hover .box h2 a { color: #e8a530; }
.blog-list .list li .box .tit { font-size: 18px; line-height: 40px; color: #444; opacity: .8; margin-top: 10px; margin-bottom: 25px; }
.blog-list .list li .box .left { float: left; }
.blog-list .list li .box .left span { font-size: 16px; color: #808080; line-height: 50px; }
.blog-list .list li .box .left span img { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 10px 27px rgba(36, 41, 56, 0.3); margin-right: 10px; }
.blog-list .list li .box .left p { display: inline-block; font-size: 16px; color: #808080; margin-left: 30px; line-height: 50px; }
.blog-list .list li .box .right { float: right; margin-top: 5px; }
.blog-list .list li .box .right a { font-size: 18px; color: #efbd45; display: block; border: 1px solid #efbd45; width: 200px; text-align: center; height: 40px; line-height: 40px; position: relative; -webkit-transition: color 0.3s ease, background 0s ease; -o-transition: color 0.3s ease, background 0s ease; -moz-transition: color 0.3s ease, background 0s ease; transition: color 0.3s ease, background 0s ease; }
.blog-list .list li .box .right a:before { position: absolute; content: ''; background: #efbd45; -webkit-transition-duration: .3s;
 -moz-transition-duration: .3s;
 -o-transition-duration: .3s;
 transition-duration: .3s;
z-index: -1; top: 0; right: 0; bottom: auto; left: auto; width: 0; height: 100%; opacity: 1; }
.blog-list .list li:hover .box .right a:before { width: 50%; height: 100%; opacity: 1; }
.blog-list .list li:hover .box .right a { color: #fff; }
.blog-list .list li .box .right a:after { position: absolute; content: ''; background: #efbd45; -webkit-transition-duration: .3s;
 -moz-transition-duration: .3s;
 -o-transition-duration: .3s;
 transition-duration: .3s;
z-index: -1; top: 0; right: auto; bottom: auto; left: 0; width: 0; height: 100%; opacity: 1; }
.blog-list .list li:hover .box .right a:after { width: 50%; height: 100%; opacity: 1; }
.blog-list .form-right { float: right; width: 29%; }
.blog-list .form-right .blog-right { background: #182335; background: -webkit-linear-gradient(left top, #182335, #364a62); background: -o-linear-gradient(bottom right, #182335, #364a62); background: -moz-linear-gradient(bottom right, #182335, #364a62); background: -webkit-linear-gradient(top left, #182335, #364a62); background: -moz-linear-gradient(top left, #182335, #364a62); background: -o-linear-gradient(top left, #182335, #364a62); background: linear-gradient(to bottom right, #182335, #364a62); padding: 30px 20px 60px; }
.blog-list .form-right .blog-right .tit { font-size: 16px; line-height: 36px; color: #fff; opacity: .8; margin-bottom: 22px; }
.blog-list .form-right .blog-right li { margin-bottom: 20px; }
.blog-list .form-right .blog-right li.xing { position: relative; }
.blog-list .form-right .blog-right li.xing:before { content: "*"; position: absolute; left: 10px; top: 30px; color: #ff3737; font-size: 16px; margin-top: -8px; line-height: 1; }
.blog-left .reference ol li { padding: 16px 0 16px 30px; border-bottom: 1px solid #dbdbdb; list-style: none; margin-bottom: 0; position: relative; }
.blog-left .reference ol li a { display: inline-block; color: #427dc5; position: relative; }
.blog-left .reference ol li:after { content: ""; position: absolute; left: 0; top: 50%; border: 10px solid #427dc5; border-right-color: transparent; border-bottom-color: transparent; border-top-color: transparent; margin-top: -10px; }
.blog-left .reference ol li a:hover { text-decoration: underline; }
.blog-right .email { font-size: 16px; color: #65a7f9; line-height: 26px; text-align: center; margin-top: 45px; }
.blog-right .email a { color: #65a7f9; text-decoration: underline; }
.blog-right .email a:hover { text-decoration: none; }
.blog-list .form-right .blog-right li input { border-radius: 10px; height: 50px; font-size: 16px; padding: 15px 20px; width: 100%; background: #e1e5eb; }
 .blog-list .form-right .blog-right li input::-webkit-input-placeholder {
 color: #5D6769;
}
 .blog-list .form-right .blog-right li input::-moz-placeholder {
 color: #5D6769;
}
 .blog-list .form-right .blog-right li input:-moz-placeholder {
 color: #5D6769;
}
 .blog-list .form-right .blog-right li input:-ms-input-placeholder {
 color: #5D6769;
}
.blog-list .form-right .blog-right li textarea { width: 100%; background: #e1e5eb; border-radius: 10px; font-size: 16px; height: 93px; padding: 15px 20px; resize: none; }
 .blog-list .form-right .blog-right li textarea::-webkit-input-placeholder {
 color: #5D6769;
}
 .blog-list .form-right .blog-right li textarea::-moz-placeholder {
 color: #5D6769;
}
 .blog-list .form-right .blog-right li textarea:-moz-placeholder {
 color: #5D6769;
}
 .blog-list .form-right .blog-right li textarea:-ms-input-placeholder {
 color: #5D6769;
}
.blog-list .form-right .blog-right li .ema-hint { margin-top: 25px; display: none; }
.blog-list .form-right .blog-right li .ema-hint span { font-size: 18px; color: #efbd45; }
.blog-list .form-right .blog-right li .ema-hint img { margin-top: -3px; vertical-align: middle; }
.blog-list .form-right .blog-right button { margin-top: 30px; border-radius: 50px; height: 50px; line-height: 50px; width: 100%; cursor: pointer; display: block; border: none; background: none; position: relative; z-index: 1; color: #fff; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; font-size: 22px; text-transform: capitalize; }
.blog-list .form-right .blog-right button:before, .blog-list .form-right .blog-right button:after { content: ''; border-radius: inherit; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; -webkit-transition: background-color 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, -webkit-transform 0.3s; -o-transition: background-color 0.3s, -o-transform 0.3s; -moz-transition: transform 0.3s, background-color 0.3s, -moz-transform 0.3s; transition: transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.25, 1); -moz-transition-timing-function: cubic-bezier(0.25, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0.25, 0, 0.25, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.25, 1); }
.blog-list .form-right .blog-right button:before { border: 2px solid #efbd45; top: -2px; }
.blog-list .form-right .blog-right button:after { background: #efbd45; left: 2px; }
.blog-list .form-right .blog-right button:hover:before { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.blog-list .form-right .blog-right button:hover:after { -webkit-transform: scale3d(0.97, 0.8, 0.9); -moz-transform: scale3d(0.97, 0.8, 0.9); transform: scale3d(0.97, 0.8, 0.9); }
.succeed, .failed { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 5; display: none; }
.succeed .ascert { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; padding: 90px 310px 50px 55px; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; overflow: hidden; }
.failed .ascert { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; padding: 90px 55px 50px; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; overflow: hidden; }
 .succeed .ascert::after {
 position: absolute;
 right: -80px;
 top: -110px;
 background: url('../images/true.png') no-repeat;
 -o-background-size: cover;
 background-size: cover;
 display: block;
 content: "";
 width: 362px;
 height: 363px;
}
 .failed .ascert::after {
 position: absolute;
 right: -80px;
 top: -110px;
 background: url('../images/failed.png') no-repeat;
 -o-background-size: cover;
 background-size: cover;
 display: block;
 content: "";
 width: 362px;
 height: 363px;
}
.succeed .ascert p, .failed .ascert p { font-size: 18px; color: #333; line-height: 38px; z-index: 10; position: relative; }
.failed .ascert p span { display: block; }
.succeed .ascert button, .failed .ascert button { font-size: 16px; color: #fff; background: #677294; padding: 10px 50px; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 22px; margin-top: 30px; }
.pages { margin-top: 55px; }
.pages .left { float: left; width: 25%; }
.pages .left a { font-size: 16px; line-height: 2em; color: #427dc5; text-transform: capitalize; display: inline-block; }
.pages .left a img { margin-top: -2px; }
.pages ul { float: left; width: 50%; text-align: center; }
.pages ul li { display: inline-block; margin-left: 8px; border-radius: 50%; height: 32px; line-height: 32px; width: 32px; }
.pages ul li a, .pages ul li span { font-size: 16px; color: #303846; display: block; border-radius: 50%; }
.pages ul li span { background: #427dc5; color: #fff; }
.pages ul li:hover a { border-radius: 50%; height: 32px; line-height: 32px; width: 32px; background: #427dc5; color: #fff; }
.pages .right { float: right; }
.pages .right a { font-size: 16px; line-height: 2em; color: #427dc5; text-transform: capitalize; display: inline-block; }
.pages .right a img { margin-top: -2px; }
.other-foot { background: #182335; background: -webkit-linear-gradient(left, #182335, #364a62); background: -o-linear-gradient(right, #182335, #364a62); background: -moz-linear-gradient(right, #182335, #364a62); background: -moz-linear-gradient(left, #182335, #364a62); background: -o-linear-gradient(left, #182335, #364a62); background: linear-gradient(to right, #182335, #364a62); padding: 70px 0 35px; margin-top: 70px; }
.other-foot strong { display: block; color: #efbd45; text-align: center; font-size: 46px; text-transform: uppercase; margin-bottom: 45px; }
.other-foot .u1 { float: left; width: 40%; }
.other-foot .u2 { float: right; overflow: hidden; }
.other-foot li { margin-bottom: 35px; position: relative; padding-left: 40px; font-size: 18px; line-height: 40px; color: #8da2bf; display: block; }
.other-foot li:before { background: #efbd45; width: 8px; height: 8px; display: inline-block; content: ""; position: absolute; left: 0; top: 15px; }
.lib-gy h1 { color: #fff; font-weight: normal; font-size: 36px; line-height: 1.2em; }
.blog-cont .update-time p { font-size: 16px; color: #000; line-height: 36px; opacity: .8; }
.blog-cont .update-time p time { font-size: 16px; color: #000; line-height: 36px; opacity: .8; }
.blog-cont .cont-dy { font-size: 18px; color: #304b76; line-height: 48px; margin-top: 40px; }
.blog-cont .content { font-size: 18px; line-height: 1.7; }
.blog-cont .blog-btMl { background: #eff7ff; padding: 30px; margin-top: 35px; }
.blog-cont .blog-btMl strong { font-size: 20px; color: #303846; font-weight: normal; display: block; margin-bottom: 10px; }
.blog-cont .blog-btMl li { font-size: 16px; color: #6b86cf; line-height: 2em; padding: 20px 0; border-bottom: 1px dashed #dbe3f1; position: relative; padding-left: 30px; list-style: none !important; margin-bottom: 0 !important; }
.blog-cont .blog-btMl li a { color: #6b86cf; }
.blog-cont .blog-btMl li:before { width: 16px; height: 18px; background: url(../images/blog_dbx.png) no-repeat; -o-background-size: cover; background-size: cover; content: ""; display: block; position: absolute; top: 28px; left: 5px; }
.blog-cont .blog-btMl li:last-child { border: none; }
.blog-cont .content h2 { color: #5D6769; font-size: 28px; line-height: 1.2em; margin: 1em 0; position: relative; padding-left: 1.5em; }
.blog-cont .content h2:before { width: 37px; height: 37px; background: url(../images/h_two.png) no-repeat; -o-background-size: 100% 100%; background-size: 100% 100%; content: ""; display: block; position: absolute; left: 0; top: 2px; }
.blog-cont .content h3 { font-size: 24px; line-height: 1.2em; color: #5D6769; margin: 1em 0; position: relative; padding-left: 1em; }
.blog-cont .content h3:before { width: 12px; height: 12px; background: url(../images/h_three.png) no-repeat; -o-background-size: 100% 100%; background-size: 100% 100%; content: ""; display: block; position: absolute; left: 0; top: 8px; }
.blog-cont .content h4 { font-size: 22px; color: #427dc5; line-height: 1.2em; margin: 1em 0; }
.blog-cont .content p { font-size: 18px; color: #5D6769; line-height: 1.9em; margin: 1em 0; }
.blog-cont .content ul { padding-left: 60px; }
.blog-cont .content ul li { font-size: 18px; line-height: 1.9; padding: 8px 0; color: #5D6769; position: relative; }
.blog-cont .content ul li:before { background: url(../images/blog_li.png) no-repeat; background-size: 100% 100%; width: 16px; height: 17px; content: ""; display: block; position: absolute; left: -35px; top: 17px; }
.blog-cont .content ul li p { margin: 0; }
.blog-cont .content ol li { list-style: decimal; font-size: 18px; color: #555;  line-height: 1.8;margin-top:15px; }
.blog-cont .content ol li a { color: #427dc5; }
.blog-cont .content ol li span { display: inline-block; color: #FFF; font-size: 14px; width: 22px; height: 22px; text-align: center; line-height: 22px; background-color: #427dc5; border-radius: 4px; margin-right: 6px; }
.blog-cont .content video { width: 100%; }
.blog-cont .content p a { color: #427dc5; display: inline-block; }
.blog-cont .content p img { max-width: 100%; }
.blog-cont .content .conclusion { margin-top: 30px; }
.blog-cont .content .conclusion strong { font-size: 40px; color: #303846; text-transform: capitalize; line-height: 66px; }
.blog-cont .content .conclusion p { margin-top: 30px; background: #eaeaea; padding: 25px 35px 30px; }
.blog-cont .content .conclusion a { color: #427dc5; text-decoration: underline; }
.blog-gers { text-align: center; margin-top: -120px; position: relative; z-index: 2; margin-bottom: 50px; }
.blog-gers .pic img { text-align: center; display: inline-block; margin-top: 22px; margin-bottom: 15px; width: 101px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 10px 27px rgba(36, 41, 56, 0.3); }
.blog-gers .gers-js { font-size: 16px; color: #666; line-height: 36px; text-align: left; margin: 30px auto 0; }
.blog-gers .gers-js .grade { font-size: 16px; line-height: 36px; color: #333; font-weight: bold; text-align: center; }
.rel-cp { background: #f3f8ff; padding: 35px 20px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15); }
.rel-cp strong { font-size: 22px; color: #5D6769; line-height: 36px; font-weight: normal; text-transform: capitalize; }
.rel-cp ul li { margin-top: 20px; }
.rel-cp ul li a { font-size: 16px; color: #427dc5; line-height: 36px; display: block; }
.rel-cp ul li a:hover { color: red; text-decoration: underline; }
.nav-side { position: absolute; left: 45px; top: 15px; width: 255px; display: block; z-index: 50; background: #fff; }
.nav-side .sidebot { width: 255px; height: auto; border: 1px solid #d9dce4; border-radius: 6px; padding: 10px; }
.nav-side .sidetop { clear: both; display: block; color: #5D6769; font-weight: bold; text-transform: uppercase; font-size: 20px; padding-bottom: 15px; background: #fff; }
.sidebot p { clear: none; width: 100%; color: #a8a8a8; font-size: 14px; line-height: 24px; border-bottom: 1px dashed #eee; padding: 17px 0; }
.sidebot p a { color: #959393; }
.sidebot p.sec { background: none; margin: 0px 0 12px 0; }
.sidebot p.sec a { clear: both; display: inline-block; border: 1px dashed #dadada; padding: 2px 15px; border-radius: 20px; color: #959393; }
.sidebot p.curser { cursor: pointer; border-bottom: 1px dashed #6b86cf; position: relative; padding-bottom: 45px; }
.sidebot p.curser:before { background: url(../images/sid_a.jpg) no-repeat; -o-background-size: 100% 100%; background-size: 100% 100%; width: 11px; height: 20px; content: ""; display: block; position: absolute; left: -15px; top: 18px; }
.sidebot p.curser:after { background: url(../images/sid_b.jpg) no-repeat; -o-background-size: 100% 100%; background-size: 100% 100%; width: 40px; height: 18px; content: ""; display: block; position: absolute; bottom: 15px; left: 50%; margin-left: -20px; box-shadow: 0 0 10px rgba(39, 69, 120, 0.2); }
.sidebot p.curser a { color: #6b86cf; }
.sideSwt { position: fixed; top: 50%; right: 0; margin-top: -165px; z-index: 999; }
.sideSwt img { display: block; width: 194px; }
.sideSwt .box { position: absolute; bottom: 70px; left: 50%; margin-left: -57px; text-align: center; }
.sideSwt .box p { font-size: 18px; color: #fff; }
.sideSwt .box a { font-size: 16px; color: #002144; display: block; background: #ffcc51; border-radius: 50px; padding: 7px 15px; margin-top: 15px; }
.pro-cont .img-box { margin-bottom: 50px; }
.pro-cont .img-box .gallery-top img { width: 100%; }
.pro-cont .img-box .gallery-thumbs { padding: 30px 0; }
.pro-cont .img-box .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; }
.pro-cont .img-box .gallery-thumbs .swiper-slide img { width: 100%; }
.pro-cont .img-box .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }
.pro-cont .img-box .swiper-button-next, .pro-cont .img-box .swiper-button-prev { width: 40px; height: 40px; position: static; display: inline-block; vertical-align: middle; margin-top: 0; outline: none; }
.pro-cont .img-box .swiper-button-prev { background: url(../images/left.png) no-repeat; -o-background-size: cover; background-size: cover; margin-left: 15%; }
.pro-cont .img-box .swiper-pagination { font-size: 18px; color: #efbd45; text-align: center; vertical-align: middle; display: inline-block; width: 8%; margin-left: 27%; position: static; }
.pro-cont .img-box .swiper-button-next { background: url(../images/right.png) no-repeat; -o-background-size: cover; background-size: cover; margin-left: 27%; }
.pro-cont .img-box.ie9 .gallery-thumbs, .pro-cont .img-box.ie9 .swiper-button-prev, .pro-cont .img-box.ie9 .swiper-pagination, .pro-cont .img-box.ie9 .swiper-button-next { display: none; }
.pro-cont .img-box.ie9 .gallery-top .swiper-slide { display: none; }
.pro-cont .img-box.ie9 .gallery-top .swiper-slide:first-child { display: block; }
.pro-cont h2 { font-size: 28px; color: #5D6769; line-height: 1.2em; margin: 1em 0; position: relative; padding-left: 1.5em; }
.pro-cont h2:before { width: 37px; height: 37px; background: url(../images/h_two.png) no-repeat; -o-background-size: 100% 100%; background-size: 100% 100%; content: ""; display: block; position: absolute; left: 0; top: 2px; }
.pro-cont h3 { font-size: 24px; color: #5D6769; line-height: 1.2em; margin: 1em 0; position: relative; padding-left: 1em; }
.pro-cont h3:before { width: 12px; height: 12px; background: url(../images/h_three.png) no-repeat; -o-background-size: 100% 100%; background-size: 100% 100%; content: ""; display: block; position: absolute; left: 0; top: 8px; }
.pro-cont h4 { font-size: 22px; color: #5D6769; line-height: 1.2em; margin: 1em 0; }
.pro-cont { font-size: 18px; color: #555; line-height: 1.7; }
.pro-cont p { font-size: 18px; line-height: 1.9em; margin: 2em 0; color: #5D6769; }
.pro-cont td p { margin: 0; }
.pro-cont ul { padding-left: 60px; margin: 1em 0; }
.img-des { text-align: center!important; font-size: 16px!important; color: #8e99ad!important; line-height: 1.5!important; margin: 0!important; }
.pro-cont ul li { font-size: 18px; margin-bottom: 20px; list-style: square; color: #5D6769; }
.mo-more { display: none; }
.pc-more { font-size: 20px; color: #427dc5; }
.pro-cont ol { margin-bottom: 15px; }
.pro-cont ol li { font-size: 18px; color: #555; line-height: 48px; }
.pro-cont ol li span { display: inline-block; color: #FFF; font-size: 14px; width: 22px; height: 22px; text-align: center; line-height: 22px; background-color: #427dc5; border-radius: 4px; margin-right: 6px; }
.pro-cont .differ strong { display: block; margin-bottom: 20px; font-size: 20px; color: #5D6769; }
.pro-cont .differ li strong span { color: #fff; margin-right: 10px; font-size: 18px; width: 36px; height: 36px; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; text-align: center; line-height: 36px; }
 .pro-cont .differ li:nth-child(odd) strong span {
 background: #1ba6ff;
}
 .pro-cont .differ li:nth-child(even) strong span {
 background: #cf2423;
}
.pro-cont p a { color: #427dc5; font-size: 18px; text-decoration: underline; }
.pro-cont p img, .pro-cont p video { max-width: 100%; display: block; margin: 10px auto 5px; }
.pro-cont p strong, .pro-cont p span { font-size: 18px; }
.pc-table { margin: 1em 0; overflow-x: scroll; }
.pc-table table { border-collapse: collapse; border-spacing: 0; width: 100%; border: none; width: 780px; }
.pc-table tr { border-bottom: 1px solid #ddd; background-color: #fff; border-left: 1px solid #ddd; word-break: break-all; }
 .pc-table tr:nth-child(2n) {
 background-color: #f9f9f9;
}
.pc-table table { word-break: break-all; table-layout: fixed; }
.pc-table tr td { padding: 8px; font-size: 16px; color: #333; border-right: 1px solid #ddd; text-align: center; word-break: break-word; }
.pc-table tr td p { line-height: 1.2em !important; margin-top: 0 !important; }
.pc-table strong { font-size: 24px; line-height: 34px; margin-bottom: 10px; text-align: center; display: block; }
.pc-table .firstRow, .pc-table .firstRow td, .pc-table .th { background-color: #d9edf7; font-weight: bold; }
.pc-table tr:first-child:hover td { background-color: #d9edf7; }
.pc-table tr:hover td { background-color: #f3f3f3; }
.blog-cont .content .tp-ms { color: #8e99ad; line-height: 1.2em; margin-top: 15px; text-align: center; font-size: 18px; }
.pro-cont .blog-xg { background: #eff7ff; padding: 30px 40px; margin-top: 35px; }
.pro-cont .blog-xg strong { font-size: 20px; color: #303846; font-weight: normal; display: block; margin-bottom: 10px; }
.pro-cont .blog-xg li { font-size: 16px; color: #6b86cf; line-height: 2em; padding: 20px 0; border-bottom: 1px dashed #dbe3f1; }
.pro-cont .blog-xg li a { color: #6b86cf; }
.ys-box ul { overflow: hidden; margin-left: -4%; }
.ys-box ul li { float: left; width: 46%; margin-left: 4%; }
.quest-mod { margin-top: 3em; }
.quest-mod strong { font-size: 28px; color: #5D6769; line-height: 1.65em; display: block; border-bottom: 1px solid #e8e8e8; padding-bottom: .7em; }
.quest-mod ul { padding-left: 0; margin: 0; }
.quest-mod ul li { list-style: none; margin: 0; border-bottom: 1px solid #e8e8e8; padding: 1em 0; }
.quest-mod ul li .wd-bt { overflow: hidden; }
.quest-mod ul li .wd-bt h3 { font-size: 20px; color: #303846; line-height: 2em; float: left; width: 80%; font-weight: normal; padding-left: 0; }
.quest-mod ul li .wd-bt h3:before { display: none; }
.quest-mod ul li .wd-bt .act-span { display: block; float: right; max-width: 110px; width: 15%; text-align: center; height: 37px; line-height: 37px; box-shadow: 0 0 7px rgba(36, 68, 119, .45); border-radius: 50px; margin: 1em 0; margin-right: 10px; background: -webkit-linear-gradient(left, #23457f, #3c70b3); background: -o-linear-gradient(right, #23457f, #3c70b3); background: -moz-linear-gradient(right, #23457f, #3c70b3); background: -moz-linear-gradient(left, #23457f, #3c70b3); background: -o-linear-gradient(left, #23457f, #3c70b3); background: linear-gradient(to right, #23457f, #3c70b3); color: #fff; cursor: pointer; position: relative; padding-left: 15px; }
.quest-mod ul li .act-span .active-icon:before { position: absolute; content: " "; height: 16px; width: 2px; background-color: #fff; display: block; left: 20px; top: 10px; }
.quest-mod ul li .act-span .active-icon:after { position: absolute; content: " "; height: 2px; width: 16px; background-color: #fff; display: block; top: 17px; left: 13px; }
.quest-mod ul li .text { font-size: 16px; line-height: 3em; margin: .6rem 0;
display: none; }
.quest-mod ul li.active .text { display: block; -webkit-transition: all .6s ease;
 -o-transition: all .6s ease;
 -moz-transition: all .6s ease;
 transition: all .6s ease;
}
.quest-mod ul li.active h3 { color: #284d88; }
.quest-mod ul li.active .act-span { background: #626262; -webkit-transition: all .6s ease;
 -o-transition: all .6s ease;
 -moz-transition: all .6s ease;
 transition: all .6s ease;
}
.quest-mod ul li.active .act-span .active-icon:before { display: none; }
.pro-js { background: #182335; background: -webkit-linear-gradient(left, #182335, #364a62); background: -o-linear-gradient(right, #182335, #364a62); background: -moz-linear-gradient(right, #182335, #364a62); background: -moz-linear-gradient(left, #182335, #364a62); background: -o-linear-gradient(left, #182335, #364a62); background: linear-gradient(to right, #182335, #364a62); padding: 80px 0 90px; }
.pro-js .left { float: left; width: 50%; }
.pro-js .right { float: left; width: 50%; }
.pro-js .right h1 { color: #fff; text-transform: uppercase; font-size: 36px; line-height: 1.2em; }
.pro-js .right .para { margin-top: 40px; }
.pro-js .right .para p { font-size: 26px; color: #efbd45; text-transform: uppercase; margin-top: 35px; }
.pro-js .right .para p span { font-size: 20px; color: #a2b5cf; text-transform: uppercase; line-height: 32px; }
.pro-js .right .para-xq { margin-top: 30px; }
.pro-js .right .para-xq p { font-size: 16px; color: #fff; line-height: 46px; }
.pro-js .right .down-pdf { display: inline-block; font-size: 18px; height: 50px; line-height: 50px; color: #efbd45; border: 1px solid #efbd45; padding: 0 30px; border-radius: 30px; margin-top: 25px; position: relative; z-index: 1; overflow: hidden; }
.pro-js .right .down-pdf:before { content: ''; z-index: -1; position: absolute; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; top: 0; bottom: 0; left: 0; right: 0; background-color: #182335; -webkit-transform-origin: center right; -moz-transform-origin: center right; -ms-transform-origin: center right; -o-transform-origin: center right; transform-origin: center right; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; -o-transition: -o-transform 0.25s ease-in-out; -moz-transition: transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; }
.pro-js .right .down-pdf:hover:before { -webkit-transform-origin: center left; -moz-transform-origin: center left; -ms-transform-origin: center left; -o-transform-origin: center left; transform-origin: center left; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; -o-transition: -o-transform 0.25s ease-in-out; -moz-transition: transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; }
.pro-js .right .down-pdf .img-one { margin-right: 10px; display: inline-block; margin-top: -3px; }
.pro-js .right .down-pdf .img-two { margin-left: 10px; display: inline-block; margin-top: -3px; }
.pro-js .right .down-pdf:hover .img-two { animation: jump 1000ms both; }
 @keyframes jump { from, 10% {
 transform: translateY(0) scale3d(1, 1, 1);
}
 30% {
 transform: translateY(10%) scale3d(1.05, .8, 1);
}
 50% {
 transform: translateY(-50%) scale3d(1, 1.1, 1);
}
 65% {
 transform: translateY(0) scale3d(1, 1, 1);
}
 75% {
 transform: translateY(8%) scale3d(1.08, .84, 1);
}
 85% {
 transform: translateY(6%) scale3d(1.05, .88, 1);
}
 90%, to {
 transform: none;
}
}
.m-share { display: none; }
.product-ul { margin-left: -5.7%; margin-top: 35px; margin-bottom: 75px; }
.product-ul .pro-box { float: left; width: 27.6%; margin-left: 5.7%; box-shadow: 0 4px 50px rgba(0, 0, 0, 0.15); margin-bottom: 30px; }
.product-ul .pro-box a { display: block; }
.product-ul .pro-box img { width: 100%; }
.product-ul .pro-box .box { background: #fff; padding: 25px 30px 40px; }
.product-ul .pro-box .box h3 { margin-bottom: 10px; }
.product-ul .pro-box .box h3 a { font-size: 18px; color: #2d3f55; line-height: 28px; text-transform: uppercase; height: 56px; overflow: hidden; }
.product-ul .pro-box .box .cp-y { font-size: 16px; line-height: 36px; color: #182335; font-weight: 500; height: 70px; overflow: hidden; }
.product-ul .pro-box .box .cp-y span { font-size: 16px; color: #182335; font-weight: 100; }
.product-ul .pro-box .box .more { display: block; border: 1px solid #efbd45; font-size: 16px; color: #efbd45; line-height: 38px; text-align: center; width: 100%; margin-top: 30px; text-transform: uppercase; -webkit-transition: color 0.3s ease, background 0s ease; -o-transition: color 0.3s ease, background 0s ease; -moz-transition: color 0.3s ease, background 0s ease; transition: color 0.3s ease, background 0s ease; position: relative; }
.product-ul .pro-box .box .more:hover { color: #fff; z-index: 10; }
.product-ul .pro-box .box .more:before { position: absolute; content: ''; background: #efbd45; -webkit-transition-duration: .3s;
 -moz-transition-duration: .3s;
 -o-transition-duration: .3s;
 transition-duration: .3s;
z-index: -1; top: auto; right: auto; bottom: 0; left: 0; width: 100%; height: 0; opacity: 1; }
.product-ul .pro-box .box .more:after { position: absolute; content: ''; background: #efbd45; -webkit-transition-duration: .3s;
 -moz-transition-duration: .3s;
 -o-transition-duration: .3s;
 transition-duration: .3s;
z-index: -1; top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 0; opacity: 1; }
.product-ul .pro-box .box .more:hover:before { width: 100%; height: 50%; opacity: 1; }
.product-ul .pro-box .box .more:hover:after { height: 50%; }
.m-pro-ul { display: none; }
.pro-js .right .sp-two { display: none; }
.m-error { margin: 140px 0; text-align: center; }
.m-error img { display: block; margin: 0 auto; max-width: 50%; }
.m-error strong { display: block; font-size: 52px; color: #303846; line-height: 62px; margin: 75px 0 50px; }
.m-error p { font-size: 22px; color: #666666; line-height: 40px; margin-bottom: 70px; }
.m-error .back { display: block; margin: 0 auto; width: 308px; height: 50px; line-height: 48px; border: 1px solid #427dc5; font-size: 18px; color: #427dc5; text-align: center; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.m-error .back:hover { background-color: #427dc5; color: #ffffff; }
.contact-us { box-shadow: 0 0 54px rgba(36, 41, 56, 0.2); margin-top: 70px; padding: 40px 40px 50px 60px; }
.contact-us .left { float: left; width: 45%; margin-top: 40px; }
.contact-us .left .tit { font-size: 16px; color: #354257; line-height: 36px; margin-bottom: 25px; }
.contact-us .left .tit a { color: #4c6ea5; text-decoration: underline; }
.contact-us .left .tit a:hover { text-decoration: none; }
.contact-us .left li { margin-bottom: 25px; }
.contact-us .left li input { border-radius: 10px; height: 50px; font-size: 16px; padding: 15px 28px; width: 100%; background: #e1e5eb; }
 .contact-us .left li input::-webkit-input-placeholder {
 color: #81868f;
}
 .contact-us .left li input::-moz-placeholder {
 color: #81868f;
}
 .contact-us .left li input:-moz-placeholder {
 color: #81868f;
}
 .contact-us .left li input:-ms-input-placeholder {
 color: #81868f;
}
.contact-us .left li textarea { width: 100%; background: #e1e5eb; border-radius: 10px; font-size: 16px; height: 93px; padding: 15px 28px; resize: none; line-height: 32px; }
 .contact-us .left li textarea::-webkit-input-placeholder {
 color: #81868f;
}
 .contact-us .left li textarea::-moz-placeholder {
 color: #81868f;
}
 .contact-us .left li textarea:-moz-placeholder {
 color: #81868f;
}
 .contact-us .left li textarea:-ms-input-placeholder {
 color: #81868f;
}
.contact-us .left li .ema-hint { margin-top: 25px; display: none; }
.contact-us .left li .ema-hint span { font-size: 18px; color: #efbd45; }
.contact-us .left li .ema-hint img { margin-top: -3px; vertical-align: middle; }
.contact-us .left button { border-radius: 50px; height: 50px; line-height: 50px; width: 100%; cursor: pointer; display: block; border: none; background: none; position: relative; z-index: 1; color: #fff; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; font-size: 22px; text-transform: capitalize; }
.contact-us .left button:before, .contact-us .left button:after { content: ''; border-radius: inherit; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; -webkit-transition: background-color 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, -webkit-transform 0.3s; -o-transition: background-color 0.3s, -o-transform 0.3s; -moz-transition: transform 0.3s, background-color 0.3s, -moz-transform 0.3s; transition: transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.25, 1); -moz-transition-timing-function: cubic-bezier(0.25, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0.25, 0, 0.25, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.25, 1); }
.ul-about-pro { overflow: hidden; margin: 0 -22px; padding: 20px 0 40px; }
.ul-about-pro li { float: left; width: 33.3%; }
.ul-about-pro .item { margin: 0 22px; position: relative; padding-top: 78.1%; overflow: hidden; border-top-left-radius: 15px; border-top-right-radius: 15px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); border-bottom: 6px solid #efbd45; }
.ul-about-pro .item img { position: absolute; left: 0; top: 0; width: 100%; bottom: 0; height: 100%; }
.ul-about-pro .item .txt { position: absolute; left: 0; top: 0; width: 100%; text-align: center; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; opacity: 0; bottom: 0; padding-top: 75px; background: rgba(0, 0, 0, .4); }
.ul-about-pro .item .txt .tit { display: block; font-size: 26px; color: #efbd45; line-height: 36px; height: 72px; overflow: hidden; margin-bottom: 28px; }
.ul-about-pro .item .txt .more { display: block; width: 160px; height: 40px; line-height: 38px; border: 1px solid #adacac; font-size: 14px; color: #ffffff; text-transform: uppercase; margin: 0 auto; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.ul-about-pro .item .txt .more:hover { color: #efbd45; border-color: #efbd45; }
.ul-about-pro .item:hover .txt { opacity: 1; }
.contact-us .left button:before { border: 2px solid #efbd45; top: -2px; }
.form-xing { position: relative; }
.form-xing:before { content: "*"; position: absolute; left: 18px; top: 50%; color: #ff3737; font-size: 16px; margin-top: -8px; line-height: 1; }
.contact-us .left button:after { background: #efbd45; left: 2px; }
.contact-us .left button:hover:before { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.contact-us .left button:hover:after { -webkit-transform: scale3d(0.97, 0.8, 0.9); -moz-transform: scale3d(0.97, 0.8, 0.9); transform: scale3d(0.97, 0.8, 0.9); }
.contact-us .right { float: right; width: 50.5%; }
.contact-us .right .box { background: url(../images/contact_r.jpg) no-repeat; -o-background-size: 100% 100%; background-size: 100% 100%; padding: 40px 35px 90px; }
.contact-us .right .box strong { font-size: 36px; color: #f1f8ff; display: block; text-align: center; }
.contact-us .right .box .tit { font-size: 16px; line-height: 40px; color: #d0e5ff; margin-top: 40px; }
.contact-us .right .box span { display: inline-block; font-size: 20px; color: #fff; margin: 50px 0; padding: 0 30px; line-height: 60px; background-color: #427dc5; border-radius: 6px; }
.contact-us .right .box span a { font-size: 20px; color: #fff; text-decoration: underline; }
.contact-us .right .box span a:hover { text-decoration: none; }
.contact-us .right .box .text { font-size: 18px; line-height: 42px; color: #fff; margin-top: 30px; }
.server-abt { margin-top: 50px; margin-bottom: 50px; }
.hx-ser { margin: 60px auto 80px; }
.hx-ser strong { font-size: 46px; color: #424854; text-transform: uppercase; display: block; text-align: center; padding-bottom: 72px; font-weight: normal; border-bottom: 2px dashed #424854; }
.hx-ser ul { margin-left: -4.8%; margin-top: 40px; }
.hx-ser ul li { float: left; width: 28.5%; margin-left: 4.8%; padding: 75px 35px 0; position: relative; height: 434px; }
.hx-ser ul li:before { width: 26px; height: 26px; background: #5282bc; content: ""; display: block; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); top: -55px; }
 .hx-ser ul li:nth-of-type(1) {
 background: url(../images/li_1.jpg) no-repeat;
 -o-background-size: 100%;
 background-size: 100%;
}
 .hx-ser ul li:nth-of-type(2) {
 background: url(../images/li_2.jpg) no-repeat;
 -o-background-size: 100%;
 background-size: 100%;
}
 .hx-ser ul li:nth-of-type(3) {
 background: url(../images/li_3.jpg) no-repeat;
 -o-background-size: 100%;
 background-size: 100%;
}
.hx-ser ul li p { font-size: 26px; line-height: 56px; color: #f1f8ff; margin-bottom: 12px; }
.hx-ser ul li span { font-size: 16px; color: #fff; line-height: 36px; }
.glob-map { background: #eaeaea; padding: 60px 0 40px; }
.glob-map strong { font-size: 46px; color: #424854; text-transform: uppercase; font-weight: normal; display: block; text-align: center; }
.glob-map p, .hz-dw p { font-size: 16px; color: #182335; line-height: 2em; text-align: center; font-weight: 100; margin-top: 25px; margin-bottom: 23px; }
.glob-map img { display: block; max-width: 100%; }
.hz-dw { padding: 65px 0 50px; }
.hz-dw strong { font-size: 46px; color: #424854; display: block; text-align: center; text-transform: uppercase; margin-bottom: 35px; font-weight: normal; }
.hz-dw li { float: left; width: 20%; text-align: center; }
.hz-dw li img { display: block; margin: 0 auto; }
.return_top { position: fixed; right: 20px; bottom: 11%; z-index: 9999; cursor: pointer; }
.searTop { margin-top: 20px; }
.searTop .bt { font-size: 20px; color: #354257; margin-bottom: 50px; }
.searTop .bt strong { font-size: 32px; color: #4c6ea5; font-weight: normal; }
.search-box .tab li { display: inline-block; color: #888; font-size: 22px; height: 65px; line-height: 65px; width: 198px; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; border-radius: 50px; display: inline-block; margin-right: 2%; background: #e4e4e4; text-transform: capitalize; }
.search-box .tab li.cur { background: #427dc5; color: #fff; box-shadow: 0 4px 21px rgba(61, 90, 124, 0.3); }
.search-box .list-box { display: none; }
.search-box .on { display: block; }
.search-box .list-box .list { margin-left: -3%; }
.search-box .list-box .list li { float: left; width: 47%; margin-left: 3%; }
.search-box .list-box .list li h2 { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; height: 96px; }
.search-box .list-box .list li .tit { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; }
.search-err { text-align: center; }
.search-err img { display: block; margin: 70px auto 40px; }
.search-err p { font-size: 42px; color: #bdc0d1; text-transform: capitalize; }
 @media screen and (max-width: 1800px) {
 .pad-left .blog-left {
 padding-left:130px;
}
}
 @media screen and (max-width: 1599px) {
 .blog-gers .pic img {
 margin-top:50px;
 margin-bottom: 0;
}
 .pad-left .blog-left {
 padding-left: 95px;
}
 .nav-side, .nav-side .sidebot {
 width: 200px;
}
 .nav-side {
 left: 20px;
}
 .blog-list .form-right {
 padding-right: 5%;
}
}
 @media screen and (max-width: 1399px) {
 .pad-left .blog-left {
 padding-left:150px;
}
 .sideSwt img {
 width: 140px;
}
 .sideSwt .box {
 bottom: 40px;
 margin-left: -45px;
}
 .sideSwt .box p {
 font-size: 14px;
}
 .sideSwt .box a {
 font-size: 14px;
 padding: 5px;
}
}
 @media screen and (max-width: 1279px) {
 .pad-left .blog-left {
 padding-left:185px;
 width: 68%;
}
}
 @media screen and (max-width: 1199px) {
 .pad-left .blog-left {
 padding-left:220px;
 width: 72%;
}
 .blog-list .form-right {
 width: 25%;
 padding-right: 0;
}
}
.popu-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 99; }
.swt-tc { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; }
.swt-tc .con { position: absolute; left: 50%; top: 50%; z-index: 999; width: 800px; height: 500px; margin-top: -250px; margin-left: -400px; }
.swt-tc .close { position: absolute; right: 0; top: 0; width: 80px; height: 54px; z-index: 1; cursor: pointer; }
.t-swt { display: block; width: 100%; height: 100%; }
 @media screen and (max-width: 840px) {
 .swt-tc .con {
 width:100%!important;
 height: 100%!important;
 margin-left: -50%!important;
 top: 0!important;
 margin-top: 0!important;
}
}
.m-sideSwt { position: fixed; bottom: 10px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: 100; display: none; width: 100%; }
.m-sideSwt ul { width: 100%; max-width: 680px; padding: 17px 0; margin: 0 auto; border-radius: 50px; box-shadow: 0 0 30px rgba(45, 65, 122, .45); background: -webkit-linear-gradient(left, #3f84ce, #2c3d75); background: -o-linear-gradient(right, #3f84ce, #2c3d75); background: -moz-linear-gradient(right, #3f84ce, #2c3d75); background: -moz-linear-gradient(left, #3f84ce, #2c3d75); background: -o-linear-gradient(left, #3f84ce, #2c3d75); background: linear-gradient(to right, #3f84ce, #2c3d75); }
.m-sideSwt ul li { float: left; text-align: center; width: 50%; }
.m-sideSwt ul li a { display: block; line-height: 60px; text-align: center; margin: 0 auto; font-size: 26px; height: 72px; }
.m-sideSwt ul li.k-one a { border-radius: 50px; border: 6px solid #afa576; background: #ffcc51; width: 274px; color: #002144; }
.m-sideSwt ul li img { margin-right: 8px; }
.m-sideSwt ul li.k-one img { width: 38px; }
.m-sideSwt ul li.k-two a { border: 6px solid transparent; color: #fff; }
.m-sideSwt ul li.k-two img { width: 36px; }
.italic { font-style: italic; }
 @media screen and (max-width: 1023px) {
 .m-sideSwt {
 display:block;
}
 .sideSwt {
 display: none !important;
}
}
 @media screen and (max-width: 1919px) {
 .index-abt:before {
 width:150px;
 height: 350px;
}
 .index-abt:after {
 width: 200px;
 height: 440px;
}
}
 @media screen and (max-width: 1599px) {
 .index-head .nav-head .nav-bot {
 margin-top:30px;
}
 .index-head .home-prat {
 top: 28%;
}
 .index-head .home-prat h1 {
 font-size: 50px;
}
 .index-head .home-prat strong {
 font-size: 48px;
 margin-top: 5px;
}
 .index-head .home-prat p {
 margin-top: 20px;
}
 .index-head .home-prat .home-cont {
 margin-top: 30px;
}
 .index-abt:before {
 width: 100px;
 height: 230px;
}
 .index-abt:after {
 width: 110px;
 height: 300px;
}
 .lib-gy strong {
 font-size: 46px;
 line-height: 1.5em;
}
 .blog-cont .content .conclusion {
 margin-top: 30px;
}
 .blog-cont .content .conclusion strong {
 font-size: 36px;
}
 .blog-cont .content .conclusion p {
 margin-top: 20px;
}
}
 @media screen and (max-width: 1439px) {
 .wrap {
 max-width:1100px;
}
 .index-head .nav-head .logo {
 width: 160px;
}
 .index-head .nav-head .nav-bot ul li {
 margin-right: 0;
 margin-left: 7%;
}
 .index-head .home-prat h1 {
 font-size: 46px;
}
 .index-head .home-prat strong {
 font-size: 42px;
}
 .index-head .home-prat p {
 font-size: 18px;
 line-height: 38px;
}
 .index-head .home-prat .home-cont a {
 width: 200px;
 height: 48px;
 line-height: 48px;
}
 .index-head .home-prat .home-cont .border:nth-of-type(1), .index-head .home-prat .home-cont .border:nth-of-type(2) {
 width: 200px;
}
 .index-head .home-prat .home-cont .border:nth-of-type(3), .index-head .home-prat .home-cont .border:nth-of-type(4) {
 height: 48px;
}
 .index-pro {
 margin-top: 50px;
 margin-left: -65px;
}
 .index-pro .box {
 width: 320px;
 margin-left: 65px;
}
 .index-pro .box .font {
 margin-bottom: 20px;
}
 .index-pro .box p {
 margin-top: 20px;
 margin-left: 40px;
}
 .index-pro .box span {
 margin-left: 40px;
}
 .index-pro .box .img {
 max-width: 350px;
}
 .index-abt {
 margin-top: 160px;
}
 .server-abt {
 margin-top: 50px;
}
 .index-abt .left {
 margin-left: 0;
 width: 45%;
}
 .index-abt .right {
 width: 54%;
 margin-top: 60px;
}
 .index-abt .right strong {
 font-size: 40px;
 margin-top: 25px;
}
 .index-abt .right .tit {
 font-size: 40px;
}
 .index-abt .right .text {
 margin-top: 30px;
 font-size: 16px;
 line-height: 36px;
}
 .index-blog {
 margin-top: 100px;
}
 .index-blog .pic {
 width: 100px;
 height: 100px;
 padding-bottom: 120px;
}
 .foot-top .left li {
 width: 85%;
}
 .foot ul {
 width: 73%;
}
 .foot .text {
 width: 50%;
}
 .foot .share-r {
 width: 26%;
}
 .foot .logo img {
 width: 160px;
}
 .other-naver {
 /*height: 180px;*/
}
 .other-naver .nav-bot {
 margin-top: 30px;
}
 .other-naver .nav-bot ul li {
 margin-right: 0%;
 margin-left: 7%;
}
 .indexes {
 line-height: 52px;
}
 .blog-list .list li .box h2 a {
 font-size: 28px;
 line-height: 46px;
}
 .lib-gy strong {
 font-size: 40px;
}
 .blog-cont .content .conclusion strong {
 font-size: 32px;
 line-height: 48px;
 margin-top: 35px;
}
 .pro-js .right .para {
 margin-top: 30px;
}
 .pro-js .right .para p {
 font-size: 24px;
 margin-top: 20px;
}
 .hx-ser strong, .glob-map strong, .hz-dw strong {
 font-size: 40px;
}
 .hx-ser ul li p {
 font-size: 24px;
 line-height: 44px;
}
 .hx-ser ul li span {
 line-height: 36px;
}
 .glob-map p, .hz-dw p {
 line-height: 2em;
}
}
 @media screen and (max-width: 1199px) {
 .wrap {
 max-width:980px;
}
 .index-head .nav-head .tb-right li {
 margin-left: 30px;
}
 .index-head .tb-right li p {
 margin-left: -20px;
}
 .index-head .tb-right li p a {
 margin-left: 20px;
}
 .index-head .nav-head .nav-bot {
 margin-top: 20px;
}
 .index-head .nav-head .nav-bot ul {
 width: 85%;
 margin-left: -4%;
}
 .index-head .nav-head .nav-bot ul li {
 margin-left: 5%;
}
 .index-head .nav-head .nav-bot .index-help {
 width: 15.5%;
 height: 36px;
 margin-top: 0;
 font-size: 16px;
}
 .index-head .nav-head .nav-bot .index-help:before {
 padding-top: 6px;
}
 .index-head .nav-head .nav-bot .index-help a {
 font-size: 16px;
}
 .index-head .nav-head .nav-bot .index-help:hover a {
 height: 36px;
 line-height: 36px;
}
 .index-head .nav-head .nav-bot {
 margin-top: 30px;
}
 .index-head .home-prat {
 top: 30%;
}
 .index-head .home-prat h1 {
 font-size: 32px;
}
 .index-head .home-prat strong {
 font-size: 28px;
 margin-top: 5px;
}
 .index-head .home-prat p {
 margin-top: 15px;
 font-size: 16px;
 line-height: 32px;
}
 .index-head .home-prat .home-cont {
 margin-top: 20px;
}
 .index-head .home-prat .home-cont a {
 width: 160px;
 height: 48px;
 line-height: 48px;
 font-size: 14px;
}
 .index-head .home-prat .home-cont .border:nth-of-type(1), .index-head .home-prat .home-cont .border:nth-of-type(2) {
 width: 160px;
}
 .index-head .home-prat .home-cont .border:nth-of-type(3), .index-head .home-prat .home-cont .border:nth-of-type(4) {
 height: 48px;
}
 .index-pro .box {
 width: 285px;
 margin-left: 63px;
 height: 400px;
}
 .index-pro .box .img {
 max-width: 315px;
}
 .index-pro .box .font {
 font-size: 24px;
}
 .index-pro .box p {
 font-size: 16px;
}
 .index-pro .box span {
 font-size: 20px;
}
 .index-abt:before, .index-abt:after {
 display: none;
}
 .index-abt .right strong, .index-abt .right .tit {
 font-size: 24px;
}
 .index-abt .right a {
 width: 200px;
 line-height: 48px;
 height: 48px;
 font-size: 16px;
}
 .index-blog strong {
 font-size: 32px;
 line-height: 1.5em;
}
 .index-blog .zy {
 font-size: 16px;
 line-height: 38px;
}
 .index-blog .worker {
 margin-top: 50px;
}
 .index-blog .scoll-two {
 padding-bottom: 45px;
}
 .foot-top .str, .other-foot strong {
 font-size: 36px;
 margin-bottom: 30px;
}
 .foot-top {
 padding: 55px 0;
}
 .foot-top .left li {
 width: 100%;
}
 .foot ul {
 width: 68%;
}
 .foot li {
 margin-left: 5%;
}
 .other-naver .nav-bot .index-help {
 width: 15.5%;
 height: 36px;
 margin-top: 0;
 font-size: 16px;
}
 .other-naver .nav-bot .index-help:before {
 padding-top: 8px;
}
 .other-naver .nav-bot .index-help a {
 font-size: 16px;
}
 .other-naver .nav-bot .index-help:hover a {
 height: 36px;
 line-height: 36px;
}
 .other-naver .nav-bot ul li.activer a {
 padding-bottom: 5px;
}
 .blog-list .list li .box h2 a {
 font-size: 24px;
 line-height: 36px;
}
 .blog-list .list li .box .tit {
 font-size: 16px;
 line-height: 32px;
}
 .blog-list .list li .box {
 padding: 20px 40px 25px;
}
 .blog-list .list li .box .right a {
 width: 170px;
}
 .blog-list .form-right .blog-right button {
 font-size: 18px;
 height: 42px;
 line-height: 42px;
}
 .lib-gy strong {
 font-size: 32px;
}
 .contact-us {
 padding: 40px 30px 50px 40px;
}
 .contact-us .right .box .tit {
 margin-top: 30px;
}
 .contact-us .right .box span {
 margin-top: 40px;
}
 .server-abt {
 margin-top: 50px;
}
 .hx-ser ul li span {
 line-height: 32px;
}
 .hx-ser ul li {
 padding: 40px 20px;
}
 .return_top {
 background: #fff;
}
 .other-naver .tb-right li {
 margin-left: 30px;
}
 .other-naver .nav-bot ul {
 width: 85%;
}
 .other-naver .nav-bot ul {
 margin-left: -4%;
}
 .other-naver .nav-bot ul li {
 margin-left: 5%;
}
}
 @media screen and (max-width: 1023px) {
 .ys-box ul li {
 width:100%;
}
 .pro-js .right .sp-one {
 display: none;
}
 .pro-js .right .sp-two {
 display: inline-block;
}
 .index-pro .box .img {
 max-width: 380px;
}
 .index-head .index-banner img {
 -webkit-animation: none;
 -moz-animation: none;
 -o-animation: none;
 animation: none;
 width: 100%;
}
 .index-tb {
 padding: 0 5%;
}
 .index-head .nav-head .nav-bot, .index-head .home-prat .home-cont {
 display: none;
}
 .index-head .home-prat {
 text-align: center;
 left: 50%;
 transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 top: 170px;
 width: 80%;
}
 .index-head .home-prat h1 {
 font-size: 56px;
}
 .index-head .home-prat strong {
 font-size: 54px;
 margin-top: 15px;
}
 .index-head .home-prat p {
 font-size: 28px;
 line-height: 2em;
 margin-top: 40px;
}
 .index-head .m-search-box {
 top: 0;
}
 .index-pro {
 display: none;
}
 .m-index-pro {
 display: block;
 margin-top: -320px;
}
 .m-index-pro .box {
 background: #e8a530;
 background: -webkit-linear-gradient(80deg, transparent 100px, #e8a530 105px);
 background: -moz-linear-gradient(80deg, transparent 100px, #e8a530 105px);
 background: -o-linear-gradient(80deg, transparent 100px, #e8a530 105px);
 background: linear-gradient(10deg, transparent 100px, #e8a530 105px);
 width: 560px;
 height: 750px;
 margin: 0 auto;
 padding: 0 100px;
}
 .m-index-pro .font {
 font-size: 38px;
 font-weight: bold;
 color: #fff;
 display: block;
 text-align: center;
 padding-top: 60px;
 margin-bottom: 50px;
}
 .m-index-pro p {
 font-size: 28px;
 color: #ffe7be;
 margin-bottom: 15px;
 margin-top: 45px;
}
 .m-index-pro span {
 font-size: 36px;
 color: #354257;
 font-weight: bold;
}
 .m-index-pro .img {
 display: block;
 margin-top: 40px;
 text-align: center;
}
 .scoll-one-prew, .scoll-one-next {
 width: 40px;
 height: 40px;
 position: static;
 display: inline-block;
 vertical-align: middle;
 margin-top: 50px;
 outline: none;
}
 .scoll-one-prew.swiper-button-disabled, .scoll-one-next.swiper-button-disabled {
 opacity: 1;
}
 .scoll-one-next {
 background: url(../images/left.png) no-repeat;
 -o-background-size: cover;
 background-size: cover;
 margin-left: 25%;
}
 .scoll-one-pagination {
 text-align: center;
 vertical-align: middle;
 display: inline-block;
 width: 15%;
 margin-left: 15%;
 position: static;
 color: #efbd45;
 font-size: 28px;
 margin-top: 50px;
}
 .scoll-one-pagination span {
 font-size: 28px;
 color: #efbd45;
 font-weight: normal;
}
 .scoll-one-prew {
 background: url(../images/right.png) no-repeat;
 -o-background-size: cover;
 background-size: cover;
 margin-left: 15%;
}
 .index-abt {
 margin-top: 70px;
}
 .index-abt .left, .index-abt .right {
 float: none;
 width: 100%;
 text-align: center;
}
 .index-abt .right {
 margin-top: 0;
}
 .index-abt .right .text {
 line-height: 1.9em;
 padding: 0 5%;
}
 .index-abt .right a {
 margin: 45px auto;
}
 .index-blog {
 margin-top: 80px;
}
 .index-blog strong {
 width: 75%;
}
 .index-blog .zy {
 font-size: 28px;
 line-height: 1.8em;
 font-weight: 100;
 padding: 0 5%;
}
 .foot-top, .blog-list .form-right .blog-right {
 padding: 35px 5% 40px;
}
 .foot-top .left, .foot-top .right, .other-foot .u1, .other-foot .u2 {
 float: none;
 width: 100%;
}
 .foot-top .right {
 margin-left: 0;
 margin-top: 55px;
}
 .foot-top .left li, .other-foot li {
 font-size: 24px;
 line-height: 1.5em;
}
 .foot-top .right .tit, .blog-list .form-right .blog-right .tit {
 font-size: 30px;
 opacity: 1;
 margin-bottom: 45px;
}
 .foot-top .right li, .blog-list .form-right .blog-right li {
 margin-bottom: 40px;
}
 .foot-top .right button, .blog-list .form-right .blog-right button {
 height: 50px;
 line-height: 50px;
}
 .foot {
 overflow: hidden;
 padding: 40px 4% 170px;
 text-align: center;
}
 .foot .logo {
 float: none;
 width: 100%;
 text-align: center;
}
 .foot ul {
 width: 100%;
 overflow: hidden;
 margin-top: 35px;
}
 .foot ul li {
 width: 50%;
 float: left;
 margin-left: 0;
 text-align: center;
 padding: 8px 0;
}
 .foot ul li a {
 font-size: 24px;
 line-height: 1.5em;
 font-weight: 500;
}
 .foot .text {
 float: none;
 font-size: 24px;
 opacity: .8;
 width: 100%;
}
 .foot .share-r {
 width: 100%;
 float: none;
 margin-bottom: 2em;
}
 .foot .t-top {
 margin-bottom: 2em;
}
 .foot .share-r a {
 margin-left: 7%;
}
 .index-head .nav-head .tb-right, .other-naver .nav-bot, .other-naver .tb-right {
 display: none;
}
 .m-nav {
 display: block;
 float: right;
}
 .m-nav ul {
 display: none;
}
 .other-naver {
 height: 90px;
}
 .other-naver .nav-head {
 padding: 0 5%;
 margin-top: 25px;
}
 .m-other-nav {
 margin-top: 8px;
}
 .indexes {
 padding: 0 5%;
 font-size: 26px;
}
 .indexes p span, .indexes p a {
 font-size: 26px;
}
 .indexes p span:first-child, .blog-list .list li .box .left, .blog-list .list li .box .right {
 display: none;
}
 .lib-gy {
 padding: 40px 10px;
 text-align: center;
}
 .blog-list .blog-left {
 width: 100%;
 float: none;
 padding: 0 20px;
}
 .blog-list .form-right {
 width: 100%;
 float: none;
}
 .blog-list .list li .box {
 padding: 25px 30px;
}
 .blog-list .list li .box h2 a {
 line-height: 1.5em;
}
 .blog-list .list li .box .tit {
 font-size: 20px;
 line-height: 1.5em;
 margin-top: 20px;
 font-weight: 100;
}
 .other-foot {
 padding: 40px 5% 35px;
 margin-top: -1px;
}
 .pages {
 display: none;
}
 .m-pages {
 display: block;
 margin: 80px auto;
 width: 80%;
 overflow: hidden;
}
 .m-pages a {
 float: left;
 display: block;
 width: 20%;
 text-align: center;
}
 .m-pages span {
 float: left;
 width: 19%;
 text-align: center;
}
 .m-pages .page {
 float: left;
}
 .m-pages .page {
 font-size: 28px;
 color: #2f3546;
 margin-left: 5%;
 margin-right: 5%;
 display: block;
 float: left;
 margin-top: -5px;
}
 .m-pages .page em {
 color: #3f84ce;
}
 .m-share {
 background: #eaeaea;
 padding: 22px 26%;
 width: 100%;
}
 .m-share p {
 float: left;
 font-size: 28px;
 width: 20%;
 color: #5D6769;
}
 .m-share .home-share {
 float: left;
 width: 80%;
}
 .a2a_kit .a2a_svg {
 width: 32px;
 height: 32px;
}
 .a2a_svg svg {
 width: 24px !important;
 top: 5px!important;
}
 .a2a_default_style a {
 padding: 0 9% !important;
}
 .pro-js {
 padding: 40px 0 50px;
}
 .pro-js .left, .pro-js .right {
 float: none;
 width: 100%;
 padding: 0 5%;
}
 .pro-js .left {
 text-align: center;
 width: 75%;
 margin: 0 auto;
}
 .pro-js .right {
 margin-top: 35px;
}
 .pro-js .right .para-xq p {
 line-height: 1.9em;
 font-weight: 100;
}
 .pro-js .right .down-pdf {
 font-size: 18px;
}
 .m-share {
 display: block;
}
 .product-ul {
 /*display: none;*/
}
 .searTop {
 padding: 0 20px;
}
 .search-box .list-box .product-ul .pro-box {
 width: 43.6%;
}
 .search-box .list-box .product-ul {
 display: block;
}
 .m-pro-ul {
 padding-left: 3%;
 display: block;
}
 .m-pro-ul .swiper-container {
 padding: 30px 2%;
}
 .m-pro-ul .swiper-slide {
 font-size: 18px;
 background: #fff;
 width: 60%;
 box-shadow: 0 4px 50px rgba(0, 0, 0, 0.15);
 border-radius: 10px;
}
 .m-pro-ul .swiper-slide h3 {
 display: block;
 background: #fff;
 padding: 24px 30px;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
}
 .m-pro-ul .swiper-slide a {
 font-size: 20px;
 color: #2d3f55;
 display: block;
}
 .m-pro-ul .swiper-slide a img {
 width: 100%;
 display: block;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}
 .blog-cont .cont-dy {
 line-height: 1.9em;
 font-weight: 100;
}
 .blog-cont .update-time p {
 display: none;
}
 .blog-cont .content .conclusion strong {
 font-size: 46px;
 line-height: 1.4em;
}
 .blog-gers {
 display: none;
}
 .server-abt {
 margin-top: 50px;
}
 .server-abt .right a {
 font-size: 18px;
 background: #efbd45;
 height: 50px;
 line-height: 50px;
 width: 210px;
 color: #fff;
 border-radius: 50px;
 border: 1px solid #efbd45;
 margin: 30px auto;
}
 .hx-ser strong, .glob-map strong, .hz-dw strong {
 font-size: 24px;
}
 .hx-ser {
 padding: 0 5%;
}
 .hx-ser strong {
 border: none;
 padding-bottom: 0;
}
 .hx-ser ul li:before {
 display: none;
}
 .hx-ser ul {
 margin-left: 5%;
 position: relative;
 border-left: 2px dashed #182335;
}
 .hx-ser ul li {
 width: 95%;
 float: none;
 margin-left: 5%;
 padding: 40px 3% 45px 10%;
 margin-bottom: 28px;
}
 .hx-ser ul li:before {
 width: 30px;
 height: 30px;
 background: #5282bc;
 content: "";
 display: block;
 border-radius: 50%;
 position: absolute;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
 left: -8%;
}
 .hx-ser ul li:nth-of-type(1) {
 background: url(../images/li_11.jpg) no-repeat;
 -o-background-size: 100% 100%;
 background-size: 100% 100%;
}
 .hx-ser ul li {
 height: auto;
}
 .hx-ser ul li:nth-of-type(2) {
 background: url(../images/li_22.jpg) no-repeat;
 -o-background-size: 100% 100%;
 background-size: 100% 100%;
}
 .hx-ser ul li:nth-of-type(3) {
 background: url(../images/li_33.jpg) no-repeat;
 -o-background-size: 100% 100%;
 background-size: 100% 100%;
}
 .hx-ser ul li p {
 margin-bottom: 5px;
 font-size: 20px;
}
 .hx-ser ul li span {
 font-size: 18px;
 line-height: 2em;
 font-weight: 100;
}
 .glob-map {
 padding: 48px 5% 25px;
}
 .glob-map p, .hz-dw p {
 font-size: 16px;
 color: #182335;
 font-weight: 500;
}
 .hz-dw li {
 width: 33%;
}
 .hz-dw li:last-child {
 display: none;
}
 .return_top img {
 width: 34px;
 height: 34px;
}
 .mo-more {
 display: block;
}
 .nav-side {
 display: none;
}
 .m-search-box {
 display: block;
 top:10px;
}
}
 @media screen and (max-width: 960px) {
 .m-index-pro {
 margin-top:-550px;
}
 .m-error {
 margin: 100px 0;
}
 .m-error strong {
 font-size: 40px;
 line-height: 50px;
 margin: 50px 0 30px;
}
 .m-error p {
 font-size: 18px;
 line-height: 28px;
 margin-bottom: 50px;
}
}
 @media screen and (max-width: 959px) {
 .ul-about-pro .item {
 margin:0 8px;
}
 .ul-about-pro {
 margin: 0 -8px;
}
 .m-index-pro {
 margin-top: -320px;
}
 .contact-us .left, .contact-us .right {
 width: 100%;
 float: none;
}
 .contact-us {
 padding: 5px 5% 30px 5%;
 margin-top: 30px;
}
 .contact-us .left {
 margin-top: 20px;
}
 .contact-us .right {
 margin-top: 30px;
}
 .contact-us .right .box {
 padding: 30px 5% 30px;
}
 .contact-us .right .box span, .contact-us .right .box .tit {
 margin-top: 10px;
}
 .contact-us .right .box strong {
 font-size: 28px;
}
 .contact-us .right .box .text {
 font-size: 18px;
 line-height: 2em;
 margin-top: 15px;
}
 .ul-about-pro .item .txt {
 opacity: 1;
 background-color: rgba(0, 0, 0, 0.5);
 padding-top: 40px;
}
 .ul-about-pro .item .txt .tit {
 margin-bottom: 10px;
 font-size: 20px;
 line-height: 30px;
 height: 60px;
 font-weight: bold;
}
 .ul-about-pro .item .txt .more {
 color: #efbd45;
 border-color: #efbd45;
 width: 150px;
 height: 34px;
 line-height: 32px;
}
 .lib-gy h1 {
 font-size: 28px;
}
 .blog-cont .content h2, .m-share p {
 font-size: 24px;
}
 .blog-cont .content h3 {
 font-size: 20px;
}
 .blog-cont .content ul {
 padding-left: 40px;
}
 .blog-cont .content p {
 margin: 1.5em 0;
 font-size: 16px;
}
 .rel-cp strong {
 display: block;
 margin-bottom: 15px;
}
 .rel-cp ul li {
 margin-top: 0;
 padding: 8px 0;
}
 .rel-cp ul li a {
 line-height: 1.5em;
}
 .pro-cont ul {
 padding-left: 15px;
}
 .quest-mod strong {
 font-size: 28px;
}
 .quest-mod ul {
 padding-left: 0;
}
 .quest-mod ul li .wd-bt .act-zh {
 display: none;
}
 .quest-mod ul li .wd-bt .act-span {
 width: 37px;
}
 .quest-mod ul li .act-span .active-icon:before {
 left: 18px;
}
 .quest-mod ul li .act-span .active-icon:after {
 left: 11px;
}
}
 @media screen and (max-width: 767px) {
 .blog-cont .blog-btMl li {
 padding-top:10px;
 padding-bottom: 10px;
 line-height: 1.5em;
}
 .blog-cont .blog-btMl li:before {
 top: 14px;
}
 .blog-cont .blog-btMl {
 padding: 20px;
 margin-top: 20px;
}
 .glob-map .ovs {
 overflow-x: scroll;
}
 .blog-left .reference ol li {
 padding: 10px 0;
}
 .blog-left .reference ol li a {
 padding-left: 15px;
}
 .blog-left .reference ol li a:after {
 border-width: 6px;
 margin-top: -6px;
}
 .ul-about-pro {
 width: 800px;
}
 .pc-table {
 overflow-x: scroll;
}
 .pc-table table {
 width: 768px;
}
 .pc-table tr td {
 font-size: 15px;
 line-height: 20px;
}
 .index-head .nav-head .logo {
 width: 130px;
}
 .m-nav img {
 width: 30px;
}
 .m-nav ul {
 top: 65px;
 width:100%;
}
 .m-nav ul li a {
 font-size: 18px;
}
 .index-head .home-prat h1 {
 font-size: 36px;
}
 .index-head .home-prat strong {
 font-size: 32px;
 margin-top: 0;
}
 .index-head .home-prat p {
 font-size: 18px;
 margin-top: 30px;
}
 .index-head .home-prat {
 top: 130px;
 width: 90%;
}
 .m-index-pro {
 padding: 0 5%;
 margin-top: 30px;
}
 .m-index-pro .box {
 width: auto;
 height: auto;
 padding: 0 5%;
}
 .m-index-pro .font {
 font-size: 28px;
 padding-top: 30px;
 margin-bottom: 0px;
}
 .m-index-pro p {
 font-size: 24px;
 margin-top: 20px;
 margin-bottom: 5px;
}
 .m-index-pro span {
 font-size: 24px;
}
 .m-index-pro .img {
 margin-top: 20px;
}
 .scoll-one-next {
 margin-left: 15%;
}
 .scoll-one-pagination {
 width: 20%;
 margin-top: 0;
}
 .scoll-one-prew, .scoll-one-next {
 margin-top: 0;
 width: 30px;
 height: 30px;
}
 .index-abt {
 margin-top: 40px;
}
 .index-abt .left img {
 width: 90%;
 margin: 0 auto;
}
 .index-abt .right {
 padding: 0 5%;
}
 .index-abt .right .text {
 padding: 0;
 font-size: 18px;
 margin-top: 20px;
}
 .index-abt .right a {
 height: 50px;
 line-height: 50px;
 margin: 30px auto;
}
 .index-blog {
 padding: 30px 5%;
 margin-top: 40px;
}
 .slick .slick-dots {
 bottom: 0;
}
 .index-blog strong {
 font-size: 24px;
 width: 100%;
}
 .index-blog .zy {
 padding: 0;
 font-size: 18px;
}
 .index-blog .pic {
 width: 80px;
 height: 80px;
 margin: 5px auto 0;
}
 .index-blog .worker {
 margin-top: 25px;
 line-height: 1.2em;
}
 .index-blog .worker:before {
 width: 40px;
 height: 30px;
}
 .foot-top .str, .other-foot strong {
 font-size: 28px;
 margin-bottom: 25px;
}
 .foot-top .right .tit, .blog-list .form-right .blog-right .tit {
 font-size: 24px;
 margin-bottom: 25px;
}
 .foot-top .right button, .blog-list .form-right .blog-right button, .contact-us .left button {
 font-size: 18px;
 width: 50%;
 margin: 0 auto;
 height: 40px;
 line-height: 40px;
}
 .foot {
 padding: 20px 4.5% 70px;
}
 .foot .logo img {
 width: 130px;
}
 .foot ul li a {
 font-size: 20px;
}
 .foot .share-r {
 margin-bottom: 1.8em;
}
 .foot .text {
 font-size: 18px;
 line-height: 1.7em;
}
 .other-naver .nav-head .logo {
 width: 120px; margin-top: 13px;
}
 .other-naver {
 height: 60px;
}
 .other-naver .nav-head {
 margin-top: 15px;
}
 .indexes {
 line-height: 1.8em;
 padding: 10px 5%;
}
 .indexes, .indexes p span, .indexes p a {
 font-size: 18px;
}
 .lib-gy {
 padding: 26px 0;
}
 .lib-gy strong, .lib-gy h1 {
 font-size: 28px;
}
 .blog-list .list li {
 margin-bottom: 20px;
}
 .blog-list .list li .box h2 a {
 font-size: 24px;
 line-height: 1.4em;
}
 .blog-list .list li .box {
 padding: 15px 3%;
}
 .blog-list .list li .box .tit {
 font-size: 16px;
 line-height: 1.6em;
 margin-top: 10px;
 margin-bottom: 10px;
}
 .m-pages {
 width: 100%;
 margin: 40px auto;
}
 .m-pages a {
 width: 19%;
}
 .m-pages img {
 width: 15px;
 height: 20px;
}
 .m-pages .page {
 font-size: 20px;
 margin-top: 0;
}
 .foot-top .right li, .blog-list .form-right .blog-right li {
 margin-bottom: 20px;
}
 .foot-top, .blog-list .form-right .blog-right {
 padding: 40px 4.5% 30px;
}
 .other-foot {
 padding: 30px 5% 15px;
}
 .foot-top .left li, .other-foot li {
 margin-top: 15px;
 margin-bottom: 15px;
 font-size: 18px;
 padding-left: 30px;
}
 .other-foot .u2 {
 margin-top: -15px;
}
 .other-foot li:before {
 top: 9px;
}
 .m-other-nav {
 margin-top: 18px;
 width: 25px;
}
 .blog-cont .cont-dy {
 font-size: 22px;
 line-height: 1.6em;
 margin-top: 0;
}
 .blog-cont .content .conclusion strong {
 font-size: 24px;
}
 .blog-cont .content .conclusion p {
 padding: 20px;
}
 .blog-cont .content ul {
 padding-left: 30px;
}
 .blog-cont .content li:before {
 left: -20px;
}
 .m-share p {
 font-size: 22px;
 margin: 0;
}
 .pro-js .left img {
 width: 80%;
}
 .pro-js .right h1 {
 font-size: 32px;
}
 .pro-js .right .para p span {
 font-size: 20px;
}
 .pro-js .right .para p {
 font-size: 24px;
 margin-top: 15px;
}
 .pro-js .right .para-xq p {
 font-size: 22px;
}
 .m-pro-ul .swiper-slide h3 {
 padding: 20px 15px;
}
 .m-pro-ul .swiper-slide a {
 font-size: 20px;
 font-weight: normal;
}
 .blog-list {
 margin-top: 20px;
}
 .pro-cont h2 {
 font-size: 26px;
 margin-bottom: 20px;
}
 .pro-cont p, .pro-cont ol li {
 font-size: 16px;
}
 .pro-cont h3 {
 font-size: 24px;
 line-height: 1.5em;
 margin-top: 20px;
}
 .pro-cont .img-box .gallery-thumbs {
 padding: 15px 0;
}
 .pro-cont .img-box .swiper-pagination {
 width: 20%;
 margin-left: 15%;
}
 .pro-cont .img-box .swiper-button-next {
 margin-left: 15%;
}
 .pro-cont .img-box .swiper-button-next, .pro-cont .img-box .swiper-button-prev {
 width: 30px;
 height: 30px;
}
 .m-share {
 padding: 15px 5%;
}
 .a2a_default_style a {
 padding: 0 5% !important;
}
 .a2a_kit .a2a_svg {
 width: 30px;
 height: 30px;
}
 .server-abt {
 margin-top: 30px;
}
 .hx-ser strong, .glob-map strong, .hz-dw strong {
 font-size: 28px;
}
 .hx-ser {
 margin-top: 25px;
}
 .hx-ser ul {
 margin-left: 0;
 margin-top: 20px;
}
 .hx-ser ul li {
 margin-bottom: 10px;
}
 .hx-ser ul li p {
 font-size: 24px;
}
 .hx-ser ul li span {
 font-size: 16px;
}
 .hx-ser ul li:nth-of-type(1), .hx-ser ul li:nth-of-type(2), .hx-ser ul li:nth-of-type(3) {
 -o-background-size: 100% 100%;
 background-size: 100% 100%;
 padding: 20px 3% 30px 10%;
}
 .hx-ser ul li:before {
 width: 22px;
 height: 22px;
}
 .glob-map p, .hz-dw p {
 font-size: 20px;
 margin-top: 15px;
}
 .hz-dw strong {
 margin-bottom: 10px;
}
 .blog-list .blog-left {
 padding-bottom: 25px;
 padding: 0 10px;
}
 .m-error {
 margin: 60px 0;
 padding: 0 20px;
}
 .m-error strong {
 font-size: 24px;
 line-height: 34px;
 margin: 30px 0 10px;
}
 .m-error p br {
 display: none;
}
 .m-error p {
 font-size: 16px;
 line-height: 26px;
 margin-bottom: 30px;
}
 .m-error .back {
 width: 80%;
 line-height: 40px;
 height: auto;
}
 .m-error img {
 max-width: 80%;
}
 .search-box .list-box .product-ul .pro-box {
 width: 94%;
}
 .search-box .tab li {
 font-size: 18px;
 height: 45px;
 line-height: 45px;
 width: 150px;
}
 .m-search-box {
 width: 150px;
 padding: 0 12px;
 right: 13%;
 height: 34px;
 top: 15px;
}
 .m-search-box .txt-search {
 line-height: 34px;
}
 .m-search-box .search-btn {
 height: 34px;
 width: 16px;
}
 .m-sideSwt {
 padding: 0 10px;
}
 .m-sideSwt ul {
 padding: 5px 0;
}
 .m-sideSwt ul li a {
 height: 40px;
 font-size: 16px;
 line-height: 34px;
}
 .m-sideSwt ul li.k-one img {
 width: 22px;
}
 .m-sideSwt ul li img {
 margin-right: 4px;
}
 .m-sideSwt ul li.k-two img {
 width: 20px;
}
 .m-sideSwt ul li.k-one a {
 border: 3px solid #afa576;
 width: 150px;
 margin-left: 10px;
}
 .m-sideSwt ul li.k-two a {
 border: 3px solid transparent;
}
 .slick-slider .slick-active button, .slick-dots li button {
 width: 15px;
 height: 5px;
}
 .pro-cont .blog-xg {
 padding: 15px;
}
 .pro-cont .blog-xg li {
 padding: 8px 0;
 margin-bottom: 5px;
}
 .quest-mod {
 margin-top: 1.5em;
}
 .quest-mod strong {
 font-size: 24px;
}
 .quest-mod ul li .wd-bt h3 {
 margin-top: 0;
 margin-bottom: 0;
 line-height: 1.5em;
 font-size: 16px;
}
 .quest-mod ul li .wd-bt .act-span {
 margin: 0;
 width: 28px;
 height: 28px;
}
 .quest-mod ul li .act-span .active-icon:after {
 height: 1px;
 width: 12px;
 top: 14px;
 left: 9px;
}
 .quest-mod ul li .act-span .active-icon:before {
 height: 10px;
 width: 1px;
 left: 14px;
 top: 10px;
}
 .quest-mod ul li .text {
 line-height: 2em;
 font-size: 15px;
}
}
 @media screen and (max-width: 413px) {
 .index-head .nav-head .logo, .other-naver .nav-head .logo {
 width:100px;
}
 .m-nav img, .m-other-nav {
 width: 25px;
}
 .m-nav ul {
 top: 55px;
}
 .m-nav ul li {
 margin: 1em auto;
}
 .m-nav ul li a {
 font-size: 18px;
}
 .other-naver {
 height: 54px;
}
 .other-naver .nav-head {
 top: 12px;
}
 .indexes, .indexes p span, .indexes p a {
 font-size: 14px;
}
 .indexes span {
 display: none;
}
 .indexes li span {
 display: inline-block;
}
 .indexes {
 line-height: 1.7;
}
 .lib-gy {
 padding: 20px 0;
}
 .lib-gy strong, .lib-gy h1 {
 font-size: 24px;
}
 .blog-list .list li .box h2 a {
 font-size: 18px;
}
 .blog-list .list li .box .tit {
 font-size: 16px;
 line-height: 1.8em;
}
 .m-pages a img {
 width: 12px;
 height: 15px;
}
 .m-pages .page {
 font-size: 18px;
 margin-top: 0;
}
 .index-head .home-prat {
 top: 100px;
}
 .index-head .home-prat h1 {
 font-size: 32px;
}
 .index-head .home-prat strong {
 font-size: 28px;
}
 .index-head .home-prat p {
 font-size: 18px;
}
 .m-index-pro .font {
 font-size: 28px;
}
 .m-index-pro p {
 font-size: 20px;
 margin-top: 15px;
}
 .m-index-pro span {
 font-size: 24px;
}
 .scoll-one-prew, .scoll-one-next {
 width: 30px;
 height: 30px;
}
 .scoll-one-prew, .scoll-one-next {
 margin-top: 20px;
}
 .scoll-one-pagination {
 font-size: 20px;
 margin-top: 20px;
}
 .index-abt {
 margin-top: 30px;
}
 .index-abt .right span {
 font-size: 20px;
}
 .index-abt .right strong, .index-abt .right .tit {
 font-size: 24px;
}
 .index-abt .right .text {
 font-size: 18px;
}
 .index-blog {
 margin-top: 40px;
}
 .index-blog {
 padding: 20px 5% 25px;
}
 .index-blog strong {
 font-size: 24px;
 line-height: 1.6em;
}
 .index-blog .zy {
 font-size: 18px;
 margin-top: 20px;
 line-height: 1.8em;
}
 .index-blog .pic {
 width: 60px;
 height: 60px;
 margin: 20px auto 0;
 padding-bottom: 100px;
}
 .index-blog .scoll-two {
 padding-bottom: 30px;
}
 .index-blog .swiper-pagination-bullet {
 width: 20px;
 height: 3px;
}
 .foot-top, .blog-list .form-right .blog-right {
 padding: 30px 4.5%;
}
 .foot-top .left li, .other-foot li {
 font-size: 18px;
 padding-left: 25px;
}
 .foot-top .left li:before, .other-foot li:before {
 width: 5px;
 height: 5px;
 top: 11px;
}
 .foot-top .right {
 margin-top: 35px;
}
 .foot-top .right button, .blog-list .form-right .blog-right button, .contact-us .left button {
 line-height: 45px;
 height: 45px;
}
 .foot .logo img {
 width: 100px;
}
 .foot {
 padding: 30px 4.5% 90px;
}
 .foot ul {
 margin-top: 15px;
}
 .foot ul li {
 margin-top: 20px;
}
 .foot ul li a {
 font-size: 18px;
}
 .foot .te {
 font-size: 16px;
}
 .other-foot li {
 margin-bottom: 15px;
}
 .blog-cont .cont-dy {
 font-size: 18px;
}
 .blog-cont .content h2, .blog-cont .content .conclusion strong, .pro-cont h2 {
 font-size: 22px;
 margin-top: 15px;
}
 .blog-cont .content h3, .pro-cont h3 {
 font-size: 20px;
 margin-top: 15px;
}
 .blog-cont .content h4 {
 font-size: 18px;
 margin-top: 15px;
}
 .blog-cont .content .conclusion p {
 margin-top: 15px;
}
 .blog-cont .content .conclusion {
 margin-top: 20px;
}
 .contact-us .left .tit {
 font-size: 20px;
 line-height: 1.8em;
 margin-bottom: 15px;
}
 .contact-us .left button {
 font-size: 18px;
}
 .contact-us .right .box strong {
 font-size: 24px;
}
 .contact-us .right .box .text {
 font-size: 16px;
}
 .other-foot {
 padding: 20px 5% 15px;
}
 .foot .text {
 font-size: 16px;
}
 .pro-js .right h1 {
 font-size: 28px;
}
 .pro-js .right .para p span, .pro-js .right .para-xq p, .m-pro-ul .swiper-slide a {
 font-size: 18px;
}
 .pro-js .right .para p {
 font-size: 20px;
 margin-top: 10px;
}
 .m-pro-ul .swiper-slide h3 {
 padding: 15px 20px;
}
 .pro-cont .img-box .swiper-button-next, .pro-cont .img-box .swiper-button-prev {
 width: 25px;
 height: 25px;
}
 .hx-ser strong, .glob-map strong, .hz-dw strong {
 font-size: 24px;
}
 .hx-ser ul li p {
 font-size: 18px;
 line-height: 1.2em;
 margin-bottom: 15px;
}
 .hx-ser ul li {
 width: 100%;
 margin-left: 2%;
}
 .hx-ser ul li:before {
 width: 15px;
 height: 15px;
 left: -5%;
}
 .hx-ser ul li span {
 font-size: 14px;
 line-height: 1.6em;
}
 .glob-map p, .hz-dw p {
 font-size: 18px;
 line-height: 1.8em;
}
 .index-head .nav-head {
 top: 15px;
}
 .pro-js .right .down-pdf {
 font-size: 18px;
 height: 45px;
 line-height: 45px;
}
 .pro-js .right .down-pdf .img-one，.pro-js .right .down-pdf .img-two {
 margin-top: -5px;
}
 .search-box .tab li {
 height: 40px;
 line-height: 40px;
 width: 125px;
}
 .m-sideSwt ul {
 padding: 5px 0;
}
 .m-sideSwt ul li a {
 height: 38px;
 font-size: 16px;
 line-height: 32px;
}
 .m-sideSwt ul li.k-one img {
 width: 18px;
}
 .m-sideSwt ul li.k-two img {
 width: 18px;
}
}
 @media screen and (max-width: 374px) {
 .index-head .home-prat {
 top:80px;
}
 .index-head .home-prat h1 {
 font-size: 28px;
}
 .index-head .home-prat strong {
 font-size: 26px;
}
 .index-head .home-prat p {
 font-size: 16px;
}
 .m-index-pro .font {
 font-size: 24px;
 margin-top: 20px;
}
 .m-index-pro p, .index-abt .right span {
 font-size: 18px;
}
 .m-index-pro span, .index-abt .right strong, .index-abt .right .tit {
 font-size: 20px;
}
 .index-abt .right .text {
 font-size: 16px;
 margin-top: 10px;
}
 .index-abt .right a {
 margin: 20px auto;
 font-size: 16px;
 height: 40px;
 line-height: 40px;
 width: 160px;
}
 .index-blog {
 margin-top: 25px;
}
 .index-blog strong, .index-blog .worker {
 font-size: 18px;
}
 .index-blog .zy {
 font-size: 16px;
 margin-top: 10px;
}
 .foot-top .str, .other-foot strong {
 font-size: 24px;
 margin-bottom: 15px;
}
 .foot-top .left li, .other-foot li {
 font-size: 16px;
 padding-left: 20px;
}
 .foot-top .left li:before, .other-foot li:before {
 top: 8px;
}
 .foot-top .right .tit, .blog-list .form-right .blog-right .tit {
 font-size: 18px;
}
 .foot-top .right li input, .blog-list .form-right .blog-right li input, .contact-us .left li input {
 height: 40px;
 line-height: 40px;
 font-size: 16px;
 padding: 0 15px;
}
 .form-xing:before {
 left: 5px;
}
 .foot-top .right li textarea, .blog-list .form-right .blog-right li textarea, .contact-us .left li textarea {
 height: 75px;
 font-size: 16px;
 padding: 10px 15px;
}
 .foot-top .right button, .blog-list .form-right .blog-right button, .contact-us .left button {
 line-height: 35px;
 height: 35px;
 font-size: 16px;
}
 .foot .t-top {
 margin-bottom: 0;
}
 .foot .share-r {
 margin-top: 30px;
 margin-bottom: 15px;
}
 .foot ul li a, .blog-list .list li .box h2 a {
 font-size: 16px;
}
 .foot .text, .blog-list .list li .box .tit {
 font-size: 14px;
 line-height: 1.8em;
}
 .other-naver {
 height: 48px;
}
 .m-nav img, .m-other-nav {
 width: 20px;
}
 .lib-gy strong, .lib-gy h1 {
 font-size: 22px;
}
 .lib-gy {
 padding: 15px 0;
}
 .blog-list .list li {
 margin-bottom: 20px;
}
 .blog-cont .content .conclusion p {
 padding: 15px;
}
 .contact-us {
 margin-top: 20px;
}
 .contact-us .left {
 margin-top: 10px;
}
 .contact-us .left .tit {
 font-size: 18px;
}
 .contact-us .right .box strong {
 font-size: 20px;
}
 .contact-us .right .box .tit, .contact-us .right .box .text {
 font-size: 14px;
 line-height: 2em;
}
 .contact-us .right .box span {
 line-height: 1.2em;
}
 .contact-us .right .box .text {
 margin-top: 0;
}
 .pro-js .right h1 {
 font-size: 24px;
}
 .pro-js .right .para p span, .pro-js .right .para-xq p, .m-pro-ul .swiper-slide a, .pro-js .right .para p {
 font-size: 16px;
}
 .pro-js .right .para p {
 margin-top: 0;
}
 .pro-cont p strong, .pro-cont p span {
 font-size: 18px;
}
 .pro-cont .img-box {
 margin-bottom: 20px;
}
 .hx-ser ul li:nth-of-type(1), .hx-ser ul li:nth-of-type(2), .hx-ser ul li:nth-of-type(3) {
 padding-left: 12%;
}
 .hx-ser strong, .glob-map strong, .hz-dw strong {
 font-size: 22px;
}
 .hx-ser ul {
 margin-top: 10px;
}
 .hx-ser ul li {
 margin-bottom: 0;
}
 .glob-map {
 padding: 30px 5% 25px;
 margin-top: 15px;
}
 .hz-dw {
 padding: 30px 0 20px;
}
 .m-search-box {
 width: 125px;
}
 .m-search-box .search-btn {
 width: 14px;
}
 .m-search-box, .m-search-box .search-btn {
 height: 30px;
}
 .m-search-box .txt-search {
 line-height: 30px;
}
 .m-sideSwt ul li.k-one a {
 width: 130px;
}
 .quest-mod ul li .wd-bt span {
 width: 18%;
}
}
.swt-cont { width: 300px; height: 50px; line-height: 50px; background: #3d88e3; background: -webkit-linear-gradient(left bottom, #3d88e3, #295093); background: -o-linear-gradient(right bottom, #3d88e3, #295093); background: -moz-linear-gradient(right bottom, #3d88e3, #295093); background: linear-gradient(to right bottom, #3d88e3, #295093); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; padding: 0 30px; position: relative; font-size: 20px; color: #fff !important; text-transform: uppercase; display: inline-block; }
.swt-cont:before { background: url(../images/sx.png) no-repeat; background-size: 100% 100%; width: 28px; height: 34px; content: ""; display: block; position: absolute; right: 30px; top: 8px; }
 @media screen and (max-width: 959px) {
 .swt-cont {
 font-size:16px;
 width: 230px;
 padding: 0 20px;
}
 .swt-cont:before {
 width: 20px;
 height: 25px;
 right: 20px;
 top: 15px;
}
}
 @media screen and (max-width: 767px) {
 .swt-cont {
 border-radius:8px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 -ms-border-radius: 8px;
 -o-border-radius: 8px;
 height: 40px;
 line-height: 40px;
}
 .swt-cont:before {
 top: 8px;
}
}
.blog-l { float: left; width: 43%; }
.blog-r { float: right; width: 54%; }
.blog-cont .content .blog-l p, .blog-cont .content .blog-r p { margin: 1em 0; }
 @media screen and (max-width: 767px) {
 .blog-l, .blog-r {
 width:100%;
}
}
.blog-list{    display: flex;    align-items: flex-start;    gap: 30px;}
.sidebarsticky{    flex-grow: 1;    position: sticky;    top: 20px;}
.sideSwt,.m-sideSwt{display: none;}

.has-dropdown {
    position: relative;
}
        .dropdown {
            z-index: 5;
            list-style-type: none;
            padding: 10px 0;
            margin: 0;
            position: absolute;
            top: 100%; /* 定位到父菜单项的下方 */
            left: 50%;
            transform: translateX(-50%);
            background-color: #fff;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
            border-radius: 5px;
            min-width: 150px;
            z-index: 10;
            
            /* 关键：默认隐藏和过渡效果 */
            visibility: hidden;
            opacity: 0;
            pointer-events: none;
            transition: visibility 0s, opacity 0.3s ease;
        }

        /* 下拉菜单项 */
        .dropdown li a {
            padding: 10px 20px;
            white-space: nowrap; /* 防止内容换行 */
            width:100%;
        }

        .dropdown a:hover {
            /*background-color: #f0f0f0;*/
        }

        /* ==================== 鼠标悬停显示效果 ==================== */
        /* 当鼠标悬停在 .has-dropdown 菜单项上时，显示其下的 .dropdown */
        .has-dropdown:hover > .dropdown {
            visibility: visible;
            opacity: 1;
            pointer-events: auto;
            /* 由于浏览器会重新计算位置，这里可以不加 transform，或者加上提升性能 */
            /* transform: translateX(-50%); */
    width: auto !important;
    padding: 5px 20px;
        }
        
        .has-dropdown:hover>.dropdown li{margin-left:5px;width: auto !important; line-height:18px;}
        .has-dropdown:hover>.dropdown li a{width:100%;}
        .index-head .dropdown  li{padding:5px;    margin: 0 !important;}
        .index-head .dropdown  li a{color: #000 !important;}