/* ===== font_2054675_so957cztcc.css ===== */
@font-face {font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_2054675_so957cztcc.eot?t=1601109467846'); /* IE9 */
  src: url('//at.alicdn.com/t/font_2054675_so957cztcc.eot?t=1601109467846#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('//at.alicdn.com/t/font_2054675_so957cztcc.woff?t=1601109467846') format('woff'),
  url('//at.alicdn.com/t/font_2054675_so957cztcc.ttf?t=1601109467846') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('//at.alicdn.com/t/font_2054675_so957cztcc.svg?t=1601109467846#iconfont') format('svg'); /* iOS 4.1- */
  font-display: swap;
}

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

.icon-benefits:before {
  content: "\e60d";
}

.icon-minus:before {
  content: "\e67a";
}

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

.icon-time:before {
  content: "\e67b";
}

.icon-address:before {
  content: "\e6ba";
}

.icon-play:before {
  content: "\e682";
}

.icon-cart:before {
  content: "\e601";
}

.icon-user:before {
  content: "\e771";
}

.icon-celiang:before {
  content: "\e605";
}

.icon-lianxi:before {
  content: "\e628";
}

.icon-wechat:before {
  content: "\e666";
}

.icon-error:before {
  content: "\e698";
}

.icon-down:before {
  content: "\e69b";
}

.icon-info:before {
  content: "\e69e";
}

.icon-close:before {
  content: "\e69f";
}

.icon-success:before {
  content: "\e6a0";
}

.icon-increase:before {
  content: "\e6a1";
}

.icon-warning:before {
  content: "\e6a2";
}

.icon-upward:before {
  content: "\e6a3";
}

.icon-next:before {
  content: "\e6a4";
}

.icon-back:before {
  content: "\e6db";
}

.icon-search:before {
  content: "\e6e1";
}

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

.icon-ewm:before {
  content: "\e72d";
}

.icon-weixin:before {
  content: "\e63d";
}

.icon-weibo:before {
  content: "\e613";
}

.icon-qq:before {
  content: "\e896";
}



/* ===== iconfont.css ===== */
@font-face {
  font-family: "iconfont"; /* Project id 3664503 */
  src: url('iconfont.woff2?t=1663822877988') format('woff2'),
       url('iconfont.woff?t=1663822877988') format('woff'),
       url('iconfont.ttf?t=1663822877988') 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-facebookfacebook52:before {
  content: "\e608";
}

.icon-tuitetwitter43:before {
  content: "\e9bd";
}

.icon-Instagram:before {
  content: "\e696";
}

.icon-linkedin:before {
  content: "\e87d";
}

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

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

.icon-home2:before {
  content: "\e601";
}

.icon-fanhui:before {
  content: "\e60c";
}

.icon-shijian:before {
  content: "\e8c5";
}

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

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

.icon-twitter-fill:before {
  content: "\e63d";
}

.icon-instagram:before {
  content: "\e71c";
}

.icon-leftbutton-fill:before {
  content: "\e782";
}

.icon-Rightbutton-fill:before {
  content: "\e78a";
}

.icon-facebook:before {
  content: "\e953";
}

.icon-linkedin-in:before {
  content: "\e6f2";
}

.icon-dingwei:before {
  content: "\e620";
}

.icon-left:before {
  content: "\e681";
}

.icon-right1:before {
  content: "\e682";
}

.icon-igw-l-edit:before {
  content: "\e617";
}

.icon-xiazai-wenjianxiazai-16:before {
  content: "\e856";
}

.icon-a-youjianchakanyoujianfasongyoujianshouyoujian-06:before {
  content: "\e918";
}



/* ===== swiper.min.css ===== */
/**
 * 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}

/* ===== nav.css ===== */
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: OpenSans, -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: normal;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}

.imghidden{display: none!important}

mark{padding: .2em;background-color: #feffe6}

::-moz-selection{color: #fff;background: #e62429}

::selection{color: #fff;background: #e62429}

.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 (min-width:961px){a:hover{color: #e62429}}

@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: #e62429}

.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: #e62429;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: #e62429;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: #e62429}

.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: #e62429;border-color: #e62429}

@media only screen and (min-width:641px){.c-pagination-item:not(.disabled):hover{color: #fff;background-color: #e62429;border-color: #e62429}}

@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: 1;transition: opacity .4s ease; position:relative;}

.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: #e62429}

.sy-ban .swiper-container .cont{ position:absolute; width:100%; top:250px; left:0; text-align:center; z-index:99;}

.sy-ban .swiper-container .cont h3{ font-size:96px; color:#fff; line-height:120px; font-weight:700;}

.sy-ban .swiper-container .cont h3 span{ color:#e62429;}

.sy-ban .swiper-container .cont h4{ font-size:64px; color:#fff; font-weight:700;}

.more_btn{ width:180px; height:55px; background:#e62429; border-radius:5px; margin-top:30px;}

.more_btn a,.more_btn span{ width:100%; display:block; line-height:55px; color:#fff; text-align:center; font-weight:600; font-size:18px;}

.sy-ban .swiper-container .cont .more_btn{ width: 180px;}

.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: #e62429;background-color: transparent;opacity: 1}

.swiper-pagination.typeb .swiper-pagination-bullet-active:after{background-color: #e62429;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{background: url(../images/line02.png) no-repeat right;padding-right: 116px;}

.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: 18px;height: 18px;outline: none;}

.svg-swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 18px;height: 18px;border-radius: 50%;transition: opacity .3s;background: url(../images/ic12.png) no-repeat center;}

.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background: url(../fonts/8caff9c6e2a64d89be18a2fa2e7f4302.svg);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: #e62429;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: 1;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%; height:90px;padding: 0 8%;position: fixed;left: 0;top: 0;z-index: 9;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: #e62429}

.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{height: 60px;transition: opacity .3s}

.nav_search .img,

.nav_search .img-w{transition: opacity .3s; cursor:pointer;}

.page-logo .img-w,.nav_search .img-w{position: absolute;left: 0;top: 0;z-index: 0;opacity: 0}

.page-nav{margin-left: auto;z-index: 1;transition: opacity .3s, visibility .3s; font-family:Segoe UI; font-weight:bold;}

.page-nav .item{margin-right: 60px; height:90px;}

.page-nav .item:nth-child(2) .page-subnav,.page-nav .item:nth-child(4) .page-subnav{ display: none!important;}

.page-nav .item .link{ box-sizing:content-box;}

.page-nav .item.on .link{color: #e62429; border-bottom:2px solid #e62429;}



.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: 150px;height: 70px;display: flex;flex-wrap: wrap;align-items: center;text-align: center;position: relative;font-size: 18px;color: #333; margin-top:10px;}

.page-subnav{position: fixed;left:50%;top: 90px; margin-left:-720px;width: 1440px;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; overflow:hidden; background:#fff;}


.page-subnav .slink{font-size: 16px;color: #666;background: #fff;transition: color .4s;text-align:center; max-width:200px; margin:0 auto; padding:20px 0; display:block;}

.page-subnav .slink img{ display:block; margin:0 auto; margin-bottom:10px;}

.page-subnav .slink img.img_r{ display:none;}

.page-subnav .slink:hover img.img_g{ display:none}

.page-subnav .slink:hover img.img_r{ display:block;}

.page-subnav .slink:first-of-type:before{opacity: 0}

.page-subnav .slink:hover{color: #e62429}

.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: #e62429;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):after{ height:0;}

.page-header.typea:not(.typeanot) .h-lang{background: url(../images/ic11.png) no-repeat left;margin-left: 34px;}

.page-header.typea:not(.typeanot) .h-lang a{color: #fff;}

.page-header.typea:not(.typeanot):hover .h-lang{background: url(../images/ic10.png) no-repeat left;margin-left: 34px;}

.page-header.typea:not(.typeanot):hover .h-lang a{color: #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) .nav_search .img{opacity: 0}

.page-header.typea:not(.typeanot):hover .icon_w a{opacity: 1}

.page-header.typea:not(.typeanot):hover .icon_g a{opacity: 0}

.page-header.typea:not(.typeanot) .page-logo .img-w{opacity: 1}

.page-header.typea:not(.typeanot) .nav_search .img-w{opacity: 1}

.page-header.typea:not(.typeanot) .icon_w a{opacity: 0}

.page-header.typea:not(.typeanot) .icon_g a{opacity: 1}
.page-header.typea:not(.typeanot) .icon_g a svg{fill:#fff;}
.page-header.typea:not(.typeanot) .language .title,.page-header.typea:not(.typeanot) .page-nav .link{color: #fff}

	.page-header.typea:not(.typeanot) .page-nav .link{ box-sizing: border-box;}	

.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 .nav_search .img{opacity: 1}

.page-header.typea:not(.typeanot):hover .nav_search .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: #e62429; border-bottom:2px solid #e62429;}

.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: #e62429; border-bottom:2px solid #e62429; }

.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: #e62429}

.page-nava .side .link:hover:after{width: 100%;background-color: #e62429}

.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}

.page-subnav{width: 1440px;margin-left: -700px;top: 90px}}

@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:100%;margin-left: -50px;top: 90px}

.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: #e62429}

.mbnav .search{display: flex;flex-wrap: wrap;align-items: center;padding: 0 20px;height: 60px;line-height: 60px;border-bottom: none;background: #163e83}

.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%)}}

.index-banner .swiper-slide{background: no-repeat 50%/cover;position: relative}

.index-banner .img-m{width: 100%;display: none}

.index-banner .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}

/* ===== reset.css ===== */

/* CSS Document */



body ,textarea,input{ color:#666;font-size: 16px;font-family:Arial, Helvetica, 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;}
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:#666; text-decoration:none;} 
a:focus,input, button, textarea, select{outline:0;} 
a:hover{text-decoration: none;}

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

.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: #163e83;border-color: #163e83;color: #fff;}
.pagination > li > a:hover{color: #163e83;}
.pagination li{float: left;}
.pagination{margin: 0;margin-top: 40px;display: inline-block;}
.digg{text-align: center;width: 100%;}
@media (max-width: 600px){
	.pagination{margin-top: 20px;}
}

.center{padding: 0 8%;}
@media (max-width: 1700px){.center,.page-header{padding: 0 2%!important;}}

/* ===== head.css ===== */
.foot{background: #222222;padding-top: 60px;color: #fff;position: relative;}
.copy{ background: #000; padding: 25px 8%;font-size: 14px;}
.copy a{color: #fff;}
.foot a:hover{text-decoration: underline;}
.foot .top{position: absolute;top: 110px;right: 4%;}
.foot .box{margin-right: 4%; width:28%;}
.foot .box p{font-size: 16px;display: block;margin: 15px 0; width: 450px;}
.foot .box p i{ width: 23px; height: 23px; display: block; float: left; margin-right: 10px;}
.foot .box p:nth-child(2) i{ background: url(../images/add_03.png) no-repeat; }
.foot .box p:nth-child(3) i{ background: url(../images/ph_03.png) no-repeat; }
.foot .box p:last-child i{ background: url(../images/mail_03.png) no-repeat; }
.foot .f-nav li{float: left;margin-left: 100px; max-width:40%;}
.foot .f-nav li b{font-size: 20px;display: block;margin-bottom: 15px;}
.foot .f-nav li a{display: block;font-size: 14px;color: #ddd;line-height: 30px;}
.foot .f-nav li p{font-size: 14px;color: #ddd;line-height: 18px;display: block;margin-top: 15px;}
.foot .f-nav li:nth-child(4){max-width: 340px;}
.foot .f-nav{ margin-bottom: 40px; width:68%;}

.foot .f-nav li:nth-child(2){margin-left: 0;max-width: 300px;}
.foot .f-nav li:first-child,.foot .f-nav li:last-child,.foot .f-nav li:nth-child(5){ display:none;}
.page-subnav{display: none; transition: all 0.5s inline;}
.page-nav .item:hover .page-subnav{display: block;}
.nav_search{ position:relative; border-right:1px solid #eee; border-left:1px solid #eee; height:16px; min-width:66px;}
.nav_search .img,.nav_search .img-w{ position:absolute;  padding:0 25px; display: block; width: 14px; height: 14px; font-size: 18px; margin-top: -4px;}
.nav_search .img-w:before{ color: #fff!important;}

.h-ss{ display:none;border: 1px solid #ddd;background-color: #fff;border-radius: 500px;height: 28px;overflow: hidden; margin-top:-5px; position: fixed; top: 95px; right: 8%;}
.h-ss input{font-size: 12px;color: #999;height: 28px;line-height: 35px;width: 200px;padding-left: 15px;}
.h-ss .sub{width: 28px;height: 28px;background: url(../images/ic09.png) no-repeat center;cursor: pointer;}
.h-lang{padding-right:25px; padding-left:20px; background: url(../images/ic10.png) no-repeat left;margin-left: 34px;}
.h-lang a{font-size: 14px;color: #333;padding-left: 5px; font-family:Segoe UI;}
.h-lang a:hover{color: #e62429;}

.icon_link{ position:relative; min-width:120px; height:16px; margin-left:15px;}
.icon_list{ position:absolute;}
.icon_list a{ display: block; width: 16px; height: 16px;  float: left; margin: 0 3px; text-align: center;}
.icon_list.icon_g a.iconfont:before{color: #fff!important;}
.icon_list.icon_w a{ color: #333;}



.menubtn_center{width: 1200px;margin: 0 auto;}
.menubtn_center li{width: 33.33%;float: left;border-right: 1px solid rgba(255,255,255,0.1);height: 680px;}
.menubtn_center li:first-child{border-left: 1px solid rgba(255,255,255,0.1);}
.menubtn_center li .pad{padding: 100px 30px 0 30px;}
.menubtn_center li b{font-size: 30px;display: block;margin-bottom: 15px;color: #fff;font-weight: normal;text-transform: uppercase;}
.menubtn_center li a{display: block;font-size: 24px;color: #fff;line-height: 34px;}
.menubtn_center li a:hover{text-decoration: underline;}
.menubtn_center .three form{max-width: 260px;background: #fff;border-radius: 500px;height: 40px;line-height: 40px;overflow: hidden;}
.menubtn_center .three input{font-size: 14px;height: 40px;line-height: 40px;}
.menubtn_center .three .inp{padding-left: 15px;color: #999;}
.menubtn_center .three .sub{color: #fff;background: #09d6dd;padding: 0 10px;cursor: pointer;}
.menubtn_center .three .follow,.menubtn_center .three .tel{margin-top: 40px;}
.menubtn_center .three .follow p{font-size: 24px;color: #fff;display: block;margin-bottom: 14px;}
.menubtn_center .three .tel{background: url(../images/ic17.png) no-repeat left;padding-left: 60px;font-size: 30px;font-weight: bold;color: #fff;height: 45px;line-height: 45px;letter-spacing: 1px;}
.follow{ line-height: 23px;}
.follow_list{ margin-left: 15px;}
.follow_list a.icon{ width: 30px; height: 30px; display: block; float: left; border-radius: 15px; padding: 6px 0 0 7px; margin:0 3px;}
.follow_list a i svg{ fill: #fff; height: 16px;}
.follow_list a.icon_facebook{ background: #344f8d;}
.follow_list a.icon_twitter{ background: #4ba2eb;}
.follow_list a.icon_linkedin{ background: #0467a7;}
.follow_list a.icon_instagram{ background: linear-gradient( to top right,#fdbd50,#e63d7f,#68428e);}


.social-share{ margin-left: 15px;}
.share_list .social-share a.social-share-icon{ width: 30px; height: 30px; display: block; float: left; border-radius: 15px; margin:0 3px; color:#fff; border:none; font-size:16px;}
.share_list .social-share .icon-facebook{ background: #344f8d!important;}
.share_list .social-share .icon-twitter{ background: #4ba2eb;}
.share_list .social-share .icon-linkedin{ background: #0467a7;}
.share_list .social-share .icon-google{ background: linear-gradient( to top right,#fdbd50,#e63d7f,#68428e);}



@media (max-width: 1700px){
	.foot .top{display: none;}
	.foot .f-nav li{margin-left: 80px;}
	.foot .f-nav li:nth-child(4){max-width: 300px;}
	.copy{ padding: 25px 2%;}
}
@media (max-width: 1400px){
	.index-banner .swiper-slide{background: none;}
	.foot .box{ float: none; margin-bottom: 20px;}
	.foot .box p{ width: 100%;}
	.foot .f-nav{ float: none;}
}
@media (max-width: 1200px){
	.h-ss input{width: 150px;}
	.h-lang{margin-left: 20px;}
	.menubtn_center li b{font-size: 24px;}
	.menubtn_center li a{font-size: 20px;}
	.h-ss{display: none;}
}
@media (max-width: 1024px){
	.h-ss,#menubtn,.foot .center,#fixmenu{display: none;}
	.page-header .other{padding-right: 0;}
	.foot{margin-top: 0;padding-top: 0;}
	.follow{ display: none;}
}


/* ===== main.css ===== */
.tit-sy{font-size: 18px;color: #999;margin-bottom: 30px;}

.tit-sy h2{font-size: 54px;color: #333;display: block;margin-top: 6px;font-weight: bold;}

.tit-sy p{ color: #555; font-size: 24px;}

.sy-more{display: inline-block;font-size: 14px;color: #333;padding: 10px 18px;border-radius: 500px;border: 1px solid #666;overflow: hidden;}

.sy-more img{margin-left: 4px;}

.sy-more:hover,.sy-more4{border: 1px solid #09d6dd;background: #09d6dd;color: #fff;}

.sy-more:hover img,.sy-more4 img{transform: translateY(-200px);filter: drop-shadow(#fff 0 200px);}

.sy-more2{border: none;padding: 0;color: #999;}

.sy-more2 img{transform: translateY(-200px);filter: drop-shadow(#999 0 200px);}

li:hover .sy-more2{background: none;color: #163e83;border: none;}

.sy-more2:hover img{transform: translateY(-200px);filter: drop-shadow(#163e83 0 200px);}

.sy-more3{border: 1px solid #fff;color: #fff;}

.margin{margin-top: 60px;}

.word1{font-size: 16px;line-height: 36px;color: #555;}

.imgg img{width: 100%;}

.f30{font-size: 30px;color: #333;font-weight: bold;}

/*.swiper-container-android .swiper-slide, .swiper-wrapper{transform:translate3d(0px,0px,0px)!important;}*/





.sy-about{background:#efefef; padding-bottom: 30px;}

.sy-about .imgfd{width: 50%;}

.sy-about .imgfd img{height:550px;}

.sy-about .txt{width: 36%;margin-right: 8%;}

.sy-about .sy-more{margin: 60px 0 70px}



@font-face{

	font-family: 'Paralines';

	src : url(' ../fonts/Paralines-Regular-2.otf');
	font-display: swap;

}

.num-ab dt{width: 25%;float: left;text-align: center;color: #333;font-size: 16px;padding: 15px 0 30px;}

.num-ab dt b{font-size: 64px;font-weight: normal; font-weight:bold;}

.num-ab dt span{font-size: 16px;}

.num-ab dt:nth-child(1) span{font-size: 14px;}

.sy-about .more_btn{ width:280px; margin: 30px auto;}








.index_pro_m{ display: none;}
.pro_container{ width:50%;}

.index_pro_img .item{overflow: hidden; display:none;}

.index_pro_img .item:first-child{ display:block;}

.index_pro_img .item img{ width:100%; height:940px; transition: all 0.5s ease; object-fit: cover;}

.index_pro_img .item:hover img{ transform: scale(1.1);}

.index_pro_txt{ color:#fff; padding:60px 120px 0; height:940px;}

.index_pro_txt h1,.index_pro_txt h2{ color:#fff;}

.index_pro_txt h1{ font-size:56px; font-weight:700;}

.index_pro_txt h2 a{ font-size:24px; cursor:pointer; font-weight:400;}
.index_pro_txt h2 a{ color: #fff;}
.index_pro_txt h2:hover a{ color:#e62429;}
.index_pro_txt p{ font-size:24px; margin-bottom:60px;}

.index_pro_txt a,.index_pro_txt p{ color:#ccc;}

.index_pro_txt .item{ padding:20px 0; border-bottom:1px solid #5a5a5a;}

.index_pro_list ul{ padding:15px 0 15px 10px; }

.index_pro_list ul li{ list-style:disc; width:50%; float:left; margin:10px 0;}

.index_pro_list ul li:hover a{ color:#e62429;}

.index_pro_txt .item:nth-child(2) ul{ display:none;}
.index_pro_txt .item:nth-child(3) ul{ display:none;}



.app_plate{ position:relative;}

.app_item li{ float: left; width: 24%; margin-right: 1%; position: relative; margin-top: 10px; overflow: hidden;}
.app_item li:first-child{ width:50%;float:right; margin-right:0;}
.app_item li img{ width: 100%; height: 410px; transition:  all 0.5s ease;}
.app_item li:first-child img{ height:830px;}
.app_item li:hover img{ transform: scale(1.1);}

.app_plate .app_item_txt{ position: absolute; bottom: 20px; left: 30px; font-size: 24px; line-height: 36px;}

.app_plate .app_item_txt h5{ color:#fff; font-weight:400;}

.app_plate .app_item_txt a{ color: #fff; font-size: 14px;}

.app_plate .app_item_txt a:hover{ color: #e62429;}

.one_plate{ position: relative; overflow: hidden;}

.app_item li:first-child .app_item_txt{ font-size: 30px; left: 120px; bottom: 70px;}

.app_item li:first-child .app_plate_tit{ position: absolute; left: 120px; top: 90px; width: 100%;}

.app_plate .app_plate_tit h2{ color: #fff; font-size: 54px; width: 75%; font-weight:700;}

.app_plate .app_plate_tit h2 a{ float: right; color: #fff; font-size: 14px; line-height: 85px;}

.app_plate  .app_plate_tit h2 a:hover{ color: #e62429;}

.app_plate .app_plate_tit p{ color: #fff; font-size: 24px;}

.app_plate .app_plate_tit{ position: absolute; right:0;top: 90px; width:47%; z-index:7;}






.sy_news_tit{ width: 100%; font-size: 24px; margin-bottom: 30px;}

.sy_news_tit h2{ width: 100%; font-size: 54px; color:#333; font-weight:bold;}

.sy_news_tit h2 a{ float: right; line-height: 85px; font-size: 14px;}

.sy_news_tit h2 a:hover{ color:#e62429;}

.sy-news li{width: 33%;float: left; padding: 50px 5% 25px; border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; transition: all 0.5s ease; }

.sy-news li:last-child{ border-right: none;}

.sy-news li h3 i{ display: block; float: left; height: 16px; width: 16px; background: url(../images/indexn_03.png) no-repeat; margin-right: 5px; transition: all 0.5s ease; }

.sy-news li h3{ font-size: 14px; color: #666; line-height: 16px; transition: all 0.5s ease; }

.sy-news li h2{ color: #333; font-size: 20px; font-weight: 400; margin: 20px 0;}

.sy-news li .imgfd{ width: 100%; border-radius: 5px; overflow: hidden;}

.sy-news li .imgfd img{height: 275px; width: 100%;}

.sy-news .more_btn{ background: #bbb; width: 120px; height: 40px; margin-bottom: 55px; transition: all 0.5s ease; }

.sy-news .more_btn a{ line-height: 40px; font-weight: 400; font-size: 14px;}

.news_line{ width: 100%; height: 2px; background: #ddd; margin: 30px 0 20px;}

.sy-news li:hover{ box-shadow: 0 8px 8px rgba(0, 0, 0, .3);  }

.sy-news li:hover h3{ color: #e62429;}

.sy-news li:hover h3 i{ background: url(../images/index_03.png) no-repeat;}

.sy-news li:hover .more_btn{ background: #e62429; }

.sy-news li:hover .news_line{ background: #e62429;}





.sy_massage{ background-size: cover;width: 100%; padding: 100px 0; text-align: center;}

.sy_massage .sy_massage_center{ padding: 0 25%;}

.sy_massage h3{ font-size: 36px; font-weight: 400; color: #fff; margin-bottom: 30px;}

.sy_massage .biage{ width: 100%;}

.sy_massage .biage input{ float: left; width: 75%;height: 55px;line-height: 55px;background: #fff;border-radius: 3px;font-size: 14px;color: #999;padding-left: 10px;margin-right: 3%;}

.sy_massage .biage .sub{ width: 20%; background: #e62429 url(../images/index2_03.png) no-repeat 50px 20px;color: #fff;font-size: 16px;cursor: pointer; margin: 0; padding-left: 30px;}









.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}	

.index-banner .img-m{display: block;}



@media (max-width: 1500px){

		.index_pro_list ul li{ width:100%;}

	.sy-ban .swiper-container .cont{top: 220px;}

	.sy_massage .biage .sub{ background-position: 30px 20px;}
	.index_pro_img .item img{ height:780px;}
	.index_pro_txt{ height:780px;}
	.sy-news li h2{ height:65px; overflow:hidden;}

}


@media (max-width: 1200px){

	.sy-way .txt .pad{padding: 40px;padding-top: 60px;}

	.sy-way .txt h2{font-size: 35px;}

	.sy-ban .swiper-container .cont{top: 150px;}

.index_pro_img .item img{ height:730px;}
.index_pro_txt{ height:730px;}

}

@media (max-width: 1024px){

	.sy-ban .swiper-container-horizontal>.svg-swiper-pagination .swiper-pagination-bullet{background: none;padding-right: 40px;}



	.word1{line-height: 20px;}

	.margin{margin-top: 40px;}

	.tit-sy h2{margin-top: 0;font-size: 40px; line-height:56px;}

	.f30{font-size: 24px;}

	.tit-sy{font-size: 16px;line-height: 26px;}

	.sy-pro li .imgfd img{height: 180px!important;}

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

	.sy-pro li .word1{margin: 15px 0;}



	.sy-about .sy-more{margin: 20px 0 30px;}

	.sy-about .txt{width: 44%; margin-right: 2%;}

	.num-ab dt b{font-size: 40px;}

	.sy-about .imgfd img{height: 500px;}

	.sy-about .word1{overflow: hidden;line-height: 24px;}

	.sy-news li .imgfd img{height: 160px;}

	.sy-news li b{font-size: 16px;}

	.sy-pro li .word1{height: 40px;}

	.pro_container,.app_plate{ width:100%;}

	.app_plate.one_plate{ margin-top: 10px;}

			.index_pro_list ul li{ width:50%;}

	.sy-ban .swiper-container .cont{top: 100px;}

	.sy-ban .swiper-container .cont h3{ font-size: 56px; line-height: 90px}

	.sy-ban .swiper-container .cont h4{ font-size: 40px;}

	.sy-ban .swiper-container .cont .more_btn{ margin-top: 20px; height: 46px;}

	.sy-ban .swiper-container .cont .more_btn a{ line-height: 46px;}

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

	.sy_massage .biage .sub{ background:#e62429; padding: 0; }
	.index_pro_img .item img{ height:700px;}
	.sy-ban .swiper-container .cont .more_btn span{ line-height:46px;}
	.sy-news li h2{ height:35px; overflow:hidden;}
	.nav_search{ display:none;}
	.h-ss{ display:none;}
	.icon_link{ display:none;}
	.sy_news_tit h2{ font-size:40px;}

    
	.sy-news li{width: 49%;margin-right: 2%;margin-bottom: 20px;}

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

	.sy-news li .imgfd img{height: 240px;}

	.sy-news li b{height: 24px;}
	

}

@media (max-width: 960px){

	.sy-way .imgg .page-main{padding-top: 0;}
	.index_pro_img .item img{ height:750px;}

}

@media (max-width: 768px){

	.sy-profl li,.sy-profl ul li:hover,.sy-profl ul li:first-child,.sy-profl ul:hover li:first-child:hover{height: 200px!important;width: 50%!important;}

	.sy-profl li:last-child{display: none;}

	.sy-profl ul li:hover .txt2 b,.sy-profl ul li:first-child .txt2 b{font-size: 20px;}

	.sy-profl ul li:first-child .word1,.sy-profl ul li:hover .word1{margin-top: 5px;}

	.sy-profl ul li:first-child .sy-more3,.sy-profl ul li:hover .sy-more3{margin-top: 15px;}

	.sy-pro li .imgfd img{height: 270px!important;}

	.sy-way .txt{width: 100%;height: auto;}.sy-way .imgg{display: none;}

	.sy-way .txt .word1{height: auto;}

	.sy-way .txt .pad{padding: 40px 20px;}

	.sy-way .txt h2{font-size: 24px;height: auto;line-height: 30px;}

	.sy-way .txt .word1{margin: 15px 0 30px;}

	.sy-about .txt,.sy-about .imgfd{width: 100%;height: auto;}

	.sy-about .txt{margin-left: 0;margin-right: 0;padding: 0 2%;padding-bottom: 20px;}

	.sy-about .imgfd img{height: auto;}


	.sy-profl ul li:first-child .txt1,.sy-profl li:last-child{display: block;}

	.sy-profl ul li:first-child .txt2{display: none;}
	.index_pro_img .item img{ height:600px;}
.index_pro_txt{ padding:80px;}
.sy_massage h3{ font-size:18px;}
.sy-ban .swiper-container .cont h4{ font-size:36px;}



}

@media (max-width: 600px){

	.index-banner .img-m{width: 160%;margin-left: -20%;}
	.index_pro_img .item img{ height:560px;}
	.index_pro_txt{ padding:40px;}
	.index_pro_list ul li{ width:100%;}
	.sy_massage .biage input{ float:none; width:100%}
	.sy_massage .biage .sub{ width:50%; margin:15px auto;}

}

@media (max-width: 540px){

	.sy-profl li{overflow: hidden;}

	.sy-profl ul li:hover .txt2 b,.sy-profl ul li:first-child .txt2 b{font-size: 18px;}

	.sy-profl ul li:first-child .word1{height: 40px;overflow: hidden;}

	.sy-profl li, .sy-profl ul li:hover, .sy-profl ul li:first-child, .sy-profl ul:hover li:first-child:hover{width: 100%!important;}

	.sy-pro .sy-more,.sy-news .sy-more{display: none;}

	.sy-pro li .imgfd img{height: 150px!important;}

	.sy-profl li .txt1 h3{height: auto;}

	.sy-news li .imgfd img{height: 90px;}


	.sy-ban .swiper-container-horizontal>.svg-swiper-pagination .swiper-pagination-bullet{padding-right: 10px;}

	.margin{margin-top: 30px;}

.sy-way .txt h2,.num-ab dt span,.f30{font-size: 22px;}
	.tit-sy h2{ font-size:30px;}
	.num-ab dt b{font-size: 30px;}

	.tit-sy{margin-bottom: 20px;}

	.sy-news li b{height: 48px;}
	.index_pro_img .item img{ height:500px;}
	.index_pro_txt h1{ font-size:40px;}
.sy-ban .swiper-container .cont h3{ line-height:70px; font-size:40px;}
.sy-ban .swiper-container .cont h4{ font-size:30px;}

.sy-about .word1{ font-size:14px;}
.sy-about .more_btn{ margin: 10px auto;}
.index_pro_m .index_pro_title h1{ font-size:30px;}
.app_plate .app_plate_tit{ padding:0 2%;}
.app_plate .app_plate_tit h2{ font-size:30px; color:#333;}
.sy-news li{ width:100%; margin-bottom:10px;}
.sy_news_txt{ float:right; width:65%;}
.sy-news li .imgfd{ float:left;width:30%; height:80px;}
.sy-news li h2{ margin:0; height:44px; font-size:16px; overflow:hidden; font-weight:bold; line-height:22px; margin-top:10px;}
.sy-news .more_btn{ display:none;} 
.sy-news li{ border:none; padding:0;}
.sy_news_tit h2{ font-size:30px; color:#333;}
.sy_news_tit h2 a{line-height:55px;}
.sy_news_tit h2 a span{ display:none;}
.sy-news li:hover .more_btn{ background:none;}
.sy-news li:hover .more_btn a{ color:#e62429;}
.news_line{ height:1px; margin:10px 0;}

}


@media (max-width: 450px){
    .index_pro_img .item img{ height:420px;}
    	.sy-ban .swiper-container .cont h3{ line-height:50px; font-size:32px; }
.sy-ban .swiper-container .cont h4{ font-size:24px;}
}








.ab-tit-sy{margin-bottom: 100px;}

.ab-tit-sy h2{color: #fff;}

.pageMain-ab{padding-top: 50px;}







.about-strength .swiper-pagination{display: none}







@media (max-width: 1200px){



	.ab-tit-sy{margin-bottom: 50px;}

	.about-page06 .swiper-button-next, .about-page06 .swiper-button-prev{top: 60%;}

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

	.service h2{font-size: 30px;}

}

@media (max-width: 1024px){



	.about-js .rec{margin-top: 10px;}

	.about-js{padding: 100px 0 50px;}

}



@media (max-width: 450px){

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

	.about-js h2, .about-page06 h4,.service h2{font-size: 22px;}

	.about-js .rec{margin-bottom: 20px;}

	.about-js{padding: 90px 0 40px;}

	.about-page06 .txt{font-size: 16px;}

	.about-adv li,.honors li,.honors li:nth-child(3n){width: 49%;margin-right: 2%;margin-bottom: 15px;}

	.about-adv li:nth-child(2n),.honors li:nth-child(2n){margin-right: 0;}

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

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

	.honors li p{margin-top: 10px;}

	.about-adv li .pad{padding: 20px 10px;}

	.about-adv li p{min-height: 60px;line-height: 20px;}

	.about-adv li .rec{margin-top: 20px;}

	.about-adv li:last-child p{min-height: auto;}

	.about-page06 h4{padding-right: 10px;margin-right: 10px;}

	.about-page06 .txt{line-height: 30px;}

	.about-adv li b{font-size: 18px;}



}



.ny-box{width: 100%;overflow: hidden;position: relative; margin-top: 90px;}

.ny-box .txt{position: absolute;top: 30%;left: 0;width: 100%; text-align: center;}

.ny-box.second_box{ margin-top: 0;}

.ny-box .txt h2{font-size: 45px;color: #fff;font-weight: 600;}

.ny-box .txt .line{ width: 90px; height: 2px; margin: 30px auto; background: #e62429;}

.ny-loca{position: absolute;bottom: 25px;left: 0;width: 100%;font-size: 14px;color: #fff;}

.ny-loca a{color: #fff;}

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



.f30{margin-bottom: 30px;}

.contact .box{width: 50%;float: left;padding: 70px 8%;min-height: 660px;}

.contact .box2{background: #f1f1f1;}

.contact .box1{background: #fff;}

.contact .box1 dt{width: 48%;float: left;margin-right: 4%;color: #333;margin-bottom: 35px;}

.contact .box1 dt:nth-child(2n){margin-right: 0;}

.contact .box1 dt:nth-child(3){width: 100%;}

.contact .box1 dt b{font-size: 20px;color: #163e83;}

.contact .box1 dt p{font-weight: bold;font-size: 18px;display: block;margin: 10px 0 5px;}

.contact .box1 dd{width: 100%;font-size: 24px;color: #333;margin-bottom: 10px;}

.contact .box1 dd a{color: #163e83;}

.contact .form input{height: 50px;line-height: 50px;width: 100%;font-size: 14px;color: #333;}

.contact .form .padd{padding: 0 20px;}

.contact .form .kj p{font-size: 14px;color: red;position: absolute;top: 0;left: 10px;}

.contact .form .kj{background: #fff;height: 50px;line-height: 50px;border-radius: 5px;overflow: hidden;margin-bottom: 15px;position: relative;}

.contact .form .kj2{padding: 20px 0;height: 110px;}

.contact .form textarea{height: 110px;width: 100%;resize:none;font-size: 14px;color: #333;}

.contact .form .tj{background: #09d6dd!important;height: 50px;line-height: 50px;border-radius: 3px;max-width: 300px;font-size: 16px;color: #fff;margin-top: 20px;cursor: pointer;font-weight: bold;}

.contact .form p{font-size: 14px;color: #666;}



@media (max-width: 1600px){

	.ny-box .imgg img{width: 100%;}

	.ny-box .txt h2{font-size: 50px;}

	.contact .box{padding: 50px 2%;}
	.index_pro_txt p{ margin-bottom: 40px;}
	.index_pro_txt .item{padding: 15px 0;}
	.index_pro_txt h2 a{ font-size: 22px;}

}

@media (max-width: 1400px){

	.ny-box .imgg img{width: 100%;}

	.ny-box .txt h2{font-size: 40px;}
	.app_item li img{ height:330px;}
	.app_item li:first-child img{ height:670px;}

}
@media (max-width: 1200px){

	.ny-box .imgg img{width: 100%;}

	.ny-box .txt h2{font-size: 40px;}
	.app_item li img{ height:270px;}
	.app_item li:first-child img{ height:550px;}

}
@media (max-width: 1024px){
    .app_item li{ width:49%;}
    .app_item li:first-child{ float:none; width:100%;}
    .app_plate .app_plate_tit{ width:90%;}
    	.app_item li img{ height:400px;}
	.app_item li:first-child img{ height:800px;}
    
}
@media (max-width: 960px){

	.contact .box{width: 100%;min-height: auto;}

	.ny-box .txt .des{max-width: 100%;}

	.ny-box .imgg img{width: 130%; margin-left:-10%;}

	.ny-box .txt h2{font-size: 30px;}

	.f30{margin-bottom: 15px;}

	.contact .box{padding: 30px 2%;}

	.contact .box1 dd{font-size: 20px;}
	   	.app_item li img{ height:320px;}
	.app_item li:first-child img{ height:700px;}
	.app_plate .app_item_txt h5{ font-size:20px;}
	.app_plate .app_plate_tit h2{  width:85%;}

}
@media (max-width: 768px){
       	.app_item li img{ height:280px;}
	.app_item li:first-child img{ height:600px;}
	.app_item li:first-child .app_item_txt{ left:40px;}
	.app_plate .app_plate_tit{ top:40px;}
	.app_plate .app_plate_tit h2{ font-size:40px;}
	.app_plate .app_plate_tit p{ font-size:20px;}
	.ny-box .imgg img{ width:150%;  margin-left:-20%;}
    .ny-box .txt .line{ margin:15px auto;} 

}

@media (max-width: 540px){


	.ny-box .txt h2{font-size: 24px;}

	.ny-loca{bottom: 10px;}

	.ny-box .txt h2{margin-bottom: 10px;}

	.contact .box1 dt{width: 100%;margin-right: 0;margin-bottom: 20px;}

	.contact .box1 dt b{font-size: 18px;}

	.contact .box1 dt p{font-size: 16px;margin: 0;margin-bottom: 4px;}

	.contact .box1 dd{font-size: 18px;margin-bottom: 0;}

	.ny-box .txt .des{height: 72px;overflow: hidden;}
	       	.app_item li img{ height:230px;}
	  .app_item li:first-child .imgfd{ height:355px; overflow:hidden;}     	
	.app_item li:first-child img{ height:500px; margin-top:-70px;}
	.app_item li:first-child .app_item_txt{ left:10px; bottom:20px;}
		.app_plate .app_item_txt h5{ line-height:22px; font-size:18px;}
		.app_plate .app_item_txt{ bottom:10px; left:10px;}
		.app_plate .app_plate_tit{ position:unset; width:100%;}
		.app_plate .app_plate_tit p{ font-size:14px; color:#333; display:inline-block;}
		.app_plate .app_plate_tit h2{ width:100%;font-size:30px;}
		.app_plate .app_plate_tit h2 a{ line-height:55px; color:#333;}
		.app_plate .app_plate_tit h2 a span{ display:none;}

}
@media (max-width: 450px){
	       	.app_item li img{ height:210px;}
	.app_item li:first-child img{ height:430px;}
	.ny-box .imgg img{ width:170%; margin-left:-30%;}

}


.ny-class{height: 60px;line-height: 60px;background: #fff;overflow: hidden;text-align: center;}

.ny-class ul{display: inline-block;}

.ny-class li{float: left;margin: 0 150px;}

.ny-class li a{font-size: 20px;color: #333;font-weight: bold; box-sizing: border-box;}

.ny-class li:hover a,.ny-class li.cur a{color: #163e83;}











.news_nav{ background: #eee; width: 100%;}

.news_nav a{ color: #333; font-size: 16px; display: block; float: left; padding: 0 5px; margin-right: 80px;  height: 60px; line-height: 60px; font-weight: 400;}

.news_nav a.on,.news_nav a:hover{ color: #e62429; border-bottom: 2px solid #e62429;}

.news_cont { padding: 80px 0;}

.list-new li{width: 32%;float: left;margin-right: 2%;margin-bottom: 40px; border-radius: 3px; overflow: hidden;}

.list-new li:nth-child(2){margin-right: 0;}

.list-new li:nth-child(2n+5){margin-right: 0;}

.list-new li .imgfd img{height: 310px;}

.list-new li .txt{background: #f7f7f7;padding: 26px 24px;}

.list-new li .txt h2{font-size: 20px;line-height: 24px;height: 48px;overflow: hidden;display: block;color: #333;font-weight: 700; margin: 15px 0;}

.list-new li .txt p{ color: #666;}

.list-new li .txt span{font-size: 14px;color: #999;display: block;margin: 10px 0;}

.list-new li:hover .txt h2{color: #e62629;}

.list-new li .date,.news_info .date{ height: 16px; line-height: 16px;}

.list-new li .date i,.news_info .date i{ width: 16px; height: 16px; display: block; float: left; margin-right: 8px; background: url(../images/index_03.png) no-repeat;}

.list-new li:nth-child(1){ position: relative; width: 66%;}

.list-new li:nth-child(1) .txt{ position: absolute; color: #fff; bottom: 20px; left: 50px; background: none;}

.list-new li:nth-child(1) .imgfd img{ height: 518px;}

.list-new li:nth-child(1) .txt .date{ color: #fff;}

.list-new li:nth-child(1) .txt h2{ color: #fff; height:24px;}

.list-new li:nth-child(1) .txt p{ color: #fff;}

.news_cont .more_btn{ margin: 0 auto;}

.news_container{ padding: 60px 0;}

.ny-box.ny_position{ margin-top: 90px; height: 80px; line-height: 80px; background: #eef3f6;}





.news_content,.news_bottom{ float: left; width: 1040px; margin-right: 90px;}

.news_content h1{ font-size: 26px; color: #333; margin-bottom: 40px; font-weight:bold;}

.news_info{width: 260px;}

.news_info .date i{ margin-top: 4px;}

.news_info .pro_tag{ margin-top: 30px;}

.news_content p{ line-height: 30px; margin: 10px 0; color:#333;}

.news_content img{ max-width: 100%;}

.news_pages{ margin: 60px 30px; position:relative;}

.news_pages .page_item a{ display: block; width: 70px; height: 70px; border-radius: 35px; box-shadow: 0 0 12px rgba(0,0,0,0.15); margin-bottom: 15px; background: url(../images/news_prev_03.png) no-repeat center center;}

.news_pages .page_item span{ display: block; width: 70px; height: 70px; border-radius: 35px; box-shadow: 0 0 12px rgba(0,0,0,0.15); margin-bottom: 15px; line-height:70px;}

.news_pages .page_item{ margin: 30px 0; text-align: center; width: 70px;}

.news_pages .page_item:nth-child(2) a{ background: url(../images/news_back_06.png) no-repeat center center;}

.news_pages .page_item:nth-child(3) a{ background: url(../images/news_next_09.png) no-repeat center center;}

.news_pages .page_item a:hover{ box-shadow: 0 0 12px rgba(230,36,41,0.3);}
.news_pages .page_item:nth-child(4){ display:none;}
.news_pages .page_item:nth-child(4) span{ background: url(../images/news_share.png) no-repeat center center;}






.news_bottom{ margin: 50px 0; border-top: 1px solid #ddd;}

.news_bottom h2{ color: #333; font-size: 20px; margin-bottom: 30px;}

.news_bottom .swiper-container{ margin: 30px 0;}

.news_bottom li{ overflow: hidden;}

.news_bottom li .imgfd{ float: left; width: 40%; margin-right: 5%;}

.news_bottom li .imgfd img{ width: 100%;}

.news_bottom li h4{ font-size: 16px; color: #333; margin-bottom: 30px;}

.news_bottom li p{ font-size: 14px; color: #666;}

.news_bottom .swiper-button-next,.news_bottom .swiper-button-prev{ width:11px; background-size:11px 17px; top:0px; right:40px; height:18px; margin-top:0; left:auto; background:url(../images/left_icon_03.png) no-repeat;}

.news_bottom .swiper-button-next{ right:10px; background:url(../images/right_icon_05.png) no-repeat;}



.ny-cont2.about_box{ background: #f7f7f7;}

.ny-cont2.about_box .ny_position{ padding:10px 0; margin-top:0!important;}

.about_txt{ width: 60%;}

.about_introduce{ padding: 40px 0 130px;}

.about_tit h3{ font-size: 36px; font-weight: bold;}

.about_tit .short_line{ background: #e62429; width: 90px; height: 2px; margin: 10px 0 30px;}

.about_txt{ font-size: 16px; color: #333;}

.about_txt p{ line-height: 30px; margin-bottom: 20px;}



.about-adv{ padding: 70px 0; text-align: center;}

.about-adv h2{ color: #fff; font-size: 36px; font-weight: bold; margin-bottom: 30px; font-family:Segoe UI;}

.about-adv p{ color: #fff; font-size: 16px; width: 70%; margin: 0 auto;}

.about-adv .num-ab dt b{ color: #e62429; font-weight: bold;}

.about-adv .num-ab dt{ color: #fff;}



.about_honor.ny_container{ margin: 80px auto;}

.about_honor h2{ font-size: 36px; font-weight: bold; color: #333; margin-bottom: 20px; font-family:Segoe UI;}

.about_honor ul li{ background: #f5f5f5; text-align: center; padding: 25px 0 5px;}

.about_honor ul li img{ width: 60%; margin: 0 auto;}

.about_honor ul li h4{ width: 90%; margin: 25px auto 0; line-height: 56px; border-top: 1px solid #ddd;}

.about_honor .swiper-button-next,.about_honor .swiper-button-prev{ width:44px; background-size:11px 17px; top:0; right:65px; height:44px; border-radius: 22px; margin-top:0; left:auto; background: #f5f5f5 url(../images/left_icon_03.png) no-repeat center;}

.about_honor .swiper-button-next{ right:10px; background:#f5f5f5 url(../images/right_icon_05.png) no-repeat center;}



.about_culture.ny_container{ padding: 70px; margin-bottom: 110px;}

.about_culture .about_tit h3{ color: #fff; font-family:Segoe UI;}

.about_culture .about_tit .short_line{ margin-bottom: 10px;}

.culture_item{ padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,.5); color: #fff; width: 750px; font-family:Segoe UI;}

.culture_item .culture_img{ margin-right: 20px; padding-top: 12px;}

.culture_item .culture_txt h4{ color: #fff; font-size: 26px; margin-bottom: 10px;}





.contact_box{ padding-bottom: 80px;}

.contact_info,.contact_message{ width: 48%; margin-top: 30px;}

.contact_info{ margin-right: 4%;}

.contact_info h2,.contact_message h2{ font-size: 36px; color: #333; font-weight: bold;}

.contact_info p.tilt{ font-style: oblique; margin: 20px 0;}

.contact_info img{ max-width: 100%;}

.contact_list{ margin: 30px 0;}

.contact_list .contact_item{ margin-bottom: 20px;}

.contact_list h3{ font-size: 20px; color: #333; font-weight: bold;}



.contact_form input{ height: 55px; border: 1px solid #ddd; border-radius: 5px; width: 100%; margin-bottom: 35px;}

.contact_message h2{ margin-bottom: 15px;}

.contact_form span{ display: block; margin: 0 0 10px; color: #666;}

.contact_form .formfl{ float: left; width: 48%; margin-right: 4%;}

.contact_form .formfl:nth-child(2n){ margin-right: 0;}

.contact_form input.sub{ background: #e62429; color: #fff; cursor: pointer;}



@media (max-width: 1200px){

	.ny-class li{margin: 0 50px}

	.ny-cont{padding: 60px 0;}

	.list-new li .imgfd img{height: 230px;}

}

@media (max-width: 1024px){

	.list-new li{width: 32%;margin-right: 2%;}

	.list-new li .imgfd img{height: 210px;}

	.list-new li .txt h2{font-size: 18px;}

	.culture_item{ width: 100%;}

		.culture_item .culture_img{ width: 8%; margin-right: 2%;}

	.culture_item .culture_img img{ width: 100%;}

	.culture_item .culture_txt{ width: 90%;}

	.culture_item .culture_txt h4{ margin-bottom: 0;}

	.contact_info,.contact_message{ width: 100%;}

	.contact_info{ margin-right: 0;}
	.about_introduce{ background:none!important; padding:20px 0;}
	.related_pro .sy-pro ul li{ width:24%!important;}

}

@media (max-width: 768px){

	.ny-class{height: 50px;line-height: 50px;}

	.ny-class li a{font-size: 16px;}

	.list-new li{width: 49%;margin-bottom: 20px;margin-right: 2%;}

	.list-new li:nth-child(2n+3){margin-right: 0;}

	.list-new li .imgfd img{height: 240px;}

	.ny-cont{padding: 40px 0;}

	.culture_item .culture_txt p{ font-size: 14px;}
	.about-adv p{ width:90%;}
	.about_honor h2{ font-size:30px;}
	.about_honor .swiper-button-next, .about_honor .swiper-button-prev{ display:none;}
	.about_honor.ny_container{ margin:10px auto;}
	.about_honor ul li h4{ line-height:30px;}
	.culture_item .culture_img{ float:none; width:12%;}
	.about_culture.ny_container{ padding:40px;}
	.about_tit h3{ font-size:30px;}
	.about_culture.ny_container{ margin-bottom:40px;}
	.sy_massage{ padding:60px;}
	.sy_massage .sy_massage_center{ padding:0;}

.tit-sy p{ font-size:20px;}
.about_honor ul li{ width:48%!important;}
.related_pro .sy-pro ul li{ width:32%!important;}
.news_pages .page_item:nth-child(4){ display:block;}

}

@media (max-width: 450px){

	.list-new li .txt h2{font-size: 16px;line-height: 20px;height: 40px;}

	.list-new li .txt{padding: 14px 10px;}

	.ny-cont{padding: 30px 0;}

	.ny-class li{margin: 0 30px}

	.list-new li .imgfd img{height: 200px;}

	.list-new li,.list-new li:nth-child(3n),.list-new li:nth-child(2n){width: 100%;}
	.culture_item .culture_img{ float:none; width:15%;}
.sy_massage{ padding:40px;}
.contact_form .formfl{ width:100%; float:none;}
.tit-sy p{ font-size:14px;}
}



.nsfl{width: 78%;}

.nsfr{width: 18.75%;}





@media (max-width: 1200px){

	.rel-read li .imgfd img{height: 200px;}

}

@media (max-width: 1024px){

	.nsfr{display: none;}

	.nsfl{width: 100%;}	

}

@media (max-width: 450px){

	.fanye dt:nth-child(1),.fanye dt:nth-child(2){background: none;padding: 0;text-align: left;width: 100%;}

	.fanye{margin: 0;margin-top: 40px;}

}





.ny-cont2{background: #fff;position: relative;}

.ny-cont2 .nsfr{ padding-top: 80px}

.hot-pro li{width: 100%;display: inline-block;margin-bottom: 15px;}

.hot-pro li .imgfd{border: 1px solid #e7e7e7;width: 34%;}

.hot-pro li .imgfd img{height: 75px;}

.hot-pro li p{display: block;font-size: 14px;color: #333;line-height: 20px;height: 60px;overflow: hidden;width: 60%;}

.hot-pro li:hover p{color: #09d6dd;}





.ny_pro_box{ padding: 60px 0; background: #f5f5f5;}

.ny_pro_tit,.nr_pro_list,.ny_container{ width: 1400px; margin: 0 auto;}

.ny_pro_tit h2{ font-size: 30px; color: #333; margin-bottom: 15px; font-weight:600;}

.nr_pro_list{ margin: 40px auto 0;}

.nr_pro_list ul li{ float: left; width: 24%; margin-right: 1.33%; background: #fff; padding: 20px; margin-bottom: 20px; text-align: center;}

.nr_pro_list ul li img{ width: 100%; transition: all 0.5s ease;}

.nr_pro_list ul li:hover img{ transform: scale(1.1)}

.nr_pro_list ul li h5{ font-size: 18px; color: #333; font-weight: 600; margin-bottom: 10px; margin-top: 10px;}

.nr_pro_list ul li p{ margin-bottom: 15px; color: #666;}

.operation{ width:50%; margin:30px auto; position:relative;}
.operation ul{ display:flex; flex-wrap:nowrap; overflow:hidden; padding:8px 0;}
.operation ul li{ float:left; margin:0 auto;}
.operation ul li span{ margin-top:15px;}
.operation ul li .c_img{ width:40px; height:40px; border-radius:20px;  box-shadow: 0 0 8px rgba(0, 0, 0, .3); text-align:center; line-height:40px; float:left; margin-right:20px;}
.operation ul li:nth-child(4){display:none;}
.operation ul li span{ border-bottom:2px solid #dddddd; padding-bottom:8px;}
.oper_share{ position:absolute; right:0; display:none; transition:all 0.5s ease;}

.news_pages .oper_share{ bottom:-25px;}

.ny_position{ margin-top:30px;}

.ny_position a{ font-size:13px;}

.pro_description{ padding:40px; background:#f5f5f5; width:100%; margin-top:50px;}
.pro_description img{ max-width:100%!important;}
.pro_description .description_tit{ border-bottom:1px solid #ddd; padding-bottom:16px;}

.pro_description .description_tit span{ padding:0 15px 17px 0; font-size:20px; border-bottom:2px solid #e62429;}

.description_xq{ padding:25px 0;}

.related_pro{ margin-top:50px;}

.related_pro h2{ font-size:20px; margin-bottom:30px; }

.sy-pro ul li{ float:left; width:18%; margin-right:2.5%; background:#fff; padding:0 0 30px;}

.sy-pro ul li .imgfd{ width:92%; margin:0 auto;}

.sy-pro ul li p{ font-size:16px; text-align:center; margin:20px 0 0; height:50px;}

.sy-pro ul li:nth-child(5){ margin-right:0;}

.sy-pro .swiper-button-next,.sy-pro .swiper-button-prev{ width:11px; background-size:11px 17px; top:0px; right:40px; height:18px; margin-top:0; left:auto; background:url(../images/ic04.png) no-repeat;}

.sy-pro .swiper-button-next{ right:10px; background:url(../images/ic05.png) no-repeat;}

.quote { cursor: pointer;}

.operation ul li.quote:hover span{ color: #e62429;}

.quote_pop_bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 999; top: 0; left: 0; display: none; transition: all 0.5s linear;}

.quote_pop{ background: #fff; width: 700px; padding: 40px; margin: 80px auto; border-radius: 8px; position: relative;}

.pop_close{ position: absolute; top:20px; right: 20px; width: 18px; cursor: pointer;}









.app_container{ background:#f5f5f5; padding:80px 0;}

.app_container .app_item{ margin-bottom:50px; border-radius: 3px; overflow: hidden;}

.app_container .app_item .app_img_box,.app_container .app_item .app_txt_box{ width:50%;}

.app_container .app_item .app_img_box img{ width:100%;}

.ny_container .app_item:nth-child(2n+1) .app_img_box{ float:left;}

.ny_container .app_item:nth-child(2n+1) .app_txt_box{ float:right;}

.ny_container .app_item:nth-child(2n) .app_img_box{ float:right;}

.ny_container .app_item:nth-child(2n) .app_txt_box{ float:left;}

.app_txt_box{ background:#fff; padding:100px; height: 470px;}

.app_txt_box h3{ font-size:30px; font-weight:600; line-height:60px; margin:40px 0 30px;}

.app_img_box{ height: 470px; overflow: hidden;}

.app_txt_box a{ color: #e62429; padding: 40px 0 0; display: block;}

.app_container .more_btn{ margin: 0 auto;}

.app_top_txt{ color: #fff; width: 700px; padding: 100px 0;}

.app_top_txt h2{ color: #fff; font-size: 45px; width: 540px;}

.app_top_txt .short_line{ background: #e62429; width: 90px; height: 2px; margin: 30px 0;}

.app_top_txt p{ width: 540px; font-weight: 200; line-height: 42px; font-size: 18px;}



.app_top{ background: #292929; width: 100%; margin-bottom: 50px;}

.app_top .appfl{ float: left; width: 50%;}

.app_top_img{ width: 50%;}

.app_top_img img{ width:100%;}

.app_nyitem{ margin-bottom: 100px;}

.app_nyitem h2{ color: #333; font-size: 36px; text-align: center; margin: 30px 0; font-weight:700;}

.app_value{ width: 1010px; margin: 40px auto;}

.app_value .value_box,.app_value .value_plus{ float: left;}
.app_value .value_plus:nth-child(6){display: none;}

.app_value .value_box{ width: 250px; height: 250px; border-radius: 125px; background: #e62429; text-align: center; padding: 50px 0;}

.value_box h4{color: #fff; font-weight: 400; margin-top: 30px; }

.value_plus{ padding-top: 107px; margin: 0 47px;}

.app_tab{ width: 300px; margin: 0 auto;}

.app_tab input{ margin:10px 10px 10px 30px;}

.app_tab input:checked{ background: #e62429;}

.app_sys_img img:last-child{ display: none;}

.app_sys_img img{ width: 100%;}

.scene_list li{ float: left; width: 31%; margin-right: 3.5%;}

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

.scene_list li h5{ font-size: 16px; font-weight: bold; color: #333; margin: 15px 0; text-align: center;}

.scene_img{ overflow: hidden;}

.scene_img img{ width: 100%; transition: all 0.5s ease;}

.scene_img:hover img{transform: scale(1.1);}

.app_related{ background: #f5f5f5; padding: 50px 0 30px;}

.app_related ul li{ background: #fff; text-align: center; padding: 15px 0 20px;}

.app_related ul li h4{ color: #333; font-size: 18px; margin: 20px 0 10px;}

.app_related ul li p{ color: #666; font-size: 16px;}

.app_related .swiper-button-next,.app_related .swiper-button-prev{ width:11px; background-size:11px 17px;  bottom:0; top: auto;right:40px; height:18px; margin-top:0; left:49%; background:url(../images/left_icon_03.png) no-repeat;}

.app_related .swiper-button-next{ left:51%; background:url(../images/right_icon_05.png) no-repeat;}

.app_related .swiper-container{ padding-bottom: 50px;}

.app_related .app_nyitem{ margin-bottom: 30px;}

.feature_list li{ background: #f5f5f5; float: left; width: 31%; margin-right: 3.5%; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); padding: 40px 2%; text-align: center; min-height: 366px; margin-bottom:35px;}

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

.feature_list li img{ margin-bottom: 30px;}

.feature_list li h5{ color: #333; font-size: 20px; margin-bottom: 15px; font-weight:600;}

.feature_list li p{ font-size: 16px; color: #666; line-height: 28px;}




.show-pro{padding-top: 40px;}

.show-pro .txt{width: 46.5%;}

.show-pro .pic{width: 50%;}

.show-pro .txt h1{font-size: 24px;color: #333;line-height: 40px;font-weight: bold;}



.des2{font-size: 16px!important;line-height: 30px!important;color: #666!important; padding-left: 15px;}

.des2 li{ list-style: disc;}

.show-pro .des2{margin: 20px 0 30px;}



.pro_tag{ font-size: 14px; color: #666;}

.pro_tag a{ padding: 5px 10px; border:1px solid #d9d9d9; font-size: 13px; margin-left: 15px;}

.pro_share{ margin-top: 24px;}

.share_list{ margin-top: 10px; overflow: hidden;}
.share_list a.icon{ width: 30px; height: 30px; display: block; float: left; border-radius: 15px; padding: 6px 0 0 7px; margin-right: 5px;}
.share_list a i svg{ fill: #fff; height: 16px;}
.share_list a.icon_facebook{ background: #344f8d;}
.share_list a.icon_twitter{ background: #4ba2eb;}
.share_list a.icon_linkedin{ background: #0467a7;}
.share_list a.icon_instagram{ background: linear-gradient( to top right,#fdbd50,#e63d7f,#68428e);}


@media (max-width: 1400px){

	.ny_pro_tit,.nr_pro_list,.ny_container{ width: 90%;}

	.nr_pro_list ul li h5{ font-size: 16px;}

	.operation{ width:80%;}

	.app_txt_box{ padding: 80px;}

	.app_txt_box h3{ font-size: 26px;}

	.news_content,.news_bottom{ width: 70%; margin-right: 5%;}

	.news_info{ width: 25%;}

	.list-new li:nth-child(1){ height: 471px;}

	.about_txt{ width: 80%;}
	.app_top_txt{ padding:60px 0;  width:96%; float:none;}
	.app_top_txt h2{ font-size:38px; width:100%;}
	.app_top_txt p{ width:100%; font-size:16px;}
	.app_top_img img{ height:595px;}
	.index_pro_txt { padding: 60px;}

}

@media (min-width: 1025px){

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



	

}

@media (max-width: 1024px){

	.ny-box{ margin-top: 60px;}
	.app_img_box{height: 380px;}

	.app_txt_box,.app_img_box img{ height: 380px;}

	.app_txt_box h3{ font-size: 18px; margin: 20px 0 10px;}

	.app_txt_box a{ padding: 20px 0 0}

	

	.app_value{ width: 760px;}

	.app_value .value_box{ width: 180px; height: 180px; border-radius: 90px; padding: 30px 0;}

	.value_plus{ padding-top: 72px; margin: 0 37px;}

	.value_box h4{ margin-top: 20px;}

	.news_content,.news_bottom{ width: 100%; float: none}

	.news_info{ float: none; width: 100%;}

	.news_info .date,.news_info .pro_tag,.news_info .pro_share{ float: left; width: 25%; margin:15px 3.3% 0 0;}

	.news_info .pro_share{ width: 40%;}

	.news_info .pro_share .share_list{ float: left; margin: -26px 0 0 150px;}

	.news_info .date{ height: 22px; line-height: 22px;}

	.news_pages .page_item{ float: left; margin: 0 auto;}

	

	.news_pages .page_item a{ background: url(../images/left_icon_03.png) no-repeat center center; width: 50px; height: 50px;}

	.news_pages .page_item:nth-child(3) a{ background: url(../images/right_icon_05.png) no-repeat center center;}

		.list-new li:nth-child(1){ width: 100%;}

	.list-new li:nth-child(2){ margin-right: 2%; }

	.list-new li:nth-child(2n+5){ margin-right: 2%;}

	.list-new li:nth-child(2n+4){ margin-right: 0; }

	.about_txt{ width: 100%;}
		.ny_pro_tit h2{ text-align:center;}

	.app_top .appfl{ width:100%; float：none;}
	.app_top_img{ width:100%; float:none;}

	.app_top_txt p{ line-height:36px;}
	.app_top_txt{ width:90%; margin:0 auto; padding:20px 0;}
	.feature_list li p{ display:none;}
	.feature_list li{ min-height:200px;}
	.news_pages{ display:flex; flex-wrap:wrap;}
	.news_pages .page_item{ width:50px;}
	.news_pages .page_item span{ width:50px; height:50px; line-height:50px;}
	.ny-box.ny_position{ margin-top:60px;}
	.related_pro .sy-pro ul li{ padding:0 0 10px;}
	.related_pro .sy-pro ul li p{ height:22px; overflow:hidden;}
.related_pro .sy-pro ul li p:after{ content:"...";}
		.index_pro{ display: none;}
	.index_pro_m{ display: block; margin: 20px 0;}
	.index_pro_m .index_pro_title{ padding-left:5%;  margin-bottom: 15px;}
	.index_pro_m .index_pro_title h1{ font-size: 48px; font-weight: 700;}
	.index_pro_m .index_pro_title p{ color: #666;}
	.m_pro_item{ width: 100%; margin-bottom: 25px;}
	.m_pro_img { max-height: 600px; overflow: hidden;vertical-align: middle;}
	.m_pro_img img{ width: 100%;vertical-align:middle; margin-top: -13%;}
	.m_pro_txt{ background: #222; padding: 25px 5%; color: #fff;}
	.m_pro_txt h2{ color: #fff; font-size: 36px; }
	.m_pro_txt a{ color: #fff;}
	.m_pro_txt  li {width: 50%;float: left;margin: 10px 0;}
	.sy-ban{ margin-top:60px;}
	


}

@media (min-width: 769px) and (max-width: 1024px){

	.nr_pro_list ul li{width: 32%; margin-right: 2%;}

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

	.list-new li{ width: 48%; margin-right: 4%;}

	.list-new li:nth-child(1){ width: 100%;}

	.list-new li:nth-child(2){ margin-right: 4%; }

	.list-new li:nth-child(2n+3){ margin-right: 0;}

.list-new li:nth-child(2n+4){  margin-right: 4%;}


	

}



@media (max-width: 768px){

	.nr_pro_list ul li{width: 48%; margin-right: 4%;}

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

	.operation{ width:90%; margin:15px auto;}

	.app_container .app_item .app_img_box,.app_container .app_item .app_txt_box{ width:100%;}
	.app_txt_box{ padding:40px; height:auto;}

	.app_value{ width: 90%;}

	.value_plus{ display:none;}
.app_value{ display:flex; flex-wrap:wrap;align-items:center;}
	.app_value .value_box{ width: 130px; height: 130px; border-radius: 65px;  margin:0 auto; padding: 20px 0; }

	.value_box h4{ margin-top: 10px; font-size: 12px;}
	.app_top_img img{ height:500px}
		.app_top_txt p{ line-height:32px;}
		.app_top_txt h2{ font-size:28px;}
		.feature_list li h5{ font-size:16px;}
		.app_nyitem{ margin-bottom:50px;}
		.app_nyitem h2{ margin:0 0 20px;}
		.app_related{ padding:10px 0;}
		.app_related .swiper-button-next, .app_related .swiper-button-prev{ display:none!important;}
		.app_txt_box h3{ margin:0;}
		.operation ul li .c_img{ float:none; margin:0 auto;}
		.operation ul li span{ display:block; border:none; text-align:center; font-size:14px;}
		.pro_description{ padding:10px;}
		.related_pro .sy-pro ul li{ margin-right:10px!important;}
		.related_pro .sy-pro ul li p{ font-size:14px;} 
		.news_info .date, .news_info .pro_tag, .news_info .pro_share{ float:none; width:100%;}
		.news_info .pro_share .share_list{ float:none;}
		.news_pages{ margin:30px 10px;}
		.news_container{ padding:30px 0;}
	.m_pro_txt li{ width: 100%; float: none;}
	.m_pro_img{ max-height: 420px;}
	.index_pro_m .index_pro_title h1{ font-size: 40px;}
	.m_pro_txt h2{ font-size: 24px;}
	.m_pro_item{ margin-bottom :15px;}
	.num-ab dt b{ font-size:26px;}
	.num-ab dt span{ font-size:14px;}
	.num-ab{ height:55px; overflow:hidden;}
	.sy_news_tit p{ font-size:16px;}
	.ny_pro_tit h2{ font-size:24px;}
	.ny_pro_tit p{ font-size:14px;}
	.ny_pro_box{ padding:30px 0;}
	.show-pro .des2{ font-size:14px!important;}
	.news_nav a:first-child{ display:none;}
	.news_nav a{ font-size:14px; margin-right:20px;}
	.news_cont{ padding:40px 0;}
	.feature_list li{ padding:20px 1%;}
	.pro_share{ display:none;}
	.operation ul li:nth-child(4){ display:block;}
	.pro_tag{ display:none;}
	.app_container{ padding:40px 0;}
	.news_pages .page_item span,.news_pages .page_item a{ margin-bottom:8px;}
	.news_content h1{ font-size:20px;}

}
@media (max-width: 450px){
.nr_pro_list ul li{ width:100%;}
    .app_top_img img{ height:300px}
    	.app_value .value_box{ width: 80px; height: 80px; border-radius: 40px;  margin:0 auto; padding: 20px 0; }
    	.value_box h4{ display:none;}
.app_value .value_box img{ width:50%;}
.app_img_box img{ height:300px;}
.app_img_box{ height:300px;}
.app_txt_box h3{ line-height:40px;}
.operation ul li span{ display:none;}
.news_pages .page_item{ margin:0 auto;}
	.m_pro_img { height: 280px;}
		.m_pro_img{ max-height: 320px;}
		.num-ab dt span { font-size:12px;}
		.num-ab{ display:none;}
		.pro_tag{ display:none;}
			.list-new li:nth-child(1){ position:unset;}
	.list-new li:nth-child(1) .imgfd img{ height:200px;}
	.list-new li:nth-child(1){ height:auto;}
	.list-new li:nth-child(1) .txt{ background:#f7f7f7; position:unset;}
	.list-new li:nth-child(1) .txt .date{ color:#999;}
	.list-new li:nth-child(1) .txt h2{ color:#333; height:auto;}
		.list-new li:nth-child(1) .txt p{color:#666;}
		.list-new li .txt h2{ overflow:visible;}
		.news_cont{ padding:20px 0;}
		.feature_list li h5{ font-size:14px;}
		.scene_list li{ width:95%; margin:0 auto;}
.scene_list li h5{ font-size:14px;}
.app_top_txt h2{ font-size:20px;}
.operation ul{ padding:8px 0;}

}







#big_img{height:435px;background:no-repeat center;background-size: contain;}

#small_img{width:14%;}

#small_imgs{overflow:hidden;height: auto;}

#small_imgs .item{margin-bottom: 18px;display: inline-block;}

#small_imgs .item .img{cursor:pointer;width:100%;max-height:100px;border: 1px solid #ddd;box-sizing: border-box;overflow: hidden;}

#small_imgs .item .img img{width:100%;}

#small_imgs .item .active{border: 1px solid #152c7f;box-sizing: border-box;}	

.show-pro .pro-x{border: 1px solid #e7e7e7;}

.show-pro #big_a{width: 83%;}







.list-pro2{padding: 0;border-bottom: none;}

.list-pro2:last-child{margin-bottom: 0;}



.feed-ny{margin-bottom: 90px;}

.feed-ny .f30{margin-bottom: 0;}

.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: #333;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;height: 130px;}

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

.feed-ny .submit{width: 300px;height: 50px;line-height: 50px;border-radius: 4px;background: #09d6dd;font-size: 16px;color: #fff;cursor: pointer;font-weight: bold;}



@media (max-width: 1200px){

	.show-pro .txt h1{font-size: 30px;}

	.show-pro{padding-top: 60px;}

}

@media (max-width: 1024px){

	.show-pro .txt h1{font-size: 26px;line-height: 34px;}

	.show-pro{padding-top: 40px;}

}

@media (max-width: 768px){

	.feed-ny{margin: 40px 0;}

	.show-pro .txt,.show-pro .pic{width: 100%;}

	.show-pro .txt h1{font-size: 22px;}

	.show-pro .txt{margin-top: 30px;}
	.related_pro .sy-pro li .imgfd img{ height:120px!important;}
	.related_pro h2{ margin-bottom:15px;}
	.quote_pop{ width:90%;}
	.contact_form input{ height:40px; margin-bottom:10px;}
	.contact_form span{ font-size:14px;}

}

@media (max-width: 560px){

	.input_control{width: 100%;margin-top: 15px;}

	.feed-ny .submit{width: 160px;margin-top: 15px;}

	#big_img{height: 280px;}

	.show-pro .txt h1{font-size: 18px;line-height: 22px;}

	.feed-ny{margin: 30px 0;margin-bottom: 0;}

	.show-pro2 .box b{font-size: 16px;margin-left: 15px;}

	.list-pro2{margin-top: 20px;}

	.feed-ny .f30{font-size: 20px;}
	.related_pro .sy-pro ul li p{ font-size:12px;}
	.related_pro .sy-pro li .imgfd img{ height:100px!important;}

}


.show-pro .swiper-slide{ overflow: hidden;}
.show-pro .pro-x{ height: 460px; text-align: center; overflow: hidden;}
.show-pro .pro-x img{ height: 100%;}
.show-pro .mySwiper .swiper-slide{ max-height: 100px;cursor: pointer; width: 100%; border: 1px solid #ddd;box-sizing: border-box;}
.show-pro .mySwiper .swiper-slide img{ width: 100%;}
.show-pro .mySwiper{ position: relative; padding: 14px 0 26px; overflow: hidden; height: 460px;}
.show-pro .mySwiper .swiper-slide-thumb-active{ border-color: #152c7f}
.show-pro .mySwiper .swiper-button-next1,.show-pro .mySwiper .swiper-button-prev1{ position: absolute; z-index: 99; width: 100%; height: 15px; top: 0px; background: url(../images/news_prev_03.png) no-repeat center center; background-size: 15px; cursor: pointer;}
.show-pro .mySwiper .swiper-button-next1{ top: auto;bottom: 0;background: url(../images/news_next_09.png) no-repeat center center; background-size: 15px;}


.related_pro .mySwiper3{ position: relative;}
.related_pro .description_tit{border-bottom: 1px solid #ddd; padding-bottom: 16px; margin-bottom:30px;}
.related_pro .description_tit span{    padding: 0 15px 17px 0;font-size: 20px; border-bottom: 2px solid #e62429;}

@media (max-width: 540px){
    
    .show-pro .pro-x{ height: 380px;}
    .show-pro .mySwiper{ height: 380px;}
}
@media (max-width: 450px){
    
    .show-pro .pro-x{ height: 300px;}
    .show-pro .mySwiper{ height: 300px;}
}