@charset "utf-8";
@font-face {
  font-family: "gilroy";
  font-weight: 100;
  src: url("../fonts/Gilroy-Thin-13.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: 300;
    src: url("../fonts/Gilroy-Light-11.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: regular;
    src: url("../fonts/gilroy-regular-3.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: 500;
    src: url("../fonts/Gilroy-Medium-2.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: 600;
    src: url("../fonts/gilroy-bold-4.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: 700;
    src: url("../fonts/Gilroy-ExtraBold.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: 900;
    src: url("../fonts/gilroy-black-6.otf") format("opentype");
}
@font-face {
    font-family: "Anton Regular";
    src: url("../fonts/Anton-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto Medium";
    src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "Evogria";
    src: url("../fonts/Evogria.otf") format("opentype");
}
@font-face {
    font-family: "Evogria Italic";
    src: url("../fonts/Evogria Italic.otf") format("opentype");
}
.RobotoMedium{font-family: "Roboto Medium";}
.AntonRegular{font-family: "Anton Regular";}
.Evogria{font-family: "Evogria";}
.EvogriaItalic{font-family: "Evogria Italic";}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 1502878 */
  src: url('//at.alicdn.com/t/c/font_1502878_nf4b5e8ue8i.woff2?t=1736324396450') format('woff2'),
       url('//at.alicdn.com/t/c/font_1502878_nf4b5e8ue8i.woff?t=1736324396450') format('woff'),
       url('//at.alicdn.com/t/c/font_1502878_nf4b5e8ue8i.ttf?t=1736324396450') format('truetype');
}
*{margin:0;padding: 0;}
html{font-size: 16px;}
html.ovHidden{overflow: hidden;}
body {min-width: 320px;color: #1a1a1a;font-family:"gilroy","PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro","Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei,tahoma, Arial, Verdana, sans-serif;background: #fff;overflow-x: hidden;}
*{word-break:normal !important}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.goomay a {
  font-family:"iconfont" !important;
  font-size:12px!important;
  color: #cdd9e7!important;
  font-style:normal;
  font-weight: normal;
  text-decoration: none!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  transition: .5s all;
}
.icon-goomay a:before { content: "\e625"; }
.goomay a:hover{color: #fff100!important;}
.icon-g:before { content: "\e603"; }
.iconfont {font-family: 'iconfont';}
li {list-style: none;}
i {font-style: normal;}
a {color: #1a1a1a;text-decoration: none;transition: 0.5s;}
a:focus{text-decoration: none;outline: none;color:#1a1a1a;}
a:hover { color: #1a1a1a;text-decoration: none;outline: none;}
p,h1,h2,h3,h4,h5,h6,ul,li {margin: 0;padding: 0;font-weight: normal;}
img {border: 0;  max-width: 100%;vertical-align: middle;}
#decors-container img{width:100%;}
img[src=""],img:not([src]){opacity:0 !important;}
.flex{display: -webkit-flex;display: -ms-flexbox;display: flex;}
.overflow{overflow: hidden;}
.overflow img{width: 100%;transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.smallImg img{transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.overflow:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.smallImg:hover img{-webkit-transform:scale(0.95);transform:scale(0.95);}
.container{width: 100%; padding: 0; margin: 0 auto;}

.text-center{text-align: center;}
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
.target-fix {
  position: relative;
  top: -150px;
  display: block;
  height: 0;
  overflow: hidden;
}

.swiper-container,.swiper-container .swiper-slide{position: relative;}
.swiper-container{
  --swiper-theme-color: #ff8600;/* 设置Swiper风格 */
  --swiper-preloader-color: #ff8600;/* 单独设置预加载圆圈的颜色 */
}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f20{font-size: 1.0416vw;}
.f22{font-size: 1.145833vw;}
.f24{font-size: 1.25vw;}
.f26{font-size: 1.35416vw;}
.f28{font-size: 1.4583vw;}
.f30{font-size: 1.5625vw;}
.f32{font-size: 1.666vw;}
.f34{font-size: 1.77vw;}
.f36{font-size: 1.875vw;}
.f40{font-size: 2.08vw;}
.f42{font-size: 2.1875vw;}
.f44{font-size: 2.2916vw;}
.f48{font-size: 2.5vw;}
.f50{font-size: 2.6vw;}
.f52{font-size: 2.7vw;}
.f54{font-size: 2.8125vw;}
.f60{font-size: 3.125vw;}
.f70{font-size: 3.64583vw;}
.f72{font-size: 3.75vw;}
.f76{font-size: 3.958vw;}
.f80{font-size: 4.16vw;}
.f90{font-size: 4.6875vw;}
@media (max-width: 1600px) {

  .f14{font-size: 13px;}
  .f15{font-size: 14px;}
  .f16{font-size: 15px;}
  .f17{font-size: 16px;}
  .f18{font-size: 17px;}
  .f20{font-size: 1.2vw;}
  .f22{font-size: 1.3vw;}
  .f24{font-size: 1.4vw;}
  .f26{font-size: 1.5vw;}
  .f28{font-size: 1.6vw;}
  .f30{font-size: 1.7vw;}
  .f32{font-size: 1.8vw;}
  .f34{font-size: 1.8vw;}
  .f36{font-size: 1.9vw;}
  .f40{font-size: 2.1vw;}
  .f42{font-size: 2.15vw;}
  .f44{font-size: 2.2vw;}

  html{font-size: 15px;}
  
}
@media (max-width: 1460px) {
  .f14{font-size: 12px;}
  .f15{font-size: 13px;}
  .f16{font-size: 14px;}
  .f17{font-size: 15px;}
  .f18{font-size: 16px;}
  .f20{font-size: 1.3vw;}
  .f22{font-size: 1.4vw;}
  .f24{font-size: 1.5vw;}
  .f26{font-size: 1.6vw;}
  .f28{font-size: 1.7vw;}
  .f30{font-size: 1.8vw;}
  .f32{font-size: 1.9vw;}
  .f34{font-size: 1.9vw;}
  .f36{font-size: 2vw;}
  html{font-size: 14px;}  
}
@media (max-width: 1200px) {  
  .f20{font-size: 1.55vw;}
  .f22{font-size: 1.65vw;}
  .f24{font-size: 1.7vw;}
  .f26{font-size: 1.75vw;}
  .f28{font-size: 1.8vw;}
  .f30{font-size: 1.85vw;}
  html{font-size: 13px;}
}
@media (max-width: 991px) {
  .f17{font-size: 14px;}
  .f18{font-size: 14px;}
  .f20{font-size: 16.5px;}
  .f22{font-size: 17px;}
  .f24{font-size: 17.5px;}
  .f26{font-size: 18px;}
  .f28{font-size: 19px;}
  .f30{font-size: 20px;}
  .f32{font-size: 21px;}
  .f34{font-size: 21px;}
  .f36{font-size: 22px;}
  .f40{font-size: 23px;}
  .f42{font-size: 23.5px;}
  .f44{font-size: 24px;}
  .f48{font-size: 24.5px;}
  .f50{font-size: 25px;}
  .f52{font-size: 25px;}
  .f54{font-size: 25.2px;}
  .f60{font-size: 25.5px;}
  .f70{font-size: 26px;}
  .f72{font-size: 26.2px;}
  .f76{font-size: 26.4px;}
  .f80{font-size: 26.8px;}
  .f90{font-size: 28px;}
  html{font-size: 12px;}
  
}
@media (max-width: 768px) {
  
}
@media (max-width: 468px) {
  .f20{font-size: 16.2px;}
  .f22{font-size: 16.3px;}
  .f24{font-size: 16.4px;}
  .f26{font-size: 16.5px;}
  .f28{font-size: 16.6px;}
  .f30{font-size: 16.7px;}
  .f32{font-size: 16.8px;}
  .f34{font-size: 16.8px;}
  .f36{font-size: 17px;}
  .f40{font-size: 18px;}
  .f42{font-size: 18.1px;}
  .f44{font-size: 18.2px;}
  .f48{font-size: 18.8px;}
  .f50{font-size: 19px;}
  .f52{font-size: 20px;}
  .f54{font-size: 20px;}
  .f60{font-size: 21px;}
  .f70{font-size: 22px;}
  .f72{font-size: 23px;}
  .f76{font-size: 23.5px;}
  .f80{font-size: 24px;}
  .f90{font-size: 25px;}
  html{font-size: 10px;}
}
/* animates */
@-webkit-keyframes fadeUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeUp {-webkit-animation-name: fadeUp;animation-name: fadeUp;}
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.fade {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -80px, 0);transform: translate3d(0, -80px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -80px, 0);transform: translate3d(0, -80px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeDown {-webkit-animation-name: fadeDown;animation-name: fadeDown;}
@-webkit-keyframes fadeLeft {
  from {opacity: 0;-webkit-transform: translate3d(-80px, 0, 0);transform: translate3d(-80px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeLeft {
  from {opacity: 0;-webkit-transform: translate3d(-80px, 0, 0);transform: translate3d(-80px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeLeft {-webkit-animation-name: fadeLeft;animation-name: fadeLeft;}
@-webkit-keyframes fadeRight {
  from {opacity: 0;-webkit-transform: translate3d(80px, 0, 0);transform: translate3d(80px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeRight {
  from {opacity: 0;-webkit-transform: translate3d(80px, 0, 0);transform: translate3d(80px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeRight {-webkit-animation-name: fadeRight;animation-name: fadeRight;}
/*language*/
    .change-language {
      display: inline-block;
      position: relative;
      text-align: left;
      vertical-align: middle;
    }
    .change-language a i{color: #fff;}
    .change-language .change-language-title{height: 60px;line-height: 60px;}
    /*.change-language .change-language-title a:after {
      content: '';
      display: inline-block;
      width: 0;
      height: 0;
      border: 4px solid #000;
      border-top-width: 5px;
      border-bottom: 0;
      border-left-color: transparent;
      border-right-color: transparent;
      vertical-align: middle;
    }
    .change-language:hover .change-language-title a:after {
      -moz-transform: rotate(-360deg);
      -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      transform: rotate(-180deg);
    }*/
    .change-language .change-language-cont {
      position: absolute;
      top: 100%;
      margin-top: 6px;
      right: 0;
      width: 360px;
      background: #FFF;
      padding: 20px 10px 20px 20px;
      transform: scale3d(0.9, 0.9, 1);
      opacity: 0;
      visibility: hidden;
      z-index: 999;
      -moz-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      border: 1px solid #eee;
      border-radius: 5px;
      overflow-y: scroll;
      max-height: 80vh;
    }
    .change-language:hover .change-language-cont {
      transform: scale3d(1, 1, 1);
      opacity: 1;
      visibility: visible;
    }
    .goomay-translate-seo {
      display: none;
    }
    .mobile-head-language .goomay-translate-seo, .change-language .goomay-translate-seo {
      display: block;
    }

    .change-language .change-language-cont li {
      display: inline-block;
      vertical-align: top;
      width: 30%;
      margin: 0 0 10px;
      font-size: 10pt;
      overflow: hidden;
      padding: 0 10px 0 0;
    }
    li.language-flag a {
      position: relative;
    }
    .language-flag span {
      position: relative;
      display: inline-block;
      vertical-align: top;
      white-space: nowrap;
      padding: 0 0 0 33px;
      overflow: hidden;
    }
    .language-flag img {
      position: absolute;
      left: 0;
      top: 50%;
      display: inline-block;
      vertical-align: top;
      background-repeat: no-repeat;
      width: 22px;
      height: 16px;
      margin: -8px 5px 0;
      border:1px solid #eee;
    }
    .change-language ::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, .3);
      border-radius: 3px;
    }
    .change-language ::-webkit-scrollbar {
      width: 5px;
    }
/*language*/
/*slide contact*/
    .sider_contact{position: fixed;right: 0;bottom: 14%;z-index: 9999999;}
    .sider_contact .flex{flex-direction: column;background: #0b7a4c;border-top-left-radius: 3px;border-bottom-left-radius: 3px;transition: all ease .3s;position: relative;right: 0;}
    .sider_contact .flex .backtop{width: 45px;height: 0;cursor: pointer;transition: all ease .3s;opacity: 0;display: flex;align-items: center;justify-content: center;color:#fff;font-size: 24px;border-top-left-radius: 3px;position: relative;}
    .sider_contact .flex .backtop.zx_hi{background: rgba(25,30,36,.67);height: 45px;opacity: 1;}
    .sider_contact .flex .item{position: relative;}
    .sider_contact .flex .item>a{width: 45px;height: 45px;margin: 0 auto;transition: all ease .3s;color:#fff;display: flex;align-items: center;justify-content: center;font-size: 22px;}
    .sider_contact .flex .item .info{position: absolute;right: 55px;top: 0;background: #fff;border-top-left-radius: 2px;border-bottom-left-radius: 2px;opacity: 0;z-index: 2;pointer-events: none;transition: all ease .3s;padding: 5px 10px;-webkit-box-shadow: 0 1px 3px rgb(18 18 18 / 10%);box-shadow: 0 1px 3px rgb(18 18 18 / 10%);min-width: 150px;min-height: 45px;display: flex;flex-direction: column;justify-content: center;visibility: hidden;pointer-events: none;text-align: center;}
    .sider_contact .flex .backbottom{width: 45px;height: 45px;cursor: pointer;transition: all ease .3s;display: flex;align-items: center;justify-content: center;color:#fff;font-size: 24px;border-bottom-left-radius: 3px;position: relative;}
    .sider_contact .flex .backtop:hover,.sider_contact .flex .backbottom:hover,.sider_contact .flex .item>a:hover{background: rgba(25,30,36,.67);}
    .sider_contact .flex .item:hover .info{opacity: 1;pointer-events: visible;right: 45px;visibility: visible;}
    .sider_contact .btm_o{width: 45px;height: 45px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;cursor: pointer;position: absolute;bottom: -50px;right: 0;transition: all ease .3s;background: rgba(25,30,36,.67);color:#fff;display: flex;align-items: center;justify-content: center;font-size: 24px;}
    .sider_contact .flex.right{right: -45px;}
    .sider_contact .flex.right + .btm_o{width: 30px;height: 30px;bottom: -35px;}
    @media (max-width: 991px) {
        .sider_contact .flex .backtop{width: 30px;}
        .sider_contact .flex .backtop.zx_hi{height: 30px;font-size: 18px;}
        .sider_contact .flex .item>a,.sider_contact .flex .backbottom,.sider_contact .btm_o{width: 30px;height: 30px;font-size: 18px;}
        .sider_contact .flex.right{right: -30px;}
        .sider_contact .flex .item .info{min-height: 30px;}
    }
/*slide contact*/
/* page */
    .page {text-align: center;margin-top: 4vw;}
    .page ul{margin: 0;}
    .page ul li a{border:none;background: none;color:#666;padding:5px 11px;margin:0 5px;}
    .page ul li.disabled a{border:none !important;background: none !important;border-radius: 0 !important;}
    .page ul li.active a{border:none;background: #00479d;color: #fff;}
    .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {border:none;background: none;}
    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background: none;color:#666;}
    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background: none;color:#666;}
    @media (max-width: 991px) {
        .page{margin-top: 40px;}
        .page ul li a{padding: 3px 9px;margin: 0 2px;}
    }
/* page */
/*common*/
    .pageXian span{display: block;height: 100%;position: fixed;left: 11.11%;top: 0; border-right: 1px solid rgba(154,193,240,0.12);z-index: 1000; user-select:none;pointer-events:none;}
    .pageXian span.span2{left: 22.22%;}
    .pageXian span.span3{left: 33.33%;}
    .pageXian span.span4{left: 44.44%;}
    .pageXian span.span5{left: 55.55%;}
    .pageXian span.span6{left: 66.66%;}
    .pageXian span.span7{left: 77.77%;}
    .pageXian span.span8{left: 88.88%;}
    .padding{padding-left: 11.11%;padding-right: 11.11%;}
    .pic { position: relative; overflow: hidden;}
    .pic:after { content: ""; display: block;}
    .vcenter {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        display: block;
        vertical-align: middle;
        margin: auto;
    }
    .tHide {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .relative { position: relative;}
    .panel{margin:0;border:0;border-radius: 0;box-shadow: none;}
    .z-1000{z-index: 1000;}
    .bg-fb{ background: #fbfbfb;}
    .bg-fc{ background: #fcfcfc;}
    .color39{color: #393939;}

    .col-title{}
    .col-title .subtitle{color: #666;font-family: 'Roboto Medium';text-transform: uppercase;line-height: 1;}
    .col-title .subtitle span{color: #00479d;}
    .col-title h3{font-family: 'Evogria';}
    .col-title h3 span{color: #00479d;}
    .col-title img{margin-top: 4px;margin-left: 0.2vw;}
    .col-title2 h3{line-height: 1.3;text-transform: uppercase;}
    .col-title .button{position: absolute;right: 0;bottom: 13px;}
    .button .swiper-button-prev,
    .button .swiper-button-next{width: auto;height: auto;margin: 0;margin-left: 1vw; position: static;float: left;outline: none;opacity: 1;}
    .button .swiper-button-prev:after,
    .button .swiper-button-next:after{display: none;}
    .button .swiper-button-prev i,
    .button .swiper-button-next i{display: flex;align-items: center;justify-content: center;width: 3.54vw;height: 3.54vw;max-width: 68px;max-height: 68px;min-width: 30px;min-height: 30px;color: #333;border-radius: 50%;background: #fff;transition: 0.5s;}
    .button .swiper-button-prev i{transform: rotate(-90deg);}
    .button .swiper-button-next i{transform: rotate(90deg);}
    .button .swiper-button-prev i:hover,
    .button .swiper-button-next i:hover{color: #fff;background: #00479d;}

    .buts{margin-top: 1vw;}
    .buts .swiper-button-prev,
    .buts .swiper-button-next{display: inline-block;width: auto;height: auto; margin: 0 5px;padding: 0; position: static;outline: none;opacity: 1;}
    .buts .swiper-button-prev:after,
    .buts .swiper-button-next:after{display: none;}
    .buts .swiper-button-prev i,
    .buts .swiper-button-next i{display: block; color: #fff;line-height: 1;cursor: pointer;transition: 0.5s; }
    .buts .swiper-button-prev i:hover,
    .buts .swiper-button-next i:hover{color: #00479d;}
/*common*/
/*header*/
    #header{width: 100%;position: fixed;left: 0;top: 0;z-index: 1001;}
    .head{padding: 1.82vw 3.35vw;position: relative;transition: 0.5s;}
    .head.on,
    .head.on2{background: #00479d;}
    .head h1{width: 15%;max-width: 191px; height: 60px;font-size: 0;line-height: 60px;}
    .headerSear{height: 60px;margin-right: 2.86vw; line-height: 60px;}
    .headerSear a{color: #fff;}
    .nav li{float: left;margin-right: 5vw;font-size: 1.35vw; line-height: 60px;}
    .nav li a{color: #fff;text-transform: uppercase;}
    .nav li a:hover{color: #ffff00;}
    .dropMenu{display: none; width: 100%;min-height: 18.27vw; padding: 2.65vw 0 3.65vw; position: absolute;left: 0;background: #00479d;z-index: 1001;
        animation-duration: 0.6s;   
        -webkit-animation-duration: 0.6s;
    }
    .dropMenu .cover{width: 21.45%;max-width: 412px;position: absolute;left: 3.35vw;top: 2.65vw; background: #fff;}
    .dropMenu .dh{padding-left: 40vw;}
    .dropMenu .dh p{font-size: 1.14vw; line-height: 1.8;}
    .dropMenu .dh p a{font-family: "gilroy";font-weight: 500;text-transform: none;}
    .dropMenu-product .dh{padding-left: 51vw;}
    .dropMenu-medium .dh{padding-left: 61.66vw;}
    @media (max-width: 1200px) {
        .nav li{margin-right: 3.65vw; font-size: 1.6vw;}
        .dropMenu .dh p{font-size: 14px;}
    }
/*header*/
/*手机版菜单*/
@media screen and (max-width: 991px)  {
    .change-language{position: absolute;right: 15px;top: 0;}
    .change-language a i{font-size: 20px;}
    .change-language .change-language-title{height: 55px;line-height: 55px;}
    .head{height: 55px;padding: 0 15px; text-align: center;}
    .head h1{width: 100%;max-width: none; height: 55px;line-height: 55px;}
    .head h1 img{max-height: 80%;}
    #header a.mm_btn {background: center center no-repeat ;display: block;width: 55px;height: 55px;position: absolute;top:0;left: 0; padding: 12.5px; }
    #header .mm_btn .menu_bar {width: 24px;height: 24px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
    #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 24px;height: 24px;}
    #header .mm_btn .menu_bar_item .rect{ width: 24px; height: 2px; background: #fff; position: absolute; left: 0; top: 11px;
        /*transition: transform .2s ease .2s;
        -webkit-transition: -webkit-transform .2s ease .2s;*/
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
    #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
    #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
    #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
    #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
    #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
    #header .mm_btn.is_active .menu_bar_item {
        transform: translateZ(0) rotate(45deg);
        transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
        -webkit-transform: translateZ(0) rotate(45deg);
        -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
    }
    .mm-navbar_tabs{display: none!important;}
    /**/
    #menu{ color:rgba(0,0,0,.8);}
    #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
    #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
    #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
    #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
    #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);}
    #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
    #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
    #menu .mm-listitem a{font-size: 16px;}
}
/*-banner-*/
    .col-banner {width: 100%; position: relative;background: #ccc;z-index: 7;}
    .col-banner .swiper-slide{width: 100%; background-size: cover;background-position: center;position: relative;}
    .col-banner .swiper-slide .content{width: 100%;height: 100%; color: #fff;display: flex;align-items: center; position: absolute;left: 0;top:0;}
    /*index*/
    #col-index-banner .swiper-slide .pic{min-height: 280px;}
    #col-index-banner .swiper-slide .pic:after{padding-bottom: 48.958%;}
    #col-index-banner .swiper-slide .content p{line-height: 1.118;}
    #col-index-banner .swiper-slide .content p.p1{font-weight: 500;font-family: "Anton Regular";text-transform: uppercase;}
    #col-index-banner .swiper-slide .content p.p2{margin-top: 10px;font-family: "Evogria";font-size: 4.06vw;}
    #col-index-banner .swiper-slide .content p.p3{margin-top: 10px;}
    #col-index-banner .swiper-pagination {bottom: 3vw;}
    #col-index-banner .swiper-pagination .swiper-pagination-bullet { width: 12px;height: 12px;margin:0 5px;background: #fff;opacity: 1; outline: none;transition: 0.5s;}
    #col-index-banner .swiper-pagination .swiper-pagination-bullet-active{ background: #00479d; }
    #banDown{display: flex;align-items: center;justify-content: center; width: 3.54vw;height: 3.54vw;max-width: 68px;max-height: 68px; position: absolute;left: 50%;bottom: 0;transform: translate(-50%,50%); color: #fff; line-height: 1; border-radius: 50%; background: #00479d; z-index: 1; cursor: pointer;}

    /*page*/
    #col-banner .swiper-slide .pic{min-height: 200px;}
    #col-banner .swiper-slide .pic:after{padding-bottom: 30.3125%;}
    #col-banner .swiper-slide .content{padding-top: 60px;}
    #col-banner .swiper-slide .content h2{ font-size: 5.677vw;text-transform: uppercase; }
    .mbx{margin-top: 10px; color: #fff;font-weight: 500;line-height: 1.3;}
    .mbx a{color: #fff;}
    @media (max-width: 991px) {
        #col-index-banner .swiper-slide .content p.p1{font-size: 20px;}
        #col-index-banner .swiper-slide .content p.p2{font-size: 30px;}
        #col-index-banner .swiper-slide .content p.p3{font-size: 14px;}
        #col-index-banner .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 3px;}
        #col-banner .swiper-slide .content{padding-top: 30px;}
        #col-banner .swiper-slide .content h2{font-size: 30px;}
        .mbx{margin-top: 5px; font-size: 14px;font-weight: 500;}
    }
    @media (max-width: 767px) {
        #col-index-banner .swiper-slide .content p.p1{font-size: 16px;}
        #col-index-banner .swiper-slide .content p.p2{font-size: 24px;}
    }
/*-banner-*/
/*footer*/
    .footer{padding-top: 25px;padding-bottom: 25px; position: relative;z-index: 1;background: url(../images/footbg.jpg) #00479d center top no-repeat;background-size: 100%;color: #fff;}
    .footer a{color: #fff;}
    .footer .desc{margin-bottom: 4vw;}
    .footer .desc span{color: #fff100;}
    .footerNav{width: 57.14%;}
    .footerNav ul{margin: 0 -7px;}
    .footerNav ul li{padding: 0 7px;}
    .footerNav ul li h4 a{color: #f1f5fa;text-transform: uppercase;}
    .footerNav ul li div{margin-top: 1.3vw;}
    .footerNav ul li div p{ line-height: 1.8; }
    .footerNav ul li div p a{color: #cdd9e7;}
    .footerCon{width: 28.58%;}
    .footerCon h4{text-transform: uppercase;}
    .footerCon .lx{margin-top: 1.3vw; color: #cdd9e7;}
    .footerCon .lx ul li{padding-left: 30px;margin-bottom: 8px; position: relative; line-height: 25px;}
    .footerCon .lx ul li:before{content: '';font-family: 'iconfont'; position: absolute;left: 0;top: 0;}
    .footerCon .lx ul li.address:before{content: '\e638';}
    .footerCon .lx ul li.phone:before{content: '\e622';transform: rotateY(180deg);}
    .footerCon .lx ul li:last-child{margin-bottom: 0;}
    .social{margin-top: 1.82vw;}
    .social .share{margin-top: 1.3vw;}
    .social .share a{display: inline-block;width: 50px;height: 50px;margin: 0 5px 5px 0;border-radius: 50%;color:#fff;position: relative;font-size: 20px;text-align: center;line-height: 48px;border: 1px solid #fff;}
    .social .share a:last-child{margin-right: 0;}
    .social .share a:hover{color: #00479d; background: #fff;}
    .copyright{margin-top: 5vw; flex-wrap: wrap; align-items: center;justify-content: space-between; color: #cdd9e7;}
    .copyright .goomay{ margin-left: 5vw; }
/*footer*/
/*index about*/
    .about-video{width: 100vw;height: 100%;position: absolute;right: 0;top:0;transition: 0.5s;}
    .about-video.on{background: rgba(0,0,0,0.8);position: fixed;z-index: 1001;}
    .svg{width: 100%;height: 100%;position: relative;
        -webkit-mask-composite: xor;mask-composite: exclude;
        -webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;
        -webkit-mask-position: 18.11% 50%;mask-position: 18.11% 50%;
        -webkit-mask-size: 32.39vw;mask-size: 32.39vw;
    }
    .svg.cur{
        transition:mask-size 2s,-webkit-mask-size 2s;
        -webkit-mask-size: 10000vw;mask-size: 10000vw;
        -webkit-mask-position: 70% 50%;mask-position: 70% 50%;
    }
    #video{width: 100%;height: 100%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);object-fit: cover;background: #ccc;}
    #aPlay{display: block;position: absolute;left:72%;top:50%;transform: translate(-30px,-50%);z-index: 2;  }
    #aPlay i{display: block;width: 60px;height: 60px;line-height: 60px;text-align: center;font-size: 20px;color: #fff;background: #d34b22;border-radius: 50%;z-index: 2;position: relative;}
    #aPlay span{display: block;width: 100%;height: 100%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);background: #d34b22;z-index: 1;border-radius: 50%;}
    #aPlay span.span1{
        -webkit-animation: yuan 1.5s 1s infinite both;
        animation: yuan 1.5s 1s infinite both;
    }
    #aPlay span.span2{
        -webkit-animation: yuan 1.5s 2s infinite both;
        animation: yuan 1.5s 2s infinite both;
    }
    .cursor{width: 4vw;height: 4vw;position: absolute;left: 28%;top: 0;bottom: 0;margin-left: -2vw;margin-top: auto;margin-bottom: auto; background: url(../images/play.png) center no-repeat;background-size: 100%;cursor: pointer;}
    #videoClose,
    #videoClose2{display: none; position: absolute;right:3vw;top:3vw;color: #fff;cursor: pointer;font-size: 24px;line-height: 1;z-index: 3; transition: 0.5s;}
    #videoClose2{display: block;right: 0; top: -10px;transform: translate( 0,-100%);}
    #videoClose:hover,
    #videoClose2:hover{color: #d34b22;}
    .videoPop{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;left: 0;top:0;z-index: 1001;display: none;}
    .videoPop .content{width: 90%; max-width: 1280px; max-height:68vh; position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
    #video2{width: 100%;max-height:68vh;display: block; margin: 0 auto;  }

    .col-index-about{padding-top: 6vw;padding-bottom: 6vw;}
    .col-index-about .bg{height: 100%;width: 10%; position: absolute;left: 0;top: 0;}
    .col-index-about .bg img{display: block;max-height: 100%;}
    .col-index-about .container:before,
    .col-index-about .container:after{display: none;}
    .col-index-about .flex{min-height: 25.78vw;flex-wrap: wrap;justify-content: flex-end; align-items: center;}
    .col-index-about .picVideo{width: 42.85%;}
    .col-index-about .content{width: 42.85%;z-index: 2;}
    .col-index-about .cont {margin-top: 1.97vw;font-family: 'Arial';}
    .col-index-about .cont p{line-height: 1.45;}
    .col-index-about .cont ul{margin-top: 1.97vw; display: flex;justify-content: space-between;margin-right: -1vw; font-family: "Anton Regular"; text-transform: uppercase;line-height: 1; }
    .col-index-about .cont ul li{position: relative;padding-left: 2.6vw;padding-right: 1vw;}
    .col-index-about .cont ul li p{line-height: 1;}
    .col-index-about .cont ul li img{position: absolute;left: 0;top: 0; height: 2vw;}
/*index about*/
/*index product*/
    .col-index-product{padding-top: 6vw;padding-bottom: 6vw; background: #f1f5fa;}
    .col-index-product .container{overflow: hidden;}
    .col-index-product .swiper{margin: 0 -0.78vw;margin-top: 2.86vw;position: relative;}
    .col-index-product .swiper-slide{padding: 0 0.78vw;height: auto;}
    .col-index-product .swiper-slide .panel{height: 100%; padding: 1.56vw; border-radius: 1.04vw;cursor: pointer;}
    .col-index-product .swiper-slide .pic{border-radius: 1.04vw;}
    .col-index-product .swiper-slide .pic:after{padding-bottom: 75.06%;}
    .col-index-product .swiper-slide .pic img{width: 100%;}
    .col-index-product .swiper-slide .txt{margin-top: 1.3vw;min-height: 3vw;line-height: 1.12;}
    .col-index-product .swiper-slide .txt a{display: flex;align-items:center;justify-content: space-between; color: #000;}
    .col-index-product .swiper-slide .txt a span{display: block;width: 84%;}
    .col-index-product .swiper-slide .txt a:after{content: '\e687';display: flex;align-items:center;justify-content: center; width: 3vw;height: 3vw; font-family: 'iconfont';color: #fff; border-radius: 50%;background: #00479d;}
    .col-index-product .swiper-slide .panel:hover .txt a{color: #00479d;}
/*index product*/
/*index advan*/
    .col-index-advan{margin-top: 6vw;}
    .col-index-advan .flex{flex-wrap: wrap;}
    .col-index-advan .content{ width: 55.55%;padding-left: 11.11%;color: #000;}
    .col-index-advan .content ul{display: flex;flex-wrap: wrap;}
    .col-index-advan .content ul li{width: 50%;padding-right: 3.43vw;margin-top: 3.9vw;position: relative;}
    .col-index-advan .content ul li img{height: 2.65vw;max-height: 51px;min-height: 28px;}
    .col-index-advan .content ul li p{ line-height: 1.45;}
    .col-index-advan .content ul li p.tit{margin-top: 1vw; font-family: "Evogria";color: #00479d;}
    .col-index-advan .content ul li hr{width: 4.53vw;max-width: 87px;min-width: 45px;margin: 1vw 0;border-color: #000;}
    .col-index-advan .content ul li:before{content: '';position: absolute;left: 0;top: 0.52vw;font-family: 'Impact';font-size: 8.85vw;color: #f1f1f1; line-height: 1;z-index: -1;}
    .col-index-advan .content ul li.li1:before{content: '01';}
    .col-index-advan .content ul li.li2:before{content: '02';}
    .col-index-advan .content ul li.li3:before{content: '03';}
    .col-index-advan .content ul li.li4:before{content: '04';}
    .col-index-advan .pic{width: 44.44%;margin-top: 3.9vw;}
    .col-index-advan .pic:after{padding-bottom: 61.195%;}
/*index advan*/
/*index service*/
    .col-index-service{margin-top: 6vw;}
    .col-index-service .flex{flex-wrap: wrap;flex-direction:row-reverse;}
    .col-index-service .col-title{margin-bottom: 2.34vw;}
    .col-index-service .content{width: 55.55%;padding: 0 11.11%; display: flex;align-items:center;}
    .col-index-service .content p{line-height: 1.45;}
    .col-index-service .panel{width: 100%;}
    .col-index-service .pic{width: 44.44%;}
    .col-index-service .pic:after{padding-bottom: 61.195%;}
/*index service*/
/*index solution*/
    .col-index-solution{padding-top: 5.5vw;margin-top: 6vw; background: #f1f5fa;}
    .col-index-solution .col-title .subtitle{text-transform: capitalize;}
    .col-index-solution .list{display: flex;margin-top: 3.54vw;}
    .col-index-solution .list .title{width: 22.22%;padding-left: 11.11%;padding-right: 3.9vw;}
    .col-index-solution .list .title .panel{height: 100%;position: relative; border-top: 10px solid #00479d;}
    .col-index-solution .list .title .panel span.tit{display: block;padding: 1.19vw 0 0 2.34vw;color: #00479d; line-height: 1;position: absolute;left: 100%;top: 0;transform: rotate(90deg);transform-origin: left top;}
    .col-index-solution .list .title .panel span.tit-cn{transform:rotate(0);left:auto;right:1.19vw;padding: 2.34vw 0;width:30px;text-align: right;}
    .col-index-solution .list .content{width: 77.78%;padding-bottom: 4.53vw; overflow: hidden;}
    .col-index-solution .list .swiper{width: 88.714%;margin: 0 -1.14vw;overflow: visible;}
    .col-index-solution .list .swiper-slide{padding: 0 1.14vw;}
    .col-index-solution .list .pic:after{padding-bottom: 69.295%;}
    .col-index-solution .list .pic img{width: 100%;transition: 0.5s;}
    .col-index-solution .list .pic span{width: 100%;height: 10px;position: absolute;left: 0;bottom: 0;background: #00479d;}
    .col-index-solution .list .pic span:before{content: ''; width: 0;height: 100%;position: absolute;right: 0;bottom: 0;background: linear-gradient(to right, #00479d 0%, #dedb40 100%); transition: 0.5s;}
    .col-index-solution .list .pic .text{width: 100%;padding: 1vw 1.3vw; position: absolute;left: 0;bottom: 10px;color: #fff;}
    .col-index-solution .list .pic .text h3{ line-height: 1.12;}
    .col-index-solution .list .pic .text hr{ width: 3.125vw;max-width: 60px;min-width: 30px;margin: 0;margin-left: auto;margin-top: 8px; border-top: 4px solid #00479d;}
    .col-index-solution .list .more{margin-top: 1.56vw;}
    .col-index-solution .list .more a{display: inline-block;min-width: 14.06vw;padding: 1.06vw 18px;text-align: center;color: #fff;line-height: 25px;background: #00479d;}
    .col-index-solution .list .pic:hover span:before{width: 100%;}
    /*.col-index-solution .list .pic:hover img{transform: scale(1.1);}*/
/*index solution*/
/*index global*/
    .col-index-global{padding-top: 6vw;padding-bottom: 6vw;}
    .col-index-global .content{width: 42.85%;}
    .col-index-global .content .cont{max-width: 460px;margin-top: 1.82vw; font-family: 'Arial';}
    .col-index-global .content .cont p{line-height: 1.45;}
    .col-index-global .swiper{margin-top: 1.82vw;}
    .col-index-global .swiper-slide .pic:after{padding-bottom: 56.33%;}
    .col-index-global .swiper .button .swiper-button-prev,
    .col-index-global .swiper .button .swiper-button-next{margin-left: 0;margin-right: 1vw;margin-top: 2vw;}
    .col-index-global .swiper .button .swiper-button-prev i,
    .col-index-global .swiper .button .swiper-button-next i{ color: #fff;background: #00479d;}
    .col-index-global .global-map{width: 65.127%;position: absolute;right: -1.927vw;top: 0;bottom: 0;margin: auto;}
/*index global*/
/*index news*/
    .col-index-news{padding-top: 6vw;padding-bottom: 6vw; background: #f1f5fa; }
    .col-index-news .list{margin-top: 2.08vw;}
    .col-index-news .list .pic{width: 42.85%;margin-right: 1.45vw;}
    .col-index-news .list .swiper{width: 57.15%;font-family: 'Arial';position: relative;}
    .col-index-news .list .swiper-wrapper{height: 425px;}
    .col-index-news .list .swiper-slide{height: 205px;background: url(../images/innewsbg.jpg) #fff right bottom no-repeat;}
    .col-index-news .list .swiper-slide .flex{height: 100%; align-items:center;}
    .col-index-news .list .swiper-slide .date{width: 31.74%;padding: 0 3px; text-align: center;color: #989898;line-height: 1;}
    .col-index-news .list .swiper-slide .date span{display: block;margin-bottom: 1.5vw;}
    .col-index-news .list .swiper-slide .text{width: 68.26%;padding-right: 1.5vw;padding-top: 5px;}
    .col-index-news .list .swiper-slide .text a.tit{display: inline-block;height: 2.4em; color: #666;font-weight: bold;text-transform: uppercase;line-height: 1.2em; overflow: hidden;}
    .col-index-news .list .swiper-slide .text p{height: 4.2em; color: #bcbcbc; line-height: 1.4em;overflow: hidden;}
    .col-index-news .list .swiper-slide .text a.more{display: inline-block;margin-top: 5px; color: #707070;}
    .col-index-news .list .swiper-slide .text a.more:after{content: '\e687';font-family: 'iconfont';line-height: 1;}
    .col-index-news .list .swiper-slide .text a.tit:hover,
    .col-index-news .list .swiper-slide .text a.more:hover{color: #00479d;}
/*index news*/
/*page about*/
    .col-page-about{padding-top: 7.81%;padding-bottom: 7.81%;}
    .col-page-about .about{align-items: center;flex-wrap: wrap;}
    .col-page-about .aboutL{width: 44.44%;padding-left: 11.11%;padding-right: 4vw;}
    .col-page-about .aboutL .col-title{margin-bottom: 3.64vw;}
    .col-page-about .aboutL p{font-style: italic; line-height: 1.66;}
    .col-page-about .aboutL p.tit{max-width: 420px;margin-bottom: 1.82vw; font-weight: 600; line-height: 1.46; }
    .col-page-about .aboutR{width: 55.55%;}
    .col-page-about .aboutR .pic:after{padding-bottom: 48.02%;}
    .col-page-about .aboutR a{display: block; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); color: #fff;}
    .col-page-about .aboutR a i:after{content: '\e6c8';font-size: 6.51vw;line-height: 1;}
    .col-page-about .aboutR a:hover{color: #00479d;}
    .col-page-about .content{padding: 0 4vw;margin-top: 6vw;}
    .col-page-about .content h3{max-width: 970px;margin: 0 auto 3.125vw; font-weight: bold;font-style: italic;;line-height: 1.5; }
    .col-page-about .content p{line-height: 1.66;}
    .col-page-about .number{margin-top: 5vw;}
    .col-page-about .number ul{display: flex;justify-content: space-between;}
    .col-page-about .number ul li{}
    .col-page-about .number ul li p{ line-height: 1.5; }
    .col-page-about .number ul li p.num{margin: 2.23vw 0 1.5vw; font-weight: 600;line-height: 0.8; }
    .col-page-about .number ul li p.num .odometer{line-height: 0.8;}

    .col-page-about .number ul li img{height: 2.08vw;max-height: 40px;min-height: 25px;}
    /*values*/
    .col-about-values{padding-top: 6.51%;padding-bottom: 6.51%; color: #fff; }
    .col-about-values .container{max-width: 707px;}
    .col-about-values .swiper-values ul li p{ line-height: 1.7;font-style: italic;font-weight: 300; }
    .col-about-values .swiper-values ul li h3.tit{margin-bottom: 1.61vw; font-family: 'Evogria';line-height: 1.31;}
    /*history*/
    .col-about-history{padding-top: 6%;padding-bottom: 6%; overflow: hidden;}
    .col-about-history .swiper-history{padding-left: 11.11vw;margin-top: 5vw; }
    .col-about-history .swiper-slide{ width: 33.33vw; }
    .col-about-history .swiper-slide .cont{padding-left: 2vw;}
    .col-about-history .swiper-slide .year{line-height: 0.8;}
    .col-about-history .swiper-slide .text{margin-top: 1vw;padding-right: 3vw; position: relative;}
    .col-about-history .swiper-slide .text:before{content: '';display: block;width: 16px;height: 16px;position: absolute;left: -2vw;top: 4px;margin-left: -8px; border-radius: 50%;background: #dce5f0;}
    .sc{padding-right: 1vw; height: 101px;overflow: auto;}
    .sc::-webkit-scrollbar{width: 5px;height: 5px;}
    .sc::-webkit-scrollbar-track-piece{background-color: #eeeeee;}
    .sc::-webkit-scrollbar-thumb:vertical{height: 10px;background-color: #00479d;}
    .sc::-webkit-scrollbar-thumb:horizontal{width: 10px;background-color: #eeeeee;}
    .col-about-history .swiper-slide .text p{ line-height: 25px; }
    .col-about-history .swiper-slide:hover{z-index: 2;}
    .col-about-history .swiper-slide.two{padding-left: 11.11vw; margin-top: 200px;margin-left: -33.33vw; }
    .col-about-history .swiper-slide.two .cont{width: 151%;}
    .col-about-history .swiper-slide.two .text{font-style: italic; }
    .col-about-history .swiper-slide.two .text strong{font-weight: 900;}
    /*quality*/
    .col-about-quality{ padding-top: 6%;padding-bottom: 6%;}
    .col-about-quality .contentL{width: 57.14%;margin-top: 4vw;}
    .col-about-quality .contentL ul{display: flex;flex-wrap: wrap;margin-top: -2.6vw;}
    .col-about-quality .contentL ul li{width: 50%;padding-right: 2vw;margin-top: 2.6vw;}
    .col-about-quality .contentL ul li p{ line-height: 1.27; }
    .col-about-quality .contentL ul li p.num{margin-bottom: 1vw; font-size: 3.125vw;color: #024aa2;font-weight: 600; line-height: 0.8; }
    .col-about-quality .contentR{width: 42.85%;margin-top: 4vw;}
    .col-about-quality .contentR p{position: relative;padding-left: 24px;margin-bottom: 1vw; line-height: 25px;}
    .col-about-quality .contentR p:before{content: '\e74f';position: absolute;left: 0;top: 0; font-family: 'iconfont';color: #024aa2;font-size: 12px; line-height: 25px;}
    .col-about-quality .contentR p:last-child{margin-bottom: 0;}
    .col-about-quality .swiper-factory{margin-top: 4vw;}
    .col-about-quality .swiper-slide .pic:after{padding-bottom: 70%;}
    .col-about-quality .buts .swiper-button-prev i,
    .col-about-quality .buts .swiper-button-next i{color: #e7e9eb;}
    /*chairman*/
    .col-about-chairman{padding-top: 6%;padding-bottom: 6%;}
    .col-about-chairman .flex{flex-wrap: wrap;}
    .col-about-chairman .pic{width: 42.85%;padding-right: 8vw;}
    .col-about-chairman .content{width: 57.14%;display: flex;align-items: center;}
    .col-about-chairman .content .text{width: 100%;}
    .col-about-chairman .content p{ line-height: 1.66; }
    .col-about-chairman .col-title{margin-bottom: 3.38vw;}
    .col-about-chairman .col-title span.name{display: block;margin-bottom: 1vw;font-weight: 600;line-height: 1;}
    /*factory*/
    .col-about-factory{padding-top: 6%;}
    .col-about-factory .swiper-factory{margin-top: 4vw;}
    .col-about-factory .swiper-slide .pic:after{padding-bottom: 66.735%;}
    .col-about-factory .buts .swiper-button-prev i,
    .col-about-factory .buts .swiper-button-next i{color: #e7e9eb;}
    /*impact*/
    .col-about-impact{margin-top: 5%;}
    .col-about-impact .list{margin-top: 2.5vw;}
    .col-about-impact .list ul{display: flex;flex-wrap: wrap;margin: 0 -5px;}
    .col-about-impact .list ul li{width: 33.3333%;padding: 0 5px;margin-top: 1.5vw;}
    .col-about-impact .list ul li .pic:after{padding-bottom: 56.33%;}
    .col-about-subnav{padding-top: 6%;padding-bottom: 6%;}
    .col-about-subnav .pic{width: 100%;max-width: 584px;margin: 0 auto;}
    .col-about-subnav .pic:after{padding-bottom: 85.787%;}
    .col-about-subnav .pic .content{display: flex;align-items: center;}
    .col-about-subnav .pic .text{width: 100%;}
    .col-about-subnav .pic .text img{width: 76.54%;}
    .col-about-subnav .pic .text ul{margin-top: 2vw;}
    .col-about-subnav .pic .text ul li{ font-weight: 600; line-height: 1.5; }
    .col-about-subnav .pic .text ul li a{ color: #00479d; }
/*page about*/

/*page product*/
    .pro li {text-align: center;}
    .pro li a{color: #333;}
    .pro li .pic{margin-bottom: 13px;}
    .pro li .pic:after{padding-bottom: 133.33%;}
    .pro li .pic .text{display: flex;justify-content: center;align-items: center;padding: 1vw;color: #fff;line-height: 1.5; background: rgba(0,71,157,0.65);opacity: 0;transition: 0.5s; }
    .pro li .pic img{transition: 0.5s;}
    .pro li .pic:hover .text{opacity: 1;}
    .pro li .pic:hover img{transform: scale(1.05);}
    .col-page-product{padding-top: 6%;padding-bottom: 6%; color: #071730;}
    .col-page-product .list{position: relative;margin-top: 5vw;}
    .col-page-product .list.list1{margin-top: 0;}
    .col-page-product .list .title{padding-right: 80px;}
    .col-page-product .list .title h3{font-weight: 600;line-height: 1.2;}
    .col-page-product .list .dh{margin-top: 2.86vw;}
    .col-page-product .list .dh ul li{ float: left;min-width: 14.28%;padding-right: 1vw; line-height: 1.66; }
    .col-page-product .list .dh ul li a{ font-weight: 600; }
    .col-page-product .list .dh ul li a.on,
    .col-page-product .list .dh ul li a:hover{text-decoration: underline;}
    .col-page-product .list .pro{margin-top: 2.86vw;}
    .col-page-product .list .swiper{position: static;}
    .col-page-product .list .swiper .swiper-button-prev,
    .col-page-product .list .swiper .swiper-button-next{width: auto;height: auto;margin: 0;left: auto;right: 0;top: 0;outline: none;opacity: 1;}
    .col-page-product .list .swiper .swiper-button-prev{margin-right: 5px;transform: translateX(-100%);}
    .col-page-product .list .swiper .swiper-button-prev:after,
    .col-page-product .list .swiper .swiper-button-next:after{display: none;}
    .col-page-product .list .swiper .swiper-button-prev i,
    .col-page-product .list .swiper .swiper-button-next i{display: flex;align-items: center;justify-content: center;width: 2.29vw;height: 2.29vw;max-width: 44px;max-height: 44px;min-width: 30px;min-height: 30px; color: #fff;background: #dcdcdc;transition: 0.5s;}
    .col-page-product .list .swiper .swiper-button-prev i:hover,
    .col-page-product .list .swiper .swiper-button-next i:hover{background: #00479d;}
    /*list*/
    .col-prolist .list .title{padding: 0;}
    .col-prolist .pro ul{margin: 0 -8px;margin-top: -16px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
    .col-prolist .pro li{padding: 0 8px;margin-top: 16px;}
    /*proshow*/
    .col-prodet{padding-top: 6%;padding-bottom: 6%;}
    .pro_show .images{width: 42.857%;max-width: 490px;}
    .pro_show .images .pic:after{padding-bottom: 133.33%;}
    .jqueryzoom{
      /*height: 500px;*/
      width: 100%;
      overflow: hidden;
    }
    .jqueryzoom .cloudzoom{
      /*height: 100%;*/
      /*margin:0 auto;*/
      text-align: center;
    }
    .cloudzoom-lens {border: 1px solid #888; width: 100px; height: 100px;box-shadow: -0px -0px 10px rgba(0,0,0,0.40);cursor: crosshair; background: #fff; z-index: 10;}
    /* CSS for zoom window. */
    .cloudzoom-zoom { border: 1px solid #888; width: 500px; height: 200px; box-shadow: -0px -0px 10px rgba(0,0,0,0.40);z-index: 99;}
    /* CSS for zoom window in 'inside' mode. */
    .cloudzoom-zoom-inside { border: none; box-shadow: none;}

    /* CSS for captions */
    .cloudzoom-caption {
        display: none; /* CSS captions should be hidden initially */
        text-align: left; background-color: #000; color: #fff;font-weight: bold; padding: 10px; font-family: sans-serif; font-size: 11px;}

    /* A blank image */
    .cloudzoom-blank {    background-image: url(blank.png);}

    /* The animated ajax loading image */
    .cloudzoom-ajax-loader {
        /*background-image: url(ajax-loader.gif);*/
        width: 32px;    height: 32px;
    }
    .pro_show .content{width: 42.857%;}
    .pro_show .content h1{text-transform: uppercase;line-height: 1.2;}
    .pro_show .content .con{margin-top: 2.6vw;}
    .pro_show .content .con .tit{margin-bottom: 10px; text-transform: uppercase;line-height: 1;font-weight: 600;}
    .pro_show .content .con p{line-height: 1.66;}
    .pro_show .content .con table{width: 100%;max-width: 435px;border: 0;margin-left: -4px;}
    .pro_show .content .con table td{width: 50%;padding: 4px; border: 0;line-height: 1.66;}
    .product-thumb{margin-top: 1.3vw;}
    .product-thumb .swiper-slide{width: 72px;}
    .product-contact{margin-top: 4vw;}
    .product-contact .tit{margin-bottom: 1.4vw; text-transform: uppercase;line-height: 1;font-weight: 600;}
    .product-contact ul li{padding-left: 30px;margin-bottom: 8px; position: relative; line-height: 25px;}
    .product-contact ul li:before{content: '';font-family: 'iconfont'; position: absolute;left: 0;top: 0;}
    .product-contact ul li.address:before{content: '\e638';}
    .product-contact ul li.phone:before{content: '\e622';transform: rotateY(180deg);}
    /*form*/
    .contactForm ul li{width: 42.857%;margin-right: 14.286%;margin-top: 1.5vw; float: left;color: #fff;}
    .contactForm ul li input,
    .contactForm ul li textarea{display: block;width: 100%;height: 50px;line-height: 49px;border: 0;border-bottom: 1px solid #fff; background: none; outline: none;}
    .contactForm ul li.captcha input{width: 40%; max-width: 150px;display: inline-block;}
    .contactForm ul li.submit {text-align: right;}
    .contactForm ul li.submit input{width: 40%;max-width: 150px;display: inline-block;border:0;background: #dedede;color: #666;transition: 0.5s;border-radius: 25px;}
    .contactForm ul li.submit input:hover{background: #00479d;color: #fff;}
    .contactForm ul li:nth-child(2n){margin-right: 0;}
    .contactForm .infor{margin-top: 2vw; color: #858585;}
    .contactForm .infor p{line-height: 1.22;}
    .col-prodet-form{padding-top: 6%;padding-bottom: 6%; color: #fff; }
    .col-prodet-form .contactForm ul{padding-top: 2vw;}
    .col-contact-form{padding-bottom: 7%;}
    .col-contact-form .contactForm ul{margin-top: -1.5vw;}
    .col-contact-form .contactForm .infor{color: #fff;}
/*page product*/
/*page solution*/
    .col-page-solutions{padding-top: 6%;padding-bottom: 6%;}
    .solution ul{margin: 0 -0.52vw;margin-top: -1.04vw;display: flex;flex-wrap: wrap;}
    .solution ul li{padding: 0 0.52vw;margin-top: 1.04vw;}
    .solution ul li .pic:after{padding-bottom: 69.115%}
    .solution ul li .pic img{width: 100%;transition: 0.5s;}
    .solution ul li .pic span{display: block;max-width: calc(100% - 1vw);padding: 1.3vw 2.6vw; position: absolute;left: 0;bottom: 1vw;font-weight: 600;font-style: italic;color: #fff;text-transform: uppercase;line-height: 1.3; background: #00479d;}
    .solution ul li .pic:hover img{transform: scale(1.1);}
/*page solution*/
/*page news*/
    .news{position: relative;}
    .news .list{width: 100%;}
    .news ul{display: flex;flex-wrap: wrap;margin: 0 -1vw;margin-top: -2vw;}
    .news ul li{padding: 0 1vw;margin-top: 2vw;}
    .news ul li .text{height: 100%;padding: 2vw;background: #fff;}
    .news ul li .text span{display: block;margin-top: 1.3vw;line-height: 1;}
    .news ul li a{display: inline-block; color: #3d3d3d;line-height: 1.5;font-weight: 600;}
    .news ul li a:hover{color: #00479d;}
    .news-border ul,
    .news-border ul li{margin: 0;padding: 0;width: 100%;}
    .news-border ul li .text{border-bottom: 1px solid #00479d;}
    .news-border ul li a{font-style: italic;}
    .news-video{overflow: hidden;text-align: center;position: relative;}
    .news-video ul{margin: 0 -1vw;margin-top: -2vw;}
    .news-video ul li{padding: 0 1vw;margin-top: 2vw;}
    .news-video ul li .pic:after{padding-bottom: 48.07%;}
    .news-video ul li .pic a{display: block; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); color: #fff;}
    .news-video ul li .pic a i:after{content: '\e6c8';font-size: 4.479vw;line-height: 1;}
    .news-video ul li .pic a:hover{color: #00479d;}
    .news-video ul li p{margin-top: 0.67vw; font-weight: 600;font-style: italic;}

    .but-news{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
    .but-news .swiper-button-prev,
    .but-news .swiper-button-next{display: block;width: auto;height: auto;float: left;position: static;margin: 0; opacity: 1;outline: none;}
    .but-news .swiper-button-prev{margin-right: 1vw;transform: rotateY(180deg);}
    .but-news .swiper-button-prev:after,
    .but-news .swiper-button-next:after{display: none;}
    .but-news .swiper-button-prev i,
    .but-news .swiper-button-next i{display: block; color: #d7d7d7; line-height: 1;transition: 0.5s;}
    .but-news .swiper-button-prev i:hover,
    .but-news .swiper-button-next i:hover{color: #024aa2;}

    .col-page-news{padding-top: 6%;padding-bottom: 6%; color: #3d3d3d; }
    .col-page-news .col-title{position: relative;margin-bottom: 3vw;}
    .col-page-news .col-title h3{text-transform: uppercase;}
    .col-page-news1 .flex{flex-direction: row-reverse;flex-wrap: wrap;}
    .col-page-news1 .list{padding: 0;padding-left: 5.52vw;width: 50%;}
    .col-page-news1 .img{padding: 0;padding-right: 1vw;}
    .col-page-news1 .img a{color: #fff;}
    .col-page-news1 .img .pic{height: 100%;min-height: 200px; background: #ddd;}
    .col-page-news1 .img .pic:after{padding-bottom: 56.09%;}
    .col-page-news1 .img .pic .bg{background: rgba(0,0,0,0.4);}
    .col-page-news1 .img .text{width:100%;padding: 2vw;position: absolute;left: 0;bottom: 0;}
    .col-page-news1 .img .text span{display: block;margin-top: 0.78vw;}
    .col-page-news3 .news-video .swiper{margin: 0 -1vw;}
    .col-page-news3 .news-video ul{margin: 0;}
    .col-page-news3 .news-video ul li{margin: 0;}
    /*newshow*/
    .col-newsshow{ padding-top: 6%;padding-bottom: 6%; color: #3d3d3d; }
    .col-newsshow .col-title{margin-bottom: 4vw;}
    .col-newsshow .bimg{padding: 0;padding-right: 1vw;}
    .col-newsshow .content{padding: 0;padding-left: 6.35vw;}
    .col-newsshow .content h1{ font-weight: 600;font-style: italic;line-height: 1.194; }
    .col-newsshow .content .date{margin-top: 2vw;}
    .col-newsshow .content ul{margin-top: 5.2vw;}
    .col-newsshow .content ul li{line-height: 1.5;}
    .col-newsshow .content ul li a{color: #3d3d3d;font-weight: 500;}
    .col-newsshow .content ul li a:hover{color: #00479d;}
    .col-newsshow .newstxt{ margin-top: 4vw; }
    .col-newsshow .newstxt p{ font-weight: 500;line-height: 1.55; }
/*page news*/
/*page contact*/
    .col-page-contact{padding-top: 6%;padding-bottom: 6%;color: #3d3d3d;}
    .col-page-contact .contact p{line-height: 1.38;}
    .col-page-contact .contact ul li{width: 14.28%;float: left;padding-right: 1vw;}
    .col-page-contact .contact ul li img{margin-bottom: 1.5vw;}
    .col-page-contact .contact ul li.li1{width: 42.84%;}
    .col-page-contact .contact ul li.li1 p{max-width: 470px;}
    .col-page-contact .contact ul li.li4{width: 28.56%;}
    .col-page-contact .information{margin-top: 5vw;}
    .col-page-contact .information ul li{width: 20%;float: left;padding-right: 1vw;}
    .col-page-contact .information ul li p{ color: #666;line-height: 1.4; }
    .col-page-contact .information ul li p.data{display: flex;align-items: center; margin-bottom: 2.6vw;position: relative; font-size: 6.51vw;color: #d5d5d5;font-weight: 600;line-height: 0.8; }
    .col-page-contact .information ul li p.data:after{content: '';width: 100%;height: 2px;margin-left: 2vw; background: #d5d5d5;}
    .col-page-contact .information ul li p.tit{margin-bottom: 3px; color: #000;font-weight: 600;}
    .col-page-contact .information ul li:last-child p.data:after{display: none;}
/*page contact*/
@media (max-width: 991px) {
/*common*/
    .col-title .subtitle{font-size: 15px;}
    .col-title h3{font-size: 24px;}
    .col-title img{margin-left: 0;}
    .button .swiper-button-prev,
    .button .swiper-button-next{margin-left: 10px;}
    .button .swiper-button-prev i,
    .button .swiper-button-next i{font-size: 16px;}
    .buts{margin-top: 10px;}
    #videoClose,
    #videoClose2{font-size: 18px;}
/*common*/
/*footer*/
    .footer{padding-top: 25px;padding-bottom: 25px;}
    .footer .desc{margin-bottom: 40px;}
    .footerCon{width: 100%;}
    .footerCon .lx{margin-top: 13px;}
    .footerCon .lx ul li{padding-left: 20px;}
    .social{margin-top: 18px;}
    .social .share{margin-top: 13px;}
    .social .share a{width: 40px;height: 40px;font-size: 16px;line-height: 38px;}
    .copyright{margin-top: 50px; }
    .copyright p{width: 100%;margin-top: 15px;}
    .copyright .goomay{ margin-left: 3vw; }
/*footer*/
/*index about*/
    .col-index-about{padding-top: 55px;padding-bottom: 55px;}
    .col-index-about .flex{min-height: auto;}
    .col-index-about .picVideo{width: 100%;max-height: 495px;}
    .col-index-about .pic.picVideo:after{padding-bottom: 79.58%;}
    #playPhone{display: block;width: 40px;height: 40px; position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
    .col-index-about .content{width: 100%;margin-top: 40px;}
    .col-index-about .cont {margin-top: 20px;font-size: 15px;}
    .col-index-about .cont ul{margin-top: 0;margin-right: -10px;flex-wrap: wrap;}
    .col-index-about .cont ul li{min-width: 100px; position: relative;padding-left: 25px;padding-right: 10px;margin-top: 20px;}
    .col-index-about .cont ul li span{font-size: 23px;}
    .col-index-about .cont ul li img{height: 20px;}
/*index about*/
/*index product*/
    .col-index-product{padding-top: 55px;padding-bottom: 55px;}
    .col-index-product .swiper{margin: 0 -7px;margin-top: 28px;}
    .col-index-product .swiper-slide{padding: 0 7px;}
    .col-index-product .swiper-slide .panel{ padding: 15px; border-radius: 10px;}
    .col-index-product .swiper-slide .pic{border-radius: 10px;}
    .col-index-product .swiper-slide .txt{margin-top: 13px;min-height: 30px;}
    .col-index-product .swiper-slide .txt a span{width: calc(100% - 40px);}
    .col-index-product .swiper-slide .txt a:after{width: 30px;height: 30px;}
/*index product*/
/*index advan*/
    .col-index-advan{margin-top: 55px;}
    .col-index-advan .content{ width: 100%;}
    .col-index-advan .content ul li{padding-right: 5vw;margin-top: 39px;}
    .col-index-advan .content ul li p.tit{margin-top: 10px;}
    .col-index-advan .content ul li hr{margin: 10px 0;}
    .col-index-advan .content ul li:before{top: 5px;font-size: 88px;}
    .col-index-advan .pic{width: 100%;margin-top: 39px;}
/*index advan*/
/*index service*/
    .col-index-service{margin-top: 55px;}
    .col-index-service .col-title{margin-bottom: 23px;}
    .col-index-service .content{width: 100%;}
    .col-index-service .pic{width: 100%;margin-top: 39px;}
/*index service*/
/*index solution*/
    .col-index-solution{padding-top: 55px;margin-top: 55px;}
    .col-index-solution .list{padding: 0 11.11%; margin-top: 35px;}
    .col-index-solution .list .content{width: 100%;padding-bottom: 45px;}
    .col-index-solution .list .swiper{width: 88.714%;}
    .col-index-solution .list .pic span{height: 5px;}
    .col-index-solution .list .pic .text{padding: 10px 13px;bottom: 5px;}
    .col-index-solution .list .pic .text h3{font-size: 16px;}
    .col-index-solution .list .pic .text hr{margin-top: 5px; border-top: 3px solid #00479d;}
    .col-index-solution .list .more{margin-top: 15px;}
    .col-index-solution .list .more a{min-width: 100px;padding: 5px 18px;}
/*index solution*/
/*index global*/
    .col-index-global{padding-top: 55px;padding-bottom: 55px;}
    .col-index-global .content{width: 100%;}
    .col-index-global .content .cont{max-width: none;margin-top: 18px;}
    .col-index-global .swiper{margin-top: 18px;}
    .col-index-global .swiper .button .swiper-button-prev,
    .col-index-global .swiper .button .swiper-button-next{margin-right: 10px;margin-top: 20px;}
    .col-index-global .global-map{width: 100%;position: static;margin-top: 30px;}
/*index global*/
/*index news*/
    .col-index-news{padding-top: 55px;padding-bottom: 55px;}
    .col-index-news .list{margin-top: 20px;flex-wrap: wrap;}
    .col-index-news .list .pic{display: none;}
    .col-index-news .list .pic:after{padding-bottom: 68.89%;}
    .col-index-news .list .swiper{width: 100%;}
    .col-index-news .list .swiper-wrapper{height: 335px;}
    .col-index-news .list .swiper-slide{height: 160px;}
    .col-index-news .list .swiper-slide .date span{margin-bottom: 15px;}
    .col-index-news .list .swiper-slide .text{padding-right: 15px;}
/*index news*/
/*page about*/
    .col-page-about{padding-top: 60px;padding-bottom: 60px;}
    .col-page-about .about{align-items: center;flex-wrap: wrap;}
    .col-page-about .aboutL{width: 100%;padding-right: 11.11%;}
    .col-page-about .aboutL .col-title{margin-bottom: 35px;}
    .col-page-about .aboutL p.tit{max-width: none;margin-bottom: 18px; }
    .col-page-about .aboutR{width: 100%;margin-top: 50px;}
    .col-page-about .content{padding: 0;margin-top: 55px;}
    .col-page-about .content h3{max-width: none;margin-bottom: 30px;}
    .col-page-about .number{margin-top: 50px;}
    .col-page-about .number ul li{font-size: 15px;}
    .col-page-about .number ul li p.num{margin: 20px 0 10px;}
    /*values*/
    .col-about-values{padding-top: 60px;padding-bottom: 60px;}
    .col-about-values .swiper-values ul li h3.tit{margin-bottom: 15px;}
    /*history*/
    .col-about-history{padding-top: 55px;padding-bottom: 55px;}
    .col-about-history .swiper-history{margin-top: 50px; }
    .col-about-history .swiper-slide .year{font-size: 24px;}
    .col-about-history .swiper-slide .text{margin-top: 10px;}
    .col-about-history .swiper-slide .text:before{width: 8px;height: 8px;top: 8px;margin-left: -4px;}
    .sc{padding-right: 10px;}
    /*quality*/
    .col-about-quality{ padding-top: 55px;padding-bottom: 55px;}
    .col-about-quality .contentL{width: 100%;margin-top: 40px;}
    .col-about-quality .contentL ul{margin-top: -25px;}
    .col-about-quality .contentL ul li{margin-top: 25px;}
    .col-about-quality .contentL ul li p.num{margin-bottom: 10px; font-size: 30px; }
    .col-about-quality .contentR{width: 100%;margin-top: 40px;}
    .col-about-quality .contentR p{padding-left: 18px;margin-bottom: 10px;}
    .col-about-quality .swiper-factory{margin-top: 40px;}
    /*chairman*/
    .col-about-chairman{padding-top: 55px;padding-bottom: 55px;}
    .col-about-chairman .pic{width: 100%;padding-right: 0;}
    .col-about-chairman .content{width: 100%;margin-top: 40px;}
    .col-about-chairman .col-title{margin-bottom: 33px;}
    .col-about-chairman .col-title span.name{margin-bottom: 10px;}
    /*factory*/
    .col-about-factory{padding-top: 55px;}
    .col-about-factory .swiper-factory{margin-top: 40px;}
    /*impact*/
    .col-about-impact{margin-top: 50px;}
    .col-about-impact .list{margin-top: 25px;}
    .col-about-impact .list ul li{margin-top: 15px;}
    .col-about-subnav{padding-top: 55px;padding-bottom: 55px;}
    .col-about-subnav .pic{overflow: visible;}
    .col-about-subnav .pic .text ul{margin-top: 20px;}
/*page about*/

/*page product*/
    .pro li .pic{margin-bottom: 10px;}
    .pro li .pic .text{padding: 10px;}
    .col-page-product{padding-top: 55px;padding-bottom: 55px; }
    .col-page-product .list{margin-top: 50px;}
    .col-page-product .list .title h3{font-size: 24px;}
    .col-page-product .list .dh{margin-top: 28px;}
    .col-page-product .list .dh ul li{padding-right: 10px; }
    .col-page-product .list .pro{margin-top: 28px;}
    /*proshow*/
    .col-prodet{padding-top: 55px;padding-bottom: 55px;}
    .pro_show .images{width: 100%;max-width: none;}
    .pro_show .images .product-bimgs{position: relative;z-index: 1000;}
    .pro_show .images .product-bimgs .pic{max-height: 500px;}
    .pro_show .content{width: 100%;margin-top: 30px;}
    .pro_show .content .con{margin-top: 25px;}
    .product-contact{margin-top: 40px;}
    .product-contact .tit{margin-bottom: 14px;}
    .product-contact ul li{padding-left: 20px;margin-bottom: 5px;}
    /*form*/
    .contactForm ul li{width: 100%;margin-right: 0%;margin-top: 10px;}
    .contactForm ul li input,
    .contactForm ul li textarea{height: 40px;line-height: 39px;}
    .contactForm ul li.captcha img{height: 40px;max-width: 40%;}
    .contactForm ul li.submit input{border-radius: 20px;}
    .contactForm .infor{margin-top: 20px;}
    .col-prodet-form{padding-top: 55px;padding-bottom: 55px;}
    .col-prodet-form .contactForm ul{padding-top: 15px;}
    .col-contact-form{padding-bottom: 55px;}
    .col-contact-form .contactForm ul{margin-top: -10px;}
/*page product*/
/*page solution*/
    .col-page-solutions{padding-top: 55px;padding-bottom: 55px;}
    .solution ul{margin: 0 -5px;margin-top: -10px;}
    .solution ul li{padding: 0 5px;margin-top: 10px;}
    .solution ul li .pic span{max-width: calc(100% - 8px);padding: 10px 20px;bottom: 8px;}
/*page solution*/
/*page news*/
    .news ul{margin-top: -20px;}
    .news ul li{margin-top: 20px;}
    .news ul li .text{height: 100%;padding: 15px;}
    .news ul li .text span{margin-top: 10px;}
    .news-border ul,
    .news-border ul li{margin: 0;padding: 0;}
    .news-video ul{margin-top: -20px;}
    .news-video ul li{margin-top: 20px;}
    .news-video ul li .pic a i:after{font-size: 40px;}
    .news-video ul li p{margin-top: 6px;}
    .but-news .swiper-button-prev{margin-right: 8px;}
    .but-news .swiper-button-prev i,
    .but-news .swiper-button-next i{font-size: 20px;}
    .col-page-news{padding-top: 55px;padding-bottom: 55px;}
    .col-page-news .col-title{margin-bottom: 30px;}
    .col-page-news1 .list{padding: 0;width: 100%;}
    .col-page-news1 .img{padding: 0;margin-top: 20px;}
    .col-page-news1 .img .text{padding: 15px;}
    .col-page-news1 .img .text span{margin-top: 7px;}
    /*newshow*/
    .col-newsshow{ padding-top: 55px;padding-bottom: 55px;}
    .col-newsshow .col-title{margin-bottom: 40px;}
    .col-newsshow .bimg{padding: 0;}
    .col-newsshow .content{padding: 0;margin-top: 30px;}
    .col-newsshow .content .date{margin-top: 15px;}
    .col-newsshow .content ul{margin-top: 25px;}
    .col-newsshow .newstxt{ margin-top: 40px; }
/*page news*/
/*page contact*/
    .col-page-contact{padding-top: 55px;padding-bottom: 55px;}
    .col-page-contact .contact ul li{width: 100%;padding-right: 0;margin-bottom: 15px;}
    .col-page-contact .contact ul li img{margin-bottom: 10px;}
    .col-page-contact .contact ul li.li1{width: 100%;}
    .col-page-contact .contact ul li.li1 p{max-width: 100%;}
    .col-page-contact .contact ul li.li4{width: 100%;margin-bottom: 0;}
    .col-page-contact .information{margin-top: 50px;}
    .col-page-contact .information ul li{width: 100%;padding-right: 0;margin-bottom: 30px;}
    .col-page-contact .information ul li p.data{ margin-bottom: 20px;font-size: 50px;}
    .col-page-contact .information ul li p.data:after{display: none;}
    .col-page-contact .information ul li:last-child{margin-bottom: 0;}
/*page contact*/
}
@media (max-width: 767px) {
    .col-index-advan .content ul li{width: 100%;}
    .col-index-solution .list .swiper{margin: 0 -7px;}
    .col-index-solution .list .swiper-slide{padding: 0 7px;}

    .col-page-about .aboutR a i:after{font-size: 45px;}
    .col-about-history .swiper-history{padding: 0;}
    .col-about-history .swiper-slide{ width: 100vw;padding: 0 11.11vw;margin-right: 10px; }
    .col-about-history .swiper-slide .cont{padding-left: 15px;}
    .col-about-history .swiper-slide .text{padding-right: 0;}
    .col-about-history .swiper-slide .text:before{width: 8px;height: 8px;left: -15px;top: 8px;margin-left: -4px;}
    .sc{height: auto;}
    .col-about-history .swiper-slide.two{ margin: 0; }
    .col-about-history .swiper-slide.two .cont{width: 100%;}
    .col-about-quality .contentL ul li{width: 100%;padding-right: 0;}
    .col-about-impact .list ul li{/*min-width: 64px;*/width: 100%;}
}
@media (max-width: 500px) {
    .solution ul li{width: 100%;}
}
@media (max-width: 400px) {
    .col-prolist .pro li{width: 100%;}
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #fff;}
input:-moz-placeholder,textarea:-moz-placeholder {color:#fff;}
input::-moz-placeholder,textarea::-moz-placeholder {color:#fff;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#fff;}


.col-page{position: relative;z-index: 1;background: #fff;}






    .search-box .search-form {
        border: 1px solid #f3f3f3;
        border-radius: 0;
        background-color: #f3f3f3;
    }
    .search-box .search-fix-wrap {
        position: relative;
        margin-right: 48px;
    }
    .search-box-wrap input[type="text"], .search-box-wrap button {
        box-sizing: border-box;
        border: 0;
        display: block;
        background: 0;
        padding: 0;
        margin: 0;
    }
    .search-box .search-fix-wrap input[type="text"] {
        height: 48px;
        line-height: 48px;
        font-size: 16px;
        color: #000;
        width: 100%;
        text-indent: 8px;
        outline: none;
    }
    .search-box-wrap button {
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .search-box .search-fix-wrap button {
        position: absolute;
        top: 0;
        left: 100%;
    }
    .search-box .search-fix-wrap button {
        width: 48px;
        height: 48px;
    }


    .contact-table table{width: 100%;border-top: 3px solid #00479d;border-bottom: 3px solid #00479d;}
    .contact-table table td{vertical-align: middle;padding: 1.6vw 5px;}
    .contact-table table tr:nth-child(2n-1){background: rgba(0,0,0,.07);}
    .contact-table table td:first-child{padding-left: 3vw;width: 14.28%;}
@media (max-width: 767px) {
    .contact-table table td{display: block; padding: 5px 10px;}
    .contact-table table tr:nth-child(2n-1){}
    .contact-table table td:first-child{padding-left: 10px;width: 100%;padding-top: 15px;}
    .contact-table table td:last-child{padding-bottom: 15px;}
}
