/* ===============================
   全局基础重置（已移除臃肿的本地中文字体，改用高性能系统字体）
   =============================== */

/* 强制覆盖原模板字体（使用现代系统字体栈，秒开且无 CLS） */
.zt1,
.zt2,
.zt3 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

body {
  color: #666;
  font: 15px -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option,button{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline: none;border: none;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
dl,dt{font-weight: normal;}
a {color:#b0b8da; text-decoration:none;} 
a:focus,input, button, textarea, select{outline:0;} 
a:hover{text-decoration: none;}
textarea{resize: none;}
img{max-width: 100%;}

.c{clear: both;}
.fl{float: left;}
.fr{float: right;}
.imgfd{overflow: hidden;width: 100%;}
.imgfd img{transition: all 0.5s ease;height: auto;width: 100%;object-fit: cover;display: block;}
.imgfd:hover img{transform: scale(1.1);}
.imgg img{max-width: 100%;}

.pagination > li > a, .pagination > li > span{padding: 0 12px;border: 1px solid #bbb;color: #000;margin-right: 8px;display: block;font-size: 14px;text-align: center;line-height: 30px;}
.pagination li.first,.pagination li.last{display: none;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background: #1E7BC1;border-color: #1E7BC1;color: #fff;}
.pagination > li > a:hover{color: #1E7BC1;}
.pagination li{float: left;}
.pagination{margin: 0;margin-top: 50px;display: inline-block;}
.digg{text-align: center;width: 100%;}
@media (max-width: 600px){
	.pagination{margin-top: 30px;}
}

.center{width: 1800px;margin: 0 auto;}
@media (max-width: 1600px){.center{width: 96%;}}

.f16{font-size: 16px;}
.f18{font-size: 18px;}





/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
 .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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-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}


 @font-face {
  font-family: "iconfont"; /* Project id 3480563 */
  src: url('../fonts/iconfont.woff2') format('woff2'),
       url('../fonts/iconfont.woff') format('woff'),
       url('../fonts/iconfont.ttf') format('truetype');
  font-display: swap; 
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xiangzuojiantou1:before {
  content: "\e68c";
}

.icon-guanbi:before {
  content: "\eca0";
}

.icon-diqiu:before {
  content: "\e844";
}

.icon-youxiang:before {
  content: "\e604";
}

.icon-daohangdizhi:before {
  content: "\e661";
}

.icon-pdf:before {
  content: "\e740";
}

.icon-xiangxiajiantou:before {
  content: "\e65e";
}

.icon-liebiao:before {
  content: "\e607";
}

.icon-bofang:before {
  content: "\e624";
}

.icon-kefu:before {
  content: "\e625";
}

.icon-xiazai:before {
  content: "\e600";
}

.icon-xiangyoujiantou1:before {
  content: "\e68b";
}

.icon-fenxiang:before {
  content: "\e615";
}

.icon-sousuo:before {
  content: "\e622";
}

.icon-dianhuatianchong:before {
  content: "\e678";
}

/* .icon-shouye:before {
  content: "\e8b9";
} */

.icon-xinwen:before {
  content: "\e67f";
}

.icon-chanpinguanli-239:before {
  content: "\e9be";
}

.icon-xiangyoujiantou:before {
  content: "\e65f";
}

.icon-xiangzuojiantou:before {
  content: "\e660";
}



/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* QQ：9490489 */
.foot-wap,.head-wap{display: none;}
.foot-wap{position: fixed;bottom: 0;left: 0;z-index: 10;width: 100%;background: #fff;}
.foot-wap li{width: 25%;float: left;text-align: center;position: relative;padding: 8px 0;cursor: pointer;}
.foot-wap li p{font-size: 14px;color: #1E7BC1;margin-top: 4px;}
.foot-wap li span{color: #1E7BC1;font-size: 20px;}
.foot-wap li::after{content: '';width: 1px;height: 30px;background: #dbdbdb;position: absolute;right: 0;top: 14px;}
.foot-wap li:last-child::after{display: none;}

.lang{position:relative;z-index: 99999;cursor: pointer;margin-right: 30px;}
.lang i{margin-right: 10px;font-size: 18px;}
.lang a {display:block;color: #666;overflow: hidden;font-size: 14px;color: #1E7BC1;}
.lang dl{width:100%;position:absolute;max-height:0px;overflow:hidden;-webkit-transition:max-height 0.3s linear;-moz-transition:max-height 0.3s linear;transition:max-height 0.3s linear;z-index:9999;top:30px;right: 0px;background: #1E7BC1;}
.lang:hover dl{max-height:3000px;}
.lang dt{line-height:20px;height: 20px;overflow: hidden;display: block;margin: 5px 0;padding: 0 14px;width: 100%;text-align: left;}
.lang dt:first-child{margin-top: 8px;}.lang dt:last-child{margin-bottom: 8px;}
.lang dt img{width: 19px;}
.lang dt a{font-size:14px;display: block;color: #fff!important;}
.lang dt a:hover{text-decoration: underline;}
.lang span{padding-right:10px;display: inline-block;}
.page-header.typea:not(.typeanot) .lang a{color: #fff;}
.page-header.typea:hover .lang a{color: #1E7BC1;}

.toutanchu{text-align: center;max-width: 200px;overflow: hidden;height: 46px;line-height: 46px;}
.toutanchu .moreall{height: 46px;line-height: 46px;padding-top: 0;padding-bottom: 0;}
.toutanchu b{font-size: 34px;color: #333;display: block;margin-bottom: 20px;margin-top: 15px;}
.toutanchu1 .inp1{border: 1px solid #ddd;height: 40px;line-height: 40px;width: 95%;padding-left: 5%;}
.toutanchu1 .inp2{height: 40px;line-height: 40px;background: #1E7BC1;border-radius: 4px;color: #fff;padding: 0 30px;margin-top: 20px;cursor: pointer;}
.md-close{cursor: pointer;}
.md-content .input_control{width: 100%;margin-right: 0;margin-top: 16px;}
.kuagn-fd h2{font-size: 30px!important;color: #333!important;text-align: left;}
.kuagn-fd .form .submit{width: 100%;}
.toutanchu input{font-family: 'muli';}
.toutanchu1 .iconfont{font-size: 20px;color: #333;}
.input_control{position: relative;width: 32%;float: left;margin-right: 2%;background: #f2f5f8;border-radius: 4px;overflow: hidden;position: relative;height: 54px;margin-top: 26px;}
.input_control:nth-child(3){margin-right: 0;}
.form_input{-webkit-appearance:none;-moz-appearance: none;outline:0;height: 54px;line-height: 54px;width: 100%;position: absolute;top: 0;left: 30px;font-size: 14px;color: #666;width: 95%;background: #f2f5f8;}
.input_control lable{color: red;position: absolute;left: 20px;line-height: 54px;}
.form_input::-moz-placeholder,.form_text::-moz-placeholder{color: #666;}
.form_text{height: 100px;background: #f2f5f8;position: absolute;left: 30px;top: 15px;width: 95%;font-size: 14px;color: #666;line-height: 25px;}
.input_control2{width: 100%;margin: 16px 0 25px;height: 130px;}
.form .submit{width: 240px;height: 60px;line-height: 60px;border-radius: 4px;background: #1E7BC1;font-size: 16px;color: #fff;cursor: pointer;}
.page-header.typea:not(.typeanot) .hhsear i{color: #fff;}
.page-header.typea:not(.typeanot):hover .hhsear i{color: #333;}
.hhsear{position: relative;padding-right: 18px;margin-right: 18px;}
.hhsear::before{content: '';position: absolute;top: -4px;right: 0;width: 1px;height: 20px;background: rgba(0,0,0,.3);}
.page-header.typea:not(.typeanot) .hhsear::before{background: rgba(255,255,255,.3);}
.page-header.typea:not(.typeanot):hover .hhsear::before{background: rgba(0,0,0,.3);}

.foot-com{background: url("../images/foot.jpg") no-repeat center;background-size: cover;padding-top: 70px;display: flow-root;}
.foot-com ul{display: flex;flex-flow: row wrap;justify-content: space-between;width: 100%;color: #fff;}
.foot-com li{position: relative;padding-left: 50px;}
.foot-com li::before{content: '';position: absolute;top: 0;left: 0;width: 1px;height: 300px;background: rgba(255,255,255,.2);}
.foot-com li:nth-child(1)::before{opacity: 0;}
.foot-com li:nth-child(1){padding-left: 0;}
.foot-com .box1{max-width: 30%;}
.foot-com .box1 .des{color: #fff;}
.foot-com .box1 .wlogo{overflow: hidden;max-height: 40px;margin-bottom: 20px;}
.foot-com .box1 .wlogo img{transform: translateY(-200px);filter: drop-shadow(#fff 0 200px); height:40px}
.foot-com .box1 .b{font-size: 20px;text-transform: uppercase;margin: 10px 0 15px;}.foot-com .box1 .b i{color: #e98323;}
.foot-com li .bt{font-size: 30px;display: block;margin-bottom: 30px;}
.foot-com li .wz{font-size: 20px;color: #fff;}
.foot-com li.box3{max-width: 710px;}.foot-com li.box2{max-width: 450px;}
.foot-com .box3 a{float: left;margin-right: 30px;}
.foot-com .box3 a:last-child{margin-right: 0;}
.foot-com .box3 a:hover,.foot-com .copy a:hover{text-decoration: underline;}
.foot-com .copy{padding: 22px 0;border-top: 1px solid rgba(255,255,255,.2);display: flow-root;color: #fff;margin-top: 70px;}
.foot-com .copy a{color: #fff;}

.follow{display:inline-block;}
.follow i{display:inline-flex;border: 1px solid #666;border-radius: 500px;padding: 6px;}
.follow svg{width:16px;height:16px;fill:#999;}
.follow a{display:inline-block;vertical-align:middle;margin-right:12px;float: left;background: none;}
.follow a:last-child{margin-right: 0;}

.follow2 svg{fill:#fff;}
.follow2 i{border: 1px solid #fff;}

@media (max-width: 1740px){
	.page-header{padding: 0 2%;}
}
@media (max-width: 1500px){
	.page-nav .item{margin-right: 20px;}
	.foot-com .box2{display: none;}
}
@media (max-width: 1200px){
	.page-logo .img, .page-logo .img-w{height: 40px!important;}
	.page-nav .link{font-size: 15px;}
	.lang a{font-size: 14px;}
	.lang i{margin-right: 4px;}
}
@media (max-width: 1024px){
	.foot-wap{display: block;}
	.foot-com,.toutanchu{display: none;}
	.waph{height: 54px;}
	/* .waph2{height: 60px;} */
	.page-header.typea:not(.typeanot) .lang a{color: #1E7BC1;}
	.lang{margin-right: 0;}
}
@media (max-width: 540px){
	.lang a{font-size: 14px;}
	.lang dt a{font-size: 12px;}
	.lang dt{height: 16px;line-height: 16px;}
}




/* 模板：AdminBuy.Cn */
/* QQ：9490489 */
@charset "UTF-8";body,
html{width: 100%}
input::-ms-clear,
input::-ms-reveal{display: none}
*,
:after,
:before{box-sizing: inherit}
html{font-family: sans-serif;line-height: 1.15;box-sizing: border-box;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-ms-overflow-style: scrollbar;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
@-ms-viewport{width: device-width}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section{display: block}
body{margin: 0;color: rgba(0, 0, 0, .6);font-size: 14px;font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Arial, Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;font-variant: tabular-nums;font-weight: 400;line-height: 1.5715;background-color: #fff;font-feature-settings: "tnum"}
[tabindex="-1"]:focus{outline: none!important}
hr{box-sizing: content-box;height: 0;overflow: visible}
h1,
h2,
h3,
h4,
h5,
h6{color: rgba(0, 0, 0, .6);font-weight: 500}
h1,
h2,
h3,
h4,
h5,
h6,
p{margin-top: 0;margin-bottom: 0}
abbr[data-original-title],
abbr[title]{text-decoration: underline;-webkit-text-decoration: underline dotted;text-decoration: underline dotted;border-bottom: 0;cursor: help}
address{margin-bottom: 1em;font-style: normal;line-height: inherit}
input[type=number],
input[type=password],
input[type=text],
textarea{-webkit-appearance: none}
dl,
ol,
ul{margin-top: 0;margin-bottom: 1em}
ol ol,
ol ul,
ul ol,
ul ul{margin-bottom: 0}
dt{font-weight: 500}
dd{margin-bottom: .5em;margin-left: 0}
blockquote{margin: 0 0 1em}
dfn{font-style: italic}
b,
strong{font-weight: bolder}
small{font-size: 80%}
sub,
sup{position: relative;font-size: 75%;line-height: 0;vertical-align: baseline}
sub{bottom: -.25em}
sup{top: -.5em}
a{color: rgba(0, 0, 0, .6);text-decoration: none;background-color: transparent;outline: none;cursor: pointer;transition: color .3s;-webkit-text-decoration-skip: objects}
a:focus{text-decoration: none;-webkit-text-decoration-skip: ink;text-decoration-skip-ink: auto}
a:hover{text-decoration: none;outline: 0}
code,
kbd,
pre,
samp{font-size: 1em;font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace}
pre{margin-top: 0;margin-bottom: 1em;overflow: auto}
figure{margin: 0 0 1em}
img{vertical-align: middle;border-style: none}
svg:not(:root){overflow: hidden}
[role=button],
a,
area,
button,
input:not([type=range]),
label,
select,
summary,
textarea{touch-action: manipulation}
table{border-collapse: collapse}
caption{padding-top: .75em;padding-bottom: .3em;color: rgba(0, 0, 0, .45);text-align: left;caption-side: bottom}
th{text-align: inherit}
button,
input,
optgroup,
select,
textarea{margin: 0;color: inherit;font-size: inherit;font-family: inherit;line-height: inherit}
button,
input{overflow: visible}
button,
select{text-transform: none}
[type=reset],
[type=submit],
button,
html [type=button]{-webkit-appearance: button}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner{padding: 0;border-style: none}
input[type=checkbox],
input[type=radio]{box-sizing: border-box;padding: 0}
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time]{-webkit-appearance: listbox}
textarea{overflow: auto;resize: vertical}
fieldset{min-width: 0;margin: 0;padding: 0;border: 0}
legend{display: block;width: 100%;max-width: 100%;margin-bottom: .5em;padding: 0;color: inherit;font-size: 1.5em;line-height: inherit;white-space: normal}
progress{vertical-align: baseline}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{height: auto}
[type=search]{outline-offset: -2px;-webkit-appearance: none}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration{-webkit-appearance: none}
::-webkit-file-upload-button{font: inherit;-webkit-appearance: button}
output{display: inline-block}
summary{display: list-item}
template{display: none}
[hidden]{display: none!important}
mark{padding: .2em;background-color: #feffe6}
::-moz-selection{color: #fff;background: #1E7BC1}
::selection{color: #fff;background: #1E7BC1}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{font-family: inherit;font-weight: 400;line-height: 1.3;color: inherit;margin-bottom: 0}
.h1{font-size: 40px}
.h2{font-size: 28px}
.h3{font-size: 24px}
.h4{font-size: 20px}
.h5{font-size: 18px}
.h6{font-size: 16px}
hr{margin-top: 16px;margin-bottom: 16px;border: 0;border-top: 1px solid rgba(0, 0, 0, .1)}
.clearfix:after,
.clearfix:before{content: " ";display: table}
.clearfix:after{clear: both}
.center-block{display: block;margin-left: auto;margin-right: auto}
.pull-right{float: right}
.pull-left{float: left}
.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0}
.sr-only-focusable:active,
.sr-only-focusable:focus{position: static;width: auto;height: auto;margin: 0;overflow: visible;clip: auto}
.invisible{visibility: hidden}
.text-hide{font: "0/0", a;color: transparent;text-shadow: none;background-color: transparent;border: 0}
.text-left{text-align: left}
.text-right{text-align: right}
.text-center{text-align: center}
.text-justify{text-align: justify;text-justify: inter-ideograph}
.text-nowrap,
.text-truncate{white-space: nowrap}
.text-truncate{overflow: hidden;text-overflow: ellipsis}
.text-lowercase{text-transform: lowercase}
.text-uppercase{text-transform: uppercase}
.text-capitalize{text-transform: capitalize}
.c-flex{display: flex;flex-wrap: wrap;align-items: center}
.overflow-hidden{overflow: hidden}
::-webkit-scrollbar{background: #f4f4f4;width: 8px;height: 8px}
::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, .2);width: 8px;height: 8px;border-radius: 8px}
::-webkit-scrollbar-track{border-radius: 8px}
input:-webkit-autofill{box-shadow: inset 0 0 0 1000px #fff!important}
svg.icon{width: 1em;height: 1em;vertical-align: -.15em;fill: currentColor;overflow: hidden}
.unable-to-interact{cursor: not-allowed;pointer-events: none}
@media only screen and (max-width:1440px){.h1{font-size: 32px}
.h2{font-size: 26px}
.h3{font-size: 22px}
.h4{font-size: 18px}
.h5{font-size: 16px}
.h6{font-size: 14px}}
@media only screen and (max-width:960px){.h1{font-size: 26px}
.h2{font-size: 21px}
.h3{font-size: 18px}
.h4{font-size: 16px}
.h5{font-size: 15px}}
@media only screen and (max-width:640px){.h1{font-size: 22px}
.h2{font-size: 19px}
.h3{font-size: 16px}
.h4{font-size: 15px}
.h5{font-size: 14px}
.h6{font-size: 13px}}
@-webkit-keyframes fadeIn{0%{opacity: 0}
to{opacity: 1}}
@keyframes fadeIn{0%{opacity: 0}
to{opacity: 1}}
@-webkit-keyframes fadeOut{0%{opacity: 1}
to{opacity: 0}}
@keyframes fadeOut{0%{opacity: 1}
to{opacity: 0}}
@-webkit-keyframes scaleIn{0%{transform: scale(.88)}
to{transform: scale(1)}}
@keyframes scaleIn{0%{transform: scale(.88)}
to{transform: scale(1)}}
.v-container{opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s}
.v-container.ready{opacity: 1;visibility: visible}
.el-message-box{max-width: 94%}
@media only screen and (max-width:640px){.el-cascader-menu{min-width: 100px}
.el-cascader-menu .el-cascader-node__label{font-size: 12px}
.el-cascader-menu .el-cascader-node__postfix{right: 6px;font-size: 12px}
.el-cascader-menu .el-cascader-node__prefix{left: 6px;font-size: 12px;display: none}
.el-cascader-menu .el-cascader-node{padding: 0 16px 0 0;line-height: 28px;height: 28px}}
.iconfont{font-family: iconfont!important;font-size: inherit;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.magnifierRentgen{box-sizing: border-box;overflow: hidden;position: relative;width: 100%}
.magnifierRentgen .magnifier-loupe{overflow: hidden;position: absolute;border-radius: 50%;top: 0;left: 0;box-shadow: 0 0 8px rgba(0, 0, 0, .3);cursor: none;transform: scale(1);display: none}
.c-notification{position: fixed;right: 0;top: 24px;z-index: 9999;max-width: calc(100vw - 32px);margin-right: 24px}
.c-notification-notice{position: relative;padding: 16px 24px;width: 384px;margin-bottom: 16px;margin-left: auto;overflow: hidden;background: #fff;border-radius: 2px;box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);-webkit-animation: NotificationFadeIn .2s cubic-bezier(.645, .045, .355, 1);animation: NotificationFadeIn .2s cubic-bezier(.645, .045, .355, 1)}
.c-notification-notice .c-notification-notice-content{position: relative}
.c-notification-notice .c-notification-notice-with-icon{padding-left: 48px}
.c-notification-notice .c-notification-notice-with-icon .c-notification-notice-description{margin-top: 4px}
.c-notification-notice .c-notification-notice-icon{position: absolute;left: 0;margin-left: 4px;font-size: 24px;line-height: 24px}
.c-notification-notice .c-notification-notice-icon .icon-success{color: #52c41a}
.c-notification-notice .c-notification-notice-icon .icon-info{color: #1890ff}
.c-notification-notice .c-notification-notice-icon .icon-warning{color: #faad14}
.c-notification-notice .c-notification-notice-icon .icon-error{color: #ff4d4f}
.c-notification-notice .c-notification-notice-message{color: rgba(0, 0, 0, .85);font-size: 16px;line-height: 24px;padding-right: 24px}
.c-notification-notice .c-notification-notice-description{font-size: 14px;margin-top: 8px}
.c-notification-notice .c-notification-notice-close{position: absolute;top: 20px;right: 24px;color: #000;outline: none;font-size: 16px;line-height: 1;cursor: pointer;opacity: .5;transition: opacity .3s}
.c-notification-notice .c-notification-notice-close:hover{opacity: 1}
@-webkit-keyframes NotificationFadeIn{0%{left: 384px;opacity: 0}
to{left: 0;opacity: 1}}
@keyframes NotificationFadeIn{0%{left: 384px;opacity: 0}
to{left: 0;opacity: 1}}
.c-modal{position: relative;z-index: 1;background-color: #fff;margin: 0 auto;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);-webkit-animation: scaleIn .2s ease-in;animation: scaleIn .2s ease-in;border-radius: 5px;overflow: hidden}
.c-modal-wrap{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;display: flex;flex-wrap: wrap;align-items: center;-webkit-animation: fadeIn .2s ease-in;animation: fadeIn .2s ease-in;transition: opacity .2s, visibility .2s}
.c-modal-wrap.c-modal-wrap-hide{opacity: 0;visibility: hidden}
.c-modal-mask{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;background-color: rgba(0, 0, 0, .45);cursor: pointer}
.c-modal-content{max-width: 92vw;max-height: 84vh;overflow-y: auto}
.c-modal-close{position: absolute;right: 20px;top: 20px;z-index: 2;font-size: 24px;line-height: 1;cursor: pointer;opacity: .5;transition: opacity .3s, transform .3s;color: #000}
.c-modal-content-img a{display: block}
.c-modal-content-img img{max-width: 100%}
.c-modal-content-video video{width: 800px;max-width: 100%;display: block}
.c-modal-content-videojs{width: 800px;padding-bottom: 56.25%;max-width: 100%}
.c-modal-content-videojs .video-js{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0}
.shop-modal .c-modal{width: 560px;max-width: 92%;padding: 48px 2% 60px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);text-align: center}
.shop-modal .c-modal-content{max-width: 100%;max-height: 100%}
.shop-modal .c-modal-mask{opacity: 0}
.shop-modal .title{font-size: 20px;color: #000;margin-bottom: 4px}
.shop-modal .tit{color: #999}
.shop-modal .list{margin-top: 40px;justify-content: space-between}
.shop-modal .icon{width: 120px;display: block;margin-bottom: 12px}
.login-modal .c-modal{width: 450px;max-width: 92%;padding: 50px 60px;text-align: center}
.login-modal .c-modal-content{max-width: 100%;max-height: 100%}
.login-modal .c-modal-close{display: none}
.login-modal .title{font-size: 22px;color: #000;font-weight: 500;margin-bottom: 40px}
.login-modal .header{justify-content: center;font-size: 18px;border-bottom: 1px solid #eee;margin-bottom: 24px}
.login-modal .header .item{margin-right: 60px;font-weight: 500;color: #000;padding: 0 12px 12px;position: relative;cursor: pointer}
.login-modal .header .item.active{color: #1E7BC1}
.login-modal .header .item.active:after{opacity: 1}
.login-modal .header .item:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: #1E7BC1;opacity: 0}
.login-modal .header .item:last-of-type{margin-right: 0}
.login-modal .links{justify-content: space-between;padding-top: 4px}
.login-modal .form{text-align: left;font-size: 14px}
.login-modal .form ::-moz-placeholder{color: rgba(0, 0, 0, .3)}
.login-modal .form ::-webkit-input-placeholder{color: rgba(0, 0, 0, .3)}
.login-modal .form :-ms-input-placeholder{color: rgba(0, 0, 0, .3)}
.login-modal .form .item{margin-bottom: 16px;display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px solid #eee}
.login-modal .form .item.mb0{margin-bottom: 0}
.login-modal .form .label{width: 64px;line-height: 44px;padding: 0 8px}
.login-modal .form .input{width: calc(100% - 64px);height: 44px;border: none;padding: 0;outline: none;background: none;color: #000;font-size: 14px}
.login-modal .form .submit{background: #1E7BC1;border: none;outline: none;padding: 0;width: 100%;height: 48px;color: #fff;font-size: 18px;cursor: pointer}
.login-modal .social{margin-top: 40px}
.login-modal .social .tit{text-align: center;justify-content: center;position: relative;font-size: 16px;margin-bottom: 30px}
.login-modal .social .tit:after{content: "";position: absolute;width: 100%;height: 1px;z-index: 0;background-color: #e8e8e8}
.login-modal .social .tit span{padding: 0 16px;background-color: #fff;position: relative;z-index: 1}
.login-modal .social .btns{justify-content: center}
.login-modal .social .btn{font-size: 20px;width: 36px;line-height: 36px;height: 36px;text-align: center;color: #fff;border-radius: 50%;background-color: #6fa3f5;margin-right: 24px}
.login-modal .social .btn:last-of-type{margin-right: 0}
.login-modal .social .btn.weixin{background-color: #49b844}
.login-modal .social .btn.weibo{background-color: #e6162d}
@media only screen and (min-width:961px){.c-modal-close:hover{opacity: 1;transform: rotate(180deg)}}
@media only screen and (max-width:1440px){.login-modal .title{font-size: 20px;margin-bottom: 30px}
.login-modal .header{margin-bottom: 16px}
.login-modal .header .item{margin-right: 48px;padding: 0 8px 8px;font-size: 16px}
.login-modal .c-modal{width: 400px;padding: 40px}
.login-modal .form .submit{line-height: 44px;font-size: 16px}
.login-modal .social{margin-top: 30px}
.login-modal .social .tit{font-size: 14px;margin-bottom: 24px}}
@media only screen and (max-width:640px){.c-modal-content{max-width: 80vw;max-height: 72vh}
.c-modal-close{padding: 4px;top: 16px;right: 16px}
.shop-modal .c-modal{padding: 32px 4% 40px}
.shop-modal .title{font-size: 18px}
.shop-modal .tit{font-size: 12px}
.shop-modal .item{width: 27%;font-size: 12px}
.shop-modal .icon{width: 100%;margin-bottom: 8px}
.shop-modal .list{margin-top: 28px}
.login-modal .title{font-size: 18px;margin-bottom: 24px}
.login-modal .c-modal{padding: 32px}}
.c-empty{padding: 40px 0;font-size: 14px;text-align: center;color: rgba(0, 0, 0, .25)}
.c-empty-image{height: 40px;margin-bottom: 8px}
.c-empty-image svg{height: 100%}
.c-empty-img-simple .c-empty-img-simple-ellipse{fill: #f5f5f5}
.c-empty-img-simple .c-empty-img-simple-g{stroke: #d9d9d9}
.c-empty-img-simple .c-empty-img-simple-path{fill: #fafafa}
.c-empty-footer{margin-top: 16px}
.c-pagination{display: flex;flex-wrap: wrap;align-items: flex-start;margin-top: 30px;justify-content: flex-start;font-weight: 400}
.c-pagination.center{justify-content: center}
.c-pagination.type-a .c-pagination-item{background: none;color: #fff}
.c-pagination.type-a .c-pagination-item.active{background-color: #1E7BC1}
.c-pagination-item{display: block;font-size: 14px;line-height: 28px;background: #fff;border: 1px solid #ddd;padding: 0 10px;margin-right: 8px;margin-top: 8px;color: #999;transition: all .3s ease-out}
.c-pagination-item.disabled{cursor: not-allowed;color: #999;opacity: .4}
.c-pagination-item:last-of-type{margin-left: 0}
.c-pagination-item.active{color: #fff;background-color: #1E7BC1;border-color: #1E7BC1}
@media only screen and (min-width:641px){.c-pagination-item:not(.disabled):hover{color: #fff;background-color: #1E7BC1;border-color: #1E7BC1}}
@media only screen and (max-width:640px){.c-pagination{margin-top: 24px}}
.c-dropdown{position: absolute;z-index: 0;opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s;padding: 10px}
.c-dropdown:after,
.c-dropdown:before{content: "";position: absolute;z-index: 1;width: 0;height: 0}
.c-dropdown-wrap{position: relative;z-index: 1}
.c-dropdown-main{border: 1px solid #ebeef5;z-index: 0;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)}
.c-dropdown-main,
.c-dropdown-menu{background-color: #fff;position: relative}
.c-dropdown-menu{padding: 6px 0;text-align: left;outline: none;min-width: 120px}
.c-dropdown-menu-item{padding: 6px 12px;display: block;color: rgba(0, 0, 0, .65);background-color: #fff;font-size: 14px;transition: background-color .3s}
.c-dropdown-menu-item:hover{background-color: #f5f5f5}
.c-dropdown-placement-bottomCenter{bottom: 0;left: 50%;transform: translate(-50%, 100%)}
.c-dropdown-placement-bottomCenter:after,
.c-dropdown-placement-bottomCenter:before{top: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ebeef5}
.c-dropdown-placement-bottomCenter:after{top: 4px;border-bottom: 7px solid #fff}
.c-dropdown-placement-bottomCenter:after,
.c-dropdown-placement-bottomCenter:before{left: 50%;margin-left: -6px}
.c-dropdown-placement-bottomLeft{bottom: 0;left: -10px;transform: translateY(100%)}
.c-dropdown-placement-bottomLeft:after,
.c-dropdown-placement-bottomLeft:before{top: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ebeef5}
.c-dropdown-placement-bottomLeft:after{top: 4px;border-bottom: 7px solid #fff}
.c-dropdown-placement-bottomLeft:after,
.c-dropdown-placement-bottomLeft:before{left: 24px}
.c-dropdown-placement-bottomRight{bottom: 0;right: -10px;transform: translateY(100%)}
.c-dropdown-placement-bottomRight:after,
.c-dropdown-placement-bottomRight:before{top: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ebeef5}
.c-dropdown-placement-bottomRight:after{top: 4px;border-bottom: 7px solid #fff}
.c-dropdown-placement-bottomRight:after,
.c-dropdown-placement-bottomRight:before{right: 24px}
.c-dropdown-placement-topCenter{top: 0;left: 50%;transform: translate(-50%, -100%)}
.c-dropdown-placement-topCenter:after,
.c-dropdown-placement-topCenter:before{bottom: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #ebeef5}
.c-dropdown-placement-topCenter:after{bottom: 4px;border-top: 7px solid #fff}
.c-dropdown-placement-topCenter:after,
.c-dropdown-placement-topCenter:before{left: 50%;margin-left: -6px}
.c-dropdown-placement-topLeft{top: 0;left: -10px;transform: translateY(-100%)}
.c-dropdown-placement-topLeft:after,
.c-dropdown-placement-topLeft:before{bottom: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #ebeef5}
.c-dropdown-placement-topLeft:after{bottom: 4px;border-top: 7px solid #fff}
.c-dropdown-placement-topLeft:after,
.c-dropdown-placement-topLeft:before{left: 24px}
.c-dropdown-placement-topRight{top: 0;right: -10px;transform: translateY(-100%)}
.c-dropdown-placement-topRight:after,
.c-dropdown-placement-topRight:before{bottom: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #ebeef5}
.c-dropdown-placement-topRight:after{bottom: 4px;border-top: 7px solid #fff}
.c-dropdown-placement-topRight:after,
.c-dropdown-placement-topRight:before{right: 24px}
.c-dropdown-placement-leftCenter{left: 0;padding: 20px;top: 50%;transform: translate(-100%, -50%)}
.c-dropdown-placement-leftCenter:after,
.c-dropdown-placement-leftCenter:before{right: 12px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #ebeef5}
.c-dropdown-placement-leftCenter:after{right: 14px;border-left: 7px solid #fff}
.c-dropdown-placement-leftCenter:after,
.c-dropdown-placement-leftCenter:before{top: 50%;margin-top: -6px}
.c-dropdown-placement-leftTop{left: 0;padding: 20px;top: -20px;transform: translateX(-100%)}
.c-dropdown-placement-leftTop:after,
.c-dropdown-placement-leftTop:before{right: 12px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #ebeef5}
.c-dropdown-placement-leftTop:after{right: 14px;border-left: 7px solid #fff}
.c-dropdown-placement-leftTop:after,
.c-dropdown-placement-leftTop:before{top: 40px}
.c-dropdown-placement-leftBottom{left: 0;padding: 20px;bottom: -20px;transform: translateX(-100%)}
.c-dropdown-placement-leftBottom:after,
.c-dropdown-placement-leftBottom:before{right: 12px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #ebeef5}
.c-dropdown-placement-leftBottom:after{right: 14px;border-left: 7px solid #fff}
.c-dropdown-placement-leftBottom:after,
.c-dropdown-placement-leftBottom:before{bottom: 40px}
@media only screen and (min-width:961px){.c-dropdown-wrap:hover .c-dropdown{opacity: 1;visibility: visible}}
@media only screen and (max-width:960px){.c-dropdown-wrap .c-dropdown{opacity: 1;visibility: visible;display: none}
.c-dropdown-wrap.mOn .c-dropdown{display: block;-webkit-animation: fadeIn .2s cubic-bezier(.645, .045, .355, 1);animation: fadeIn .2s cubic-bezier(.645, .045, .355, 1)}}
.crumb-nav{font-size: 14px}
.crumb-nav-link{color: #aaa;position: relative;max-width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: flex;flex-wrap: wrap;align-items: center;margin-right: 10px}
.crumb-nav-link:after{content: "\E6A4";font-family: iconfont!important;font-size: 12px;line-height: 1;font-style: normal;margin-left: 10px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.crumb-nav-active{max-width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333}
@media only screen and (max-width:640px){.crumb-nav{font-size: 12px}}
.sy-ban .swiper-container{opacity: 0;transition: opacity .4s ease}
.sy-ban .swiper-container.isready{opacity: 1}
.sy-ban .swiper-container.btn-typea .swiper-button-prev{left: 0;transform: translateX(-60px);background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}
.sy-ban .swiper-container.btn-typea .swiper-button-next{right: 0;transform: translateX(60px);background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}
.sy-ban .swiper-container.btn-typea .swiper-button-next,
.sy-ban .swiper-container.btn-typea .swiper-button-prev{outline: none;width: 44px;height: 100px;margin-top: -50px;background-color: rgba(0, 0, 0, .3);background-size: 12px 20px;background-position: 50%;transition: background-color .3s, opacity .3s, transform .3s}
.sy-ban .swiper-container.btn-typea .swiper-button-next:hover,
.sy-ban .swiper-container.btn-typea .swiper-button-prev:hover{background-color: #1E7BC1}
.swiper-slide{box-sizing: border-box;overflow: hidden}
.swiper-button-next,
.swiper-button-prev{outline: none}
.swiper-pagination.typea{bottom: 6%;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 28px}
.swiper-pagination.typea .swiper-pagination-bullet{width: 16px;height: 16px;border: 1px solid transparent;background-color: transparent;opacity: 1;position: relative;transition: all .3s}
.swiper-pagination.typea .swiper-pagination-bullet:after{content: "";position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;background-color: #fff;border-radius: 50%;overflow: hidden;opacity: 1;transition: opacity .3s;margin: -3px 0 0 -3px;transform: scale(.85)}
.swiper-pagination.typea .swiper-pagination-bullet-active{border-color: #fff;background-color: transparent}
.swiper-pagination.typea.swiper-pagination-bullets .swiper-pagination-bullet{}
.swiper-pagination.typeb{position: relative;bottom: 0;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 28px}
.swiper-pagination.typeb .swiper-pagination-bullet{width: 12px;height: 12px;border: 1px solid transparent;opacity: 1;background-color: transparent;position: relative;transition: all .3s;outline: none}
.swiper-pagination.typeb .swiper-pagination-bullet:after{content: "";position: absolute;left: 50%;top: 50%;width: 4px;height: 4px;margin: -2px 0 0 -2px;background-color: #ddd;border-radius: 50%;overflow: hidden;opacity: 1;transition: opacity .3s;transform-origin: 50% 50%;transform: scale(1.5);transition: all .3s}
.swiper-pagination.typeb .swiper-pagination-bullet-active{border-color: #1E7BC1;background-color: transparent;opacity: 1}
.swiper-pagination.typeb .swiper-pagination-bullet-active:after{background-color: #1E7BC1;transform: scale(1)}
.swiper-pagination.typeb.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px}
.sy-ban .swiper-container-horizontal>.svg-swiper-pagination{bottom: 5%}
.sy-ban .swiper-container-horizontal>.svg-swiper-pagination .swiper-pagination-bullet{}
.sy-ban .swiper-container-horizontal>.svg-swiper-pagination .swiper-pagination-bullet:last-child{padding-right: 0;background: none;}
.sy-ban .swiper-container-horizontal>.index-solution-pagination{bottom: 6%}
.sy-ban .swiper-container-horizontal>.index-solution-pagination .swiper-pagination-bullet{margin: 0}
.sy-ban .swiper-container-horizontal>.index-product-pagination{width: 120px;bottom: 0}
.sy-ban .swiper-container-horizontal>.index-product-pagination .swiper-pagination-bullet{margin: 0}
.svg-swiper-pagination{position: absolute;z-index: 1;display: flex;flex-wrap: wrap;justify-content: center}
.svg-swiper-pagination .swiper-pagination-bullet{background: transparent;opacity: 1;position: relative;width: 38px;height: 38px;outline: none;}
.svg-swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 38px;height: 38px;border-radius: 50%;transition: opacity .3s;background: url(../fonts/1f7feb841afc4815923a24b2a518e0bb.svg) no-repeat center;background-size: cover;width: 38px;height: 38px;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2{-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.svg-swiper-pagination .svg{width: 38px;height: 38px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block;}
.svg-swiper-pagination .swiper-pagination-bullet .svg{opacity: 1;}
.svg-swiper-pagination .circle1{/*stroke: #999;*/}
.svg-swiper-pagination .circle2{stroke: #fff;stroke-dasharray: 0 339;}
@-webkit-keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@-webkit-keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@media only screen and (min-width:961px){.sy-ban .swiper-container.btn-typea:hover .swiper-button-next,.sy-ban .swiper-container.btn-typea:hover .swiper-button-prev{transform: translateX(0)}}
@media only screen and (max-width:1280px){.sy-ban .swiper-container-horizontal>.index-solution-pagination{bottom: 6%}}
@media only screen and (max-width:1200px){.index-solution-pagination{padding: 0}
.index-solution-pagination .box{justify-content: center}
.index-solution-pagination .hr,.index-solution-pagination .picture,.index-solution-pagination .tit{display: none}
.index-solution-pagination .spot{background-color: #fff}
.index-solution-pagination .spot:after,.index-solution-pagination .spot:before{display: none}
.index-solution-pagination .swiper-pagination-bullet{width: 24px;height: 24px}}
.editor-detail{color: rgba(0, 0, 0, .65);font-size: 15px;line-height: 2;text-align: justify;text-justify: inter-ideograph}
.editor-detail h3{font-size: 24px;font-weight: 500;color: #333;line-height: 1.4;margin-bottom: 16px}
.editor-detail h5{font-size: 16px;font-weight: 500;color: #000}
.editor-detail hr{margin: 24px 0}
.editor-detail p{padding: 1px 0}
.editor-detail ul{list-style: none;-webkit-padding-start: 0;padding-inline-start: 0;margin-bottom: 0}
.editor-detail ul li:before{box-sizing: border-box;content: "\2022";display: inline-block;font-size: 17px;margin-left: -24px;padding-right: 11px;text-align: right;font-weight: 700;width: 24px}
.editor-detail ul p{margin: 0}
.editor-detail ol{list-style: decimal}
.editor-detail li{margin-left: 24px;padding-top: 2px}
.editor-detail a{text-decoration: none}
.editor-detail blockquote{background-color: #f2f5fb;padding: 5px 20px;margin-left: 0;margin-right: 0;color: #243342;border-left: 5px solid #d0d6dc}
.editor-detail img{max-width: 100%}
.editor-detail.img-center img{display: block;margin: 0 auto}
.editor-detail.img-mg img{display: block;margin: 15px auto}
.editor-detail.word-type{text-indent: 2em}
.editor-detail.word-type p{margin: 20px 0}
.editor-detail.word-type p img{display: block;margin: 0 auto}
.editor-detail.word-type p:first-of-type{margin-top: 0}
.editor-detail.no-spacing p{margin: 0!important}
.article-page01{background-color: #f9f9f9;padding: 32px 0 80px}
.article-page01 .wrap{padding: 50px 64px 80px;background-color: #fff}
.article-page01 .title{font-weight: 700;color: #000;margin-bottom: 30px}
.article-page01 .content h5{font-weight: 700}
@media only screen and (max-width:1024px){.article-page01{padding: 0}
.article-page01 .wrap{width: 100%;padding: 40px 3% 0}
.article-page01 .title{margin-bottom: 20px}}
@media only screen and (max-width:640px){.editor-detail{font-size: 14px;line-height: 1.8}
.editor-detail h3{font-size: 18px;margin-bottom: 10px}
.editor-detail hr{margin: 18px 0}
.editor-detail.img-mg img{margin: 10px auto}
.editor-detail.word-type p{margin: 10px 0}}
body{opacity: 0;transition: opacity .3s}
body.isReady{opacity: 1}
.page-main{overflow: hidden}
.page-pd-sm{padding: 64px 0}
.page-pd{padding: 90px 0}
.page-pd-plus{padding: 120px 0}
.c-imghover{overflow: hidden}
.c-imghover .c-imghover-item{transition: transform .4s ease-out}
.page-dw{position: absolute;left: 0;top: -100px;z-index: -1}
@media only screen and (min-width:961px){.c-imghover:hover .c-imghover-item{transition: transform 1s ease-out;transform: scale(1.1)}}
@media only screen and (max-width:1440px){.page-pd-sm{padding: 48px 0}
.page-pd{padding: 72px 0}
.page-pd-plus{padding: 100px 0}
.page-dw{top: -80px}}
@media only screen and (max-width:1200px){.page-pd-sm{padding: 40px 0}
.page-pd{padding: 60px 0}
.page-pd-plus{padding: 80px 0}}
@media only screen and (max-width:960px){.page-main{}
.page-pd-sm{padding: 30px 0}
.page-pd{padding: 48px 0}
.page-pd-plus{padding: 60px 0}
.page-dw{top: -60px}}
@media only screen and (max-width:640px){.page-pd-sm{padding: 24px 0}
.page-pd{padding: 40px 0}
.page-pd-plus{padding: 48px 0}}
.page-header{width: 100%;padding: 0 4%;position: fixed;left: 0;top: 0;z-index: 999;background-color: #fff;transition: transform .3s, background-color .3s ease-in, opacity .3s .3s}
.page-header.type-search .other,
.page-header.type-search .page-nav{opacity: 0;visibility: hidden}
.page-header.type-search .header-search{transform: translateY(0);opacity: 1;transition: opacity .3s, transform .3s}
.page-header.type-search .main{opacity: 1;transform: scaleY(1);transition-delay: 0s}
.page-header:after{content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #333;opacity: .1;transition: opacity .3s}
.page-header .other{transition: opacity .3s, visibility .3s}

.page-header .language{margin-right: 16px}
.page-header .language .title{cursor: pointer;padding-right: 14px}
.page-header .language .title:after{content: "";position: absolute;right: 0;top: 50%;margin-top: -2px;z-index: 1;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid rgba(0, 0, 0, .6)}
.page-header .language .c-dropdown-menu{min-width: 90px;text-align: center}
.page-header .search,
.page-header .user{font-size: 16px;cursor: pointer}
.page-header .search:hover,
.page-header .user:hover{color: #1E7BC1}
.page-header .hr{width: 1px;height: 12px;background-color: #ccc;margin: 0 12px}
.page-header .shop{line-height: 16px;padding: 8px 16px;background-image: linear-gradient(#3f76fe, #2141c0);color: #fff;border-radius: 16px;margin-left: 48px}
.page-header .shop .iconfont{font-size: 16px;margin-right: 4px}
.page-header .shop .title:after{content: "";display: block;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #fff;margin-left: 4px}
.page-header .shop .logo{height: 24px;display: block;margin: 0 auto}
.page-header .shop .c-dropdown-menu-item{padding: 8px 20px}
.page-header-zw{height: 80px;display: none}
.page-header-zw.show,
.page-logo{display: block}
.page-logo{position: relative}
.page-logo .img,.page-logo .img-w{transition: opacity .3s;}
.page-logo .img-w{position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transform: translateY(-200px);filter: drop-shadow(#fff 0 200px);}
.page-nav{margin-left: auto;position: relative;z-index: 1;transition: opacity .3s, visibility .3s}
.page-nav .item{margin-right: 60px;position: relative}
.page-nav .item.on .link{color: #1E7BC1}
.page-nav .item.on .link:after{transform: scaleX(1);opacity: 1}
.page-header .item:last-child:before{content: '';display: block;width: 20px;height:20px;background-size:100% 100%;position:absolute;left:-10px;top:50%;margin-top:-10px;}
.page-header.typea .item:last-child:before{background-size:100% 100%;}
.page-header .item:last-child:hover:before{background-size:100% 100%;}
.page-nav .link{max-width: 120px;height: 80px;display: flex;flex-wrap: wrap;align-items: center;text-align: center;position: relative;padding: 0!important;font-size: 20px;color: #333;text-transform: uppercase;line-height: 80px;overflow: hidden;}
.page-nav .link:after{content: "";position: absolute;left: 0;bottom: 0;background: #1E7BC1;width: 100%;height: 4px;transform: scaleX(0);opacity: 0;transition: opacity .3s, transform .3s}
.page-subnav{position: absolute;left: 0;top: 80px;width: 210px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);opacity: 0;visibility: hidden;transform: scaleY(0);transform-origin: center top;transition: transform .3s, opacity .3s, visibility .3s;}
.page-subnav .slink{display: block;font-size: 16px;padding: 0 16px;color: #666;background: #fff;position: relative;transition: background-color .4s, color .4s;text-align: left;font-family: Arial;height: 42px;line-height: 42px;overflow: hidden;}
.page-subnav .slink:before{content: "";display: block;height: 1px;background: #f6f6f6;position: absolute;top: 0;left: 10%;width: 80%}
.page-subnav .slink:first-of-type:before{opacity: 0}
.page-subnav .slink:hover{background: #f6f6f6;color: #1E7BC1}
.header-search{position: absolute;top: 0;left: 50%;width: 700px;margin-left: -350px;z-index: 1;opacity: 0;transform: translateY(-100%);transition: opacity .3s, transform .3s}
.header-search .form{padding: 25px 20px;background-color: #fff}
.header-search .submit{background: url(../images/icon-search.png) no-repeat 50%;border: none;outline: none;padding: 0;width: 24px;height: 50px;background-size: 22px;cursor: pointer}
.header-search .input{width: calc(100% - 48px);height: 50px;border: none;padding: 0 20px;font-size: 16px;outline: none;color: #333}
.header-search .main{position: absolute;left: 0;top: 100px;z-index: 0;padding: 20px 32px;width: 100%;background-color: #fff;border-top: 1px solid #eee;transform: scaleY(0);transform-origin: center top;opacity: 0;transition: opacity .3s, transform .3s}
.header-search .tit{font-size: 12px;color: #999;margin-bottom: 20px}
.header-search .item{margin-bottom: 12px}
.header-search .search-off{width: 24px;font-size: 24px;text-align: center;line-height: 1;cursor: pointer}
.header-search-bg{position: fixed;left: 0;bottom: 0;z-index: 8;background-color: #000;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: opacity .6s, visibility .6s;cursor: pointer}
.header-search-bg.show{opacity: .5;visibility: visible}
.page-nava{position: fixed;left: 0;top: 0;z-index: 7;width: 100%;height: 100%;transition: opacity .4s ease-out, visibility .4s ease-out;opacity: 0;visibility: hidden;background-color: #fff}
.page-nava.on{opacity: 1;visibility: visible;transition-timing-function: ease-in}
.page-nava .item{padding: 100px 4% 40px;height: calc(100vh - 50px);align-items: flex-start;position: absolute;left: 0;top: 100px;z-index: 1;width: 100%;background-color: #fff;opacity: 0;visibility: hidden;transition: opacity .4s ease-out, visibility .4s ease-out}
.page-nava .item.on{opacity: 1;visibility: visible;transition-timing-function: ease-in}
.page-nava .item.on .main,
.page-nava .item.on .side{transform: translateY(0);transition-timing-function: ease-in}
.page-nava .side{width: 28%;transform: translateY(50px);transition: transform .4s ease-out}
.page-nava .side .sitem{display: flex;flex-wrap: wrap;overflow: hidden}
.page-nava .side .link{font-size: 32px;font-weight: 300;color: grey;position: relative;line-height: 1.25;padding-bottom: 10px;margin-bottom: 40px;padding-left: 20px;transform: translateX(-20px);transition: transform .3s, color .3s;letter-spacing: 2px}
.page-nava .side .link:after{content: "";position: absolute;left: 0;bottom: 0;width: 54px;height: 2px;background-color: grey;transform-origin: left center;transition: width .3s, background-color .3s}
.page-nava .main{width: 72%;padding-right: 110px;align-items: flex-start;justify-content: space-between;position: relative;transform: translateY(50px);transition: transform .4s ease-out}
.page-nava .main .block{width: calc(50% - 20px);display: flex;flex-wrap: wrap;justify-content: space-between}
.page-nava .main .tit{font-size: 16px;margin-top: 18px;width: 100%}
.page-nava .close{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;position: absolute;right: 4%;top: 30px;z-index: 0;width: 50px;height: 50px;font-size: 20px;color: #444;cursor: pointer}
.page-nava .close:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid rgba(0, 0, 0, .15);border-radius: 50%;transition: transform .3s}
.page-nava .box1{position: relative;display: block;margin-top: 40px;overflow: hidden}
.page-nava .box1:first-of-type{margin-top: 0}
.page-nava .box1:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;background-color: rgba(0, 0, 0, .33);opacity: 0;transition: opacity .3s}
.page-nava .box1 .img{width: 100%;transition: transform .3s;position: relative;z-index: 0}
.page-nava .box1 .btn{width: 168px;line-height: 48px;position: absolute;left: 50%;top: 50%;z-index: 2;margin-left: -84px;margin-top: -24px;background-color: #1E7BC1;color: #fff;text-align: center;border-radius: 24px;font-size: 17px;transform: translateY(50px);opacity: 0;transition: transform .3s, opacity .3s}
.page-nava .box1 .title{font-size: 24px;color: #fff;padding: 24px 30px}
.page-nava .box1 .title,
.page-nava .box1:before{position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%}
.page-nava .box1:before{content: "";height: 40%;opacity: .4;background-image: linear-gradient(transparent, #000)}
.page-nava .wrap1{width: calc(50% - 20px);margin-top: 40px}
.page-nava .wrap1:first-of-type,
.page-nava .wrap1:nth-of-type(2){margin-top: 0}
.page-nava .box2{display: block;background-color: #f4f4f4;position: relative;padding-bottom: 100%;overflow: hidden}
.page-nava .box2 .img{max-width: 70%;max-height: 70%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: transform .3s ease-out}
@media only screen and (min-width:1025px){.page-header.typea:not(.typeanot){background-color: transparent;}
.page-header.typea:not(.typeanot) .page-nav .item:nth-child(2) .link{background: url(../images/ic08.png) no-repeat right;}
.page-header.typea:not(.typeanot):hover .page-nav .item:nth-child(2) .link{background: url(../images/ic07.png) no-repeat right;}
.page-header.typea:not(.typeanot):after{background-color: #fff;opacity: .3;}
.h-lang a{color: #333;border: 1px solid #333;font-size: 16px;width: 70px;height: 30px;border-radius: 18px;line-height: 30px;display: block;text-align: center;}
.h-lang a:hover,.page-header.typea:not(.typeanot):hover .h-lang a:hover{border: 1px solid #1E7BC1;background: #1E7BC1;color: #fff;}
.page-header.typea:not(.typeanot) .h-lang a{color: #fff;border: 1px solid #fff;font-size: 16px;width: 70px;height: 30px;border-radius: 18px;line-height: 30px;display: block;text-align: center;}
.page-header.typea:not(.typeanot):hover .h-lang a{color: #333;border: 1px solid #333;}
.page-header.typea:not(.typeanot) .xiala-fl{background: url(../images/ic15.png) no-repeat center;}
.page-header.typea:not(.typeanot):hover .xiala-fl{background: url(../images/ic14.png) no-repeat center;}
.page-header.typea:not(.typeanot) .page-logo .img{opacity: 0}
.page-header.typea:not(.typeanot) .page-logo .img-w{opacity: 1}
.page-header.typea:not(.typeanot) .language .title,.page-header.typea:not(.typeanot) .page-nav .link{color: #fff}
.page-header.typea:not(.typeanot) .language .title:after{border-top-color: #fff}
.page-header.typea:not(.typeanot) .search,.page-header.typea:not(.typeanot) .user{color: #fff}
.page-header.typea:not(.typeanot) .hr,.page-header.typea:not(.typeanot):hover{background-color: #fff}
.page-header.typea:not(.typeanot):hover:after{opacity: .1}
.page-header.typea:not(.typeanot):hover .page-logo .img{opacity: 1}
.page-header.typea:not(.typeanot):hover .page-logo .img-w{opacity: 0}
.page-header.typea:not(.typeanot):hover .page-nav .link{color: rgba(0, 0, 0, .6)}
.page-header.typea:not(.typeanot):hover .page-nav .item.on .link,.page-header.typea:not(.typeanot):hover .page-nav .link:hover{color: #1E7BC1}
.page-header.typea:not(.typeanot):hover .language .title{color: rgba(0, 0, 0, .6)}
.page-header.typea:not(.typeanot):hover .language .title:after{border-top-color: rgba(0, 0, 0, .6)}
.page-header.typea:not(.typeanot):hover .search,.page-header.typea:not(.typeanot):hover .user{color: rgba(0, 0, 0, .6)}
.page-header.typea:not(.typeanot):hover .hr{background-color: #ccc}
.page-nav .item:hover .link{color: #1E7BC1}
.page-nav .item:hover .link:after{transform: scaleX(1);opacity: 1}
.page-nav .item:hover .page-subnav{transform: scaleY(1);opacity: 1;visibility: visible}
.page-nava .side .link:hover{transform: translateX(0);color: #1E7BC1}
.page-nava .side .link:hover:after{width: 100%;background-color: #1E7BC1}
.page-nava .close:hover:after{transform: scale(1.1)}
.page-nava .box1:hover:after{opacity: 1}
.page-nava .box1:hover .btn{opacity: 1;transform: translateY(0)}
.page-nava .box1:hover .img{transform: scale(1.1)}
.page-nava .box2:hover .img{transform: translate(-50%, -50%) scale(1.1)}}
@media only screen and (max-width:1600px){.page-header{padding: 0 3%}
.page-nav .item{margin-right: 40px}
.page-nava .item{padding: 80px 3% 30px}
.page-nava .side .link{font-size: 28px;margin-bottom: 32px}
.page-nava .side .link:after{width: 48px}
.page-nava .box1 .title{font-size: 18px;padding: 16px 24px}
.page-nava .box1 .btn{width: 128px;line-height: 40px;border-radius: 20px;font-size: 15px}
.page-nava .main .block{width: calc(50% - 17px)}
.page-nava .box1,.page-nava .wrap1{margin-top: 34px}
.page-nava .close{right: 3%;top: 24px}}
@media only screen and (max-width:1440px){.page-logo .img,.page-logo .img-w{height: 32px}
.page-nav .item{margin-right: 32px}
.page-nav .link{height: 80px;padding: 0}
.page-header .shop{font-size: 12px;margin-left: 20px}
.page-header .shop .iconfont{font-size: 14px}
.page-header .shop .title:after{display: none}
.page-subnav{width: 120px;top: 80px}
.page-subnav .slink{font-size: 13px;padding: 8px 16px}
.header-search{width: 520px;margin-left: -260px}
.header-search .form{padding: 20px}
.header-search .input{height: 40px;font-size: 14px;padding: 0 16px}
.header-search .submit{height: 40px}
.header-search .main{top: 80px;padding: 20px 24px}
.page-nava .item{top: 80px;height: calc(100vh - 80px)}
.page-header-zw{height: 80px}
.page-header .item:last-child:before{width: 16px;height:16px;left:-19px;top:51%;}}
@media only screen and (max-width:1280px){.page-nava .item{padding: 60px 3% 20px}
.page-nava .side .link{font-size: 24px;letter-spacing: 0;padding-bottom: 8px;margin-bottom: 28px}
.page-nava .side .link:after{width: 44px;height: 1px}
.page-nava .box1 .title{font-size: 18px;padding: 16px 24px}
.page-nava .box1 .btn{width: 120px;line-height: 36px;border-radius: 18px;font-size: 14px}
.page-nava .main{margin-left: auto}
.page-nava .main .block{width: calc(50% - 12px)}
.page-nava .main .tit{margin-top: 12px;font-size: 14px}
.page-nava .box1{margin-top: 24px}
.page-nava .wrap1{margin-top: 32px}
.page-nava .main{max-width: 800px}}
@media only screen and (max-width:1200px){.page-header .language{margin-right: 12px}
.page-header .hr{margin: 0 8px}
.page-header .shop{margin-left: 16px}
.page-nav .item{margin-right: 16px}}
@media only screen and (max-width:1024px){.page-logo .img,.page-logo .img-w{height: 26px}
.page-nav,.page-nava{display: none}
.page-header{height: 60px;padding-right: 0}
.page-header .shop{display: none}
.page-header .other{margin-left: auto;margin-right: 60px}
.page-header .hr,.page-header .search{display: none}
.page-header .user .iconfont{display: block;width: 60px;line-height: 60px;height: 60px;border-right: 1px solid #eee;text-align: center;font-size: 22px}
.page-header .language{margin-right: 0}
.page-header .language .title{width: 60px;line-height: 60px;height: 60px;border-right: 1px solid #eee;text-align: center;font-size: 17px;padding: 0}
.page-header .language .title:after{display: none}
.page-header-zw{display: none!important}}
.mbnav-btn{width: 60px;height: 60px;position: absolute;right: 0;top: 0;cursor: pointer;overflow: hidden;transition: all .4s ease-out;display: none}
.mbnav-btn-list{width: 30px;height: 18px;position: absolute;top: 21px;right: 15px}
.mbnav-btn-item{position: absolute;right: 0;width: 100%;height: 2px;background-color: #666;border-radius: 1px;border-radius: 1.5px;transition: all .3s}
.mbnav-btn-item:first-of-type{top: 0}
.mbnav-btn-item:nth-of-type(2){top: 8px}
.mbnav-btn-item:nth-of-type(3){width: 50%;top: 16px}
.mbnav{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 10;opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s;overflow: hidden}
.mbnav ::-webkit-scrollbar{width: 0;height: 0;background-color: hsla(0, 0%, 100%, 0)}
.mbnav .data{display: none}
.mbnav .bg{left: 0;bottom: 0;z-index: 0}
.mbnav .bg,
.mbnav .main{position: absolute;top: 0;right: 0}
.mbnav .main{z-index: 1;width: 240px;height: 100%;background-color: #fff;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);overflow: hidden;transform: translateX(100%);transition: transform .3s}
.mbnav .header{background-color: #1E7BC1}
.mbnav .search{display: flex;flex-wrap: wrap;align-items: center;padding: 0 20px;height: 60px;line-height: 60px;border-bottom: none;background: #1E7BC1}
.mbnav .search .submit{background: none;padding: 0;width: 22px;background-size: 20px;font-size: 22px}
.mbnav .search .input,
.mbnav .search .submit{border: none;outline: none;height: 60px;color: #fff}
.mbnav .search .input{width: calc(100% - 22px);line-height: 1.5;padding: 0 0 0 12px;font-size: 16px;background: none}
.mbnav .search ::-moz-placeholder{color: #fff}
.mbnav .search ::-webkit-input-placeholder{color: #fff}
.mbnav .search :-ms-input-placeholder{color: #fff}
.mbnav .item{display: block;height: 50px;line-height: 50px;padding: 0 20px;font-size: 15px;border-bottom: 1px solid #f2f2f2;color: #777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative}
.mbnav .item.sub{padding-right: 40px}
.mbnav .item.sub:after{position: absolute;right: 16px;top: 50%;margin-top: -7px;content: "\E6A4";font-family: iconfont!important;font-size: 14px;line-height: 1;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.mbnav .slist{position: fixed;top: 0;right: 0;z-index: 1;width: 240px;height: 100%;transform: translateX(100%)}
.mbnav .sitem{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s, transform .3s}
.mbnav .sitem.active{transform: translateX(-100%);opacity: 1;visibility: visible}
.mbnav .tit{font-size: 16px;line-height: 60px;padding-right: 20px;padding-left: 40px;text-align: right;background-size: 7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background-color: #f2f2f2;position: relative}
.mbnav .tit:before{position: absolute;left: 16px;top: 50%;margin-top: -7px;content: "\E6DB";font-family: iconfont!important;font-size: 14px;line-height: 1;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
@-webkit-keyframes phone-navtop-animon{0%{top: 0;transform: rotate(0)}
50%{top: 8px;transform: rotate(0)}
to{top: 8px;transform: rotate(45deg)}}
@keyframes phone-navtop-animon{0%{top: 0;transform: rotate(0)}
50%{top: 8px;transform: rotate(0)}
to{top: 8px;transform: rotate(45deg)}}
@-webkit-keyframes phone-navbottom-animon{0%{width: 50%;top: 16px;transform: rotate(0)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 100%;top: 8px;transform: rotate(-45deg)}}
@keyframes phone-navbottom-animon{0%{width: 50%;top: 16px;transform: rotate(0)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 100%;top: 8px;transform: rotate(-45deg)}}
@-webkit-keyframes phone-navtop-animoff{0%{top: 8px;transform: rotate(45deg)}
50%{top: 8px;transform: rotate(0)}
to{top: 0;transform: rotate(0)}}
@keyframes phone-navtop-animoff{0%{top: 8px;transform: rotate(45deg)}
50%{top: 8px;transform: rotate(0)}
to{top: 0;transform: rotate(0)}}
@-webkit-keyframes phone-navbottom-animoff{0%{width: 100%;top: 8px;transform: rotate(-45deg)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 50%;top: 16px;transform: rotate(0)}}
@keyframes phone-navbottom-animoff{0%{width: 100%;top: 8px;transform: rotate(-45deg)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 50%;top: 16px;transform: rotate(0)}}
@media only screen and (max-width:1024px){.mbnav-btn{display: block}
body.mbNavOpen .mbnav-btn-item:first-of-type{-webkit-animation: phone-navtop-animon .4s linear forwards;animation: phone-navtop-animon .4s linear forwards}
body.mbNavOpen .mbnav-btn-item:nth-of-type(2){opacity: 0}
body.mbNavOpen .mbnav-btn-item:nth-of-type(3){-webkit-animation: phone-navbottom-animon .4s linear forwards;animation: phone-navbottom-animon .4s linear forwards}
body.mbNavOpen .mbnav{opacity: 1;visibility: visible}
body.mbNavOpen .mbnav .main{transform: translateX(0)}
body.mbNavOpen .page-header{transform: translateX(-240px)}
body.mbNavOff .mbnav-btn-item:first-of-type{-webkit-animation: phone-navtop-animoff .4s linear forwards;animation: phone-navtop-animoff .4s linear forwards}
body.mbNavOff .mbnav-btn-item:nth-of-type(2){opacity: 1;transition: opacity .2s linear .2s}
body.mbNavOff .mbnav-btn-item:nth-of-type(3){-webkit-animation: phone-navbottom-animoff .4s linear forwards;animation: phone-navbottom-animoff .4s linear forwards}
body.mbNavOff .mbnav{opacity: 0;visibility: hidden}
body.mbNavOff .mbnav .main{transform: translateX(100%)}}
.bannerswiper{height: auto;width: 100%;overflow: hidden;}
.bannerswiper .swiper-slide{background: no-repeat 50%/cover;position: relative}
.bannerswiper .img-m{width: 100%;display: none}
.bannerswiper .video{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}
.index-solution .main{position: absolute;left: 50%;top: 20%;z-index: 1;color: #fff;transform: translateX(-50%)}
.index-solution .wrap{max-width: 670px}
.index-solution .content,
.index-solution .more,
.index-solution .title{transform: translateY(60px);opacity: 0;transition: transform .3s, opacity .3s}


.swiper-container-banner {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.swiper-container-banner .swiper-slide {
	text-align: left;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.swiper-button-next,
.swiper-button-prev {
	background: none !important;
	width: auto !important;
	height: auto !important;
}

.swiper-container-banner .swiper-button-next span,
.swiper-container-banner .swiper-button-prev span {
	font-size: 60px;
	color: #fff;
}

.swiper-container-banner .txt {
	position: absolute;
	left: 8%;
	top: 35%;
	color: #fff;
	max-width: 770px;
}

.swiper-container-banner .txt .wz1 b {
	font-size: 30px;
	line-height: 42px;
	display: block;
	text-transform: uppercase;
	margin: 12px 0 24px;
	overflow: hidden;
	height: 54px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.swiper-container-banner .txt p {
	height: 60px;
	line-height: 30px;
	display: block;
	overflow: hidden;
	width: 400px;
}

.swiper-container-banner .txt .moreall {
	margin-top: 50px;
}

.swiper-button-prev {
	left: 0;
}

.swiper-button-next {
	right: 0;
}

.swiper-container-banner .pic {
	width: 100%;
}


.des,
.des p {
	font-size: 18px;
	line-height: 30px;
	color: #666;
	overflow: hidden;
}

.apadd {
	padding: 40px;
	display: flow-root;
	/* padding-top: 100px; */
}

.sytit {}

.sytit h2 {
	font-size: 40px;
	color: #222;
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.sytit p {
	font-size: 20px;
	color: #333;
}

.moreall {
	color: #fff;
	border: 1px solid #fff;
	border-radius: 500px;
	padding: 12px 30px;
	display: inline-block;
}

.moreall span,
.moreall4 span {
	font-size: 12px;
	margin-right: 6px;
}

.moreall:hover,
.moreall2 {
	border: 1px solid #1E7BC1 !important;
	background: #1E7BC1 !important;
	color: #fff !important;
}

.moreall2:hover {
	text-decoration: underline;
}

.moreall3 {
    border: none;
    background: #fff;
    /* 新增以下两行代码 */
    border-radius: 0; /* 改为方框 */
    padding: 12px 20px; /* 可以稍微调整内边距，使其更像矩形按钮 */
}
.moreall4 {
	color: #666;
}

.moreall4:hover {
	color: #1E7BC1 !important;
}

.moreall5 {
	color: #333;
	border: 1px solid #d3d3d3;
}

.sypro,
.syind,
.synew,
.nyfeed,
.saadv,
.nydo {
	background: #f2f5f8;
}

.sypro .cls dt {
	float: left;
	margin-right: 18px;
}

.sypro .cls dt:last-child {
	margin-right: 0;
}

.sypro li {
	float: left;
	width: 48.75%;
	margin-right: 2.5%;
	margin-top: 40px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.sypro li .imgfd {
	width: 42%;
}

.sypro li .imgfd img {}

.sypro li .txt {
	width: 58%;
}

.sypro li .txt .pad {
	padding-top: 50px;
	padding-left: 50px;
}

.sypro li:nth-child(2n) {
	margin-right: 0;
}

.sypro li .txt h3 {
	font-size: 26px;
	color: #2d2d2d;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.sypro li .txt .des {
	height: 120px;
	overflow: hidden;
	margin: 20px 0 50px;
}

.sypro li:hover .txt b,
.sypro li:hover .txt h3 {
	color: #1E7BC1;
}

.syabo .txt {
	width: 44%;
}

.syabo .imgg {
	width: 50.5%;
}

.syabo .txt .des {
	margin: 30px 0 70px;
}

.tdnum {
	padding: 30px 25px;
	border-radius: 8px;
	overflow: hidden;
	margin-top: 55px;
}

.tdnum dt {
	float: left;
	width: 22%;
	margin-right: 4%;
	text-align: center;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .3);
	padding: 30px 10px 40px;
	border-radius: 8px;
	overflow: hidden;
}

.tdnum dt:last-child {
	margin-right: 0;
}

.tdnum dt .num {
	font-size: 30px;
	font-weight: bold;
}

.tdnum dt .num b {
	font-size: 50px;
	margin-right: 5px;
}

.tdnum dt p {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	display: block;
}

.tdnum dt:hover {
	background: rgba(255, 255, 255, .9);
	color: #666;
}

.tdnum dt:hover .num {
	color: #1E7BC1;
}

.listthr li {
	width: 32%;
	margin-right: 2%;
	float: left;
}

.listthr li:nth-child(3n) {
	margin-right: 0;
}

.syind {}

.syind li {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	margin-top: 30px;
}

.syind li .effect-img {
	font-size: 0;
}

.syind li .effect-img img {
	width: 100%;
	/*height: 580px;*/
}

.syind li .effect-text {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 80px 40px;
	top: calc(100% - 200px);
	left: 0;
	transition: .5s;
}

.syind li .effect-text h2 {
	font-size: 30px;
	transition: .5s;
	font-weight: bold;
	margin-top: -20px;
	display: block;
	overflow: hidden;
	height: 36px;
	line-height: 36px;
	margin-bottom: 24px;
	color: #fff;
}

.syind li .effect-text .des {
	display: none;
	margin-bottom: 80px;
	height: 150px;
	overflow: hidden;
	color: #fff;
}

.syind li .effect-text .moreall4 {
	color: #fff;
}

.syind li:hover .effect-text {
	top: 0;
}

.syind li:hover .effect-text h2 {
	margin-top: 0px;
}

.syind li:hover .effect-text {
	background: rgba(0, 74, 165, .8);
}

.syind li:hover .effect-text .des {
	display: block;
}

.sywhy {
	background: url("../images/sy09.jpg") no-repeat left;
	background-size: cover;
}

.sywhy .sytit h2,
.sywhy .sytit p {
	color: #fff;
}

.sywhy .des {
	color: #fff;
	margin-top: 20px;
}

.sywhy .txt {
	width: 60%;
}

.sywhy .feed-sy {
	width: 34%;
	background: rgba(0, 74, 165, .4);
	/*text-align: center;*/
}

.sywhy .feed-sy .box {
	padding: 50px 65px;
}

.sywhy li {
	float: left;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding-bottom: 30px;
	margin-top: 40px;
}

.sywhy li .img {
	width: 20%;
}

.sywhy li .wz {
	width: 65%;
	color: #fff;
	margin-right: 10%;
}

.sywhy li .img .img2 {
	margin: 0 auto;
	display: block;
	max-width: 50px;
}

.sywhy li .wz b {
	font-size: 18px;
	display: block;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
}

.sywhy li .wz p {
	font-size: 14px;
	line-height: 22px;
	margin-top: 18px;
	display: block;
	height: 66px;
	overflow: hidden;
}

.sywhy .feed-sy b {
	font-size: 24px;
	color: #fff;
	display: block;
	margin-bottom: 30px;
}

.sywhy .feed-sy input {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #fff;
	border-radius: 5px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding-left: 4%;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.sywhy .feed-sy textarea {
	width: 100%;
	background: #fff;
	border-radius: 5px;
	margin: 0 auto;
	padding-left: 4%;
	padding-top: 15px;
	height: 130px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.sywhy .feed-sy .tj {
	width: 100%;
	height: 62px;
	line-height: 62px;
	background: #e98323;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin-top: 20px;
	cursor: pointer;
	text-transform: uppercase;
}

.synew li {
	border-radius: 8px;
	overflow: hidden;
	margin-top: 30px;
	position: relative;
}

.synew li .imgfd img {
	height: 320px;
}

.synew li .txt {
	background: #fff;
	padding: 28px;
}

.synew li .date {
	position: absolute;
	background: #e98323;
	padding: 12px 25px;
	color: #fff;
	border-radius: 4px;
	top: 250px;
	left: 28px;
	z-index: 1;
}

.synew li .txt p {
	font-size: 22px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	display: block;
	color: #333;
}

.synew li .txt .des {
	height: 90px;
	margin: 20px 0;
}

.synew li:hover .txt p {
	color: #1E7BC1;
}

.synew li:last-child {
	border-radius: 0;
}

.synew li dt {
	border-radius: 8px;
	overflow: hidden;
}

.synew li dt .txt p {
	height: 30px;
	margin-bottom: 20px;
}

.synew li dt .cfls i {
	color: #e98323;
}

.synew li dt .nxz {
	background: #1E7BC1;
	padding: 54px 10px;
	margin-top: 42px;
	border-radius: 8px;
	overflow: hidden;
	text-align: center;
}

.synew li dt .nxz a {
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 8px;
	height: 54px;
	line-height: 54px;
	min-width: 250px;
	overflow: hidden;
	color: #fff;
	padding: 0 10px;
	margin: 10px 0;
}

.synew li dt .nxz a span {
	margin-left: 5px;
}

.synew li dt .nxz a:hover {
	background: #fff;
	color: #1E7BC1;
}

@media (max-width: 1200px) {
	.swiper-container-banner .txt .wz1 b {
		font-size: 30px;
		line-height: 40px;
		height: 80px;
	}

	.swiper-container-banner .txt {
		top: 20%;
	}

	.sytit h2 {
		font-size: 26px;
		margin-bottom: 4px;
	}

	.sytit p {
		font-size: 16px;
	}

	.sypro li .txt .pad {
		padding-left: 20px;
	}

	.sypro li .txt h3,
	.tdnum dt .num,
	.syind li .effect-text h2 {
		font-size: 22px;
	}

	.des,
	.des p {
		font-size: 16px;
		line-height: 26px;
	}

	.sypro li .txt .des {
		height: 78px;
		margin-bottom: 30px;
	}

	.sypro li .imgfd img {
		height: 260px;
	}

	.apadd {
		padding-top: 100px;
	}

	.syabo .txt .des {
		margin: 20px 0 30px;
	}

	.tdnum {
		padding: 50px 30px;
	}

	.tdnum dt .num b {
		font-size: 30px;
	}

	.tdnum dt {
		padding: 24px 10px;
	}

	.syind li .effect-img img {
		height: 360px;
	}

	.syind li .effect-text {
		top: calc(100% - 150px);
	}

	.syind li .effect-text h2 {
		margin-bottom: 10px;
	}

	.sywhy .feed-sy input {
		font-size: 15px;
	}

	.synew li .txt p {
		font-size: 20px;
	}
}

@media (max-width: 960px) {
	.swiper-container-banner .pic {
		width: 120%;
		max-width: 120%;
	}

	.swiper-container-banner .txt .wz1 b {
		font-size: 26px;
		line-height: 36px;
		height: 72px;
	}

	.swiper-container-banner .txt .moreall {
		margin-top: 30px;
	}

	.f16,
	.des,
	.des p {
		font-size: 15px;
	}

	.moreall {
		padding: 10px 30px;
	}

	.swiper-container-banner .txt {
		max-width: 84%;
	}

	.sypro .cls,
	.syabo .imgg,
	.syind li:last-child {
		display: none;
	}

	.sypro li {
		margin-top: 30px;
	}

	.sytit h2 {
		font-size: 24px;
	}

	.sypro li .txt h3,
	.tdnum dt .num,
	.syind li .effect-text h2 {
		font-size: 20px;
	}

	.sypro li .txt .pad {
		padding-top: 30px;
	}

	.sypro li .txt .des {
		margin: 10px 0 20px;
	}

	.sypro li .imgfd img {
		height: 220px;
	}

	.syabo .txt,
	.sywhy .txt,
	.sywhy .feed-sy {
		width: 100%;
	}

	.tdnum dt .num b {
		font-size: 26px;
	}

	.tdnum dt {
		width: 46%;
		margin: 10px 2%;
	}

	.tdnum {
		padding: 30px 0;
	}

	.listthr li,
	.listthr li:nth-child(3n) {
		width: 49%;
		margin-top: 20px;
	}

	.listthr li:nth-child(2n) {
		margin-right: 0;
	}

	.syind li .effect-img img {
		height: 400px;
	}

	.sywhy .feed-sy b {
		margin-bottom: 15px;
	}

	.sywhy .feed-sy input {
		height: 48px;
		line-height: 48px;
		margin-bottom: 15px;
	}

	.sywhy .feed-sy textarea,
	.sywhy .feed-sy input {
		font-size: 14px;
	}

	.sywhy .feed-sy .box {
		margin-top: 30px;
	}

	.synew li:last-child {
		width: 100%;
	}
}

@media (max-width: 540px) {

	.swiper-container-banner .swiper-button-next span,
	.swiper-container-banner .swiper-button-prev span {
		font-size: 30px;
	}

	.swiper-container-banner .txt .wz1 b {
		font-size: 20px;
		line-height: 30px;
		height: 60px;
		margin: 5px 0 10px;
	}

	.swiper-container-banner .pic {
		width: 150%;
		max-width: 150%;
	}

	.swiper-container-banner .txt {
		top: 16%;
	}

	.sypro li,
	.syind li {
		width: 100%;
		margin-right: 0;
	}

	.sytit h2 {
		font-size: 20px;
	}

	.des,
	.des p {
		line-height: 24px;
	}

	.sypro li .txt .des {
		height: 72px;
	}

	.apadd {
		padding: 30px 0 40px;
	}

	.sypro li,
	.syind li {
		margin-top: 15px;
	}

	.apadd .moreall {
		display: none;
	}

	.syind li .effect-img img {
		height: 200px;
		object-fit: cover;
	}

	.sypro li .txt h3,
	.tdnum dt .num,
	.syind li .effect-text h2 {
		font-size: 18px;
	}

	.syind li .effect-text h2 {
		margin-bottom: 5px;
	}

	.syind li .effect-text {
		padding-left: 20px;
	}

	.listthr li,
	.listthr li:nth-child(3n) {
		width: 100%;
		margin-top: 15px;
	}

	.sywhy li .wz p {
		height: auto;
	}

	.sywhy .feed-sy .box {
		padding: 30px 20px;
	}

	.synew li .txt p {
		font-size: 18px;
		line-height: 24px;
		height: 48px;
	}

	.synew li .txt .des {
		height: 48px;
		margin: 10px 0;
		;
	}

	.synew li dt .txt p {
		height: 24px;
	}

	.synew li dt .nxz {
		padding: 30px 10px;
		margin-top: 15px;
	}

	.synew li .imgfd img {
		height: 260px;
	}

	.synew li .date {
		top: 200px;
	}

	.syabo .imgg {
		display: block;
		width: 100%;
	}

	.tdnum {
		margin-top: 40px;
	}
}

.banny {
	/* height: 540px; */
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #666;
}

.banny h2 {
	font-size: 40px;
	color: #fff;
	position: absolute;
	top: 46%;
	text-transform: uppercase;
}

.banny .img {
	/* height: 540px; */
	width: 100%;
	object-fit: cover;
}

.loca {
	position: absolute;
	bottom: 0;
	height: 80px;
	line-height: 80px;
	font-size: 14px;
	color: #fff;
}

.loca a {
	color: #fff;
}

.loca a:hover {
	text-decoration: underline;
}

.loca span {
	color: #e98323;
	margin-right: 5px;
}

.nycont .map {
	margin: 0 auto;
	display: block;
}

.nycont h3 {
	font-size: 30px;
	color: #333;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #dedede;
	margin: 45px 0;
	padding-bottom: 35px;
}

.nycont dl,
.nycont .box {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.nycont dt {
	position: relative;
	padding-right: 8%;
}

.nycont dt:last-child {
	padding-right: 0;
}

.nycont dt::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 90px;
	background: #dedede;
	top: 0;
	right: 0;
}

.nycont dt:last-child::before {
	display: none;
}

.nycont dt .ic {
	width: 90px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	border: 1px solid #d2d2d2;
	border-radius: 500px;
	margin-right: 24px;
}

.nycont dt .ic span {
	font-size: 38px;
	color: #1E7BC1;
}

.nycont dt .wz {
	color: #666;
	line-height: 36px;
}

.nycont dt .wz i {
	font-size: 24px;
	color: #333;
	display: block;
	margin-top: 5px;
}

.nycont .box {
	margin-top: 75px;
}

.nycont .box .b {
	font-size: 20px;
	text-transform: uppercase;
	color: #333;
}

.nycont .box .b i {
	color: #e98323;
}

.nycont .box .ewm {
	max-width: 100px;
	text-align: center;
}

.nycont .box .ewm p {
	display: block;
	font-size: 14px;
	color: #666;
	margin-top: 10px;
}

.nycont .box .des {
	max-width: 48%;
}

.nyfeed h3 {
	font-size: 30px;
	color: #333;
}

.nyfeed .map {
	width: 46.25%;
	height: 490px;
	overflow: hidden;
}

.nyfeed .fefo {
	padding: 50px 30px;
	background: #fff;
	width: 52%;
}

.input_control {
	position: relative;
	width: 32%;
	float: left;
	margin-right: 2%;
	background: #f6f6f6;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	height: 54px;
	margin-top: 26px;
}

.input_control:nth-child(3) {
	margin-right: 0;
}

.form_input {
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: 0;
	height: 54px;
	line-height: 54px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 30px;
	font-size: 14px;
	color: #666;
	width: 95%;
	background: #f6f6f6;
}

.input_control lable {
	color: red;
	position: absolute;
	left: 20px;
	line-height: 54px;
}

.form_input::-moz-placeholder,
.form_text::-moz-placeholder {
	color: #666;
}

.form_text {
	height: 100px;
	background: #f6f6f6;
	position: absolute;
	left: 30px;
	top: 15px;
	width: 95%;
	font-size: 14px;
	color: #666;
	line-height: 25px;
}

.input_control2 {
	width: 100%;
	margin: 16px 0 25px;
	height: 150px;
}

.form i {
	font-size: 14px;
	color: #666;
	display: block;
}

.form .submit {
	width: 240px;
	height: 60px;
	line-height: 60px;
	border-radius: 4px;
	background: #1E7BC1;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	margin-top: 24px;
}

@media (max-width: 1200px) {

	.banny .img,
	.banny {
		height: 300px;
	}

	.banny h2 {
		font-size: 30px;
		top: 40%;
	}

	.nycont dt {
		margin-bottom: 20px;
		padding-right: 0;
		line-height: 30px;
	}

	.nycont dt .ic {
		width: 60px;
		height: 60px;
		line-height: 60px;
		margin-right: 10px;
	}

	.nycont dt .ic span {
		font-size: 26px;
	}

	.nycont dt::before {
		display: none;
	}

	.nycont h3 {
		font-size: 24px;
		padding-bottom: 20px;
	}

	.nycont dt .wz i {
		font-size: 20px;
		margin-top: 0;
	}

	.nyfeed h3 {
		font-size: 24px;
	}
}

@media (max-width: 960px) {

	.banny .img,
	.banny {
		height: 300px;
	}

	.nyfeed .map {
		display: none;
	}

	.nyfeed .fefo {
		width: 100%;
	}
}

@media (max-width: 540px) {

	.banny .img,
	.banny {
		height: 180px;
	}

	.loca {
		display: none;
	}

	.banny h2 {
		font-size: 22px;
	}

	.nycont h3,
	.nyfeed h3 {
		font-size: 20px;
	}

	.nycont h3 {
		margin: 25px 0;
		padding-bottom: 15px;
	}

	.nycont dt .wz {
		width: 80%;
		line-height: 30px;
	}

	.nycont dl,
	.nycont .box {
		display: flow-root;
	}

	.nycont dt {
		margin-bottom: 25px;
		display: flex;
	}

	.nycont .box {
		margin-top: 20px;
	}

	.nycont .box .des {
		max-width: 100%;
		margin: 15px 0;
	}

	.input_control {
		width: 100%;
		margin-right: 0;
	}

	.nyfeed .fefo {
		padding: 30px 20px;
	}

	.input_control {
		margin-top: 10px;
	}

	.form .submit {
		height: 50px;
		line-height: 50px;
		width: 160px;
		font-size: 16px;
		margin-top: 10px;
	}
}

.nytit {
	font-size: 38px;
	color: #333;
	text-transform: uppercase;
	text-align: center;
	display: block;
	margin-bottom: 45px;
}

.nyapp .tab {
	position: relative;
	min-height: 630px;
}

.nyapp .tab-hd {
	overflow: hidden;
	zoom: 1;
	background: #f7f7f7;
	padding: 70px 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.nyapp .tab-hd li {
	cursor: pointer;
	height: 75px;
	line-height: 75px;
	overflow: hidden;
	padding: 0 40px;
}

.nyapp .tab-hd li a {
	display: contents;
}

.nyapp .tab-hd li h3 {
	font-size: 26px;
	color: #333;
	position: relative;
}

.nyapp .tab-hd li h3::after {
	content: '';
	position: absolute;
	top: 34px;
	left: 0;
	background: #e98323;
	width: 4px;
	height: 95px;
	display: none;
}

.nyapp .tab-hd li .des {
	max-width: 64%;
	color: #fff;
	height: 90px;
	border-left: 4px solid #e98323;
	padding: 0 40px;
	margin-top: 35px;
	display: none;
}

.nyapp .tab-hd li.active {
	height: 160px;
	line-height: 160px;
	background: rgba(28, 37, 49, .4);
	padding: 0;
	width: 100%;
	max-width: 1600px;
	position: relative;
	z-index: 2;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.nyapp .tab-hd li.active h3 {
	font-size: 38px;
	color: #fff;
	margin-left: 40px;
	padding-left: 20px;
	width: 30%;
	overflow: hidden;
}

.nyapp .tab-hd li.active h3::after,
.nyapp .tab-hd li.active .des {
	display: block;
}

.nyapp .tab-bd {
	width: 100%;
	max-width: 1010px;
	background: #666;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.nyapp .tab-bd li {
	display: none;
	color: #fff;
}

.nyapp .tab-bd li:nth-child(1) {
	display: list-item;
}

.nyapp .tab-bd li img {
	height: auto;
	width: 100%;
	display: block;
}

.showapp .img {
	width: 45%;
}

.showapp .txt {
	width: 50%;
}

.showapp .txt h1 {
	font-size: 30px;
	color: #333;
	margin: 30px 0 20px;
}

.saadv li {
	text-align: center;
	padding: 60px 50px 40px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 74, 165, .2);
	min-height: 370px;
}

.saadv li h3 {
	color: #333;
	font-size: 26px;
	margin: 30px 0 15px;
	display: block;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
}

.saadv li .des {
	font-size: 16px;
	height: 90px;
}

.saadv li i {
	font-size: 80px;
	color: #1E7BC1;
	opacity: .1;
	font-weight: bold;
}

.saoth li {
	text-align: center;
}

.saoth li .imgfd img {
	height: 320px;
}

.saoth li p {
	color: #333;
	display: block;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	margin-top: 20px;
}

.saoth li:hover p {
	color: #1E7BC1;
}

@media (max-width: 1400px) {
	.nyapp .tab-bd {
		max-width: 800px;
	}
}

@media (max-width: 1200px) {
	.nyapp .tab-bd {
		max-width: 60%;
	}

	.nyapp .tab-hd {
		width: 40%
	}

	.nyapp .tab-hd,
	.nyapp .tab-bd {
		position: inherit;
	}

	.nyapp .tab {
		min-height: auto;
	}

	.nyapp .tab-hd {
		padding: 40px 0;
	}

	.nyapp .tab-hd li {
		height: 60px;
		line-height: 60px;
	}

	.nyapp .tab-hd li h3 {
		font-size: 22px;
	}

	.nytit {
		font-size: 26px;
	}

	.showapp .txt h1 {
		margin-top: 0;
		font-size: 24px;
	}

	.saadv li i {
		font-size: 40px;
	}

	.saadv li .des {
		height: 78px;
		margin-bottom: 10px;
	}

	.saadv li {
		padding: 40px 20px;
	}

	.saoth li .imgfd img {
		height: 200px;
	}
}

@media (max-width: 960px) {

	.nyapp .tab-hd,
	.nyapp .tab-bd,
	.showapp .img,
	.showapp .txt {
		width: 100%;
		max-width: 100%;
	}

	.showapp .img {
		margin-bottom: 20px;
	}

	.saoth li .imgfd img {
		height: 240px;
	}

	.saadv li h3 {
		font-size: 20px;
	}

	.nytit {
		margin-bottom: 25px;
	}
}

@media (max-width: 540px) {
	.nytit {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.nyapp .tab-hd {
		padding: 15px 0;
	}

	.nyapp .tab-hd li h3 {
		font-size: 18px;
	}

	.nyapp .tab-hd li {
		height: 45px;
		line-height: 45px;
		padding: 0 20px;
	}

	.showapp .txt h1 {
		font-size: 20px;
	}

	.saadv li .des {
		height: auto;
	}

	.saadv li {
		min-height: auto;
	}

	.saadv li h3 {
		margin: 10px 0;
	}

	.saoth li p {
		font-size: 16px;
		margin: 10px 0;
	}
}

.nyclf {
	border-bottom: 1px solid #eaebed;
	overflow: hidden;
}

.nyclf ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 100%;
}

.nyclf ul li {
	max-width: 25%;
	overflow: hidden;
	position: relative;
	height: 70px;
	line-height: 70px;
}

.nyclf ul li a {
	color: #333;
}

.nyclf ul li #line {
	width: 0px;
	height: 2px;
	background-color: #1E7BC1;
	margin: 0 auto;
	position: absolute;
	left: 0px;
	right: 0px;
	transition: width 0.3s linear;
	bottom: 0;
}

.nyclf ul li:hover #line,
.nyclf ul li.cur #line {
	width: 100%;
}

.nyclf ul li:hover a,
.nyclf ul li.cur a {
	color: #1E7BC1;
}

.nydo h2 {
	text-align: left;
}

.nyabout .des,
.nydo .des {
	color: #333;
	margin-bottom: 50px;
}

.nydo .txt {
	width: 44%;
}

.nydo .img {
	width: 52.5%;
}

.nydo .txt dt {
	width: 50%;
	float: left;
}

.nydo .txt dt .num {
	color: #1E7BC1;
	font-size: 36px;
	font-family: Arial;
}

.nydo .txt dt .num b {
	font-size: 58px;
	margin-right: 5px;
}

.nyacor li .imgfd img {
	height: 340px;
}

.nyacor li {
	position: relative;
	text-align: center;
	color: #fff;
}

.nyacor li .txt {
	position: absolute;
	left: 4%;
	width: 92%;
	top: 110px;
}

.nyacor li b {
	font-size: 24px;
	font-family: Arial;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
}

.nyacor li .des {
	height: 90px;
	color: #fff;
}

.adminbuy_cn img {
    max-width: 100% !important;
    height: auto !important;
    display: block;          /* ← inline-block 改为 block */
}

.adminbuy_cn p {
	text-wrap: inherit !important;
}

.adminbuy_cn p span {
	text-wrap: inherit !important;
}

@media (max-width: 1200px) {
	.nyacor li .des {
		height: 104px;
	}
}

@media (max-width: 960px) {

	.nydo .img,
	.nydo .txt {
		width: 100%;
	}

	.nyabout .des,
	.nydo .des {
		margin-bottom: 20px;
	}

	.nydo .txt dt .num b {
		font-size: 30px;
	}

	.nydo .txt dl {
		margin-bottom: 30px;
		display: flow-root;
	}

	.nyclf ul li a {
		font-size: 16px;
	}
}

@media (max-width: 540px) {
	.nyclf {
		display: none;
	}

	.nydo .txt dt .num {
		font-size: 26px;
	}

	.nydo .txt dl {
		font-size: 16px;
	}

	.nyacor li .imgfd img {
		height: 250px;
	}

	.nyacor li b {
		font-size: 20px;
	}

	.nyacor li .des {
		height: auto;
	}

	.nyacor li .txt {
		top: 70px;
	}
}

.nyhis {
	overflow: hidden;
}

.hisgd {
	position: relative;
}

.nyhis .swiper-button-next,
.nyhis .swiper-button-prev {
	width: 50px !important;
	height: 50px !important;
	border: 1px solid #e2e2e2;
	border-radius: 500px;
	text-align: center;
	line-height: 50px;
	background: #fff !important;
	margin-top: 0;
	top: -25px;
}

.nyhis .swiper-button-next span,
.nyhis .swiper-button-prev span {
	color: #666;
	font-size: 18px;
	font-weight: bold;
}

.nyhis .swiper-button-next:hover,
.nyhis .swiper-button-prev:hover {
	border: 1px solid #1E7BC1;
	background: #1E7BC1 !important;
}

.nyhis .swiper-button-next:hover span,
.nyhis .swiper-button-prev:hover span {
	color: #fff;
}

.nyhis .mySwiper {
	border-top: 1px dashed #1E7BC1;
}

.nyhis .mySwiper .year {
	margin-top: -7px;
}

.nyhis .mySwiper .swiper-slide {
	font-size: 20px;
	color: #ced5db;
	text-align: center;
	height: 120px;
	line-height: 120px;
	position: relative;
}

.nyhis .mySwiper .swiper-slide::after {
	content: '';
	width: 14px;
	height: 14px;
	background: #ced5db;
	border-radius: 500px;
	top: 0;
	left: 48%;
	position: absolute;
}

.nyhis .mySwiper .swiper-slide-thumb-active {
	font-size: 60px;
	color: #1E7BC1;
	font-family: Arial, Helvetica, sans-serif;
}

.nyhis .mySwiper .swiper-slide-thumb-active::after {
	width: 22px;
	height: 22px;
	background: #1E7BC1;
}

.nyhis .mySwiper2 {
	overflow: hidden;
}

.nyhis .mySwiper2 .img {
	width: 45%;
}

.nyhis .mySwiper2 .txt {
	padding-right: 6%;
	width: 48%;
}

.nyhis .mySwiper2 .txt b {
	font-size: 24px;
	color: #333;
	display: block;
	margin: 20% 0 20px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 1;
}

.hisqua h2 {
	text-align: left;
}

.quaqh li .imgfd {
	background: #f6f6f6;
	padding: 24px;
}

.quaqh li .imgfd img {
	height: 340px;
}

.quaqh .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	background: url(../images/ny15.png) no-repeat center;
	margin: 0 2px;
	opacity: 1;
}

.quaqh .swiper-pagination-bullet-active {
	width: 20px;
	height: 20px;
	background: url(../images/ny14.png) no-repeat center;
}

.quaqh .swiper-pagination {
	margin-top: 40px;
	width: 100%;
}

.listapic li {
	width: 24%;
	margin-right: 1.3%;
	margin-bottom: 20px;
	float: left;
}

.listapic li:nth-child(4n) {
	margin-right: 0;
}

.listapic li .imgfd img {
	height: 290px;
}

.listser li {
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-bottom: 40px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

.listser li:nth-child(2n) {
	margin-right: 0;
}

.listser li .imgfd img {
	min-height: 340px;
}

.listser li .txt {
	position: absolute;
	top: 60px;
	left: 6%;
	z-index: 1;
}

.listser li .txt h3 {
	font-size: 26px;
	color: #fff;
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.listser li .txt .des {
	color: #fff;
	height: 90px;
	margin: 20px 0 30px;
	max-width: 400px;
}

@media (max-width: 1200px) {
	.nyhis .mySwiper .swiper-slide-thumb-active {
		font-size: 34px;
	}

	.nyhis .mySwiper2 .txt b {
		margin-top: 30px;
		font-size: 20px;
	}

	.quaqh li .imgfd img {
		height: 260px;
	}

	.listapic li .imgfd img {
		height: 200px;
	}
}

@media (max-width: 960px) {

	.nyhis .mySwiper2 .img,
	.nyhis .mySwiper2 .txt {
		width: 100%;
		margin: 0;
	}

	.listapic li,
	.listapic li:nth-child(4n) {
		width: 49%;
		margin-right: 2%;
	}

	.listapic li:nth-child(2n) {
		margin-right: 0;
	}

	.listapic li .imgfd img {
		height: 270px;
	}

	.listser li .txt h3 {
		font-size: 20px;
	}

	.listser li .txt .des {
		height: 78px;
	}
}

@media (max-width: 540px) {
	.nyhis .mySwiper .swiper-slide {
		height: 90px;
		line-height: 90px;
		font-size: 16px;
	}

	.nyhis .mySwiper .swiper-slide-thumb-active {
		font-size: 20px;
	}

	.nyhis .mySwiper .swiper-slide::after {
		width: 10px;
		height: 10px;
	}

	.nyhis .mySwiper .swiper-slide-thumb-active::after {
		width: 15px;
		height: 15px;
	}

	.nyhis .swiper-button-next,
	.nyhis .swiper-button-prev {
		display: none;
	}

	.nyhis .mySwiper2 .txt b {
		font-size: 16px;
	}

	.quaqh li .imgfd {
		padding: 14px;
	}

	.quaqh li .imgfd img {
		height: 230px;
	}

	.quaqh .swiper-pagination {
		margin-top: 20px;
	}

	.nyhis .mySwiper {
		margin-top: 30px;
	}

	.listapic li .imgfd img {
		height: 140px;
	}

	.listapic li {
		margin-bottom: 10px;
	}

	.listser li,
	.listser li:nth-child(2n) {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.listser li .imgfd img {
		min-height: 280px;
	}

	.listser li .txt .moreall {
		display: inline-block;
	}

	.listser li .txt {
		top: 40px;
	}
}

.linecom li:nth-child(1) {
	width: 44%;
	float: left;
	margin-right: 4%;
}

.linecom li {
	float: right;
	width: 52%;
}

.linecom li .txt {
	background: #f2f5f8;
	border-radius: 8px;
	overflow: hidden;
}

.linecom li:nth-child(1) .imgfd {
	margin-top: 30px;
	border-radius: 8px;
	overflow: hidden;
}

.cfls b {
	color: #e98323;
	font-weight: normal;
}

.linecom .synew li .txt p {
	margin-bottom: 10px;
}

.listnew .nytit {
	margin-bottom: 0px;
	color: #1E7BC1;
}

.lineblo .nytit,
.lineblo .moreall4 {
	color: #fff;
}

.lineblo .synew {
	background: none;
}

.lineblo li {
	width: 48%;
	margin-right: 4%;
	float: left;
}

.lineblo li:last-child {
	margin-right: 0;
}

.lineblo li:last-child {
	border-radius: 8px;
}

.lineblo li .moreall4 {
	color: #666;
}

.listwt .content {
	display: none;
}

.listwt li {
	width: 46%;
	float: left;
	margin-right: 8%;
	margin-top: 30px;
}

.listwt li:nth-child(2n) {
	margin-right: 0;
}

.listwt li .topbar {
	height: 90px;
	line-height: 90px;
	border-bottom: 1px solid #dcdcdc;
	background: url("../images/ny19.png") no-repeat right;
	font-size: 20px;
	color: #333;
	overflow: hidden;
}

.listwt li.active .topbar {
	background: url("../images/ny20.png") no-repeat right;
	color: #e98323;
}

.listwt .content .des {
	padding: 30px 20px;
}

.listblog .synew li .txt {
	background: #f2f5f8;
}

.listblog .synew li:nth-child(2n) {
	margin-right: 0;
}

.nyfl {
	width: 72%;
}

.nyfr {
	width: 24%;
}

.relrea b {
	font-size: 24px;
	color: #333;
}

.relrea .rec {
	width: 48px;
	height: 4px;
	background: #1E7BC1;
	margin-top: 5px;
}

.relrea li {
	width: 100%;
	display: flow-root;
	margin-top: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dbddde;
	text-align: center;
}

.relrea li p {
	display: block;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	color: #666;
}

.relrea li:hover p {
	color: #1E7BC1;
}

.relrea li .imgfd {
	border-radius: 4px;
	overflow: hidden;
}

.listneco li {
	background: #f2f5f8;
	padding: 30px;
	border-radius: 4px;
	overflow: hidden;
	display: flow-root;
	margin-bottom: 30px;
}

.listneco .imgfd {
	width: 32%;
	border-radius: 4px;
	overflow: hidden;
}

.listneco .imgfd img {
	height: 230px;
}

.listneco .txt {
	width: 65%;
}

.listneco .txt h2 {
	font-size: 22px;
	color: #333;
	display: block;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	font-weight: bold;
	margin-top: 20px;
}

.listneco .txt .des {
	height: 60px;
	margin: 20px 0 40px;
}

.listneco li:hover .txt h2 {
	color: #1E7BC1;
}

@media (max-width: 1200px) {
	.synew li .txt .des {
		height: 52px;
	}

	.listneco .txt .des {
		height: 52px;
	}
}

@media (max-width: 1024px) {
	.nyfl {
		width: 100%;
	}

	.nyfr {
		display: none;
	}

	.listneco .imgfd {
		width: 38%;
	}

	.listneco .txt {
		width: 58%;
	}
}

@media (max-width: 960px) {

	.linecom li:nth-child(1),
	.linecom li,
	.lineblo li,
	.listwt li {
		width: 100%;
	}

	.listneco .imgfd {
		width: 44%;
	}

	.listneco .txt {
		width: 50%;
	}

	.listneco .imgfd img {
		height: 200px;
	}

	.listneco .txt h2 {
		margin-top: 0;
		font-size: 18px;
	}
}

@media (max-width: 540px) {
	.linecom .synew li .imgfd img {
		height: 220px;
	}

	.listwt li .topbar,
	.listwt li.active .topbar {
		background: none;
	}

	.listwt li .topbar {
		height: 45px;
		line-height: 45px;
		font-size: 18px;
	}

	.listwt .content .des {
		padding: 15px;
	}

	.f18 {
		font-size: 15px;
	}

	.listblog .synew li .txt p {
		margin-bottom: 10px;
	}

	.listneco .txt .cfls,
	.listneco .txt .des {
		display: none;
	}

	.listneco li {
		padding: 15px;
		margin-bottom: 15px;
	}

	.listneco .imgfd img {
		height: 120px;
	}

	.listneco .txt h2 {
		height: 50px;
		line-height: 25px;
		margin-bottom: 20px;
		font-size: 16px;
	}
}

.show-new {
	background: #fff;
}

.show-new .pad {
	padding: 60px 50px;
}

.show-new h1 {
	font-size: 30px;
	color: #333;
	display: block;
	margin-bottom: 20px;
	font-weight: bold;
}

.show-new .mc {
	font-size: 16px;
	color: #666;
	line-height: 34px;
}

.show-new .line {
	width: 100%;
	height: 1px;
	background: #e8e8e8;
	margin: 20px 0;
}

.fanye {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.fanye li {
	width: 48%;
	font-size: 14px;
	color: #666;
}

.fanye li:nth-child(2) {
	text-align: right;
}

.fanye li a {
	color: #666;
}

.fanye li:hover a {
	color: #1E7BC1;
}

@media (max-width: 960px) {
	.show-new h1 {
		font-size: 20px;
	}
}

@media (max-width: 540px) {
	.show-new .pad {
		padding: 30px 20px;
	}

	.show-new h1 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.show-new .mc {
		font-size: 14px;
	}
}

.ny-fl {
	width: 26%;
}

.ny-fr {
	width: 72%;
}

.line-ny {
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	height: 4px;
	margin-top: 10px;
}

.line-ny i {
	width: 90px;
	height: 4px;
	background: #1E7BC1;
	display: block;
}

.cp-fl {
	margin-bottom: 40px;
}

.cp-fl .line-ny {
	margin-bottom: 20px;
}

.cp-fl b {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
}

.cp-fl span {
	font-size: 26px;
	color: #333;
}

.m-like b {
	font-size: 20px;
	color: #333;
	font-weight: bold;
}

.m-like li {
	width: 100%;
	display: inline-block;
	margin-top: 10px;
}

.m-like li .imgfd {
	width: 35%;
	border: 1px solid #f0f0f0;
}

.m-like li .imgfd img {
	height: 100px;
	margin: 0 auto;
	width: auto
}

.m-like li .txt {
	margin-left: 4%;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-top: 20px;
	height: 42px;
	overflow: hidden;
	max-width: 56%;
}

.m-like li .txt span {
	font-size: 14px;
	color: #777;
	display: block;
	font-weight: normal;
	margin-bottom: 4px;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
}

.m-like li:hover .txt {
	color: #1E7BC1;
}

.list-profl {
	padding-right: 24px;
}

.list-profl ul li {
	margin-bottom: 10px;
}

.list-profl .pp1 {
	font-size: 18px;
	position: relative;
	font-size: 18px;
	display: block;
	min-height: 30px;
}

.list-profl .pp1 a {
	color: #333;
	font-size: 18px;
	font-weight: bold;
}

.list-profl ul li .inactive {
	background: url(../images/off.png) no-repeat 0 7px;
	cursor: pointer;
	padding-left: 15px;
}

.list-profl ul li .inactives {
	background: url(../images/open.png) no-repeat 0 7px;
	cursor: pointer;
	padding-left: 15px;
}

.list-profl ul li ul {
	display: block !important;
}

.list-profl ul li ul li {
	border: none;
	margin-bottom: 0;
}

.list-profl ul li ul li .pp2 {
	margin-bottom: 6px;
	min-height: 20px;
	margin-left: 15px;
	line-height: 24px;
	display: inline-flex;
	background: none;
}

.list-profl ul li ul li .pp2 a {
	font-size: 16px;
	color: #666;
}

.list-profl ul li ul li ul {
	display: none;
	margin-left: 30px;
}

.list-profl ul li ul li ul li {
	background: url(../images/off.png) no-repeat 0 4px;
	display: flow-root;
	padding-left: 15px;
}

.list-profl ul li ul li ul li a {
	font-size: 16px;
	color: #333;
	line-height: 18px;
	margin-bottom: 6px;
	display: block;
}

.list-profl ul li ul li ul li i {
	font-size: 12px;
	color: #333;
	line-height: 18px;
}

.list-profl ul li ul li ul li a:hover,
.list-profl ul li a:hover,
.list-profl ul li ul li a:hover {
	color: #082d7f;
}

.list-profl ul li ul li ul li:hover,
.list-profl ul li ul li ul li.cur {
	background: url(../images/open2.png) no-repeat 0 4px;
}

.list-profl .num {
	font-size: 14px;
	color: #666;
	margin-left: 5px;
	font-weight: normal;
}

.list-pro li {
	margin-bottom: 40px;
	text-align: center;
}


.list-pro li .imgfd {
	position: relative;
}

.list-pro li h2 {
	display: block;
	color: #333;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	margin-top: 20px;
}

.list-pro li:hover h2 {
	color: #1E7BC1;
}

@media (max-width: 1024px) {
	.ny-fl {
		display: none;
	}

	.ny-fr {
		width: 100%;
	}
}

.show-pro1 .img {
	width: 35%;
}

.show-pro1 .txt {
	width: 60%;
}

.show-pro1 .txt h1 {
	font-size: 24px;
	color: #333;
	line-height: 30px;
	display: block;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 20px;
	padding: 20px 0;
}

.show-pro1 .txt li {
	width: 146px;
	height: 48px;
	line-height: 48px;
	border-radius: 3px;
	float: left;
}

.show-pro1 .txt li:nth-child(1) {
	background: #ffb612 url(../images/ns-pro1.png) no-repeat 30px;
	margin-right: 34px;
}

.show-pro1 .txt li a {
	font-size: 14px;
	color: #fff;
	padding-left: 60px;
}

.show-pro1 .txt .share .he {
	width: 86px;
	height: 48px;
	line-height: 48px;
	border-radius: 3px;
	background: #1E7BC1 url(../images/ns-ic1.png) no-repeat 30px;
	padding-left: 60px;
}

.show-pro1 .txt .share dl {
	top: 48px;
	width: 146px;
}

.show-pro1 .txt .share dl dt {
	width: 146px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin: 5px 0;
}

.show-pro1 .txt .share dl dt a {
	padding-left: 0 !important;
}

.show-pro1 .txt .share dl dt img {
	padding-left: 30px;
	margin-right: 10px;
}

.show-pro1 .txt .des {
	margin-bottom: 50px;
}

.show-pro2 .mt-tabpage {
	width: 100%;
}

.show-pro2 .mt-tabpage-title {
	height: 55px;
	border-bottom: 1px solid #1E7BC1;
	overflow: hidden;
}

.show-pro2 .mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #333;
	font-size: 18px;
	float: left;
	padding: 0 2%;
}

.show-pro2 .mt-tabpage-title .mt-tabpage-item-cur {
	color: #fff;
	background: #1E7BC1;
}

.show-pro2 .mt-tabpage-count {
	position: relative;
	width: 800px;
	height: 200px;
	overflow: hidden;
}

.show-pro2 .mt-tabpage-cont__wrap {
	position: absolute;
}

.show-pro2 .mt-tabpage-count .mt-tabpage-item {
	width: 100%;
	height: 200px;
}

.pignose-tab-wrapper {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.pignose-tab-wrapper .pignose-tab-btn {
	display: block;
	height: 55px;
	line-height: 55px;
	background: #fff;
	font-size: 18px;
	padding: 0 20px;
	color: #333;
}

.pignose-tab-wrapper .pignose-tab-btn.active,
.pignose-tab-wrapper .pignose-tab-btn:hover {
	background: #fff;
	color: #fff;
	background: #1E7BC1;
}

.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list {
	float: left
}

.pignose-tab-wrapper .pignose-tab-container {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	top: 55px;
	text-align: left;
	border-top: 1px solid #1E7BC1;
	padding-top: 40px;
}

.pignose-tab-wrapper .pignose-tab-container.active {
	display: block
}

.show-pro .des {
	line-height: 30px;
	padding-bottom: 50px;
}

.des4 {
	min-height: 400px;
}

.pignose-tab-group {
	height: 55px;
	overflow: hidden;
}

.show-pro3 {
	margin-top: 60px;
}

.show-pro3 h2,
.cont h2 {
	font-size: 24px;
	color: #333;
	display: block;
	margin-bottom: 24px;
}

.show-pro3 li {
	width: 32%;
	float: left;
	margin-right: 2%;
	text-align: center;
}

.show-pro3 li:nth-child(3) {
	margin-right: 0;
}

.show-pro3 li p {
	font-size: 18px;
	color: #333;
	display: block;
	margin-top: 16px;
}

.show-pro3 li:hover p {
	color: #1E7BC1;
}

.des img {
	max-width: 100% !important;
	height: auto !important;
}

table {
	width: 100% !important;
}

.pro-d {
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 30px;
}

.pro-d b {
	padding: 0 26px;
	background: #1E7BC1;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	display: inline-block;
}

@media (max-width: 1200px) {
	.show-pro1 .img .num {
		width: 80%;
	}
}

@media (max-width: 768px) {
	.show-pro3 li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 30px;
	}

	.show-pro3 li:nth-child(2) {
		margin-right: 0;
	}

	.show-pro3 h2,
	.cont h2 {
		font-size: 20px;
	}

	.show-pro1 .img,
	.show-pro1 .txt {
		width: 100%;
	}

	.show-pro1 .img {
		margin-bottom: 30px;
		max-width: 530px;
	}

	.show-pro1 .txt .des {
		margin-bottom: 20px;
	}

	.show-pro1 .txt h1 {
		font-size: 20px;
	}
}

@media (max-width: 500px) {
	.show-pro3 li p {
		font-size: 15px;
		margin-top: 5px;
	}

	.show-pro3 li {
		margin-bottom: 20px;
	}

	.show-pro3 {
		margin-top: 30px;
	}

	.show-pro3 h2,
	.cont h2 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.pignose-tab-wrapper .pignose-tab-btn {
		font-size: 15px;
	}

	.pignose-tab-group {
		height: 165px;
	}

	.pignose-tab-wrapper .pignose-tab-container {
		top: 165px;
		padding-top: 20px;
	}

	#big_img {
		height: 300px;
	}

	.pro-d b {
		font-size: 16px;
	}

	.pro-d {
		margin-bottom: 10px;
	}

	.des,
	.des p {
		font-size: 16px !important;
		line-height: 24px !important;
	}
}

.feed {
	margin-top: 60px;
}

.feed .box2 {
	width: 100%;
	background: #f2f5f8;
}

.feed .box2 .form_input,
.feed .box2 .input_control {
	background: #fff;
}

input:-webkit-autofill {
	transition: background-color 5000s ease-in-out 0s;
	;
}

@media (max-width: 600px) {
	.show-case dt {
		font-size: 14px;
		margin-right: 20px;
	}

	.show-case dl {
		line-height: 22px;
	}

	.feed {
		margin-top: 30px;
	}
}

.cont .pad {
	padding: 60px 45px 0;
}

@media (max-width: 960px) {
	.cont .pad {
		padding: 50px 40px;
		display: flow-root;
	}
}

@media (max-width: 540px) {
	.cont .pad {
		padding: 30px 20px;
	}
}




/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar {
	padding: 20px;
	overflow: hidden;
	clear: both
}

.pagebar .pagination {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.pagination a {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 12px;
	padding: 8px 10px;
	margin: 0 2px;
	border-radius: 3px;
	line-height: 100%
}

.pagination span {
	color: #333;
	font-size: 12px;
	padding: 7px 2px;
	margin: 0 2px;
	border-radius: 3px;
}

.pagination a:hover {
	color: #333;
	border: 1px solid #333;
}

.pagination a.page-num-current {
	color: #fff;
	background: #333;
	border: 1px solid #333;
}

.pagination .st {
	font-family: 宋体
}

.text-secondary {
	text-align: center;
	padding: 20px 0
}

/*online qq*/

.online_q {
	position: fixed;
	right: 0px;
	bottom: 30%;
	z-index: 9999;
}

.online_q .btn2 {
	width: 73px;
	height: 73px;
	margin-bottom: 5px;
	cursor: pointer;
	position: relative;
	font-size: 12px;
	transition: .3s;
}

.online_q .btn-top {}

.online_q .btn2 span {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	border-radius: 3px;
	position: relative;
	padding-top: 49px;
	z-index: 999;
	overflow: hidden;
	transition: .3s;
	-webkit-transition: .3s;
	font-size: 12px;
	color: #fff;
}

.online_q .btn-qq span {
	background: url(../images/piaofu_qq.png) center 11px no-repeat #1E7BC1;
}

.online_q .btn-tel span {
	background: url(../images/piaofu_tel.png) center 11px no-repeat #1E7BC1;
}

.online_q .btn-weixin span {
	background: url(../images/piaofu_weixin.png) center 11px no-repeat #1E7BC1;
}

.online_q .btn-email span {
    /* 保持原有图片和颜色不变 */
	background: url(../images/piaofu_email.png) center 11px no-repeat #1E7BC1;
    
    /* 👇 新增：强制将邮箱图标缩放到与微信/电话一致的尺寸 */
    background-size: 35px auto; 
}

.online_q .btn-top span {
	background: url(../images/piaofu_top.png) center no-repeat #fff;
}

.online_q .open.pic {
	position: absolute;
	background: #1E7BC1;
	width: 100px;
	height: 100px;
	right: 100px;
	top: 50%;
	margin-top: -50px;
	text-align: right;
	opacity: 0;
	transition: .6s;
	-webkit-transition: .6s;
	visibility: hidden;
}

/* 防止邮箱地址过长被截断 */
.online_q .btn-email .open.tel {
    width: auto;
    min-width: 160px;
    max-width: 260px;
    padding: 0 15px;
    white-space: nowrap;
    font-size: 14px; /* 邮箱字号可比电话略小一点 */
}

.online_q .open.pic:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 10px solid #1E7BC1;
	position: absolute;
	right: -15px;
	top: 50%;
	margin-top: -10px;
}

.online_q .open.pic img {
	width: 80px;
	height: 80px;
	margin-top: 10px;
	margin-right: 10px;
}

.online_q .btn2:hover .open.pic {
	opacity: 1;
	right: 90px;
	visibility: visible;
}

.online_q .open.tel {
	position: absolute;
	background: #1E7BC1;
	width: 160px;
	height: 50px;
	border-radius: 20px;
	color: #fff;
	font-size: 18px;
	font-family: arial;
	text-align: center;
	line-height: 50px;
	right: 100px;
	top: 50%;
	margin-top: -25px;
	opacity: 0;
	transition: .6s;
	-webkit-transition: .6s;
	visibility: hidden;
}

.online_q .open.tel:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 10px solid #1E7BC1;
	position: absolute;
	right: -16px;
	top: 50%;
	margin-top: -10px;
}

.online_q .btn2:hover .open.tel {
	opacity: 1;
	right: 90px;
	visibility: visible;
}

#gotop {
	transition: .5s;
	overflow: hidden;
	height: 73px;
}

#gotop.hide {
	height: 0;
}






















/* ===============================
   强制锁死导航栏样式（防 typea 干扰）
   =============================== */
.page-header.typea.nav-white {
	background: #fff !important;
}

/* Logo：红色主图显示，白色图隐藏 */
.page-header.typea.nav-white .page-logo .img {
	opacity: 1 !important;
	filter: brightness(0) saturate(100%) invert(22%) sepia(98%) saturate(7451%) hue-rotate(357deg) brightness(96%) contrast(118%);
}

.page-header.typea.nav-white .page-logo .img-w {
	opacity: 0 !important;
}

/* 菜单文字：默认黑色 */
.page-header.typea.nav-white .page-nav .link {
	color: #000 !important;
}

/* 搜索图标：黑色 */
.page-header.typea.nav-white .search,
.page-header.typea.nav-white .search .iconfont,
.page-header.typea.nav-white .iconfont.icon-sousuo,
.page-header.typea.nav-white .icon-sousuo,
.page-header.typea.nav-white .icon-sousuo:before {
	color: #000 !important;
	font-size: 16px !important;
	-webkit-text-stroke: 0.5px #000 !important;
}

/* 搜索竖杠：浅灰透明 */
.page-header.typea.nav-white .hhsear::before {
	background: rgba(0, 0, 0, 0.15) !important;
	opacity: 1 !important;
}

/* 语言按钮：蓝色 */
.page-header.typea.nav-white .lang a {
	color: #1E7BC1 !important;
}

/* 语言弹窗文字：白色 */
.page-header.typea.nav-white .langlist dt a {
	color: #fff !important;
}

/* 禁止 hover 时背景/文字变色 */
.page-header.typea:not(.typeanot):hover {
	background: #fff !important;
}

.page-header.typea:not(.typeanot):hover .page-nav .link {
	color: #000 !important;
}



/* 锁定导航栏，禁止滚动变色 */
.page-header,
.page-header.typea,
.page-header.typea.nav-white {
	background: #fff !important;
}

.page-header .page-nav .link {
	color: #000 !important;
}

.page-header .page-logo .img {
	opacity: 1 !important;
}

.page-header .page-logo .img-w {
	opacity: 0 !important;
}



/* ===== 首页产品：横5纵2 + 间隔 ===== */

.sypro .product-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 40px;
	justify-content: flex-start;
	padding: 0;
	margin: 0;
}

.sypro .product-grid li {
	width: calc((90% - 80px) / 5);
	/*  5列，4个间隔 */
	box-sizing: border-box;
	float: none !important;
	margin-right: 0 !important;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
}

/* 图片 */
.sypro .product-grid .img-box {
	width: 100%;
	height: 160px;
	overflow: hidden;
	background: #f7f7f7;
}

.sypro .product-grid .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}

.sypro .product-grid .img-box img:hover {
	transform: scale(1.05);
}

/* 标题 */
.sypro .product-grid h3 {
	font-size: 16px;
	margin: 10px 0 5px;
	text-align: center;
	color: #333;
}


.sypro .product-grid {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
}


/* 默认状态 */
.more-btn {
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;
    color: #18203a;
    border: 1px solid #e5e7eb;
    padding: 8px 16px;
    font-size: 14px;
    text-decoration: none;
    transition: all .25s ease;
}

/* 图标间距 */
.more-btn .iconfont {
    margin-left: 6px;
    font-size: 12px;
    transition: transform .25s ease;
}

/* 鼠标移上去 */
.more-btn:hover {
    background-color: #2563eb;
    color: #ffffff;           
    border-color: #2563eb;
}



/* 描述 */
.sypro .product-grid .des {
	font-size: 12px;
	color: #666;
	text-align: center;
	padding: 0 8px;
	height: 36px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* More */
.sypro .product-grid .moreall4 {
	display: block;
	text-align: center;
	margin: 8px 0 12px;
	font-size: 13px;
	color: #1E7BC1;
}

.sypro .product-grid .moreall4:hover {
	text-decoration: underline;
}









/* ===============================
   单一产品布局
   =============================== */

/* 图片 */
.sypro .product-grid .img-box {
	width: 100%;
	height: 160px;
	overflow: hidden;
	background: #f7f7f7;
}

.sypro .product-grid .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 标题 */
.sypro .product-grid h3 {
	font-size: 16px;
	text-align: center;
	color: #333;
	margin: 12px 0 10px;
}

/* 灰色横杠 */
.sypro .product-grid .line {
	width: 90%;
	height: 1px;
	background: #e9e8e8;
	margin: 0 auto 12px;
}

/* 蓝色圆形 */
.sypro .product-grid .arrow-circle {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	background: #1E7BC1;
	margin: 0 auto 15px;
	text-align: center;
}

/* 白色箭头 */
.sypro .product-grid .arrow-circle .iconfont {
	color: #fff;
	font-size: 14px;
}




/* 新增关于我们三个图片样式 */
.about-new-section {
	display: flex;
	justify-content: center;
	gap: 30px;
	max-width: 1850px;
	margin: 30px auto 0;
	padding: 0 15px;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.about-new-item {
	position: relative;  
	width: 28%;
	height: 400px;
	overflow: hidden;
}

/* 图片 */
.about-new-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* 文字固定在图片下方 1/3 处 */
.about-new-text {
	position: absolute;
	top: 77%; 
	left: 0;
	width: 100%;
	text-align: center;
	pointer-events: none;
}

/* 标题 */
.about-new-text h3 {
	font-size: 18px;
	color: #000000;
	margin-bottom: 12px;
}

/* 按钮 */
.about-new-btn {
	display: inline-block;
	background: rgba(255,255,255,.9);
	color: #000;
	font-size: 14px;
	padding: 8px 24px;
	border-radius: 4px;
	cursor: pointer;
	pointer-events: auto;
}

.about-new-btn:hover {
	background: #1e7bc1;
	color: #fff;
	transition: all 0.3s ease;
}

/* 响应式 */
@media (max-width: 768px) {
	.about-new-section {
		flex-direction: column;
		gap: 20px;
	}

	.about-new-item {
		width: 100%;
		height: 320px;
	}
}





/* 新闻模块 */
/* ================= 核心布局：左图 + 右三列 ================= */
.news-custom-layout {
    display: flex;
    gap: 30px;
    align-items: stretch; /* 左右高度一致 */
    margin-top: 10px;
}

.news-left-img {
    width: 45%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    min-height: 350px; /* 保证左侧高度 */
}

.news-left-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

.news-right-list {
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* 垂直分布（上、中、下） */
    gap: 15px;
}

/* 关键：让每个新闻项高度一致 + 垂直居中 */
.news-item {
    display: flex;
    gap: 20px;
    align-items: center; /* 垂直居中 */
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: inherit;
    transition: all 0.3s;
    height: 100%; /* 占满容器高度 */
}

.news-item:hover {
    background-color: #f9f9f9;
    padding-left: 5px;
}

.news-item:last-child {
    border-bottom: none;
}

/* ================= 日期 + 标题 + 蓝色竖杠 ================= */
.news-date {
    text-align: center;
    min-width: 50px;
    flex-shrink: 0;
    position: relative;
    padding-right: 20px; /* 为竖杠留空间 */
}

/* 蓝色竖杠（在日期右侧） */
.news-date::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 24px;
    background: #1E7BC1;
}

.news-date .day {
    font-size: 32px;
    font-weight: bold;
    color: #1E7BC1; /* 蓝色 */
    line-height: 1;
}

.news-date .month {
    font-size: 13px;
    color: #1E7BC1; /* 蓝色 */
    margin-top: 5px;
}

.news-content {
    flex: 1;
}

.news-title {
    font-size: 18px;
    color: #1E7BC1; /* 蓝色 */
    margin: 0 0 8px 0;
    font-weight: bold;
    line-height: 1.4;
}

.news-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ================= 更多按钮：方框样式 ================= */
.more-btn {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #666;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s;
}

.more-btn:hover {
    background: #1E7BC1;
    color: #fff;
    border-color: #1E7BC1;
}

/* ================= 标题 + 按钮样式 ================= */
.sytit h2 {
    margin: 0;
    font-weight: normal;
}

.zt1 {
    font-size: 24px;
    color: #333;
}

.zt2 {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.btn {
    display: inline-block;
    padding: 7.5px 16px;
    margin: 0 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
}

.btn.active {
    background: #0056b3;
    color: #fff;
    border-color: #0056b3;
}



/* ================= 公司新闻 / 行业动态 hover ================= */
.btn {
    display: inline-block;
    padding: 7.5px 16px;
    margin: 0 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
    background: #fff;
    transition: all 0.3s;
}

/* hover 时：和 more-btn 完全一致 */
.btn:hover {
    background: #1E7BC1;
    border-color: #1E7BC1;
    color: #fff;
}

/* 当前选中状态（保持你原有的 active） */
.btn.active {
    background: #1E7BC1;
    color: #fff;
    border-color: #1E7BC1;
}






/* 合作伙伴样式 */
/* ===============================
   合作伙伴 Logo 墙 (响应式)
   =============================== */
.partner-section {
  padding: 40px 0;
  background: #fff;
}

/* 容器限制最大宽度 */
.partner-section .container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* 核心网格布局 */
.partner-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 20px 30px;
  align-items: center;
  justify-items: center;
}

/* Logo 图片容器 */
.partner-item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.partner-item img {
  max-width: 100%;
  width: auto;
  height: auto;
  min-height: 48px;          /* ✅ 防止过小 */
  object-fit: contain;
  filter: grayscale(0%);
  transition: all 0.3s ease;
}

/* 鼠标悬停效果 */
.partner-item:hover img {
  transform: scale(1.05);
}

/* ===============================
   移动端适配
   =============================== */

/* 平板：一行 3 个 */
@media (max-width: 992px) {
  .partner-grid {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 20px;
  }
}

/* ✅ 手机：始终一排 2 个 */
@media (max-width: 768px) {
  .partner-grid {
    grid-template-columns: repeat(2, 1fr); /* ✅ 强制两列 */
    gap: 20px;
  }

  .partner-item img {
    min-height: 44px; /* ✅ 控制最小高度，不压太死 */
  }
}

/* ✅ 极小屏：仍然一排 2 个（已删除 1 列规则） */
@media (max-width: 480px) {
  .partner-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .partner-item img {
    min-height: 40px;
  }
}







/* ===============================
   全局自适应安全（不影响原样式）
   =============================== */
body {
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

/* ===============================
   首页产品：响应式列数
   =============================== */
@media (max-width: 1200px) {
  .sypro .product-grid li {
    width: calc((100% - 40px) / 3); /* 3列 */
  }
}

@media (max-width: 768px) {
  .sypro .product-grid li {
    width: calc((100% - 20px) / 2); /* 2列 */
  }
}

@media (max-width: 480px) {
  .sypro .product-grid li {
    width: 100%; /* 1列 */
  }
}

/* ===============================
   新闻模块：小屏竖排
   =============================== */
@media (max-width: 768px) {
  .news-custom-layout {
    flex-direction: column;
  }

  .news-left-img,
  .news-right-list {
    width: 100%;
  }

  .news-left-img {
    min-height: 220px;
  }
}

/* ===============================
   关于我们模块优化
   =============================== */
@media (max-width: 768px) {
  .about-new-item {
    height: auto;
  }

  .about-new-item img {
    height: 220px;
  }
}

/* ===============================
   自主研发板块（不破坏你现在效果）
   =============================== */
@media (max-width: 768px) {
  .blue-block {
    padding: 40px 15px 60px;
  }

  .white-card {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 0 -30px;
    gap: 12px;
  }

  .white-card img {
    width: 100%;
  }

  .line-main {
    font-size: 22px;
  }

  .line-sub {
    font-size: 14px;
  }
}

/* ===============================
   导航栏：防止手机被强行覆盖
   =============================== */
@media (max-width: 768px) {
  .page-header,
  .page-header.typea,
  .page-header.typea.nav-white {
    background: #fff !important;
  }

  .page-header .page-nav .link {
    color: #000 !important;
  }
}

/* ===============================
   数字统计自适应
   =============================== */
@media (max-width: 768px) {
  .tdnum dt {
    width: 46% !important;
    margin: 10px 2% !important;
  }
}





/* ===============================
   自主研发 OEM / ODM 板块
   =============================== */
/* 修复自主研发板块塌陷 */
.blue-block {
  contain: layout style paint;
  position: relative;
  width: 100%;
  background: #f8f9fa;
  padding: 50px 0;
}

.blue-title {
  text-align: center;
}

.line-main {
  font-size: 36px;
  font-weight: bold;
  color: #000;
  margin-bottom: 15px;
}

.line-sub {
  font-size: 20px;
  color: #666;
}

.white-card {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.white-card img {
  aspect-ratio: 10 / 7;
  width: 100%;
  max-width: 350px;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s;
}

.white-card img:hover {
  transform: translateY(-5px);
}

/* ===============================
   移动端适配（核心）
   =============================== */
@media (max-width: 768px) {

  .blue-block {
    padding: 40px 15px 60px;
  }

  .white-card {
    width: 100%;
    margin: 0 0 -30px;

    /* ✅ 改成竖排 */
    flex-direction: column;
    align-items: center;

    padding: 15px;
    gap: 12px;
  }

  .white-card img {
    width: 100%;
    max-width: 100%;
  }

  .line-main {
    font-size: 22px;
  }

  .line-sub {
    font-size: 14px;
  }
}


/* General styles for the modal */

/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #fff;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.container {
	min-height: 100%;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 550px;
	min-width: 320px;
	height: auto;
	z-index: 9999999;
	visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 9999995;
	opacity: 0;
	background: rgba(1,1,1,0.6);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #5b5b5b;
	background: #fff;
	position: relative;
	border-radius: 0px;
	margin: 0 auto;
}
.md-content .md-close-btn {
	position: absolute;
	top: 10px;
	right: 5px;
	z-index: 999999;
}
.md-content .md-close-btn a{
	color: #909090;
	cursor: pointer;
}
.md-content .md-close-btn a:hover{
	color: #212121;
}
.md-content .md-close {
	background: none;
	font-size:30px;
}

.md-content h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	padding: 20px;
	text-align: center;
	background: #fff;
	border-radius: 0;
	color: #797979;
}

.md-content > div {
	padding: 30px 40px;
	margin: 0;
	font-weight: 300;
	font-size: 14px;
}

.md-content > div p {
	margin: 0;
}

.md-content > div ul {
}

.md-content > div ul li {
}


/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7); 
	-moz-transform: scale(0.7); 
	-ms-transform: scale(0.7); 
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s; 
	-moz-transition: all 0.3s; 
	transition: all 0.3s;
}
.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
	opacity: 1;
}

/* ====== 深蓝页脚（增强版） ====== */
.foot-new-layout {
    background: #153254;
    color: #cfd5e9;
    padding: 50px 0 30px;
    position: relative;
    overflow: hidden;
}

/* ====== 顶部动态波浪 ====== */
.foot-wave-wrap {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    line-height: 0;
    overflow: hidden;
    z-index: 1;
}

.foot-wave-wrap svg {
    width: 200%;
    height: 60px;
    animation: waveSlide 8s linear infinite;
}

.foot-wave-wrap .wave-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 60px;
    animation: waveSlide 12s linear infinite reverse;
    opacity: 0.4;
}

@keyframes waveSlide {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* ====== 粒子画布 ====== */
#foot-particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

/* ====== 顶部光线 ====== */
.foot-glow-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #3b82f6, #60a5fa, #3b82f6, transparent);
    background-size: 200% 100%;
    animation: glowMove 4s ease-in-out infinite;
    z-index: 2;
}

@keyframes glowMove {

    0%,
    100% {
        background-position: -200% 0;
    }

    50% {
        background-position: 200% 0;
    }
}

/* ====== 主容器 ====== */
.foot-new-layout .center {
    max-width: 1700px;
    margin: auto;
    display: flex;
    align-items: flex-start;
    padding: 0 15px;
    position: relative;
    z-index: 2;
}

/* ========================================
       左侧图标列
       ======================================== */
.foot-icon-column {
    flex: 0 0 auto;
    padding-right: 35px;
    margin-right: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* 社交图标 */
.foot-qr {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.foot-qr a {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    border-radius: 12px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    /* 入场动画 */
    opacity: 0;
    animation: iconPopIn 0.6s forwards;
}

.foot-qr a:nth-child(1) {
    animation-delay: 0.1s;
}

.foot-qr a:nth-child(2) {
    animation-delay: 0.2s;
}

.foot-qr a:nth-child(3) {
    animation-delay: 0.3s;
}

.foot-qr a:nth-child(4) {
    animation-delay: 0.4s;
}

.foot-qr a:nth-child(5) {
    animation-delay: 0.5s;
}

@keyframes iconPopIn {
    0% {
        opacity: 0;
        transform: translateY(20px) scale(0.5);
    }

    60% {
        transform: translateY(-5px) scale(1.05);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.foot-qr a:hover {
    transform: translateY(-6px) scale(1.12);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4),
        0 0 15px rgba(59, 130, 246, 0.2);
    background: rgba(59, 130, 246, 0.1);
}

.foot-qr a::after {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 14px;
    border: 2px solid transparent;
    transition: border-color 0.3s;
}

.foot-qr a:hover::after {
    border-color: rgba(59, 130, 246, 0.3);
}

.foot-qr img {
    height: 55px;
    width: auto;
    display: block;
    object-fit: contain;
    filter: brightness(1);
    transition: filter 0.3s;
}

.foot-qr a:hover img {
    filter: brightness(1.2) drop-shadow(0 0 8px rgba(59, 130, 246, 0.5));
}

/* 媒体图标 */
.foot-media-icons {
    display: flex;
    align-items: center;
    gap: 15px;
}

.foot_dy,
.foot_Video {
    background: #18203a;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    /* 入场 */
    opacity: 0;
    animation: iconPopIn 0.6s forwards;
}

.foot_dy {
    animation-delay: 0.6s;
}

.foot_Video {
    animation-delay: 0.7s;
}

/* 流光扫过效果 */
.foot_dy::before,
.foot_Video::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    z-index: 1;
    transition: left 0.6s;
}

.foot_dy:hover::before,
.foot_Video:hover::before {
    left: 100%;
}

.foot_dy:hover,
.foot_Video:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3),
        0 0 20px rgba(59, 130, 246, 0.15);
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.foot_dy {
    width: 140px;
    height: 80px;
}

.foot_Video {
    width: 140px;
    height: 75px;
}

.foot_dy img,
.foot_Video img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    background: #153254;
}

/* ========================================
       导航列
       ======================================== */
.foot-column {
    flex: 1;
    min-width: 120px;
    padding: 0 15px;
    /* 入场 */
    opacity: 0;
    animation: fadeSlideUp 0.7s forwards;
}

.foot-column:nth-child(2) {
    animation-delay: 0.2s;
}

.foot-column:nth-child(3) {
    animation-delay: 0.3s;
}

.foot-column:nth-child(4) {
    animation-delay: 0.4s;
}

.foot-column:nth-child(5) {
    animation-delay: 0.5s;
}

@keyframes fadeSlideUp {
    0% {
        opacity: 0;
        transform: translateY(25px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.foot-column .foot-title {
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 18px;
    position: relative;
    display: inline-block;
}

.foot-column .foot-title::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    border-radius: 2px;
    transition: width 0.5s ease;
}

.foot-column:hover .foot-title::after {
    width: 100%;
}

.foot-column a {
    display: block;
    font-size: 16px;
    color: #b0b8da;
    line-height: 28px;
    text-decoration: none;
    position: relative;
    padding-left: 0;
    transition: all 0.3s ease;
}

.foot-column a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 1px;
    background: #3b82f6;
    transition: width 0.3s ease;
    transform: translateY(-50%);
}

.foot-column a:hover {
    color: #fff;
    padding-left: 16px;
}

.foot-column a:hover::before {
    width: 10px;
}

/* ========================================
       表单列
       ======================================== */
.foot-form-column {
    flex: 0 0 280px;
    max-width: 360px;
    padding-left: 30px;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    /* 入场 */
    opacity: 0;
    animation: fadeSlideUp 0.7s 0.5s forwards;
}

.form-title {
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 8px;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
}

.form-title::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    border-radius: 3px;
    margin-top: 8px;
    animation: titleLine 2s ease-in-out infinite;
}

@keyframes titleLine {

    0%,
    100% {
        width: 40px;
    }

    50% {
        width: 70px;
    }
}

.form-desc {
    font-size: 16px;
    color: #b0b8da;
    margin-bottom: 20px;
    line-height: 1.6;
}

/* 表单控件 */
.form-box input,
.form-box textarea {
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 12px;
    font-size: 14px;
    box-sizing: border-box;
    background:#f8f9fa;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #fff;
    outline: none;
    transition: all 0.4s ease;
}

.form-box input::placeholder,
.form-box textarea::placeholder {
    color: #6b7aa1;
    font-size: 13px;
    transition: opacity 0.3s;
}

.form-box input:focus::placeholder,
.form-box textarea:focus::placeholder {
    opacity: 0.4;
}

.form-box input:focus,
.form-box textarea:focus {
    background: rgba(255, 255, 255, 0.1);
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15),
        0 0 20px rgba(59, 130, 246, 0.1);
}

.form-box textarea {
    height: 80px;
    resize: none;
    line-height: 1.6;
}

/* 提交按钮 - 带呼吸光效 */
.form-box button {
    width: 100%;
    padding: 13px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 3px;
    color: #fff;
    background: #25689b; 
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.4s ease;
    margin-top: 4px;
    position: relative;
    overflow: hidden;
}



.form-box button:hover::before {
    opacity: 1;
}

@keyframes btnGlow {

    0%,
    100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

.form-box button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.form-box button:hover::after {
    width: 300px;
    height: 300px;
}


.form-box button:active {
    transform: translateY(0);
}

/* ====== 底部版权装饰线 ====== */
.foot-bottom-bar {
    position: relative;
    z-index: 2;
    max-width: 1600px;
    margin: 30px auto 0;
    padding: 20px 15px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    text-align: center;
    font-size: 12px;
    color: #5a6a9a;
}

/* ==========================
       平板适配 (≤991px)
       ========================== */
@media (max-width: 991px) {
    .foot-new-layout .center {
        flex-wrap: wrap;
    }

    .foot-icon-column {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        margin-right: 0;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        padding-bottom: 20px;
        margin-bottom: 25px;
        align-items: flex-start;
    }

    .foot-qr img {
        height: 48px;
    }

    .foot_dy {
        width: 120px;
        height: 70px;
    }

    .foot_Video {
        width: 120px;
        height: 65px;
    }

    .foot-column {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 30px;
    }

    .foot-form-column {
        flex: 0 0 100%;
        max-width: 100%;
        border-left: none;
        padding-left: 15px;
        margin-top: 10px;
    }
}

/* ==========================
       移动端适配 (≤767px)
       ========================== */
@media (max-width: 767px) {
    .foot-new-layout {
        padding: 30px 15px 30px;
        text-align: center;
    }

    .foot-wave-wrap svg {
        height: 35px;
    }

    .foot-new-layout .center {
        flex-direction: column;
        padding: 0;
    }

    .foot-icon-column {
        flex: 0 0 auto;
        width: 100%;
        align-items: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        padding-bottom: 20px;
        margin-bottom: 25px;
        padding-right: 0;
        margin-right: 0;
    }

    .foot-qr {
        justify-content: center;
        gap: 15px;
        width: 100%;
    }

    .foot-qr img {
        height: 42px;
    }

    .foot-media-icons {
        justify-content: center;
        gap: 12px;
        width: 100%;
    }

    .foot_dy {
        width: 110px;
        height: 64px;
    }

    .foot_Video {
        width: 110px;
        height: 58px;
    }

    .foot-column {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 25px;
    }

    .foot-form-column {
        width: 100%;
        max-width: 100%;
        border: none;
        padding: 0;
        margin-top: 10px;
    }

    .form-box input,
    .form-box textarea {
        padding: 14px 10px;
        font-size: 14px;
        margin-bottom: 12px;
    }

    .form-box button {
        padding: 14px;
        font-size: 15px;
        border-radius: 4px;
    }

    /* 手机底部固定导航 */
    .foot-wap {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background: linear-gradient(180deg, #1a2744, #18203a);
        z-index: 999;
        box-shadow: 0 -2px 20px rgba(0, 0, 0, .4);
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    .foot-wap::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, transparent, #3b82f6, transparent);
    }

    .foot-wap ul {
        display: flex;
        justify-content: space-around;
        padding: 8px 0;
        margin: 0;
        list-style: none;
    }

    .foot-wap li {
        text-align: center;
        flex: 1;
    }

    .foot-wap a {
        color: #cfd5e9;
        text-decoration: none;
        font-size: 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 6px 0;
        min-height: 44px;
        justify-content: center;
        transition: all 0.3s;
    }

    .foot-wap a:active {
        transform: scale(0.9);
        color: #3b82f6;
    }

    .foot-wap .iconfont {
        display: block;
        font-size: 20px;
        margin-bottom: 2px;
        transition: all 0.3s;
    }

    .foot-wap a:active .iconfont {
        transform: scale(1.2);
        color: #3b82f6;
    }

    body {
        padding-bottom: calc(60px + constant(safe-area-inset-bottom));
        padding-bottom: calc(60px + env(safe-area-inset-bottom));
    }

    .aside-nav {
        display: none;
    }
}

/* ==========================
       超小屏适配 (≤375px)
       ========================== */
@media (max-width: 375px) {
    .foot-qr img {
        height: 36px;
    }

    .foot-qr {
        gap: 10px;
    }

    .foot_dy {
        width: 95px;
        height: 55px;
    }

    .foot_Video {
        width: 95px;
        height: 50px;
    }
}


















    /* =============================
       1. 全局基础修复
       ============================= */
    *, *::before, *::after { box-sizing: border-box; }
    body { overflow-x: hidden; margin: 0; padding: 0; }
    img { max-width: 100%; height: auto; display: block; }
    ul, ol { list-style: none; margin: 0; padding: 0; }

    /* .center 统一宽度，防止溢出 */
    .center {
      width: 100% !important;
      max-width: 1700px !important;
      margin: 0 auto !important;
      padding: 0 20px !important;
      box-sizing: border-box !important;
    }

    /* =============================
       2. Banner 轮播修复（防塌陷）
       ============================= */
    .swiper-container-banner {
      position: relative !important;
      width: 100% !important;
      height: 100vh !important;
      height: 100dvh !important;
      min-height: 400px !important;
      max-height: 900px !important;
      overflow: hidden !important;
      background: #f0f0f0 !important;
    }
    .swiper-container-banner .swiper-container {
      width: 100% !important;
      height: 100% !important;
    }
    .swiper-container-banner .swiper-slide {
      position: relative !important;
      width: 100% !important;
      height: 100% !important;
      overflow: hidden !important;
    }
    .swiper-container-banner .swiper-slide .pic {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
    }

    /* Banner 文字 */
    .banner-custom-text {
      position: absolute;
      left: 10%;
      top: 50%;
      transform: translateY(-50%);
      z-index: 10;
      text-align: left;
    }
    .swiper-slide:nth-child(3) .banner-custom-text,
    .banner-text-right {
      left: auto !important;
      right: 10% !important;
      top: 35% !important;
      transform: none !important;
      text-align: right !important;
    }
    .banner-title { font-size: 45px; color: #1e7bc1; font-weight: bold; margin-bottom: 25px; }
    .banner-subtitle { font-size: 30px; color: #1e7bc1; margin-bottom: 40px; }
    .banner-btn {
      display: inline-block; padding: 10px 36px; border-radius: 50px;
      background: transparent; border: 1px solid #fff; color: #fff;
      font-size: 16px; text-decoration: none; transition: all 0.3s;
    }
    .banner-btn:hover { background: #1e7bc1; border-color: #1e7bc1; }

    .swiper-slide:nth-child(3) .banner-title,
    .swiper-slide:nth-child(3) .banner-subtitle,
    .swiper-slide:nth-child(3) .banner-btn { color: #ffffff !important; }

    /* Banner 动画 */
    .banner-custom-text .banner-title,
    .banner-custom-text .banner-subtitle,
    .banner-custom-text .banner-btn { opacity: 0; transform: translateY(-20px); }
    .swiper-slide-active .banner-title { animation: fadeDown 0.8s ease 0.2s forwards; }
    .swiper-slide-active .banner-subtitle { animation: fadeDown 0.8s ease 0.5s forwards; }
    .swiper-slide-active .banner-btn { animation: fadeDown 0.8s ease 0.8s forwards; }
    @keyframes fadeDown {
      from { opacity: 0; transform: translateY(-20px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* Banner 分页器 */
    .swiper-container-banner .swiper-pagination { bottom: 30px; }
    .swiper-container-banner .swiper-pagination-bullet {
      width: 10px; height: 10px; background: #fff; opacity: 0.5;
      transition: all 0.3s ease; margin: 0 6px !important;
    }
    .swiper-container-banner .swiper-pagination-bullet-active {
      opacity: 1; background: #3f68ec; width: 28px; border-radius: 5px;
    }

    /* =============================
       3. 关于我们（防浮动塌陷）
       ============================= */
    .syabo { overflow: hidden; }
    .syabo-inner {
      display: flex !important;
      align-items: flex-start;
      gap: 40px;
      flex-wrap: nowrap;
    }
    .syabo .txt.fl {
      float: none !important;
      width: 44% !important;
      flex-shrink: 0;
    }
    .syabo .imgg.fr {
      float: none !important;
      width: 50.5% !important;
      flex-shrink: 0;
    }
    .syabo .imgg.fr img {
      width: 100% !important;
      height: auto !important;
      display: block !important;
    }
    /* 隐藏原来用于清除浮动的空div */
    .syabo .c { display: none !important; }

    /* =============================
       4. 产品网格修复
       ============================= */
    .sypro .product-grid {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 20px !important;
      justify-content: center !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    .sypro .product-grid li {
      width: calc((100% - 80px) / 5) !important;
      float: none !important;
      margin: 0 !important;
      background: #fff;
      border-radius: 6px;
      overflow: hidden;
    }
    .sypro .product-grid .img-box {
      width: 100%; height: 160px; overflow: hidden; background: #f7f7f7;
    }
    .sypro .product-grid .img-box img {
      width: 100%; height: 100%; object-fit: cover;
    }
    .sypro .product-grid h3 {
      font-size: 16px; text-align: center; color: #333; margin: 12px 0 10px;
    }
    .sypro .product-grid .line {
      width: 90%; height: 1px; background: #e9e8e8; margin: 0 auto 12px;
    }
    .sypro .product-grid .arrow-circle {
      display: block; width: 36px; height: 36px; line-height: 36px;
      border-radius: 50%; background: #1E7BC1; margin: 0 auto 15px; text-align: center;
    }
    .sypro .product-grid .arrow-circle .iconfont { color: #fff; font-size: 14px; }

    /* =============================
       5. 三个图片模块
       ============================= */
    .about-new-section {
      display: flex;
      justify-content: center;
      gap: 30px;
      max-width: 1700px;
      margin: 30px auto;
      padding: 0 20px;
      box-sizing: border-box;
    }
    .about-new-item {
      position: relative;
      width: 33.333%;
      height: 400px;
      overflow: hidden;
    }
    .about-new-item img {
      width: 100%; height: 100%; object-fit: cover; display: block;
    }
    .about-new-text {
      position: absolute; top: 77%; left: 0; width: 100%; text-align: center;
    }
    .about-new-text h3 { font-size: 18px; color: #000; margin-bottom: 12px; }
    .about-new-btn {
      display: inline-block; background: rgba(255,255,255,.9); color: #000;
      font-size: 14px; padding: 8px 24px; border-radius: 4px;
    }
    .about-new-btn:hover { background: #1e7bc1; color: #fff; }

    /* =============================
       6. 自主研发板块
       ============================= */
    .blue-block {
      background: #005ea6;
      padding: 30px 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .blue-title { text-align: center; color: #fff;}
    .line-main { font-size: 28px; font-weight: bold; margin-bottom: 8px; }
    .line-sub { font-size: 16px; opacity: 0.9; margin-bottom: 30px; }
    .white-card {
      background: #fff;
      border-radius: 20px;
      box-shadow: 0 20px 10px rgba(0,0,0,0.18);
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
      display: flex;
      justify-content: space-between;
      gap: 20px;
    }
    .white-card img {
      width: 32%; height: auto; border-radius: 6px; object-fit: cover; display: block;
    }

    /* =============================
       7. 新闻模块
       ============================= */
    .news-custom-layout {
      display: flex;
      gap: 30px;
      align-items: stretch;
      margin-top: 10px;
    }
    .news-left-img {
      width: 45%; flex-shrink: 0;
      display: flex; align-items: center; justify-content: center;
      background: #fff; border-radius: 8px; overflow: hidden;
      min-height: 350px;
    }
    .news-left-img img {
      width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 8px;
    }
    .news-right-list {
      width: 55%;
      display: flex; flex-direction: column; justify-content: space-between; gap: 15px;
    }
    .news-item {
      display: flex; gap: 20px; align-items: center;
      padding: 15px 0; border-bottom: 1px solid #eee;
      text-decoration: none; color: inherit;
    }
    .news-item:last-child { border-bottom: none; }
    .news-date {
      text-align: center; min-width: 50px; flex-shrink: 0;
      position: relative; padding-right: 20px;
    }
    .news-date::after {
      content: ''; position: absolute; right: 0; top: 50%;
      transform: translateY(-50%); width: 2px; height: 24px; background: #1E7BC1;
    }
    .news-date .day { font-size: 32px; font-weight: bold; color: #1E7BC1; line-height: 1; }
    .news-date .month { font-size: 13px; color: #1E7BC1; margin-top: 5px; }
    .news-content { flex: 1; }
    .news-title { font-size: 18px; color: #1E7BC1; margin: 0 0 8px 0; font-weight: bold; line-height: 1.4; }
    .news-desc {
      font-size: 14px; color: #666; line-height: 1.6; margin: 0;
      display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    }

    /* =============================
       8. 合作伙伴
       ============================= */
    .partner-section { padding: 40px 0; background: #fff; }
    .partner-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
      gap: 20px 30px;
      align-items: center;
      justify-items: center;
    }
    .partner-item { width: 100%; display: flex; justify-content: center; align-items: center; }
    .partner-item img {
      max-width: 100%; width: auto; height: auto;
      min-height: 48px; object-fit: contain;
    }

    /* =============================
       9. Header 占位
       ============================= */
    .page-header-zw { height: 80px; }

    /* =============================
       10. 通用按钮
       ============================= */
    .more-btn {
      display: inline-flex; align-items: center;
      padding: 8px 16px; border: 1px solid #ccc; border-radius: 4px;
      color: #666; font-size: 14px; text-decoration: none; transition: all 0.3s;
    }
    .more-btn:hover { background: #1E7BC1; color: #fff; border-color: #1E7BC1; }
    .btn {
      display: inline-block; padding: 7.5px 16px; margin: 0 5px;
      border: 1px solid #ccc; border-radius: 4px; cursor: pointer;
      font-size: 14px; color: #666; background: #fff; transition: all 0.3s;
    }
    .btn:hover, .btn.active { background: #1E7BC1; color: #fff; border-color: #1E7BC1; }

    /* =============================
       11. 平板适配 (<=1200px)
       ============================= */
    @media screen and (max-width: 1200px) {
      .sypro .product-grid li {
        width: calc((100% - 40px) / 3) !important;
      }
      .about-new-item { height: 350px; }
    }

    /* =============================
       12. 移动端适配 (<=768px)
       ============================= */
    @media screen and (max-width: 768px) {
      .center {
        padding: 0 15px !important;
      }
      .page-header-zw { height: 60px; }
      .apadd { padding-top: 30px !important; padding-bottom: 30px !important; }

      /* Banner 移动端 */
      .swiper-container-banner {
        height: 56.25vw !important;
        min-height: 220px !important;
        max-height: 450px !important;
      }
      .banner-custom-text {
        left: 5% !important; right: 5% !important;
        top: 50% !important; width: 90% !important;
        text-align: center !important;
        transform: translateY(-50%) !important;
      }
      .swiper-slide:nth-child(3) .banner-custom-text,
      .banner-text-right {
        right: 5% !important; top: 50% !important;
        text-align: center !important; transform: translateY(-50%) !important;
      }
      .banner-title { font-size: 22px !important; margin-bottom: 10px !important; line-height: 1.3; }
      .banner-subtitle { font-size: 14px !important; margin-bottom: 20px !important; line-height: 1.4; }
      .banner-btn { padding: 8px 20px !important; font-size: 13px !important; }
      .swiper-container-banner .swiper-pagination { bottom: 15px; }

      /* 产品网格移动端 */
      .sypro .product-grid {
        gap: 15px !important;
      }
      .sypro .product-grid li {
        width: calc((100% - 15px) / 2) !important;
      }
      .sypro .product-grid h3 { font-size: 14px !important; }

      /* 关于我们移动端 */
      .syabo-inner {
        flex-direction: column !important;
        gap: 20px !important;
      }
      .syabo .txt.fl,
      .syabo .imgg.fr {
        width: 100% !important;
      }
      .syabo .imgg.fr { display: block !important; }

      /* 三个图片模块移动端 */
      .about-new-section {
        flex-direction: column;
        gap: 20px;
        padding: 0 15px;
      }
      .about-new-item {
        width: 100%;
        height: auto;
      }

      /* 自主研发移动端 */
      .blue-block {
        padding: 30px 15px 0 !important;
      }
      .white-card {
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
        padding: 15px !important;
      }
      .white-card img {
        width: 100% !important;
      }
      .line-main { font-size: 22px !important; }
      .line-sub { font-size: 14px !important; }

      /* 新闻移动端 */
      .news-custom-layout {
        flex-direction: column !important;
      }
      .news-left-img,
      .news-right-list {
        width: 100% !important;
      }
      .news-left-img {
        min-height: 220px !important;
        margin-bottom: 20px !important;
      }
      .news-item { padding: 12px 0 !important; }
      .news-date { width: 50px !important; min-width: 50px !important; }
      .news-date .day { font-size: 22px !important; }
      .news-date .month { font-size: 12px !important; }
      .news-title { font-size: 15px !important; }
      .news-desc { font-size: 12px !important; }

      /* 合作伙伴移动端 */
      .partner-section { padding: 30px 15px !important; }
      .partner-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px !important;
      }
    }

    /* =============================
       13. 小屏手机适配 (<=480px)
       ============================= */
    @media screen and (max-width: 480px) {
      .sypro .product-grid li {
        width: 100% !important;
      }
      .partner-grid {
        grid-template-columns: repeat(2, 1fr) !important;
      }
    }