@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: 400;
    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: "Monschone Regular";
    src: url("../fonts/monschone-regular.otf") format("opentype");
}
.MR{font-family: "Monschone Regular";}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 1502878 */
  src: url('https://at.alicdn.com/t/c/font_1502878_maw55ov5a6n.woff2?t=1724383472141') format('woff2'),
       url('https://at.alicdn.com/t/c/font_1502878_maw55ov5a6n.woff?t=1724383472141') format('woff'),
       url('https://at.alicdn.com/t/c/font_1502878_maw55ov5a6n.ttf?t=1724383472141') 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: rgb(0,0,0,.54)!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: #ff8600!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{color:#1a1a1a;text-decoration: none;outline: none;}
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;}
img[src=""],img:not([src]){opacity:0 !important;}
.iconfont{font-family: 'iconfont';}

/* 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;}

/*font size*/
    .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;}
    .f56{font-size: 2.916vw;}
    .f57{font-size: 2.96vw;}
    .f60{font-size: 3.125vw;}
    .f66{font-size: 3.4375vw;}
    .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;}
    .f100{font-size: 5.2vw;}
    @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;}
      .f56{font-size: 25.2px;}
      .f57{font-size: 25.2px;}
      .f60{font-size: 25.5px;}
      .f66{font-size: 25.8px;}
      .f70{font-size: 26px;}
      .f72{font-size: 26.2px;}
      .f76{font-size: 26.4px;}
      .f80{font-size: 26.8px;}
      .f90{font-size: 28px;}
      .f100{font-size: 30px;}
      html{font-size: 12px;}
    }
    @media (max-width: 768px) {
      .f20{font-size: 15px;}
    }
    @media (max-width: 468px) {
      .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;}
      .f56{font-size: 20px;}
      .f57{font-size: 20px;}
      .f60{font-size: 21px;}
      .f66{font-size: 22px;}
      .f70{font-size: 22px;}
      .f72{font-size: 23px;}
      .f76{font-size: 23.5px;}
      .f80{font-size: 24px;}
      .f90{font-size: 25px;}
      .f100{font-size: 27px;}
      html{font-size: 10px;}
    }
/*font size*/
/*language*/
    .change-language {
      display: inline-block;
      position: relative;
      text-align: left;
      vertical-align: middle;
    }
    .change-language .change-language-title a{color: #fff;}
    .change-language .change-language-title a:after {
      content: '';
      display: inline-block;
      width: 0;
      height: 0;
      border: 4px solid #fff;
      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;color: #333;
    }
    .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: #333;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 (min-height: 700px) and (min-width: 992px){
        .sider_contactIndex .flex .backtop,
        .sider_contactIndex .flex .backbottom{display: none;}
    }
    @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: 5vw; border-top: 1px solid #ddd;padding-top: 2vw;}
    .page ul{margin: 0;}
    .page ul li a{border:none;background: none;color:#666;padding:5px 11px;margin:0 4px;}
    .page ul li a:hover{color: #fff;background: #333;}
    .page ul li.disabled a{border:none !important;background: none !important;border-radius: 0 !important;}
    .page ul li.active a{border:none;background: #333;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;padding-top: 20px;}
        .page ul li a{padding: 3px 9px;margin: 0 2px;}
    }
/*page*/
/*common*/
    .flex{display: -webkit-flex;display: -ms-flexbox;display: flex;}
    .none{display: none;}
    .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{max-width: 1440px;width: 100%;padding: 0;margin: 0 auto;}
    .none{display: none !important;}

    .swiper-container,.swiper-container .swiper-slide{position: relative;}
    .swiper-container{
      --swiper-theme-color: #ff8600;/* 设置Swiper风格 */
      --swiper-preloader-color: #ff8600;/* 单独设置预加载圆圈的颜色 */
    }
    input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #000;}
    input:-moz-placeholder,textarea:-moz-placeholder {color:#000;}
    input::-moz-placeholder,textarea::-moz-placeholder {color:#000;}
    input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#000;}
    
    .sc{padding-right: 1vw; height: 101px;overflow: auto;}
    .sc::-webkit-scrollbar{width: 5px;height: 5px;}
    .sc::-webkit-scrollbar-track-piece{background-color: #fff;}
    .sc::-webkit-scrollbar-thumb:vertical{height: 10px;background-color: #e6232a;}
    .sc::-webkit-scrollbar-thumb:horizontal{width: 10px;background-color: #fff;}

    .padding{padding-left: 5.5%;padding-right: 5.5%;}
    .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;}
    .bold{font-weight: 600;}
    .panel{margin:0;border:0;border-radius: 0;box-shadow: none;}

    .swiper-container .swiper-button-prev,
    .swiper-container .swiper-button-next{width: auto;height: auto;margin: 0; outline: none;opacity: 1;}
    .swiper-container .swiper-button-prev:after,
    .swiper-container .swiper-button-next:after{content: '\100d4';display: flex;align-items: center;justify-content: center;width: 3.125vw;height: 3.125vw;max-width: 60px;max-height: 60px;min-width: 30px;min-height: 30px; font-family: 'iconfont';font-size: 16px; color: #222;border: 1px solid #222;border-radius: 50%;transition: 0.5s; }
    .swiper-container .swiper-button-prev:after{content: '\e8d8';}
    .swiper-container .swiper-button-prev:hover:after,
    .swiper-container .swiper-button-next:hover:after{color: #fff;background: #3b585c;border-color: #3b585c;}

    .title{font-family: "Monschone Regular";line-height: 1.1;}
    .col-title{font-family: "Monschone Regular";}
    .col-title h2{ line-height: 1; }
    .col-more a{display: inline-block;min-width: 14.635vw; padding: 0.85vw 1vw; color: #222;font-weight: 500; line-height: 23px;text-align: center;text-transform: uppercase; border: 1px solid #cecece;}
    .col-more a:hover{color: #fff;background: #333;border-color: #333;}

    .col-form ul{margin: 0 -0.83vw;}
    .col-form ul li{padding: 0 0.83vw;margin-top: 2.6vw;}
    .col-form ul li input,
    .col-form ul li textarea{display: block;width: 100%;color: #000; border: 0;border-bottom: 1px solid #111;letter-spacing: 2px;outline: none;background: none;}
    .col-form ul li input{height: 35px;line-height: 34px;}
    .col-form ul li.captcha input{width: 40%;max-width: 140px;display: inline-block;}
    .col-form ul li.captcha img{height: 35px;}
    .col-form ul li.submit{text-align: center;}
    .col-form ul li.submit input{width: auto;display: inline-block;border-width: 2px;font-weight: 600;}
/*common*/
/*header*/
    .header{ width: 100%;position: fixed;left: 0;top: 0; z-index: 1001;}
    .head{padding: 1.77vw 0; transition: 0.5s;}
    .head .logo {
		text-align: center;
		font-size: 0;
		line-height: 56px;
		}
    .head .logo img.img2 {
		display: none;
	}
	
	/* .head h1 {
		text-align: center;
		font-size: 0;
		line-height: 56px;
		}
	.head h1 img.img2 {
		display: none;
	} */
	
    .headRight{position: absolute;right: 3vw;top: 50%;transform: translateY(-50%);align-items: center;}
    .headRight a{color: #fff;}
    .headRight a.ser{margin-left: 2.6vw;}
    .head.on{padding: 1vw 0;background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.08);}
    .head.on-active{background: #fff;}
/*   .head.on h1 img.img1,
    .head.on-active h1 img.img1{display: none;}
	
    .head.on h1 img.img2,
    .head.on-active h1 img.img2{display: inline-block;} */
	
	.head.on .logo img.img1,
	.head.on-active .logo img.img1{display: none;}
	
	.head.on .logo img.img2,
	.head.on-active .logo img.img2{display: inline-block;}
	
    .head.on .headRight a,
    .head.on-active .headRight a{color: #333;}
    .head.on .change-language .change-language-title a:after,
    .head.on-active .change-language .change-language-title a:after{
      border: 4px solid #333;
      border-top-width: 5px;
      border-bottom: 0;
      border-left-color: transparent;
      border-right-color: transparent;
    }
    a.mm_btn {background: center center no-repeat;display: block;width: 55px;height: 55px;position: absolute;top:50%;margin-top: -27.5px; left: 3.2vw; padding: 12.5px;z-index: 2;color: #fff; }
    .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
    .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: 30px;height: 30px;}
    .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: 14px;
      /*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;
    }
    .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
    .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
    .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
    .mm_btn.is_active{color: #333;}
    .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
    .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);background: #333;}
    .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
    .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;
    }
    a.mm_btn:hover{opacity: 0.65;}
    a.mm_btn span{position: absolute;left: 100%;top: 50%;transform: translateY(-50%);}
    .head.on .mm_btn{color: #333;}
    .head.on .mm_btn .menu_bar_item .rect,
    .head.on-active .mm_btn .menu_bar_item .rect{background: #333;}
    /*popMenu*/
    .popMenu{width: 100%;height: 0;position: absolute;left: 0;top: 0;overflow: hidden;}
    .popMenu .container{max-width: 100%;height: 100vh;position: relative;}
    .popMenuLeft{width: 42%;height: 100vh;padding: 30vh 3.2vw; position: absolute;left: 0;top: 100vh; background: #f6f6f5;transition-delay: 0.1s;transition-duration: 0.6s;}
    .popMenuLeft ul{padding-left: 12.5px;}
    .popMenuLeft ul li{opacity: 0;}
    .popMenuRight{width: 58%;height: 100vh;padding: 30vh 3vw;padding-left: 7.5vw;position: absolute;right: 0;top: 100vh;background: #fff;transition-delay: 0s;transition-duration: 0.6s;}
    .popMenuRight h4{line-height: 1.3;}
    .popMenuRight .daohang img.img{position: absolute;left: 0;top: -25vh;opacity: 0;}
    .popMenuRight .daohang ul{margin: 0 -15px;}
    .popMenuRight .daohang ul li{width: 50%;float: left;padding: 0 15px;opacity: 0;}
    .popMenuRight .daohang ul li .child{margin-top: 2vh;}
    .popMenuRight .daohang ul li .child p{line-height: 1.8;}
    .popMenuRight .daohang ul li .child p a{color: #888;}
    .popMenuRight .daohang ul li .child p a:hover{color: #333;}
    .popMenuRight .headContact{margin-top: 3.5vh;padding-top: 3vh; line-height: 1.8; border-top: 1px solid #e8e8e8;opacity: 0;}
    .popMenuRight .headContact h4{margin-bottom: 2vh;}
    .popMenu.active{height: 100vh;}
    .popMenu.active .popMenuLeft{top: 0;transition-delay: 0s;transition-duration: 0.5s;}
    .popMenu.active .popMenuLeft ul li{
      -webkit-animation: fadeRight 0.8s forwards;
      animation: fadeRight 0.8s forwards;
    }
    .popMenu.active .popMenuRight{top: 0;transition-delay: 0.1s;transition-duration: 0.5s;}
    .popMenu.active .popMenuRight .daohang img.img{
      -webkit-animation: fadeIn 1s forwards;
      animation: fadeIn 1s forwards;
      animation-delay: 1.05s;
    }
    .popMenu.active .popMenuRight .daohang ul li{
      -webkit-animation: fadeRight 0.8s forwards;
      animation: fadeRight 0.8s forwards;
    }
    .popMenu.active .popMenuRight .headContact {
      -webkit-animation: fadeRight 0.8s forwards;
      animation: fadeRight 0.8s forwards;
      animation-delay: 1.35s
    }
/*header*/
/*footer*/
    .footer{padding-top: 4.58vw; background: #f5f5f5; }
    .footerNav{max-width: 50%;}
    .footerNav ul{margin-top: 2.34vw;}
    .footerNav ul li{display: inline-block;}
    .footerNav ul li a{text-transform: uppercase;}
    .footerNav ul li .flex{align-items: center;}
    .footerNav ul li span{display: block;height: 10px;margin: 0 10px 0 14px; border-left:1px solid #a8a8a8;}
    .footerNav ul li:last-child span{display: none;}
    .footerCon{padding: 0;padding-left: 4.68vw;}
    .footerCon ul{margin: 0 -3vw;}
    .footerCon ul li{float: left;width: 50%;padding: 0 3vw;margin-bottom: 6vw;}
    .footerCon ul li p{line-height: 1.55;}
    .footerCon ul li .title{margin-bottom: 2.34vw;}
    .footerCon .support .button{padding-top: 1.6vw;}
    .footerCon .support .button a{display: inline-block;padding: 0.54vw 2vw;margin: 1vw 0.5vw 0 0;line-height: 25px;text-transform: uppercase; border: 1px solid #a2a2a2;border-radius: 25px;}
    .footerCon .support .button a:hover{color: #fff;background: #333;border-color: #333;}
    .social{padding: 1.5vw 0;}
    .social a{margin-right: 1vw;}
    .copyright{padding-top: 2%;padding-bottom: 2%; line-height: 25px; border-top: 1px solid #e0e0e0; }
    .copyright .otherinfo{text-transform: uppercase;}
/*footer*/
/*-banner-*/
    .col-banner {width: 100%; position: relative;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;}
    .banner-container{background: #ccc;}
    /*index*/
    #col-index-banner .swiper-slide .pic:after{padding-bottom: 48.33%;}
    .banner-column{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-46%);z-index: 2;}
    .banner-column div{width: 100%;}
    .banner-column ul{margin: 0 -3vw;justify-content: space-between;}
    .banner-column li{padding: 0 3vw;color: #fff;}
    .banner-column li .sub{transition: 0.5s;opacity: 0;}
    .banner-column li .tit{padding: 5px 0 10px;margin-bottom: 2vw;position: relative;color: rgba(255,255,255,0.18); line-height: 1.2;transition: 0.5s;cursor: pointer; }
    .banner-column li .tit:after{content: '';width: 0;height: 2px;background: #f0f0f0;position: absolute;left: 0;bottom: -2px;transition: 0.6s;opacity: 0;}
    .banner-column li p{line-height: 1.8;}
    .banner-column li p a{color: #fff;transition: 0.5s;opacity: 0;}
    .banner-column li p a:hover{text-decoration: underline;}
    .banner-column li.active .tit{color: #fff;}
    .banner-column li.active .sub,
    .banner-column li.active p a{opacity: 1;}
    .banner-column li.active .tit:after{width: 100%;opacity: 1;}
    #banDown{width: 8.9vw;position: absolute;left: 50%;margin-left: -4.45vw; bottom: 2vw;z-index: 1; cursor: pointer;}
    /*page*/
    #col-banner{margin-top: calc(56px + 3.54vw);}
    #col-banner .swiper-slide .pic{min-height: 240px;}
    #col-banner .swiper-slide .pic.pic7{min-height: auto;}
    #col-banner .swiper-slide .pic:after{padding-bottom: 45.513%;}
    #col-banner .swiper-slide .content h3{ line-height: 1; }
    #col-banner .swiper-slide .content h2{ margin-top: 0.57vw; font-weight: 600; }
    #col-banner .swiper-slide .content hr{ margin: 1vw auto;width: 10.93vw;max-width: 210px;min-width: 100px;border-top: 2px solid #f0f0f0; }
    #col-banner .swiper-slide .content p{ line-height: 1.75; }

    .col-mbx{padding-bottom: 1vw; position: absolute;left: 0;bottom: 0;color: #c4c4c4;z-index: 2;white-space: nowrap;transform: rotate(-90deg);transform-origin: left bottom;text-align: center;}
    .col-mbx a{margin: 0 1vw; color: #c4c4c4;}
    .col-mbx a:hover,
    .col-mbx a.on{color: #363636;}
    /*case*/
    #col-banner .swiper-case{width: 100%;max-width: 1600px;padding: 10px 0;}
    #col-banner .swiper-case .swiper-slide{width: 544px;}
    #col-banner .swiper-case .swiper-slide .pic{transition: 0.8s;background: #fff;}
    #col-banner .swiper-case .swiper-slide .pic:after{padding-bottom: 65.137%;}
    #col-banner .swiper-case .swiper-slide .pic img{opacity: 0.5;}
    #col-banner .swiper-case .swiper-slide-active .pic{transform: scale(0.85);}
    .banner-case .content{width: 100%;height: 100%;align-items: center; position: absolute;left: 0;top:0;z-index: 1;line-height: 1.35;}
    .banner-case .container{width: 60%; max-width: 920px;}
    .banner-case-desc{margin-top: 15px; line-height: 1.8; }
    .banner-case-desc .container{max-width: 630px; }
    @media (max-width: 991px) {
        /*index*/
        #col-index-banner .swiper-slide .pic{height: 100vh;}
        .banner-column{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-46%);z-index: 2;}
        .banner-column div{width: 100%;}
        .banner-column ul{flex-wrap: wrap;}
        .banner-column li{width: 100%;padding: 2vh 0;}
        .banner-column li .sub{transition: 0.5s;opacity: 0;}
        .banner-column li .tit{padding: 5px 0 10px;margin-bottom: 2vw;position: relative;color: rgba(255,255,255,0.18); line-height: 1.2;transition: 0.5s;cursor: pointer; }
        .banner-column li .tit:after{content: '';width: 0;height: 2px;background: #f0f0f0;position: absolute;left: 0;bottom: -2px;transition: 0.6s;opacity: 0;}
        .banner-column li p{float: left;margin-right: 5vw;}
        .banner-column li p a{color: #fff;transition: 0.5s;opacity: 0;}
        .banner-column li p a:hover{text-decoration: underline;}
        .banner-column li p:last-child{margin-right: 0;}
        /*page*/
        #col-banner{margin-top: 55px;}
        #col-banner .swiper-slide .content h2{ margin-top: 5px;}
        #col-banner .swiper-slide .content hr{ margin: 10px auto;border-top: 1px solid #f0f0f0; }
        #col-banner .swiper-slide .content p{ line-height: 1.6; }
        .col-mbx{display: none;}
        /*case*/
        #col-banner .swiper-case .swiper-slide{width: 320px;}
        #col-banner .swiper-case .swiper-slide-active .pic{transform: scale(0.88);}
        .banner-case .container{width: 95%; max-width: 412px;}
    }
/*-banner-*/
/*index*/
    .col-index-about{padding-top: 6%;}
    .col-index-about .container{max-width: 1480px;}
    .col-index-about .tit{font-weight: 300;}
    .col-index-about .col-title{margin-top: 2.86vw;}
    .col-index-about .content{padding: 0 9.5vw;margin-top: 2.34vw; line-height: 1.8;}
    .col-index-about .col-more{margin-top: 3vw;}
    .col-index-about .slogan{margin-top: 3.5vw; line-height: 1.24; }
    .col-index-about-img{padding: 6% 0;}
    .col-index-about-img .list .more{position: absolute;left: 50.98%;bottom: -5.2vw;z-index: 1;}
    .col-index-about-img .list .more a{display: flex;width: 9.21vw;height: 9.21vw;max-width: 177px;max-height: 177px;align-items: center;justify-content: center; border-radius: 50%;border: 1px solid #555;text-transform: uppercase;font-weight: 500;}
    .col-index-about-img .list .more a span{display: block;}
    .col-index-about-img .list .more a:hover{color: #fff;background: #333;}
    .col-index-about-img .swiper{margin: 0 -1.3vw;}
    .col-index-about-img .swiper-slide{width: auto;padding: 0 1.3vw;}
    .col-index-about-img .swiper-slide img{height: 100%;}
    .col-index-about-img .swiper-slide.odd{height: 29.06vw;}
    .col-index-about-img .swiper-slide.even{height: 40.52vw;}
    .col-index-about-img .desc{margin-top: 4vw; line-height: 1;}
    .col-index-about-img .desc .container{max-width: 880px;}
    .col-index-about-img .desc .con{margin-top: 5px; padding-left: 9.79vw;}
    .col-index-infor{flex-wrap: wrap;}
    .col-index-infor .pic{width: 63.75%;}
    .col-index-infor .pic:after{padding-bottom: 53.349%;}
    .col-index-infor .title{width: 36.25%;align-items: center;}
    .col-index-infor .title p{width: 100%;padding: 4.5vw;line-height: 1;}
    .col-index-product{padding: 6% 4.58%;}
    .col-index-product .list{margin-top: 6vw; overflow: hidden;}
    .col-index-product .swiper{margin: 0 -1.3vw;}
    .col-index-product .swiper-slide{padding: 0 1.3vw;}
    .col-index-product .swiper-slide .pic{margin-bottom: 2.34vw;}
    .col-index-product .swiper-slide .pic:after{padding-bottom: 118.18%;}
    .col-index-product .swiper-slide p{margin-top: 0.7vw; line-height: 1.125; }
    .col-index-product .column .title{width: 17.59%;position: relative; border-right: 1px solid #d7d7d7;}
    .col-index-product .column .title a{display:block;position: absolute;left: 98%;top: 3vw; transform: rotate(90deg);transform-origin: left top;white-space: nowrap;}
    .col-index-product .column .title a span{display: block;width: 21px;height: 21px;position: absolute;left: -3vw;top: 50%;transform: translateY(-60%);}
    .col-index-product .column .title a span:before,
    .col-index-product .column .title a span:after{content: '';position: absolute;background: #919191;transition: 0.5s;}
    .col-index-product .column .title a span:before{width: 21px;height: 1px;left: 0;top: 50%;margin-top: -0.5px;}
    .col-index-product .column .title a span:after{width: 1px;height: 21px;left: 50%;top: 0;margin-left: -0.5px;}
    .col-index-product .column .title a:hover{color: #ededed;}
    .col-index-product .column .title a:hover span:before{transform: rotate(90deg);}
    .col-index-product .column .title1{width: 7.3%;font-size: 8.17vw;line-height: 1;}
    .col-index-product .column .title1 a{left: 100%;color: #ededed;}
    .col-index-product .column .title1 a span:before{transform: rotate(90deg);}
    .col-index-product .column .img{width: 39.93%;padding-left: 4.53vw;}
    .col-index-news{padding-top: 6%;padding-bottom: 5.5%;}
    .col-index-news .col-title{width: 20.31%;padding-left: 5.5%;}
    .col-index-news .list{width: 79.68%;overflow: hidden;}
    .col-index-news .swiper{margin: 0 -0.8vw;}
    .col-index-news .swiper-slide{padding: 0 0.8vw;}
    .col-index-news .swiper-slide .pic:after{padding-bottom: 61.475%;}
    .col-index-news .swiper-slide .date{margin-top: 3vw; color: #a1a1a1;}
    .col-index-news .swiper-slide .tit{margin: 0.52vw 0 1.45vw; line-height: 1.22;}
    .col-index-news .swiper-slide .more img{width: 2.18vw;max-width: 42px;min-width: 21px;}
    .col-index-design{padding-top: 13%;padding-bottom: 9.79%; color: #fff; }
    .col-index-design .container{max-width: 1500px;}
    .col-index-design .content{max-width: 1200px;margin-top: 1vw; line-height: 1.25;}
    .col-index-design .more{margin-top: 2vw;}
    .col-index-design .more a{color: #fff;}
    .col-index-design .more a img{width: 3.54vw;max-width: 68px;min-width: 35px;margin-left: 0.7vw;}
    .col-index-request{padding-top: 5%;padding-bottom: 5%; border-top: 1px solid #dbdbdb; }
    .col-index-request .container{max-width: 1076px;}
/*index*/
/*page about*/
    .col-page-about{padding-top: 5.46%;padding-bottom: 5.46%;}
    .col-page-about .container{max-width: 1290px;}
    .col-page-about .title{margin-top: 1.66vw;}
    .col-page-about .title span{display: block;}
    .col-page-about .content{margin-top: 3vw;}
    .col-page-about .content p{ line-height: 1.8; }
    .col-page-about .content h3{max-width: 1090px;margin-top: -2.6vw; font-family: "Monschone Regular"; line-height: 1.28;text-align: left; }
    .col-page-about .numbers{padding: 5vw 0; text-align: left; }
    .col-page-about .numbers ul{margin: 0 -1vw; display: flex;justify-content: space-between;}
    .col-page-about .numbers ul li{ padding: 0 1vw; }
    .col-page-about .numbers ul li p{line-height: 1.5;}
    .col-page-about .numbers ul li p.num{display: flex;align-items: flex-end;}
    .col-page-about .numbers ul li span.data{line-height: 0.9;font-family: "Monschone Regular";}
    .col-page-about .numbers ul li em{font-style: normal;line-height:0.8;position: relative;top: -1.2vw;}
    .col-about-culture{padding: 5.2vw 4.427vw 0; color: #fff; }
    .col-about-culture .content{margin-top: 4.68vw; margin-bottom: -5.5vw; }
    .col-about-culture .content ul{display: flex;}
    .col-about-culture .content ul li{ width:25%;min-height: 21.77vw; margin: 0 5px;padding: 3.38vw 1.5vw; }
    .col-about-culture .content ul li h3{font-family: "Monschone Regular";line-height: 1.2;}
    .col-about-culture .content ul li hr{margin: 1.2vw 0;width: 4.739vw;max-width: 91px;min-width: 47px; border-color: #b78b6d;}
    .col-about-culture .content ul li p{line-height: 1.7;}
    .col-about-culture .content ul li:nth-child(odd){ border-top-left-radius: 1.3vw;background: url(../images/bg1.jpg) center no-repeat;background-size: cover; }
    .col-about-culture .content ul li:nth-child(even){ border-bottom-right-radius: 1.3vw;background: url(../images/bg2.jpg) center no-repeat;background-size: cover; }
    .col-about-strength{padding-top: 5.5vw;background: #fff;}
    .col-about-strength .container{ max-width: 1300px;padding: 6vw 0; }
    .col-about-strength .content{margin-top: 1.3vw; line-height: 1.8; }
    .col-about-strength .content ul{display: flex;margin:0 -1vw;margin-top: 4.5vw;font-family: "Monschone Regular";line-height: 1.2;}
    .col-about-strength .content ul li{width: 25%;padding: 1vw; border-right: 1px solid #e3e3e3;}
    .col-about-strength .content ul li img{height: 4.27vw;max-height: 82px;min-height: 42px;margin-bottom: 1.3vw; }
    .col-about-strength .content ul li:last-child{border:0;}
    .col-about-strength .pic:after{padding-bottom: 29.53%;}
    .col-about-history .container{ max-width: 1300px;padding: 6vw 0;overflow: hidden; }
    .col-about-history .col-title{ margin-top: 1.3vw; }
    .col-about-history .swiper-history-thumb{margin: 0 -1.5vw;margin-top: 4.5vw;}
    .col-about-history .swiper-history-thumb .swiper-slide{padding: 0 1.5vw;position: relative;}
    .col-about-history .swiper-history-thumb .swiper-slide .date{padding-bottom: 1.45vw; position: relative;line-height: 1;}
    .col-about-history .swiper-history-thumb .swiper-slide .date span{cursor: pointer;}
    .col-about-history .swiper-history-thumb .swiper-slide .date i{display: block;position: absolute;bottom:0;left: 50%;transform: translateX(-50%);color: #9c775e;transition: 0.5s;opacity: 0;}
    .col-about-history .swiper-history-thumb .swiper-slide hr{width: 3vw;margin:0;position: absolute;left: 100%;margin-left: -1.5vw;top: 50%;margin-top: -0.725vw; border-top: 1px solid #ececec;}
    .col-about-history .swiper-history-thumb .swiper-slide.swiper-slide-thumb-active .date i{opacity: 1;}
    .col-about-history .swiper-history{margin-top: 3vw;}
/*page about*/
/*page design style*/
    .design-info .tit{line-height: 1;font-weight: 500;}
    .design-info h3{margin-top: 2.5vw; font-family: "Monschone Regular";line-height: 1.2;}
    .design-info p{line-height: 1.8;}
    .col-desigers .container,
    .col-fashion-trends .container{max-width: 1694px;}
    .col-desigers{padding-top: 6%;padding-bottom: 6%;}
    .col-desigers .design-info{max-width: 1120px;}
    .col-desigers .content{margin-top: 3.9vw; flex-wrap: wrap;align-items: center;}
    .col-desigers .content .text{width: 41.33%;padding-right:8vw;line-height: 1.8;}
    .col-desigers .content .pic{width: 58.67%;}
    .col-fashion-trends .trends{width: 100%;height: 100%;position: absolute;left: 0;top: 0;color: #fff;align-items: center;}
    .col-fashion-trends .design-info{padding: 0;padding-left: 3.6vw;}
    .col-fashion-trends .design-info h3{margin-bottom: 2.6vw;}
    .col-fashion-colors{padding-top: 6%;padding-bottom: 6%;}
    .col-fashion-colors .container{max-width: 1600px;}
    .col-fashion-colors .flex{align-items: center;}
    .col-fashion-colors .design-info{padding: 0;}
    .col-fashion-colors .design-info h3{margin-bottom: 1.3vw;}
    .col-fashion-colors .pic{padding: 0 4vw;}
/*page design style*/
/*page produce*/
    .col-produce-top .container,
    .col-produce-characteristic .container{max-width: 1694px;}
    .col-production-envir .container,
    .col-produce-certificate .container{max-width: 1600px;}
    .col-produce-top{padding-top: 4.58%;padding-bottom: 5%;line-height: 1.8;}
    .col-produce-top p{max-width: 600px;}
    .col-produce-top p.p1,
    .col-produce-top p.p2,
    .col-produce-top p.p3{max-width: none;font-family: "Monschone Regular";line-height: 1;}
    .col-produce-top p.p1{padding-right: 28vw;}
    .col-produce-top p.p2{margin-top: 1.25vw;padding-right: 14vw;}
    .col-produce-top p.p3{margin-top: 1.25vw;}
    .col-produce-top p.tit{margin-bottom: 5px; font-weight: 500;line-height: 1.1}
    .col-produce-top hr{width: 10.93vw;max-width: 210px;min-width: 100px;margin: 1vw 0 1.82vw;border-color: #adadad;}
    .col-produce-characteristic{padding-bottom: 6%;}
    .col-produce-characteristic .flex{flex-wrap: wrap;}
    .col-produce-characteristic .flex.even{align-items: center;flex-direction: row-reverse;}
    .col-produce-characteristic .text{width: 40%;}
    .col-produce-characteristic .pic{width: 60%;}
    .col-produce-characteristic .odd .text{padding-right: 4vw;}
    .col-produce-characteristic .odd .text .subtitle{line-height: 1;text-transform: uppercase;}
    .col-produce-characteristic .odd .text .col-title{margin-top: 1.82vw;margin-bottom: 3vw;}
    .col-produce-characteristic .odd .text p{line-height: 1.8;}
    .col-produce-characteristic .even .text{padding-left: 2vw; }
    .col-produce-characteristic .even .text p.p1{padding-right: 5vw;}
    .col-produce-characteristic .even .text p.p3{padding-right: 5vw;}
    .col-production-envir .flex{min-height: 38.489vw;align-items: center;}
    .col-production-envir .content{max-width: 1200px;padding: 5.5vw 0; color: #fff; }
    .col-production-envir .content img{margin-bottom: 2.5vw;}
    .col-production-envir .content h3{ margin-bottom: 1.71vw; font-family: "Monschone Regular";line-height: 1;}
    .col-production-envir .content p{ line-height: 1.8; }
    .col-produce-certificate{padding-top: 6%;padding-bottom: 6%;}
    .col-produce-certificate .lists{margin: 0 -2.5vw;}
    .col-produce-certificate .list{padding: 0 2.5vw;margin-top: 3.9vw;}
    .col-produce-certificate .list p{margin-top: 1vw;}
    .col-produce-certificate .list .pic{border: 1px solid #ddd;}
    .col-produce-certificate .list .pic:after{padding-bottom: 130%;}
/*page produce*/
/*page news*/
    .newstop,
    .col-page-news .container{max-width: 1600px;margin: 0 auto;}
    .newstop{padding: 3vw 0; flex-wrap: wrap;align-items: center;flex-direction: row-reverse; }
    .newstop .pic{width: 51.125%;}
    .newstop .pic:after{padding-bottom: 71.515%;}
    .newstop .text{width: 48.875%;position: relative;z-index: 2;}
    .newstop .text .title{width: 110%;height: 3.3em;margin-top: 1vw; line-height: 1.1em; overflow: hidden;}
    .newstop .text hr{width: 10.93vw;max-width: 210px;min-width: 100px;margin: 1.45vw 0; border-color: #adadad;}
    .newstop .text p{height: 3.5em;padding-right: 7vw; margin-bottom: 1.8vw; line-height: 1.75em; overflow: hidden;}
    .newstop .text a:hover{color: #aaa;}
    .col-page-news{margin-top: 3vw;padding-top: 1vw; padding-bottom: 5.5%;}
    .col-page-news .bg{width: 100%;position: absolute;left: 0;top: 0;}
    .news ul{margin: 0 -2.6vw; flex-wrap: wrap; }
    .news ul li{padding: 0 2.6vw;margin-top: 5vw;}
    .news ul li .pic:after{padding-bottom: 71.48%;}
    .news ul li .date{margin-top: 2.6vw;}
    .news ul li .title{margin-top: 1.3vw;}
    .news ul li .title a:hover{color: #aaa;}
    /*detail*/
    .col-news-detail{margin-top: calc(56px + 3.54vw);padding-bottom: 5.5%;}
    .col-news-detail .prev-next{position: static;margin-top: 3vw;}
    .col-news-detail .prev-next span{text-transform: capitalize;display: block;}
    .col-news-detail .pic img{max-height: 500px;}
    .col-news-detail h1{margin-top: 3vw; line-height: 1.2;}
    .col-news-detail .info{margin-top: 1.5vw;}
    .col-news-detail .content{margin-top: 2vw;line-height: 1.8;}
/*page news*/
/*page product*/
    .col-page-product{padding-top: 4.68%;padding-bottom: 5.5%;}
    .col-page-product .container{max-width: 1694px;}
    .col-page-product .information h3{padding-left: 18%;margin-bottom: 1.82vw; font-family: "Monschone Regular";}
    .col-page-product .information p{padding-left: 18%;line-height: 1.8;}
    .col-page-product .information p.xian{position: relative;}
    .col-page-product .information p.xian:before{content: '';width: 14.52%;position: absolute;left: 0;top:14px;border-top: 1px solid #e7e7e7;}
    .col-product-nav{width: 18%; padding-right: 2.5vw;margin-top: 4.68vw;}
    .col-product-nav ul li{width: 50%;margin-bottom: 2.5vw; line-height: 1;}
    .col-product-nav ul li a{ color: #bdbdbd; }
    .col-product-nav ul li a.on,
    .col-product-nav ul li a:hover{ color: #333; }
    .col-product-list{width: 82%;}
    .product ul{margin: 0 -1.6vw;flex-wrap: wrap;}
    .product ul li{padding: 0 1.6vw;margin-top: 4.68vw;}
    .product ul li .pic{background: #ddd;}
    .product ul li .pic:after{padding-bottom: 117.95%}
    .product ul li h4{margin-top: 1.5vw; line-height: 1; }
    .product ul li h4 a:hover{color: #aaa;}
    .product ul li p{margin-top: 10px; line-height: 1.11;font-weight: 500; }
    /*detail*/
    .product-detail .flex {
		flex-wrap: wrap;
		align-items: flex-start;
		/* align-items: center; */
		}
    .product-detail .text{width: 40%;}
    .product-detail .text .back{position: absolute;left: 0;top: 0;}
    .product-detail .text .back a i{font-size: 17px;margin-right: 10px;}
    .product-detail .text .back a:hover{color: #aaa;}
    .product-detail .text .desc{
		padding: 40px 0;
		padding-right: 3vw;
		margin-top: 20px;
		}
    .product-detail .text h1 {
		line-height: 1.4;
		}
    .product-detail .text p{
		margin-top: 8px;
		font-weight: 500;
		line-height: 1.16;
		margin-bottom: 10px;
		}
	
	.product-detail .content_prodct p {
		margin-top: 8px;
		    font-weight: normal;
		    line-height: 2;
		    margin-bottom: 10px;
		    width: 530px;
		    font-size: 16px;
		
	}
		
	
    .product-detail .pic{width: 60%;}
    .product-detail .pic:after{padding-bottom: 80.5%;}
    .prev-next{
		position: absolute;
		left: 0;
		/* bottom: 0; */
		}
    .prev-next span{margin-right: 1vw; text-transform: uppercase;font-weight: 500; }
    .prev-next span a:hover{color: #ddd;}
    .prodet{margin-top: 5.5vw;}
    .prodet .title span{display: block;width: 12.81vw;max-width: 246px;min-width: 128px;margin-top: 2.5vw; border-top: 1px solid #e7e7e7;}
    .prodet .content{margin-top: 2.5vw; line-height: 1.8;}
    .prodet .content p strong{ font-weight: 600; }
    .prodet .content table{margin: 2vw 0; border:0; line-height: 1.36; }
    .prodet .content table td{width: 50%; padding: 0.78vw 0; border:0; }
/*page product*/
/*page case*/
    .col-page-case{padding-top: 5.5%;padding-bottom: 5.5%;margin-top: 6%;}
    .col-page-case .bg{width: 100%;position: absolute;left: 0;top: 0;z-index: -1;}
    .case ul{margin: 0 -1vw; flex-wrap: wrap;}
    .case ul li{padding: 0 1vw;margin-top: 4vw; line-height: 1.5;}
    .case ul li .pic:after{padding-bottom: 65.153%;}
    .case ul li .tit{margin-top: 1vw;}
/*page case*/
/*page contact*/
    .col-page-contact{padding-top: 6%;padding-bottom: 6%;}
    .contact-left {width: 43%;padding-right: 5vw;}
    .contact-left>*{max-width: 500px;}
    .contact-left h3{margin-bottom: 1.3vw;}
    .contact-left p{line-height: 1.8;}
    .contact-right {width: 57%; }
    .contact{margin-top: 4vw;}
    .contact .contact-right p{max-width: 590px;line-height: 1.25;margin-bottom: 10px;}
    .feedback{margin-top: 4vw;}
    .feedback .col-form ul{margin-top: -2.6vw;margin-bottom: 2vw;}
    .feedback .col-form ul li.submit{text-align: left;}
    .feedback .col-form ul li.submit input{padding: 0 10px;background: #222;border:1px solid #222;color: #fff;}
/*page contact*/
@media (max-width: 991px) {
/*common*/
    .col-more a{ padding: 5px 15px;}
    .col-form ul{margin: 0 -8px;}
    .col-form ul li{padding: 0 8px;margin-top: 25px;}
/*common*/
/*header*/
    .head{height: 55px; padding: 0;}
   .head .logo {
		height: 55px;
		line-height: 55px;
		}
    .head .logo img {
		max-height: 60%;
		}
		
		/* .head h1 {
			height: 55px;
			line-height: 55px;
			}
		.head h1 img {
			max-height: 60%;
			} */
		
    .headRight{right: 15px;}
    .headRight a.ser{margin-left: 2vw;}
    .head.on{padding: 0;}
    a.mm_btn {left: 2.5px;}
/*header*/
/*footer*/
    .footer{padding-top: 50px;text-align: center;}
    .footerNav{width: 100%; max-width: 100%;}
    .footerNav img{width: 66%;max-width: 260px;}
    .footerNav ul{margin-top: 23px;}
    .footerNav ul li{display: inline-block;}
    .footerNav ul li a{text-transform: uppercase;}
    .footerNav ul li .flex{align-items: center;}
    .footerNav ul li span{display: block;height: 10px;margin: 0 10px 0 14px; border-left:1px solid #a8a8a8;}
    .footerNav ul li:last-child span{display: none;}
    .footerCon{padding: 0;margin-top: 40px;}
    .footerCon ul{margin: 0 -3vw;}
    .footerCon ul li{width: 100%;padding: 0 3vw;margin-bottom: 30px;}
    .footerCon ul li .title{margin-bottom: 15px;}
    .footerCon .support .button{padding-top: 10px;}
    .footerCon .support .button a{padding: 5px 20px;margin: 10px 2px 0 2px;}
    .social{padding: 15px 0;}
    .social a{margin: 0 5px;}
    .copyright{padding-top: 15px;padding-bottom: 15px;}
    .copyright p{width: 100%;}
    .copyright .otherinfo{width: 100%;}
/*footer*/
/*index*/
    .col-index-about{padding-top: 55px;}
    .col-index-about .col-title{margin-top: 28px;}
    .col-index-about .content{padding: 0;margin-top: 23px;}
    .col-index-about .col-more{margin-top: 30px;}
    .col-index-about .slogan{margin-top: 30px;}
    .col-index-about-img{padding: 55px 0;}
    .col-index-about-img .list .more{bottom: -50px;}
    .col-index-about-img .list .more a{width: 60px;height: 60px;}
    .col-index-about-img .list .more a span{line-height: 1.2;font-size: 12px;}
    .col-index-about-img .desc{margin-top: 55px;}
    .col-index-about-img .desc .container{max-width: none;}
    .col-index-about-img .desc .con{ padding-left: 0;}
    .col-index-infor{flex-wrap: wrap;}
    .col-index-infor .pic{width: 100%;}
    .col-index-infor .title{width: 100%;}
    .col-index-infor .title p{padding: 10% 5vw;}
    .col-index-product{padding-top: 55px;padding-bottom: 55px;}
    .col-index-product .list{margin-top: 55px;}
    .col-index-product .swiper-slide .pic{margin-bottom: 20px;}
    .col-index-product .swiper-slide p{margin-top: 5px;}
    .col-index-product .column .title a{top: 20px;}
    .col-index-product .column .title a span{width: 11px;height: 11px;left: -20px;}
    .col-index-product .column .title a span:before{width: 11px;height: 1px;}
    .col-index-product .column .title a span:after{width: 1px;height: 11px;}
    .col-index-product .column .title1{font-size: 9vw;}
    .col-index-product .column .title1 a{left: 100%;}
    .col-index-product .column .img{width: 65%;padding-left: 3vw;}

    .col-index-news{padding-top: 55px;padding-bottom: 55px;}
    .col-index-news .col-title{width: 100%;padding-right: 5.5%;}
    .col-index-news .list{width: 100%;padding-left: 5.5%;margin-top: 30px;}
    .col-index-news .swiper-slide .date{margin-top: 25px;}
    .col-index-news .swiper-slide .tit{margin: 5px 0 14px;}
    

    .col-index-design{padding-top: 70px;padding-bottom: 60px; color: #fff; }
    .col-index-design .content{margin-top: 10px;}
    .col-index-design .more{margin-top: 20px;}
    .col-index-design .more a img{margin-left: 5px;}
    .col-index-request{padding-top: 55px;padding-bottom: 55px;}
/*index*/
/*page about*/
    .col-page-about{padding-top: 55px;padding-bottom: 55px;}
    .col-page-about .title{margin-top: 15px;}
    .col-page-about .content{margin-top: 30px;}
    .col-page-about .numbers{padding: 50px 0;font-size: 14px;}
    .col-page-about .numbers ul li span.data{font-size: 25px;}
    .col-page-about .numbers ul li em{top: -8px;}
    .col-about-culture{padding: 55px 4vw 0;}
    .col-about-culture .content{margin-top: 45px; margin-bottom: -55px; }
    .col-about-culture .content ul{flex-wrap: wrap;margin-top: -15px;}
    .col-about-culture .content ul li{width: 100%;margin-top: 15px; padding: 30px 15px; }
    .col-about-culture .content ul li hr{margin: 10px 0;}
    .col-about-culture .content ul li:nth-child(odd){ border-top-left-radius: 10px;}
    .col-about-culture .content ul li:nth-child(even){ border-bottom-right-radius: 10px;}
    .col-about-strength{padding-top: 55px;}
    .col-about-strength .container{padding: 55px 0; }
    .col-about-strength .content{margin-top: 13px;overflow: hidden;}
    .col-about-strength .content ul{margin-top: 40px;}
    .col-about-strength .content ul li img{margin-bottom: 10px; }
    .col-about-strength .pic{background-size: 100%!important; background-attachment: inherit!important;}
    .col-about-history .container{ padding: 55px 0; }
    .col-about-history .col-title{ margin-top: 13px; }
    .col-about-history .swiper-history-thumb{margin: 0 -1.5vw;margin-top: 40px;}
    .col-about-history .swiper-history-thumb .swiper-slide{padding: 0 1.5vw;}
    .col-about-history .swiper-history-thumb .swiper-slide .date{padding-bottom: 15px;font-size: 20px;}
    .col-about-history .swiper-history-thumb .swiper-slide .date i{font-size: 14px;}
    .col-about-history .swiper-history-thumb .swiper-slide hr{width: 3vw;margin-left: -1.5vw;margin-top:-10px;}
    .col-about-history .swiper-history{margin-top: 30px;}
/*page about*/
/*page design style*/
    .design-info h3{margin-top: 25px;}
    .col-desigers{padding-top: 55px;padding-bottom: 55px;}
    .col-desigers .content{margin-top: 35px;}
    .col-desigers .content .text{width: 100%;padding-right: 0;}
    .col-desigers .content .pic{width: 100%;margin-top: 30px;}
    .col-fashion-trends .pic img{width: 180%;max-width: none;}
    .col-fashion-trends .trends{position: static;margin-top: 30px; color: #333;}
    .col-fashion-trends .design-info{padding: 0;}
    .col-fashion-trends .design-info h3{margin-bottom: 25px;}
    .col-fashion-colors{padding-top: 55px;padding-bottom: 55px;}
    .col-fashion-colors .flex{flex-wrap: wrap;}
    .col-fashion-colors .design-info{padding: 0;}
    .col-fashion-colors .design-info h3{margin-bottom: 13px;}
    .col-fashion-colors .pic{padding: 0;margin-top: 30px; text-align: center;}
/*page design style*/
/*page produce*/
    .col-produce-top{padding-top: 45px;padding-bottom: 50px;}
    .col-produce-top p{max-width: none;}
    .col-produce-top p.p1,
    .col-produce-top p.p2,
    .col-produce-top p.p3{text-align: left!important;}
    .col-produce-top p.p1{padding-right: 0;}
    .col-produce-top p.p2{margin-top: 10px;padding-right: 0;}
    .col-produce-top p.p3{margin-top: 10px;}
    .col-produce-top p.tit{margin-bottom: 5px; font-weight: 500;line-height: 1.1}
    .col-produce-top hr{margin: 10px 0 18px;}
    .col-produce-characteristic{padding-bottom: 55px;}
    .col-produce-characteristic .text{width: 100%;}
    .col-produce-characteristic .pic{width: 100%;}
    .col-produce-characteristic .odd .text{padding-right: 0;}
    .col-produce-characteristic .odd .text .col-title{margin-top: 18px;margin-bottom: 30px;}
    .col-produce-characteristic .even .text{padding-left: 0; }
    .col-produce-characteristic .even .text p.p1{padding-right: 0;}
    .col-produce-characteristic .even .text p.p3{padding-right: 0;}
    .col-production-envir .content{padding: 55px 0;}
    .col-production-envir .content img{margin-bottom: 25px;}
    .col-production-envir .content h3{ margin-bottom: 17px;}
    .col-produce-certificate{padding-top: 55px;padding-bottom: 55px;}
    .col-produce-certificate .lists{margin: 0 -1.5vw;}
    .col-produce-certificate .list{padding: 0 1.5vw;margin-top: 35px;}
    .col-produce-certificate .list p{margin-top: 10px;}
/*page produce*/
/*page news*/
    .newstop{padding: 30px 0;}
    .newstop .text .title{margin-top: 10px;}
    .newstop .text hr{margin: 14px 0;}
    .newstop .text p{padding-right: 7vw; margin-bottom: 18px;}
    .col-page-news{margin-top: 20px;padding-top: 10px; padding-bottom: 55px;}
    .news ul{margin: 0 -1.8vw;}
    .news ul li{padding: 0 1.8vw;margin-top: 4vw;}
    .news ul li .date{margin-top: 20px;}
    .news ul li .title{margin-top: 15px;}
    /*detail*/
    .col-news-detail{margin-top: 55px;padding-bottom: 55px;}
    .col-news-detail .prev-next{margin-top: 30px;}
    .col-news-detail h1{margin-top: 30px;}
    .col-news-detail .info{margin-top: 15px;}
    .col-news-detail .content{margin-top: 20px;}
/*page news*/
/*page product*/
    .col-page-product{padding-top: 45px;padding-bottom: 55px;}
    .col-page-product .information h3{padding-left: 0;margin-bottom: 18px;}
    .col-page-product .information p{padding-left: 0;}
    .col-page-product .information p.xian:before{display: none;}
    .col-product-list{width: 100%;}
    .product ul li{margin-top: 45px;}
    .product ul li h4{margin-top: 15px;}
    .product ul li p{margin-top: 8px;}
    /*detail*/
    .product-detail .text{width: 100%;padding-top: 30px;}
    .product-detail .text .back{position: static;}
    .product-detail .text .back a i{font-size: 15px;margin-right: 6px;}
    .product-detail .text .desc{padding: 30px 0;padding-right: 0;}
    .product-detail .pic{width: 100%;max-height: 500px;margin-top: 40px;}
    .prev-next{position: static;}
    .prev-next span{margin-right: 10px;}
    .prodet{margin-top: 55px;}
    .prodet .title span{margin-top: 25px;}
    .prodet .content{margin-top: 25px;}
    .prodet .content table{margin: 20px 0;}
    .prodet .content table td{padding: 7px 0;}
/*page product*/
/*page case*/
    .col-page-case{padding-top: 55px;padding-bottom: 55px;margin-top: 60px;}
    .case ul li{margin-top: 30px;}
    .case ul li .tit{margin-top: 10px;}
/*page case*/
/*page contact*/
    .col-page-contact{padding-top: 55px;padding-bottom: 55px;}
    .contact-left {width: 100%;padding-right: 0;}
    .contact-left>*{max-width: none;}
    .contact-left h3{margin-bottom: 13px;}
    .contact-right {width: 100%;margin-top: 20px; }
    .contact{margin-top: 40px;}
    .contact .contact-right p{max-width: none;margin-bottom: 8px;}
    .feedback{margin-top: 40px;}
    .feedback .col-form ul{margin-top: -25px;margin-bottom: 20px;}
/*page contact*/
}
@media (max-width: 767px) {
/*header*/
    .popMenu{ display: flex;align-items: center;background: #fff; }
    .popMenu .container{max-width: 100%;height: auto;position: static;}
    .popMenuLeft{width: 100%;height: auto;padding:0 15px; position: static;background: none;}
    .popMenuLeft ul{padding-left: 0;}
    .popMenuLeft ul li{opacity: 0;}
    .popMenuRight{width: 100%;height: auto;padding:0 15px;position: static;margin-top: 3vh;}
    .popMenuRight h4{line-height: 1.3;}
    .popMenuRight .daohang{position: static;}
    .popMenuRight .daohang img.img{height: calc(55px * 0.6); position: absolute;left: 50%;transform: translateX(-50%); top: calc(55px * 0.2);}
    .popMenuRight .daohang ul{margin: 0 -7px;}
    .popMenuRight .daohang ul li{padding: 0 7px;}
    .popMenuRight .daohang ul li .child{margin-top: 2vh;}
    .popMenuRight .headContact{margin-top: 3.5vh;padding-top: 3vh;}
    .popMenuRight .headContact h4{margin-bottom: 2vh;}
/*header*/
/*page about*/
    .col-page-about .numbers ul{flex-wrap: wrap;margin-top: -25px;}
    .col-page-about .numbers ul li {width: 50%;margin-top: 25px;}
    .col-about-strength .content ul{flex-wrap: wrap;margin-top: 25px;}
    .col-about-strength .content ul li{width: 50%;margin-top: 15px;}
/*page about*/
/*page news*/
    .newstop .pic{width: 100%;}
    .newstop .text{width: 100%;margin-top: 20px;}
    .newstop .text .title{width: 100%;height: auto;}
    .newstop .text p{padding-right: 0;}
    .news ul li{margin-top: 30px;}
    .news ul li .date{margin-top: 15px;}
    .news ul li .title{margin-top: 10px;}
/*page news*/
    .prodet .content table td{display: block;width: 100%;}
}
@media (max-width: 400px) {
    .case ul li{width: 100%;}
}

.content_productraw h2 {
font-weight: 700;
    font-size: 34px;
    margin-bottom: 24px;
}

.content_productraw p {
font-size: 18px;
    line-height: 2;
}

.content_productraw h3 {
    font-weight: 600;
    font-size: 28px;
    line-height: 2;
}

.content_productraw h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 2;
}

.content_productraw li {
list-style: disc inside;
}

.home_h1 {
display: inline;
    font-size: large;
}

.col-news-detail .content p {
line-height: 2;
    margin-bottom: 6px;
    margin-top: 6px;
}

.col-news-detail .content h3 {
font-weight: 600;
    font-size: 30px;
    line-height: 2;
}

.col-news-detail .content h4 {
font-weight: 600;
line-height: 2;
}

.col-news-detail .content li {
list-style: disc inside;
}