/*
首页模块命名规范：col-index-模块英文名称，如：col-index-news
内页页面外层容器命名规范：
1、通用样式：col-page，内页外层容器通用样式，使用方法<div class="col-page col-page-about"></div>
2、页面样式：col-page-模块英文名称，如：col-page-about（关于我们页面）
3、内页模块命名规范：col-模块英文名称，如：col-product（产品）、col-honor（荣誉）(<div class="col-wrap col-product"></div>)
其他命名规范：
1、使用swiper、owl.Carousel等插件时，插件外层容器可用模块名称-container,如product-container
2、使用英文名称为样式命名，不要出现拼音和首字母
3、模块最外层容器命名规范：col-自定义名称
4、样式命名中单词由符号“-”来连接，如：col-culture,col-hot-product
备注：上面所说的模块不是指系统后台模块，是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。
*/

.home-top-grid1 {
    background: rgba(11, 100, 143, 0.7);
    transition: 0.5s all;
}
.home-top-grid2 {
    background: rgba(226, 23, 55, 0.5);
    transition: 0.5s all;
}
.home-top-grid3 {
    background: rgba(11, 100, 143, 0.4);
    transition: 0.5s all;
}
@font-face {
    src: url(../font/HelveticaInserat.ttf);
}
@font-face {
    font-family: 'FuturistCondensed';
    src: url('../font/FuturistCondensed Regular.TTF');/* IE9*/
    src: url('../font/FuturistCondensed Regular.TTF') format('embedded-opentype'), /* IE6-IE8 */
    /*url('/static/index/web_default/fonts/FuturistCondensed%20Regular.woff') format('woff'), *//* chrome、firefox */
    url('../font/FuturistCondensed Regular.TTF') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('/static/index/web_default/fonts/FuturistCondensed%20Regular.svg') format('svg');/* iOS 4.1- */
}
/*font*/
@font-face {
  font-family: 'NanumGothic';
  src: url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-weight: 600;
  src: url(../font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-weight: 700;
  src: url(../font/NanumGothic-ExtraBold.ttf) format('truetype');
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 1502878 */
  src: url('../font/font_1502878_56if22jysn6.woff2') format('woff2'),
       url('../font/font_1502878_56if22jysn6.woff') format('woff'),
       url('../font/font_1502878_56if22jysn6.ttf') format('truetype');
}
@font-face {
  font-family: 'iconfont99860';  /* Project id 1502878 */
  src: url('../font/font_1502878_56if22jysn6.woff2') format('woff2'),
       url('../font/font_1502878_56if22jysn6.woff') format('woff'),
       url('../font/font_1502878_56if22jysn6.ttf') format('truetype');
}


@font-face {
    font-family: 'iconfont1';  /* Project id 1502878 */
    src: url('../font/font_1502878_vzyvufcq4gp.woff2') format('woff2'),
       url('../font/font_1502878_vzyvufcq4gp.woff') format('woff'),
       url('../font/font_1502878_vzyvufcq4gp.ttf') format('truetype');
}
.iconfont1{font-size:12px;font-style:normal;-webkit-font-smoothing:antialiased;font-family:'iconfont1';}
body {
    font-family: 'NanumGothic','Arial',"微软雅黑";
    min-width: 320px;
    color: #666;
    overflow-x: hidden;
}
.iconfont {
    font-family: 'iconfont';
}
img {
    max-width: 100%;
}
li {
    list-style: none;
}
i,
em {
    font-style: normal;
}
.vcenter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
}
.last {
    margin-right: 0 !important;
}
.tHide {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.blockFull {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.relative { position: relative;}
a { color: #666; transition: 0.5s;}
a:hover {  color: #c44f2a; text-decoration: none;}
a:link,
a:visited{text-decoration: none;}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li { margin: 0; padding: 0;}
img {border: 0;}
p{margin:0;}
.container {  width: 100%;max-width: 1600px;padding: 0;}
.pic { position: relative; overflow: hidden;}
.pic:after { content: ""; display: block;}
.padding{padding-left: 8%;padding-right: 8%;}
.panel{margin:0;border:0;border-radius: 0;box-shadow: none;}
.bold600{font-weight: 600;}
.bold700{font-weight: 700;}
.flex{display: flex;display: -webkit-flex;}
/* 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;}
/* animates */
/*common*/
    .col-title{ color: #3a3a3a; }
    .col-title .tips{ margin-bottom: 0.52vw; }
    .col-title .tips span{text-transform: uppercase;font-weight: bold; color: #c44f2a;}
    .col-title h3{ font-weight: 700; }
    .col-title img.titimg{display: block;margin-top: 1.4vw; }
    .col-title.text-center img.titimg{margin-left: auto;margin-right: auto;}
    .col-more a{display: inline-block;min-width: 13.958vw; padding: 0.67vw 18px; border:1px solid #222; line-height: 25px;text-align: center;color: #222;}
    .col-more a span{align-items: center; justify-content: center;}
    .col-more a span i{margin-left: 3vw; font-size: 28px;line-height: 25px;}
    .col-more a:hover{background: #c44f2a;border-color: #c44f2a!important;color: #fff;}
    /*swiper button*/
    .swiper-button .swiper-button-prev,
    .swiper-button .swiper-button-next{display: inline-block; width: auto;height: auto;margin: 0;position: static; outline: none;}
    .swiper-button .swiper-button-prev:after,
    .swiper-button .swiper-button-next:after{content: '\e640';display: flex;align-items: center;justify-content: center; width: 4.16vw;height: 4.16vw;max-width: 80px;max-height: 80px;min-width: 28px;min-height: 28px; background: #f6f7fc;border-radius: 50%;font-family: 'iconfont';font-size: 18px;font-weight: bold; color: #c44f2a;transition: 0.5s;}
    .swiper-button .swiper-button-prev:after{transform: rotateY(180deg);}
    .swiper-button .swiper-button-prev:hover:after,
    .swiper-button .swiper-button-next:hover:after{background: #c44f2a;color: #fff;}
    /*video*/
    .col-videos .pic:after{padding-bottom: 66.094%;}
    .col-videos .pic .bg{background: rgba(0,0,0,0.23);transition: 0.5s;}
    .col-videos .pic:hover .bg{opacity: 0;}
    .col-videos .pic .text{width: 100%;padding: 0 1.19vw; display: flex;align-items: center;flex-wrap: wrap; position: absolute;left: 0;bottom: 1.61vw; color: #fff;}
    .col-videos .pic .text img{height: 2.24vw;max-height: 43px;min-height: 25px;margin-right: 0.677vw;}
    .col-videos .pic .videoContent{display: none;}
    /*video pop*/
    .videoPop{display: none; width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;left: 0;top:0;z-index: 1001;}
    .videoPop .content{width: 92%; max-width: 1400px; max-height:70vh; position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
    .videoPop .content iframe{width: 100%;max-width: 1280px;height: 60vh;}
    #video{width: 98%;max-width: 1400px;max-height:70vh;display: block; margin: 0 auto;  }
    #videoClose{position: absolute;right:0;top:0;transform: translateY(-100%); font-size: 22px;color: #fff;cursor: pointer;transition: 0.5s;}
    #videoClose:hover{color: #c44f2a;}
    /*news*/
    .news .panel{cursor: pointer;}
    .news .pic:after{padding-bottom: 56.14%;}
    .news .pic img{transition: 0.5s;}
    .news .date{margin-top: 1.56vw;line-height: 1; font-weight: bold; color: #c44f2a;}
    .news .date span{margin-right: 2.34vw;}
    .news a.tit{display: block;margin-top: 0.78vw; font-weight: 600; color: #3a3a3a;}
    .news .panel:hover .pic img{transform: scale(1.05);}
    .news .panel:hover a{color: #c44f2a;}
    /*mbx*/
    .mbx{width: 100%; position: absolute;left: 0;bottom: 0; color: #fff;z-index: 10;}
    .mbx .flex{padding: 1.5vw 0;flex-wrap: wrap;align-items: center;justify-content: flex-end;}
    .mbx a{color: #fff;}
    .mbx a:hover{color: #c44f2a;}
    .mbx a.home{color: #c44f2a;}
    /*product*/
    .pro .panel{height: 100%; padding: 1.3vw; background: #f8f8f8;border-radius: 0.88vw;cursor: pointer; }
    .pro .panel a{color: #1f1f1f;}
    .pro .top{justify-content: space-between;}
    .pro .top img{height: 21px;}
    .pro .top img.img2{filter: sepia(0%) brightness(1) contrast(0.7);}
    .pro .pic{margin-top: 1.3vw;}
    .pro .pic:after{padding-bottom: 100%;}
    .pro .pic img{transition: 0.5s;}
    .pro .text{margin-top: 1.3vw;}
    .pro .text .model{line-height: 1;color: #c44f2a; min-height:30px}
    .pro .text a.tit{display: inline-block;margin-top: 0.78vw; line-height: 1.3; min-height:120px}
    .pro .text .more{margin-top: 1vw;}
    .pro .text .more a{display: inline-block;padding-bottom: 5px; border-bottom: 1px solid #ed7106;}
    .pro .text .more a span{align-items: center;line-height: 1;}
    .pro .text .more a span i{margin-left: 2.39vw;}
    .pro .panel:hover .pic img{transform: scale(1.05);}
    .pro .panel:hover a{color: #c44f2a;}
    /*problem*/
    .faqs-list .content li{margin-top: 0.78vw;}
    .faqs-list .content li h4{line-height: 1.3;color: #1f1f1f;}
    .faqs-list .content li p{line-height: 1.6;color: #666;}
    .faqs-list .content li .title{padding: 1.15vw 1.45vw;padding-right: 60px;position: relative; cursor: pointer;background: #f6f6f6;border-radius: 32px; }
    .faqs-list .content li .title .more{width: 14px;height: 14px;position: absolute;right: 1.45vw;top: 50%;margin-top: -7px;}
    .faqs-list .content li .title .more span{display: block;background: #c44f2a;position: absolute;transition: 0.5s;}
    .faqs-list .content li .title .more span.span1{width: 14px;height: 2px;left: 0;top: 6px;}
    .faqs-list .content li .title .more span.span2{width: 2px;height: 14px;left: 6px;top: 0;}
    .faqs-list .content li .text{display: none; padding: 1.8vw 2.6vw; color: #666;}
    .faqs-list .content li.on .title span.span2{transform: rotate(90deg);}
    /*message*/
    .message{ color: #1f1f1f; }
    .message ul{ margin: 0 -1.4vw; }
    .message li{ padding: 0 1.4vw;margin-bottom: 1.5vw; }
    .message li p{margin-bottom: 10px;}
    .message li p span{color: #c44f2a;}
    .message li input,
    .message li textarea{display: block;width: 100%;background: #efefef;border:1px solid #efefef;border-radius: 24px;outline: none;}
    .message li input{ height: 47px;padding: 0 1.5vw; line-height: 45px; }
    .message li textarea{ height: 8.54vw;max-height: 164px;min-height: 100px;padding: 15px 1.5vw; }
    .message li.li3{width: 100%;}
    .message li.sub{margin: 0;}
    .message li.verification input,
    .message li.sub input{width: 45%;max-width: 305px;display: inline-block;}
    .message li.sub input{background: #c44f2a;border-color: #c44f2a;color: #fff;}
/*common*/
/*header*/
    #page{padding-top: 0px; overflow: hidden;}
    header{width:100%; /*box-shadow: 0 0 10px rgba(0,0,0,.15);*/ position: fixed; left: 0; top: 0; z-index: 1001;}
    header h1{/*max-width: 15vw;*/width: 224px;height: 51px; margin:0; padding: 0;font-size: 0;line-height: 90px;}
    header .container{position: relative;width: 100%;}
    nav.mm-menu_offcanvas{display: none;}
    #header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0;  background: #0067b7; transition: .5s all;}
    .head{transition: 0.5s;}
    .head-top{padding-top: 0.78vw;padding-bottom: 0.78vw; position: relative;z-index: 2;transition: all 0.36s;color:#fff;border-bottom: 1px solid rgba(255,255,255,0.23);}
    .head-top .flex{height: 60px;line-height: 60px;align-items: center;}
    .head-top .flex .tit{margin-right: auto;color:#39576b;color:#fff;margin-left: 25px;padding-left: 25px;position: relative;text-transform: uppercase;line-height: 1;}
    .head-top .flex .tit::before{content:'';width: 1px;height: 25px;background: rgba(255,255,255,.3);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
    .head-top a{color: #fff;}
    .head-top a:hover{color: #c44f2a;}
    .head-top .mall{margin-left: 3vw;}
    .head-top .language{margin-left: 1.56vw;}
    .headerSear{display:block;width: 9.84vw;max-width: 189px;min-width: 130px;margin-left: 1.56vw;position: relative; overflow:hidden;}
    .headerSear input{width:100%;height: 36px; padding:0 50px 0 20px;border-radius: 18px; background:#fff;border:0;color: #222;outline: none;transition: 0.5s;}
    .headerSear a#head_search{display:block;position:absolute;right: 20px;top:12px;color: #ddd;cursor:pointer;text-align:center;line-height:36px;}
    .headerSear a#head_search i{font-size: 18px;}
    .head-nav{padding-top: 0.78vw;padding-bottom: 0.78vw; position: relative;}
    .head-nav ul{width: 100%;justify-content: space-between;}
    .head-nav ul li{display: inline-block;vertical-align: middle;position: relative;padding: 5px 0;line-height: 50px; margin-right: 12px;}
    .head-nav ul li:last-child{margin-right: 0;}
    .head-nav ul li .child{white-space: nowrap;position: absolute;top:100%;margin-top:10px;left:50%;transform: translateX(-50%);display: none;padding: 15px 10px;background: rgba(255,255,255,.9);box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);min-width: 164px;text-align: center;border-radius: 5px;}
    .head-nav ul li .child::before{content:'';border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid rgba(255,255,255,.9);position: absolute;left: 50%;margin-left: -5px;bottom: 100%;}
    .head-nav ul li .child p{margin-bottom: 10px;line-height: 1.3;}
    .head-nav ul li .child p:last-child{margin-bottom: 0;}
    .head-nav ul li .child a{font-size:15px;color:#222;text-transform: none;transition: 0.25s;}
    .head-nav ul li .child a:hover{color: #c44f2a;}
    .head.on{background: rgb(79,117,139);}
    .head.on .head-top{padding-top: 0;padding-bottom: 0;}
    .head.on .head-nav{padding-top: 0;padding-bottom: 0;}
    .col-djs{ height: 50px; align-items: center;justify-content: center; background: #222;line-height: 50px;text-align: center;color: #fff; }
    .col-djs .gift{ align-items: center;justify-content: center; }
    .col-djs img{ margin-right: 1.3vw;}
    .col-djs .time{margin-right: 1.3vw;}
    .col-djs .time span{ display: inline-block;min-width: 30px;height: 30px;padding: 0 4px; line-height: 30px;background: #666; border-radius: 4px;font-weight: 700; }
    .col-djs a.button{display: inline-block;min-width: 5.88vw;padding: 0 1vw;margin-left: 1.3vw; line-height: 30px; background: #c44f2a;border-radius: 4px;font-weight: 700; color: #fff;}
/*header*/
/*footer*/
    .col-bottom{padding-top: 2%;padding-bottom: 2%; background: #c44f2a; color: #fff; }
    .col-bottom .flex{justify-content: space-between;align-items: center;}
    .col-bottom a{display: flex;align-items: center;margin-right: 2vw; color: #fff;}
    .col-bottom a img{height: 2.45vw;max-height: 47px;min-height: 25px;margin-right: 0.83vw;}
    .col-bottom a:last-child{margin-right: 0;}
    .footer{background: #1f252c;color: #fff;}
    .footerCon{padding: 2.6vw 0;align-items: flex-start;justify-content: space-between;border-bottom: 1px solid #30363c;}
    .footerCon h3{margin-bottom: 5px; line-height: 30px; font-weight: 700;color:#fff;text-transform: uppercase;}
    .footerCon p{line-height: 1.5;color: #b2b2b2;}
    .footerCon .logo{max-width: 20vw;min-width: 120px;margin-right: 1vw;}
    .footerCon .info {width: 21%; max-width: 337px;min-width: 200px;margin-right: 1vw;}
    .footerCon .info .contact{margin-bottom: 10px; line-height: 30px;font-weight: bold;}
    .footerCon .info .email{display: flex;align-items: center;font-family: 'Arial';}
    .footerCon .info .email i.iconfont{color:#DC4405;margin-right: 10px;font-size: 18px;}
    .footerCon .lists{padding-top: 5px; font-size: 0;}
    .footerCon .lists a{display: inline-block;margin-right: 1.35vw;}
    .footerCon .lists a img{height: 1.98vw;max-height: 38px;min-height: 24px;}
    .footerCon .lists a:last-child{margin-right: 0;}
    .footerMid{margin-top: 4.68vw;}
    .footerMid h4{margin-bottom: 1.5vw; line-height: 1.4; }
    .footerMid h4 a{color: #fff;}
    .footerMid h4 a:hover{color: #c44f2a;}
    .footerMid p{color: #b2b2b2; line-height: 1.8; }
    .footerMid p a{color: #b2b2b2;}
    .footerMid p a:hover{color: #c44f2a;}
    .footerNav{width: 58.75%;}
    .footerNav ul{justify-content: space-between;}
    .footerNav li{margin-right: 1vw;}
    .footerNav li:last-child{margin-right: 0;}
    .footerMess{width: 35%;max-width: 464px;}
    .footerMess ul{margin: 0.8vw 0; position: relative;}
    .footerMess ul li input{display: block;width: 100%;height: 44px;padding-left: 20px;padding-right: 170px; border:0;background: #fff;border-radius: 22px;color: #222; outline: none;}
    .footerMess ul li.verification{width: 70%;max-width: 227px;margin-top: 10px; position: relative;}
    .footerMess ul li.verification input{  padding-right: 99px;}
    .footerMess ul li.verification img{width: 85px;height: 34px; position: absolute;top: 5px;right: 7px;border-radius: 17px;}
    .footerMess ul li.submit{width: 150px;position: absolute;right: 0;top: 0;}
    .footerMess ul li.submit input{padding: 0;background: #c44f2a;color: #fff;}
    .footerMess ul li input::-webkit-input-placeholder{color: #b2b2b2;}
    .footerMess ul li input:-moz-placeholder{color:#b2b2b2;}
    .footerMess ul li input::-moz-placeholder{color:#b2b2b2;}
    .footerMess ul li input:-ms-input-placeholder{color:#b2b2b2;}
    .copy{padding: 1.32vw 0;margin-top: 4.68vw;flex-wrap: wrap;justify-content: space-between;border-top: 1px solid #30363c;line-height: 1.8;}
    .copy .otherinfo a{display: inline-block;margin-right: 2.5vw;position: relative;color:#fff;line-height: 1;transition: 0.25s;}
    .copy .otherinfo a:not(:last-child)::after{content:'';width: 1px;height: 17px;background: #54575c;position: absolute;right: -1.25vw;top: 50%;transform: translateY(-50%);}
    .copy .otherinfo a:last-child{margin-right: 0;}
    .copy .otherinfo a:hover{color:#c44f2a}
/*footer*/
/*banner*/
    .banner {position: relative;z-index: 2;background: #ccc;}
    .banner .swiper-slide{background-size: cover;background-position: center;position: relative;}
    .banner .content{width: 100%;position: absolute;left: 0;top:0;color: #fff;height: 100%;display:flex;align-items: center;z-index: 1;}
    /*index*/
    .banner-index .pic:after{padding-bottom: 50%;}
    /*视频*/
    .playVideo{width: 100%;height: 100%;position: absolute;left:0;top:0;background: #000;}
    .playVideo .play-video{width:100%;height:100%; position:absolute;left: 0;top: 0;z-index:1;}
    #banVideo{width: 100%;height: 100%;object-fit: cover;}
    /*page*/
    .banner-page .pic{min-height: 255px;}
    .banner-page .pic:after{padding-bottom: 38.958%;}
    .banner-page .content{padding-top: 100px;}
    .banner-page .content h2{ font-size: 3.28vw; font-weight: 700;line-height: 1;}
    @media (max-width: 991px){
        .banner-page .content{padding-left: 15px;padding-right: 15px;padding-top: 50px;}
        .banner-page .content h2{font-size: 30px;}
    }
    @media (max-width: 767px){
        .banner-djs{margin-top: 78px;}
        .banner-page .content h2{font-size: 24px;}
    }
/*banner*/
/*index*/
    /*product*/
    .col-index-product{padding-top: 6.25%;padding-bottom: 6.25%;}
    .col-index-product .col-title{margin-bottom: 3.59vw;}
    .inproduct-tab{width: 100%; display: flex;justify-content: center; position: absolute;left: 0;bottom: 0;z-index: 4; }
    .inproduct-tab a{ min-width: 24.42vw;padding: 1.3vw; display: flex;align-items: center;justify-content: center; background: #f5f5f5; color: #3a3a3a; }
    .inproduct-tab a .pic{width: 5.88vw;min-width: 30px; height: 3.125vw;max-height: 60px;min-height: 30px;margin-right: 1.3vw;}
    .inproduct-tab a .pic img{left: auto;transition: 0.5s;}
    .inproduct-tab a .pic img.img2{opacity: 0;}
    .inproduct-tab a:hover,
    .inproduct-tab a.flex-active{ background: #c44f2a; color: #fff; }
    .inproduct-tab a:hover .pic img.img1,
    .inproduct-tab a.flex-active .pic img.img1{opacity: 0;}
    .inproduct-tab a:hover .pic img.img2,
    .inproduct-tab a.flex-active .pic img.img2{opacity: 1}
    .inproduct-sildes .pic:after{padding-bottom: 40.25%;}
    .inproduct-sildes .content{ width: 80%;max-width: 800px; position: absolute;top: 0; line-height: 2; color: #fff; }
    .inproduct-sildes .content h3{ margin-bottom: 1.45vw; }
    .inproduct-sildes .content h3 span{display: block;margin-top: 0.7vw;}
    .inproduct-sildes .content .col-more{margin-top: 2.34vw;}
    .inproduct-sildes .content .col-more a{ border-color: #fff;color: #fff; }
    .inproduct-sildes .contentl{padding: 7vw 0 0 7.8vw;left: 0;}
    .inproduct-sildes .contentr{padding: 5vw 7.8vw 0 4vw;right: 0;}
    /*about*/
    .col-index-about{padding-top: 6.25%;padding-bottom: 6.25%;}
    .col-index-about .flex{align-items: center;}
    .col-index-about .inabVideo{ padding: 0; }
    .col-index-about .inabVideo .pic{box-shadow: 0 0 87px 10px rgba(0,0,0,.27); }
    .col-index-about .inabVideo .pic:after{padding-bottom: 72%;}
    .col-index-about .col-title{color: #fff;}
    .col-index-about .col-more{margin-top: 5vw;}
    .col-index-about .col-more a{border-color: #fff;color: #fff;}
    .col-index-about .content{padding: 0;padding-left: 5.2vw; color: #fff;}
    .col-index-about .content .con{margin-top: 2.6vw; line-height: 2;}
    /*index video*/
    .col-index-video{padding-top: 6.25%;padding-bottom: 1.875%; color: #393939;}
    .col-index-video .col-title{margin-bottom: 1.92vw;}
    .col-index-video .flex{align-items: center;}
    .col-index-video .inVideo{ padding: 0; }
    .col-index-video .inVideo .pic{background: #fff; }
    .col-index-video .inVideo .pic:after{padding-bottom: 61.125%;}
    .col-index-video .col-more{margin-top: 4vw;}
    .col-index-video .content{padding: 0;padding-right: 6vw; }
    .col-index-video .content .con{line-height: 2;}
    .col-index-video .content .con .tit{margin-bottom: 1.5vw; line-height: 1.5; font-weight: 700; }
    .col-index-video .list{margin-top: 6.25vw;}
    .col-index-video .list .title{margin-bottom: 3.54vw; line-height: 1;}
    .col-index-video .list .swiper-slide{width: 24.27vw;}
    .col-index-video .swiper-button .swiper-button-prev,
    .col-index-video .swiper-button .swiper-button-next{margin: 0 6px;margin-top: 2.5vw;}
    /*index contact*/
    .col-index-contact{padding-top: 4.89%;padding-bottom: 5.83%;}
    .col-index-contact .bgtop{width: 100%;position: absolute;left: 0;top:-1px;}
    .col-index-contact .container{padding-top: 5.88vw;}
    .col-index-contact .mapsenix{margin-bottom: -10px;}
    .col-index-contact .inmap{height: 100%; padding: 0;position: absolute;left: 0;top: 0;}
    .col-index-contact .incontact{ padding: 2.5vw 4vw 3.54vw; background: #fff;color: #3a3a3a; }
    .col-index-contact .incontact .con{padding-top: 1.45vw;}
    .col-index-contact .incontact .con ul li{margin-top: 0.7vw; line-height: 25px; }
    .col-index-contact .incontact .con ul li img{margin-right: 0.6vw; position: relative;top: -1px; }
    .col-index-contact .incontact .social{margin-top: 3vw;}
    .col-index-contact .incontact .social ul li{float: left;margin-top: 0.5vw; margin-right: 0.5vw;}
    .col-index-contact .incontact .social ul li img{width: 38px;border-radius: 50%;background: #d8d8d8;transition: 0.5s;}
    .col-index-contact .incontact .social ul li:hover img{background: #c44f2a;}
    .col-index-contact .incontact img.icon-senix{width: 14.94vw;max-width: 287vw; position: absolute;right: -1.35vw;bottom: -3.48vw;}
    /*news*/
    .col-index-news{padding-top: 6.25%;padding-bottom: 6.25%;}
    .col-index-news .flex{align-items: center;justify-content: space-between;}
    .col-index-news .swiper-button .swiper-button-next{margin-left: 0.625vw;}
    .col-index-news .swiper-news{margin-top: 4.53vw;}
/*index*/
/*page news*/
    .col-subnav-news{ border-bottom: 1px solid #ddd; }
    .col-subnav-news .container{padding: 1.3vw 0; align-items: center;}
    .col-subnav-news a{color: #222; }
    .col-subnav-news a:hover,
    .col-subnav-news a.active{ color: #c44f2a; }
    .col-subnav-news span{ display: inline-block;height: 24px;margin:0 3.38vw;border-left:1px solid #ddd;}
    .col-page-news{ padding-top: 6%;padding-bottom: 6%; }
    .col-page-news .news ul{margin: 0 -0.78vw;margin-top: -3vw; flex-wrap: wrap;}
    .col-page-news .news li{padding: 0 0.78vw; margin-top: 3vw;}
    /*newshow*/
    .newshow .newshowtit {
      text-align: center;
      border-bottom: 1px dotted #bfbebe;
    }
    .newshow .newshowtit h1 {line-height: 1.3;color: #222; }
    .newshow .newshowtit .date {
      line-height:1.8;padding: 22px 0;
      font-size: 12px;
      color: #999;
    }
    .newshow .newshowtxt{margin:30px 0;}
    .newshow .newshowtxt p {
      line-height: 1.8;
    }
    .newshow .newshowimg {
      text-align: center;
      margin: 65px 0;
    }
    .prev-next {
      float: left;
      margin-top: 10px;
    }
    .prev-next a {
      display: block;
      color: #999;
      line-height: 25px;
      transition: 0.3s;
    }
    .prev-next a b {
      color: #666;
    }
    .prev-next a:hover {
      color: #da3b15;
    }
    .prev-next a.prev {
      border-bottom: 1px dashed #d4d4d4;
    }
/*page news*/
/*page about*/
    .col-page-about{padding-top: 7.29%;}
    .col-page-about .col-title{max-width: 30%;}
    .col-page-about .content{width: 65%; line-height: 2;color: #1f1f1f;}
    .col-page-about .abVideo{padding: 0 3.22%;margin-top: 7.29%;}
    .col-page-about .abVideo .pic a{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); line-height: 1;color: #fff;}
    .col-page-about .abVideo .pic a span{align-items: center;}
    .col-page-about .abVideo .pic a i{margin-right: 2.18vw; font-size: 3.4375vw;}
    .col-page-about .abVideo .pic a:hover{color: #c44f2a;}
    .col-about-why{ padding-top: 8%; }
    .col-about-why .list{margin-top: 8vw;padding-bottom: 8vw;}
    .col-about-why .list:before{content: '';width: 2px;height: calc(100% - 8vw);background: #f5f5f5;position: absolute;left: 50%;margin-left: -1px;top: 0;}
    .col-about-why .list .bg{width: 100vw;height: 100%;position: absolute;left: 50%;top: 0;margin-left: -50vw;z-index: -1;}
    .col-about-why .why{margin: 0 -4vw;margin-bottom: 8vw;}
    .col-about-why .why .pic{padding: 0 4vw;}
    .col-about-why .why .content{padding: 1.5vw 4vw 0; line-height: 1.8; color: #1f1f1f;}
    .col-about-why .why .content .title{margin-bottom: 1.82vw; line-height: 1.3; }
    .col-about-why .why .content .title span{display: block;margin-bottom: 0.52vw;position: relative; line-height: 0.8;font-family: Arial;font-weight: bold; font-size: 5.625vw;color: rgba(31,31,31,0.1);}
    .col-about-why .why .content .title .dian{width: 11px;height: 11px;border-radius: 50%;background: #c44f2a;position: absolute;top: 50%;margin-top: -5.5px;}
    .col-about-why .why.odd .content .title .dian{left: -4vw;margin-left: -5px;}
    .col-about-why .why.even{flex-direction: row-reverse;}
    .col-about-why .why.even .content{text-align: right;}
    .col-about-why .why.even .content .title .dian{right: -4vw;margin-right: -6px;}
    .col-about-why .why:last-child{margin-bottom: 0;}
/*page about*/
/*page product*/
    .col-page-product{padding-top: 5.8%;padding-bottom: 5.8%;}
    .col-page-productL{width: 23.75%;padding-right: 3.38vw; color: #1f1f1f;}
    .proSear{margin-top: 15px; position: relative; overflow:hidden;}
    .proSear input{width:100%;height: 47px; padding:0 50px 0 20px;border-radius: 24px; background:#efefef;border:0;color: #222;outline: none;transition: 0.5s;}
    .proSear a#head_search{display:block;position:absolute;right: 20px;top:0;color: #c44f2a;cursor:pointer;text-align:center;height: 47px; line-height:47px;}
    .proSear a#head_search i{font-size: 22px;font-weight: bold;}
    .proColumn{/*margin-top: 2.5vw;*/}
    .proColumn .list a{color: #1f1f1f;}
    .proColumn .list a:hover{color: #c44f2a;}
    .proColumn .list ul{padding-top: 8px;}
    .proColumn .list li{ margin-top: 1vw; }
    .proColumn .list li .mt{ margin-top: 1vw;display: none; }
    .proColumn .list li .tit{ font-weight: bold; }
    .proColumn .list li .tit a{display: block;padding: 0.57vw 1vw;padding-right: 48px; line-height: 25px; background: #efefef;border-radius: 24px;}
    .proColumn .list li .tit .more{width: 15px;height: 15px;position: absolute;right: 16px;top: 50%;margin-top: -7.5px;}
    .proColumn .list li .tit .more span{display: block;position: absolute;background: #c44f2a;transition: 0.5s;}
    .proColumn .list li .tit .more span.span1{width: 15px;height: 2px;left: 0;top: 50%;margin-top: -1px;}
    .proColumn .list li .tit .more span.span2{width: 2px;height: 15px;left: 50%;top: 0;margin-left: -1px;}
    .proColumn .list li .tit a .more.on span.span2{transform: rotate(90deg);}
    .proColumn .list li .tit2{padding: 6px 1vw;margin-bottom: 10px; line-height: 25px; font-weight: bold; border-bottom: 1px solid #efefef;}
    .proColumn .list li .p{padding: 0 1vw;padding-right: 48px;margin-bottom: 7px; position: relative; line-height: 25px;}
    .proColumn .list li .p .more{display: block; width: 23px;height: 23px;background: #efefef;border-radius: 50%;position: absolute;right: 15px;top: 1px;}
    .proColumn .list li .p .more img{position: absolute;left: 5px;top: 1px;transition: 0.5s;opacity: 0;}
    .proColumn .list li .p a:hover .more img,
    .proColumn .list li .p.on a .more img{opacity: 1;}
    .proColumn .list li.active .mt{ display: block; }
    .proColumn .list li.active .tit a{ color: #c44f2a; }
    .col-page-productR{width: 76.25%;}
    .col-page-productR .col-title{margin-bottom: 2.86vw;}
    .pro ul{margin: 0 -0.83vw;margin-top: -1.66vw; flex-wrap: wrap;}
    .pro li{padding: 0 0.83vw;margin-top: 1.66vw;}
    .proProblem{margin-top: 5vw;}
    .proContact{padding: 3.64vw;padding-bottom: 2.6vw;margin-top: 5vw; border-radius: 0.88vw; color: #fff; }
    .proContact .desc1{max-width: 60%; line-height: 1.8; }
    .proContact .desc2{max-width: 60%; margin-top: 8vw; }
    .proContact .desc2 .email{ font-family: 'Arial'; color: #c44f2a; }
    .proContact .desc2 .tit{margin-top: 0.78vw; line-height: 1.2; }
    .proContact .col-more{position: absolute;right: 3.64vw;bottom: 2.6vw;}
    .proContact .col-more a{ border-color: #fff;color: #fff; }
    /*proshow*/
    .col-prodet{padding-top: 4.42%;padding-bottom: 6%;}
    .col-prodet .back a{ color: #b2b2b2; }
    .col-prodet .back a i{margin-left: 1vw; color: #c44f2a;}
    .col-prodet .back a:hover{ color: #c44f2a; }
    .product-detail .images{width: 40%;max-width: 559px;margin-top: 3.54vw;}
    .product-detail .images .pic:after{padding-bottom: 100%;}
    .product-detail .images .pic img{max-width: 90%;max-height: 90%;}
    .swiper-container-product{  position: relative;  overflow: hidden;}
    .swiper-container-product-phone{ position: relative;  overflow: hidden;text-align:center;}
    .jqueryzoom{
      /*height: 500px;*/
      width: 100%;
      overflow: hidden;
      border:1px solid #ddd;
    }
    .jqueryzoom .cloudzoom{
      /*height: 100%;*/
      /*margin:0 auto;*/
      text-align: center;
    }
    .product-thumb{  padding:0px 40px;  position: relative;  margin-top: 1.82vw;}
    /*.product-thumb .swiper-slide{  height:120px;border:1px solid #ebebeb;}*/
    .product-thumb .cloudzoom-gallery{  cursor: pointer; border:1px solid #ddd; /*height: 100%;*/}
    .product-thumb .cloudzoom-gallery-active{ border-color: #3f5669; }
    .product-detail-prev{display: flex;align-items: center; height: 100%; position: absolute;left: 0;color:#000000;padding:6px 8px;top:0; font-size: 20px;outline: none;z-index: 2;background: #f5f5f5;}
    .product-detail-next{display: flex;align-items: center;height: 100%; position: absolute; right: 0; color:#000000; padding:6px 8px; top:0;font-size: 20px;outline: none;z-index: 2;background: #f5f5f5;}
    .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;background: #fff;}
    /* 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(../image/blank.png);}
    /* The animated ajax loading image */
    .cloudzoom-ajax-loader {
        /*background-image: url(ajax-loader.gif);*/
        width: 32px;    height: 32px;
    }
    .product-detail .content{width: 57%;padding-left: 4vw;margin-top: 3.54vw; color: #1f1f1f;}
    .product-detail .content .title p{line-height: 1; color: #c44f2a;}
    .product-detail .content .title h1{ margin-top: 1vw; }
    .product-detail .content .cont{margin-top: 1.3vw; padding-top: 2.34vw; border-top: 1px solid #ddd; line-height: 1.8; }
    .product-detail .button{margin-top: 3.64vw;}
    .product-detail .button .col-more{float: left;}
    .product-detail .button .col-more a{ border:0;background: #f0f0f0;border-radius: 25px; }
    .product-detail .button .col-more a:hover{background: #c44f2a;}
    .product-detail .button .col-more a span i{font-size: 20px;}
    .product-detail .button .col-more a span i.gou{font-size: 24px;margin-left: 0;margin-right: 0.8vw;}
    .product-detail .button .mall{padding-bottom: 1vw;margin-right: 4.42vw;}
    .product-detail .button .mall .drop{display: none; width: 100%;padding: 15px 0; position: absolute;left: 0; top: 100%;background: #f6f6f6;border-radius: 25px;}
    .product-detail .button .mall .drop a{padding: 7px 0;display: block; min-width: auto; border:0;background: none;border-radius: 0; }
    .product-detail .button .mall .drop a img{height: 25px;}
    .product-detail .button .mall:hover a.malla{background: #c44f2a;color: #fff;}
    .product-detail .button .mall:hover .drop{display: block;}
    .product-content{padding-top: 6%;padding-bottom: 6%;margin-top: 6%; background: #f8f8f8; color: #1f1f1f; }
    .product-content .content {padding: 2.6vw 3vw;margin-top: 2.5vw; background: #fff;font-weight: 600;}
    .product-content .content table{width: 100%;}
    .product-content .content table tr td{padding: 0.7vw 0;padding-left: 6vw; }
    .product-content .content table tr td:first-child{width: 36%; font-weight: 700;}
    .product-content .content table tr:nth-child(odd) td{ background: #f6f6f6;}
    .product-tuijian,
    .product-inquiry{margin-top: 6%; color: #1f1f1f; }
    .product-tuijian .title{align-items: center;justify-content: space-between;flex-wrap: wrap;}
    .product-tuijian .title h3{max-width: 62%;line-height: 1.2;}
    .product-tuijian .swiper-button .swiper-button-next{margin-left: 1vw;}
    .product-tuijian .swiper-button .swiper-button-prev:after,
    .product-tuijian .swiper-button .swiper-button-next:after{content: '\e636';width: 8.48vw;max-width: 163px;min-width: auto;height: auto;max-height: none;min-height: auto; padding: 0.78vw 20px;border:2px solid #adadad;border-radius: 28px;background: none; line-height: 22px;color: #adadad;}
    .product-tuijian .swiper-button .swiper-button-prev:hover:after,
    .product-tuijian .swiper-button .swiper-button-next:hover:after{background: #c44f2a;border-color: #c44f2a;color: #fff;}
    .product-tuijian .swiper-tuijian{margin-top: 5vw;}
    .product-inquiry .message{margin-top: 4.68vw;}
/*page product*/
/*page support*/
    .col-page-support{ padding-top: 5.7%;padding-bottom: 5.7%; }
    .support-right{width: 24%;padding-left: 3.64vw;}
    .support-right li{margin-bottom: 14px;}
    .support-right li a{padding: 7px 2.5vw; align-items: center; border-radius: 24px; color: #222;}
    .support-right li a span{display: block;max-width: 60%;}
    .support-right li .pic{width: 33px;margin-right: 1vw;}
    .support-right li .pic:after{padding-bottom: 100%;}
    .support-right li .pic img{ transition: 0.5s; }
    .support-right li .pic img.img2{opacity: 0;}
    .support-right li a:hover,
    .support-right li a.on{ background: #efefef; }
    .support-right li a.on .pic img.img1{opacity: 0;}
    .support-right li a.on .pic img.img2{opacity: 1}
    .support-left{width: 76%;}
    /*problem*/
    .col-page-faq .faqs-list{padding-top: 1.927vw;}
    /*page video*/
    .col-page-video .col-videos{margin-top: 2vw;}
    .col-page-video .col-videos ul{margin: 0 -0.57vw;margin-top: -1.4vw; flex-wrap: wrap;}
    .col-page-video .col-videos li{padding: 0 0.57vw;margin-top: 1.4vw;}
    .col-page-video .video-top{padding: 1.4vw;margin-bottom: 3.64vw; flex-wrap: wrap;align-items: center;background: #f2f2f2;border-radius: 14px; }
    .col-page-video .video-top .pic{width: 38%;}
    .col-page-video .video-top .pic:after{padding-bottom: 71.945%;}
    .col-page-video .video-top .col-title{width: 62%;padding-left: 6vw;}
    /*page download*/
    .download li{margin-bottom: 3.38vw;}
    .download li .pic{padding: 1.45vw 2.29vw 3.54vw;}
    .download li .tips img{height: 24px;}
    .download li .title{max-width: 216px;margin-left: 2.86vw;margin-top: 3.54vw; line-height: 1.3; color: #fff;}
    .download li .more{margin-left: 2.86vw;margin-top: 2.6vw;}
    .download li .more a{display: inline-block;padding-bottom: 0.52vw; border-bottom: 1px solid rgba(255,255,255,0.33);color: #fff;}
    .download li .more a span{align-items: center;line-height: 1;}
    .download li .more a i{margin-left: 3vw; position: relative;top: -1px; }
    .download li .more a:hover{color: #c44f2a;border-color: #c44f2a;}
    .download li:last-child{margin-bottom: 0;}
    /*sale*/
    .col-page-sale .title{line-height: 1.3;color: #c44f2a;}
    .col-page-sale .sale-img{margin-top: 2.29vw;}
    .sale-term{margin-top: 5vw; line-height: 1.8; }
    .sale-term .content{ margin-top: 2.34vw; }
    .sale-term-tab{margin-top: 2.86vw;}
    .sale-term-tab a{ display: block;float: left; min-width: 7.39vw;margin:0.78vw 0.78vw 0 0; padding: 0.57vw 1.45vw; line-height: 25px;border-radius: 24px; background: #f2f2f2;text-align: center; color: #1f1f1f; }
    .sale-term-tab a:hover,
    .sale-term-tab a.flex-active{ background: #c44f2a;color: #fff; }
    .sale-term-sildes{margin-top: 3.64vw;}
    .sale-down{margin-top: 4.5vw;}
    .sale-down .lists{ margin-top: 4.5vw; }
    .sale-down .list{flex-wrap: wrap;padding: 1vw 0;margin-top: -1px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
    .sale-down .list .pic{width: 25.57%; background: #f8f8f8; }
    .sale-down .list .pic:after{padding-bottom: 70.83%;}
    .sale-down .list .con{width: 74.43%;padding-left: 5vw; align-items: center;}
    .sale-down .list .con .panel{width: 100%;}
    .sale-down .list .con .tit{color: #1f1f1f;}
    .sale-down .list .con ul{ margin: 0 -2.5vw;margin-top: 1vw; flex-wrap: wrap;}
    .sale-down .list .con li{ padding: 0 2.5vw;margin-top: 1vw; }
    .sale-down .list .con li a{ display: block;position: relative;color: #9c9c9c; }
    .sale-down .list .con li a p{padding:0 40px; line-height: 25px;}
    .sale-down .list .con li a img{position: absolute;left: 0;top: 0;}
    .sale-down .list .con li a i{position: absolute;right: 0;top: 0;line-height: 25px;}
    .sale-down .list .con li a:hover{color: #c44f2a;}
/*page support*/
/*page buy*/
    .col-page-buy{padding-top: 6%;}
    .col-page-buy .proSear{max-width: 480px;margin: 0 auto;}
    .col-page-buy .proSear a#head_search{color: #c8c8c8;}
    .col-page-buy .proSear a#head_search i{font-size: 20px;font-weight: normal;}
    .col-page-buy .desc{margin-top: 3vw; line-height: 1.8; }
    .col-page-buy .desc h2{margin-bottom: 2.34vw; font-weight: 700;color: #1f1f1f; }
    .col-page-buy .title{padding: 0.85vw 2.86vw; line-height: 25px; background: #222;border-radius: 1vw; font-weight: 700;color: #fff;}
    .buy-mall{margin-top: 5vw;}
    .buy-mall .cont{margin-top: 3vw;}
    .buy-mall .cont ul{text-align: center;}
    .buy-mall .cont ul li{display: inline-block;padding: 0 1.71vw;}
    .buy-mall .cont ul li img{width: 18.125vw;max-width: 348px;min-width: 120px;}
    .buy-jxs{margin-top: 5vw;}
    .buy-jxs .map{margin-top: 3.59vw; height: 23.56vw;max-height: 487px;min-height: 240px; background: #ddd; border-radius: 26px;overflow: hidden; }
    .buy-jxs .map-list{margin-top: 2.34vw;}
    .buy-jxs .map-list li{width: 100%;margin-right: 3vw;position: relative;}
    .buy-jxs .map-list li a{display: block;padding: 0.67vw 20px;}
    .buy-jxs .map-list li a span{color: #c44f2a;transition: 0.5s;}
    .buy-jxs .map-list li a.tit{ padding-right: 60px;line-height: 26px; position: relative;background: #f1f1f1;border-radius: 26px;z-index: 1; }
    .buy-jxs .map-list li a.tit img{position: absolute;right: 20px;top: 0.67vw;}
    .buy-jxs .map-list li div{display: none;width: 100%;padding-bottom: 26px; margin-bottom: -26px; position: absolute;left: 0;bottom: 100%;background: #f1f1f1;border-top-right-radius: 24px;border-top-left-radius: 24px;
        animation-duration: 0.6s;   
        -webkit-animation-duration: 0.6s;}
    .buy-jxs .map-list li div p a{ line-height: 22px;border-radius: 24px; }
    .buy-jxs .map-list li div p a:hover{background: #c44f2a;color: #fff;}
    .buy-jxs .map-list li div p a:hover span{color: #fff;}
    .buy-jxs .map-list li:hover{z-index: 2;}
    .buy-jxs .map-list li:last-child{margin: 0;}
    .col-buy-product{padding-top: 7%;}
    .col-buy-product .content{ max-width: 1040px;margin: 0 auto;margin-top: 3vw; line-height: 1.8; }
    .col-buy-product .list{margin-top: 5vw; overflow: hidden;}
    .col-buy-product .list .all{position: absolute;right: 17px;top: 10px;}
    .col-buy-product .list .all a{display: inline-block;width: 129px;height: 40px;line-height: 40px;background: #c44f2a;border-radius: 20px;text-align: center; color: #fff;}
    .col-buy-product .list .all a i{margin-left: 20px;}
    .buy-product-tab{padding: 10px; background: #222;border-radius: 30px; }
    .buy-product-tab a{display: inline-block;padding: 0 3vw; line-height: 40px;  border-radius: 20px;font-size: 0;}
    .buy-product-tab a:hover,
    .buy-product-tab a.flex-active{background: #c44f2a;}
    .buy-product-sildes{margin-top: 3.59vw;}
    .buy-product-sildes .swiper-button{overflow: visible;}
    .buy-product-sildes .swiper-button .swiper-button-prev,
    .buy-product-sildes .swiper-button .swiper-button-next{position: absolute;left: auto;right: 160px;top: auto;bottom: 100%; margin: 0;margin-bottom: calc(3.59vw + 10px);}
    .buy-product-sildes .swiper-button .swiper-button-prev:after,
    .buy-product-sildes .swiper-button .swiper-button-next:after{width: 40px;height: 40px;min-width: 40px;min-height: 40px;background: #fff;}
    .buy-product-sildes .swiper-button .swiper-button-prev:hover:after,
    .buy-product-sildes .swiper-button .swiper-button-next:hover:after{background: #c44f2a;}
    .buy-product-sildes .swiper-button .swiper-button-prev{margin-right: 5px; transform: translateX(-100%);}
    .col-buy-message{padding-top: 6%;padding-bottom: 6%;}
    .col-buy-message .content{ max-width: 1040px;margin: 0 auto;margin-top: 1.45vw; line-height: 1.8; }
    .col-buy-message .message{margin-top: 4vw;}
/*page buy*/
/*page contact*/
    .col-page-contact .contact{padding-bottom: 3vw;flex-wrap: wrap; border-bottom: 1px solid #efefef; }
    .col-page-contact .contact h2{line-height: 1.2;color: #1f1f1f;}
    .col-page-contact .contact .desc{padding: 0;padding-right: 3.64vw;border-right: 1px solid #efefef; line-height: 1.8; }
    .col-page-contact .contact .desc h2{margin-bottom: 3vw;}
    .col-page-contact .contact .info{padding: 0;padding-left: 3.64vw;}
    .col-page-contact .contact .info h2{margin-bottom: 1.82vw;}
    .col-page-contact .contact .info ul li{padding-left: 40px;margin-bottom: 1.5vw; position: relative; line-height: 25px;}
    .col-page-contact .contact .info ul li img{ position: absolute;left: 0;top: 0; }
    .col-page-contact .contact .info ul li:last-child{margin-bottom: 0;}
    .col-page-contact .contact-message{margin-top: 3vw;}
    .col-page-contact .contact-message #mess{position: absolute;left: 0;top: -7vw;}
    .col-page-contact .contact-message .message{margin-top: 2.86vw;}
    .col-page-contact .contactmap{margin-top: 5vw; border-radius: 23px;overflow: hidden;}
/*page contact*/

/*page*/
    .page { text-align: center;margin-top:4vw;}
    .page ul{margin:0;}
    .page li {  display: inline;}
    .page li a{
      border-radius: 0!important;
      background: #fff;
      padding: 8px 14px;
      margin: 0 3px;
      display: inline;
      margin-bottom:0px;
      color:#333;
      border:1px solid #ddd!important;
    }
    .page li a:hover,
    .page li.active a {
      background: #c44f2a!important;
      border: 1px solid #c44f2a!important;
      color: #fff;
    }
    .page li.bgnone a{
      background: none;
    }
    .page li.bgnone a:hover {
      color: #2d2e66;
    }
    @media (max-width: 991px) {
        .page{margin-top: 40px;}
        .page li a{  padding: 4px 10px;}
    }
/*page*/
/*other*/
    #gotoTop{
        display: none;
        z-index: 299;
        position: fixed;
        width: 40px;
        height: 40px;
        background-color: rgba(0,0,0,0.3);
        font-size: 20px;
        line-height: 36px;
        text-align: center;
        color: #fff;
        top: auto;
        left: auto;
        right: 30px;
        bottom: 50px;
        cursor: pointer;
        border-radius: 2px;
        transition: 0.5s;
    }
    #gotoTop:hover{
        background-color: #c44f2a;color: #fff;
    }
    .customer-service{
        z-index: 299;
        position: fixed;
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        color: #FFF;
        top: auto;
        left: auto;
        right: 30px;
        bottom: 90px;
    }
    .customer-service li{
        width: 40px;
        height: 40px;
        background-color: #333;
        background-color: rgba(0,0,0,0.3);
        cursor: pointer;
        border-radius: 2px;
        margin-bottom: 10px;
    }
    .customer-service li a{
        color: #FFF;
    }
    .customer-service li:hover{
        background-color: #0fbbbe !important;
    }
/*other*/
/*站内搜索*/
    .goomay-keywords-light{ background: #00c1c0 !important; color:#ffffff !important;}
    #search{ padding-top:5%;padding-bottom:5%;min-height: 500px; overflow:hidden }
    .search_left{ border: 1px solid #d6d6d6; padding-top:5px;  padding-bottom:5px; }
    .s_head{ border-bottom: 1px solid #d6d6d6; height: 50px;  }
    .s_head h2{ line-height: 50px;  }
    .s_body ul{ margin-top: 10px; margin-left: 10px;margin-right: 10px;  }
    .s_body ul span{display: block;color: #333;line-height: 40px;}
    .s_body ul input,
    .s_body ul select{
        height: 35px;
        width: 100%;
        line-height: 35px;
        border: 1px solid #e6e6e6;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .s_body .sub input{
        height: 35px;
        line-height: 35px;
        background: #575757;
        border: 0;
        font-weight: bold;
        color: #fff;
        transition: 0.3s;
        text-align: center;
        padding-left: 0px;
    }
    .search_right{ padding-left: 40px;padding-right: 0;  }
    .search_right .no-result{
        text-align: center;
        color:#d80808;
        margin-top:50px;
    }
    .search-result-title{
        font-weight: 600;
        color: #333;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
    }
    .entry-image { float: left;width: 120px;margin: 0 20px 0 0;}
    .entry-c{ position: relative;  overflow: hidden; }
    .search-result-info{  padding:5px 0;  }
    .search-result-info li{  display: inline-block;  }
    .search_right em{ color: #004cff;  }
    .search_right .search-result{  margin-left:25px; }
    .product_title a{ color: #d80808; text-decoration: underline; }
    .search_right .search-li{ border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; padding-bottom: 10px;}
    .search_right li{ overflow: hidden;  }
    .search-result-info li:before{
        content: '/';
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        opacity: 0.5
    }
    .search-result-info li:first-child:before { display: none; }
    .product_list{ padding-bottom: 15px; border-bottom: 1px solid #d6d6d6; margin-bottom: 15px;  }
    .product_img{ float: left; }
    .product_img img{ border-radius: 50%;  }
    .product_img img:hover{  width: 90px; height: 90px;  }
    .product_body{  float: left; margin-left: 20px; margin-top: 10px;  }
    .product_title{ margin-bottom: 20px;  }
    .se_news{  float: right; width: 79%;  }
    .news ul li .se_news a {color:#d80808;text-decoration: underline;display: inline-block;height: 22px;overflow: hidden; transition: 0.3s;  }
    .search_right .news .date em{ color: #fff;}
    @media (max-width: 991px){
        #search{padding-top: 55px;padding-bottom: 55px; }
        .search_right{padding-left:15px;}
    }
    @media (max-width: 767px){
        .search_right{padding-left:0;margin-top:40px;}
        .entry-image{float: none;width: 100%;max-width: 300px;margin-bottom: 10px;}
    }
/*站内搜索*/
@media (max-width: 1400px){}
/*手机版菜单*/
@media screen and (max-width: 991px)  {
    header h1{max-width: none;width: 150px; height: 55px;}
    header h1 img{max-height: 80%;}
    .head-top{padding: 0 15px;border:0;}
    .head-top .flex{height: 55px;line-height: 55px;}
    #header a.mm_btn {background: center center no-repeat ;display: block;width: 55px;height: 55px;position: absolute;top:0;right: -15px; padding: 12.5px; }
    #header .mm_btn .menu_bar {width: 30px;height: 30px; 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: 30px;height: 30px;}
    #header .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;
    }
    #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-menu_offcanvas{left: auto!important;}
    .mm-menu{right: 0!important;}
    .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
    .mm-slideout{z-index: 10!important;}
    .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{
      -webkit-transform: translate(-80vw,0)!important;
      -ms-transform: translate(-80vw,0)!important;
      transform: translate(-80vw,0)!important;
      -webkit-transform: translate3d(-80vw,0,0)!important;
      transform: translate3d(-80vw,0,0)!important;
      /*transform: translate3d(80vw,0,0)!important;*/
    }
    .mm-wrapper_opened .mm-menu_fx-menu-slide {
      -webkit-transform: translate(0,0)!important;
      -ms-transform: translate(0,0)!important;
      transform: translate(0,0)!important;
      -webkit-transform: translate3d(0,0,0)!important;
      transform: translate3d(0,0,0)!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;}
}
@media (min-width: 550px){
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
      -webkit-transform: translate(-440px,0)!important;
      -ms-transform: translate(-440px,0)!important;
      transform: translate(-440px,0)!important;
      -webkit-transform: translate3d(-440px,0,0)!important;
      transform: translate3d(-440px,0,0)!important;
    }
}
@media (max-width: 991px){
/*common*/
    .col-title .tips{ margin-bottom: 5px; }
    .col-title img.titimg{margin-top: 14px; }
    .col-more a{min-width: 120px; padding: 5px 18px;}
    .col-more a span i{font-size: 20px;}
    /*swiper button*/
    .swiper-button .swiper-button-prev:after,
    .swiper-button .swiper-button-next:after{font-size: 14px;}
    /*video*/
    .col-videos .pic .text{padding: 0 10px;bottom: 13px;}
    .col-videos .pic .text img{margin-right: 6px;}
    /*news*/
    .news .date{margin-top: 15px;}
    .news .date span{margin-right: 2vw;}
    .news a.tit{margin-top: 7px;}
    /*product*/
    .pro .panel{padding: 13px;border-radius: 8px;}
    .pro .top img{height: 16px;}
    .pro .pic{margin-top: 13px;}
    .pro .text{margin-top: 13px;}
    .pro .text a.tit{margin-top: 7px;}
    .pro .text .more{margin-top: 10px;}
    .pro .text .more a span i{margin-left: 2vw;}
    /*problem*/
    .faqs-list .content li{margin-top: 8px;}
    .faqs-list .content li .title{padding: 10px 15px;padding-right: 40px;}
    .faqs-list .content li .title .more{right: 15px;}
    .faqs-list .content li .text{padding: 18px 25px;}
    /*message*/
    .message ul{ margin: 0 -1vw; }
    .message li{ padding: 0 1vw;margin-bottom: 15px; }
    .message li p{margin-bottom: 7px;}
    .message li input,
    .message li textarea{border-radius: 19px;}
    .message li input{ height: 38px;padding: 0 15px; line-height: 36px; }
    .message li textarea{padding: 10px 15px; }
/*common*/
/*footer*/
    .col-bottom{padding-top: 10px;padding-bottom: 20px;}
    .col-bottom .flex{flex-wrap: wrap;}
    .col-bottom a{margin-top: 10px;}
    .col-bottom a img{margin-right: 8px;}
    .footerCon{padding: 35px 0;flex-wrap: wrap;}
    .footerCon h3{line-height: 25px;}
    .footerCon .logo{ width: 100%;max-width: none; margin-right: 0;}
    .footerCon .logo img{max-width: 120px;}
    .footerCon .info {width: 100%; max-width: none;margin-right: 0;margin-top: 15px;}
    .footerCon .info .contact{margin-bottom: 5px;padding-top: 10px; line-height: 25px;}
    .footerCon .share{width: 100%;margin-top: 15px;}
    .footerCon .lists a{margin-right: 10px;}
    .footerMid{margin-top: 45px;}
    .footerMid h4{margin-bottom: 15px; }
    .footerMess{width: 100%;max-width: none;}
    .footerMess ul{margin: 8px 0;}
    .footerMess ul li input{height: 40px;padding-left: 20px;padding-right: 120px;}
    .footerMess ul li.verification img{top: 3px;right: 3px;}
    .footerMess ul li.submit{width: 100px;}
    .copy{padding: 13px 0;margin-top: 45px;}
    .copy p{width: 100%;}
    .copy .otherinfo{width: 100%;}
    .copy .otherinfo a{margin-right: 20px;}
    .copy .otherinfo a:not(:last-child)::after{right: -10px;}
/*footer*/
/*index*/
    /*product*/
    .col-index-product{padding-top: 55px;padding-bottom: 55px;}
    .col-index-product .col-title{margin-bottom: 30px;}
    .inproduct-tab a{ min-width: 120px;padding: 1vw; }
    .inproduct-tab a .pic{margin-right: 1vw;}
    .inproduct-sildes .pic{min-height: 335px;}
    .inproduct-sildes .content{ width: 100%;max-width: none;}
    .inproduct-sildes .content h3{ margin-bottom: 1.45vw; }
    .inproduct-sildes .content h3 span{margin-top: 7px;}
    .inproduct-sildes .content .col-more{margin-top: 2.34vw;}
    .inproduct-sildes .contentl{padding: 7vw 5vw 0 5vw;}
    .inproduct-sildes .contentr{padding: 5vw 5vw 0 5vw;}
    /*about*/
    .col-index-about{padding-top: 60px;padding-bottom: 60px;}
    .col-index-about .flex{flex-wrap: wrap;}
    .col-index-about .inabVideo{ padding: 0; }
    .col-index-about .inabVideo .pic{box-shadow: 0 0 50px 10px rgba(0,0,0,.17); }
    .col-index-about .col-more{margin-top: 30px;}
    .col-index-about .content{padding: 0;margin-top: 50px;}
    .col-index-about .content .con{margin-top: 25px; line-height: 1.8;}
    /*index video*/
    .col-index-video{padding-top: 55px;padding-bottom: 20px;}
    .col-index-video .col-title{margin-bottom: 20px;}
    .col-index-video .flex{flex-wrap: wrap;}
    .col-index-video .col-more{margin-top: 30px;}
    .col-index-video .content{padding: 0;margin-bottom: 40px; }
    .col-index-video .content .con{line-height: 1.8;}
    .col-index-video .content .con .tit{margin-bottom: 15px;}
    .col-index-video .list{margin-top: 55px;}
    .col-index-video .list .title{margin-bottom: 30px;}
    .col-index-video .list .swiper-slide{width: auto;}
    .col-index-video .swiper-button .swiper-button-prev,
    .col-index-video .swiper-button .swiper-button-next{margin: 0 3px;margin-top: 25px;}
    /*index contact*/
    .col-index-contact{padding-top: 50px;padding-bottom: 55px;}
    .col-index-contact .container{padding-top: 55px;}
    .col-index-contact .inmap{position: static;height: 240px;}
    .col-index-contact .incontact{ padding: 5%; }
    .col-index-contact .incontact .con{padding-top: 14px;}
    .col-index-contact .incontact .con ul li{margin-top: 7px;}
    .col-index-contact .incontact .con ul li img{margin-right: 5px;}
    .col-index-contact .incontact .social{margin-top: 20px;}
    .col-index-contact .incontact .social ul li{margin-top: 5px; margin-right: 5px;}
    .col-index-contact .incontact .social ul li img{width: 30px;}
    /*news*/
    .col-index-news{padding-top: 55px;padding-bottom: 55px;}
    .col-index-news .swiper-button .swiper-button-next{margin-left: 5px;}
    .col-index-news .swiper-news{margin-top: 45px;}
/*index*/
/*page news*/
    .col-page-news{ padding-top: 55px;padding-bottom: 55px; }
    .col-page-news .news ul{margin: 0 -7px;margin-top: -30px;}
    .col-page-news .news li{padding: 0 7px; margin-top: 30px;}
/*page news*/
/*page about*/
    .col-page-about{padding-top: 60px;}
    .col-page-about .col-title{max-width: 100%;}
    .col-page-about .content{width: 100%;margin-top: 30px; line-height: 1.8;}
    .col-page-about .abVideo{padding: 0 3.22%;margin-top: 60px;}
    .col-page-about .abVideo .pic a{font-size: 16px;}
    .col-page-about .abVideo .pic a i{margin-right: 2vw; font-size: 24px;}
    .col-about-why{ padding-top: 60px; }
    .col-about-why .list{margin-top: 55px;padding-bottom: 55px;}
    .col-about-why .list:before{display: none;}
    .col-about-why .why{margin-bottom: 55px;flex-wrap: wrap;}
    .col-about-why .why .content{padding-top: 15px;}
    .col-about-why .why .content .title{margin-bottom: 15px;}
    .col-about-why .why .content .title span{margin-bottom: 5px; font-size: 48px;}
    .col-about-why .why .content .title .dian{display: none;}
    .col-about-why .why.even .content{text-align: left;}
/*page about*/
/*page product*/
    .col-page-product{padding-top: 58px;padding-bottom: 58px;}
    .col-page-productR{width: 100%;}
    .col-page-productR .col-title{margin-bottom: 28px;}
    .pro ul{margin: 0 -7px;margin-top: -16px;}
    .pro li{padding: 0 7px;margin-top: 16px;}
    .proProblem{margin-top: 50px;}
    .proContact{padding: 8%;padding-bottom: 20px;margin-top: 50px; border-radius: 8px;}
    .proContact .desc2 .tit{margin-top: 7px;}
    .proContact .col-more{right: 8%;bottom: 20px;}
    /*proshow*/
    .col-prodet{padding-top: 45px;padding-bottom: 55px;}
    .col-prodet .back{text-align: left;}
    .col-prodet .back a i{margin-left: 10px;}
    .product-detail .images{width: 100%;max-width: none;margin-top: 35px;}
    .pro_show_phone{border:1px solid #ddd;}
    .pro_show_phone .pic{max-height: 500px;}
    .pro_show_phone .product-thumb{padding: 0; margin-top: 0;}
    .product-detail-prev,
    .product-detail-next{height: auto;top: 50%;margin-top: -16px;background: none;}
    .product-detail .content{width: 100%;padding-left: 0;margin-top: 35px;}
    .product-detail .content .title h1{ margin-top: 10px; }
    .product-detail .content .cont{margin-top: 13px; padding-top: 23px;}
    .product-detail .button{margin-top: 30px;}
    .product-detail .button .col-more a span i{font-size: 18px;}
    .product-detail .button .col-more a span i.gou{font-size: 22px;}
    .product-detail .button .mall{padding-bottom: 10px;margin-right: 2vw;}
    .product-detail .button .mall .drop{border-radius: 20px;}
    .product-detail .button .mall .drop a{padding: 5px 0;}
    .product-content{padding-top: 55px;padding-bottom: 55px;margin-top: 55px;}
    .product-content .content {padding: 5%;margin-top: 25px;}
    .product-content .content table tr td{padding: 6px 0;padding-left: 4vw; }
    .product-tuijian,
    .product-inquiry{margin-top: 55px;}
    .product-tuijian .swiper-button .swiper-button-prev:after,
    .product-tuijian .swiper-button .swiper-button-next:after{padding: 4px 20px;border:1px solid #adadad;}
    .product-tuijian .swiper-tuijian{margin-top: 50px;}
    .product-inquiry .message{margin-top: 45px;}
/*page product*/
/*page support*/
    .col-page-support{ padding-top: 55px;padding-bottom: 55px; }
    .support-left{width: 100%;}
    /*problem*/
    .col-page-faq .faqs-list{padding-top: 20px;}
    /*page video*/
    .col-page-video .col-videos{margin-top: 20px;}
    .col-page-video .col-videos ul{margin: 0 -5px;margin-top: -14px;}
    .col-page-video .col-videos li{padding: 0 5px;margin-top: 14px;}
    .col-page-video .video-top{padding: 14px;margin-bottom: 35px;border-radius: 10px; }
    /*page download*/
    .download li{margin-bottom: 30px;}
    .download li .pic{padding: 15px 20px 35px;}
    .download li .tips img{height: 20px;}
    .download li .title{margin-top: 35px;}
    .download li .more{margin-top: 25px;}
    .download li .more a{padding-bottom: 5px;}
    /*sale*/
    .col-page-sale .sale-img{margin-top: 22px;}
    .sale-term{margin-top: 50px;}
    .sale-term .content{ margin-top: 23px; }
    .sale-term-tab{margin-top: 28px;}
    .sale-term-tab a{margin:5px 5px 0 0; padding: 5px 15px;}
    .sale-term-sildes{margin-top: 35px;}
    .sale-down{margin-top: 45px;}
    .sale-down .lists{ margin-top: 45px; }
    .sale-down .list{padding: 10px 0;}
    .sale-down .list .con ul{ margin: 0 -2vw;margin-top: 10px;}
    .sale-down .list .con li{ padding: 0 2vw;margin-top: 10px;}
    .sale-down .list .con li a p{padding:0 28px;}
    .sale-down .list .con li a img{top: 2px;height: 20px;}
/*page support*/
/*page buy*/
    .col-page-buy{padding-top: 55px;}
    .col-page-buy .proSear input{height: 38px;}
    .col-page-buy .proSear a#head_search{height: 38px;line-height: 38px;}
    .col-page-buy .proSear a#head_search i{font-size: 18px;}
    .col-page-buy .desc{margin-top: 30px;}
    .col-page-buy .desc h2{margin-bottom: 20px;}
    .col-page-buy .title{padding: 7px 15px;border-radius: 10px;}
    .buy-mall{margin-top: 50px;}
    .buy-mall .cont{margin-top: 30px;}
    .buy-mall .cont ul li{padding: 0 1vw;}
    .buy-jxs{margin-top: 50px;}
    .buy-jxs .map{margin-top: 35px; border-radius: 13px;}
    .buy-jxs .map-list{margin-top: 23px;}
    .buy-jxs .map-list li a{padding: 6px 20px;}
    .buy-jxs .map-list li a.tit img{height: 20px; top: 9px;}
    .col-buy-product{padding-top: 70px;}
    .col-buy-product .content{ margin-top: 30px;}
    .col-buy-product .list{margin-top: 50px;}
    .col-buy-product .list .all{right: 10px;}
    .buy-product-tab a{padding: 0 2vw;}
    .buy-product-sildes{margin-top: 35px;}
    .buy-product-sildes .swiper-button .swiper-button-prev,
    .buy-product-sildes .swiper-button .swiper-button-next{right: 150px;margin-bottom: 45px;}
    .col-buy-message{padding-top: 60px;padding-bottom: 60px;}
    .col-buy-message .content{margin-top: 14px;}
    .col-buy-message .message{margin-top: 40px;}
/*page buy*/
/*page contact*/
    .col-page-contact .contact{padding-bottom: 30px;}
    .col-page-contact .contact .desc{padding: 0;padding-bottom: 30px; border-right: 0;border-bottom: 1px solid #efefef;}
    .col-page-contact .contact .desc h2{margin-bottom: 30px;}
    .col-page-contact .contact .info{padding: 0;margin-top: 30px;}
    .col-page-contact .contact .info h2{margin-bottom: 20px;}
    .col-page-contact .contact .info ul li{padding-left: 30px;margin-bottom: 15px;}
    .col-page-contact .contact-message{margin-top: 30px;}
    .col-page-contact .contact-message #mess{top: -70px;}
    .col-page-contact .contact-message .message{margin-top: 28px;}
    .col-page-contact .contactmap{margin-top: 50px; border-radius: 10px;}
/*page contact*/
}
@media (max-width: 767px){
    .col-djs{height: auto;padding: 5px 15px; flex-wrap: wrap;line-height: 35px;}
    .col-djs .gift{width: 100%; }
    .col-djs .discount{width: 100%;}
    .col-djs img{height: 20px;}

    .proContact .desc1{max-width: 100%;}
    .proContact .desc2{max-width: 100%; margin-top: 50px; }
    .proContact .col-more{position: static;margin-top: 20px;}

    .col-page-video .video-top .pic{width: 100%;}
    .col-page-video .video-top .col-title{width: 100%;padding-left: 0;margin-top: 14px;}

    .sale-down .list .pic{width: 100%;max-height: 220px;}
    .sale-down .list .con{width: 100%;padding-left: 0;margin-top: 15px;}

    .buy-jxs .map-list ul{flex-wrap: wrap;}
    .buy-jxs .map-list li{margin-right: 0;margin-bottom: 15px;}
    .col-buy-product .list .all{margin-bottom: 15px; position: static;text-align: center;}
    .buy-product-tab a{line-height: 30px;}
    .buy-product-sildes .swiper-button .swiper-button-prev,
    .buy-product-sildes .swiper-button .swiper-button-next{top: 50%;bottom: auto;margin: 0;margin-top: -20px;}
    .buy-product-sildes .swiper-button .swiper-button-prev{right: auto;left: 10px;top: 50%;transform:none;}
    .buy-product-sildes .swiper-button .swiper-button-next{right: 10px; }
}
@media (max-width: 500px){
    .col-page-video .col-videos li{width: 100%;}
    .sale-down .list .con li{width: 100%;}
}
@media (max-width: 400px){
    .col-page-news .news li{width: 100%;}
    .col-page-product .pro li{width: 100%;}
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #cdcdcd;}
input:-moz-placeholder,textarea:-moz-placeholder {color:#cdcdcd;}
input::-moz-placeholder,textarea::-moz-placeholder {color:#cdcdcd;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#cdcdcd;}
.headerSear input::-webkit-input-placeholder{color: #ddd;}
.headerSear input:-moz-placeholder{color:#ddd;}
.headerSear input::-moz-placeholder{color:#ddd;}
.headerSear input:-ms-input-placeholder{color:#ddd;}
.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;}
.f38{font-size: 1.979vw;}
.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;}
.f53{font-size: 2.76vw;}
.f54{font-size: 2.8125vw;}
.f56{font-size: 2.916vw;}
.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.85vw;}
    .f36{font-size: 1.9vw;}
    .f38{font-size: 2vw;}
    .f40{font-size: 2.1vw;}
    .f42{font-size: 2.15vw;}
    .f44{font-size: 2.2vw;}
}
@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.95vw;}
    .f36{font-size: 2vw;}
}
@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;}
}
@media (max-width: 991px) {
    .f17{font-size: 14px;}
    .f18{font-size: 14px;}
    .f20{font-size: 15px;}
    .f22{font-size: 16px;}
    .f24{font-size: 16px;}
    .f26{font-size: 18px;}
    .f28{font-size: 19px;}
    .f30{font-size: 20px;}
    .f32{font-size: 21px;}
    .f34{font-size: 21px;}
    .f36{font-size: 22px;}
    .f38{font-size: 22.5px;}
    .f40{font-size: 23px;}
    .f42{font-size: 23.5px;}
    .f44{font-size: 24px;}
    .f48{font-size: 24.5px;}
    .f50{font-size: 25px;}
    .f53{font-size: 25px;}
    .f54{font-size: 25.2px;}
    .f56{font-size: 25.3px;}
    .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;}
}
@media (max-width: 468px) {
    .f20{font-size: 14px;}
    .f22{font-size: 15px;}
    .f24{font-size: 15px;}
    .f26{font-size: 16.5px;}
    .f28{font-size: 16.6px;}
    .f30{font-size: 16.7px;}
    .f32{font-size: 16.8px;}
    .f34{font-size: 16.9px;}
    .f36{font-size: 17px;}
    .f38{font-size: 17.5px;}
    .f40{font-size: 18px;}
    .f42{font-size: 18.1px;}
    .f44{font-size: 18.2px;}
    .f48{font-size: 18.8px;}
    .f50{font-size: 19px;}
    .f53{font-size: 20px;}
    .f54{font-size: 20px;}
    .f56{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;}
}