/*
首页模块命名规范：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
备注：上面所说的模块不是指系统后台模块，是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。
*/
@charset "utf-8";
.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(../fonts/HelveticaInserat.ttf);
}
@font-face {
    font-family: 'FuturistCondensed';
    src: url('../fonts/FuturistCondensed Regular.TTF');/* IE9*/
    src: url('../fonts/FuturistCondensed Regular.TTF') format('embedded-opentype'), /* IE6-IE8 */
    /*url('../fonts/FuturistCondensed Regular.woff') format('woff'), *//* chrome、firefox */
    url('../fonts/FuturistCondensed Regular.TTF') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/FuturistCondensed Regular.svg#iconfont') format('svg');/* iOS 4.1- */
}
@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: 'iconfont';  /* Project id 1502878 */
  src: url('//at.alicdn.com/t/c/font_1502878_zfwoy4oixyi.woff2?t=1741746641995') format('woff2'),
       url('//at.alicdn.com/t/c/font_1502878_zfwoy4oixyi.woff?t=1741746641995') format('woff'),
       url('//at.alicdn.com/t/c/font_1502878_zfwoy4oixyi.ttf?t=1741746641995') format('truetype');
}
@font-face {
    font-family: 'iconfont1';  /* Project id 1502878 */
    src: url('//at.alicdn.com/t/font_1502878_vzyvufcq4gp.woff2?t=1654164469634') format('woff2'),
       url('//at.alicdn.com/t/font_1502878_vzyvufcq4gp.woff?t=1654164469634') format('woff'),
       url('//at.alicdn.com/t/font_1502878_vzyvufcq4gp.ttf?t=1654164469634') format('truetype');
}
.iconfont1{font-size:12px;font-style:normal;-webkit-font-smoothing:antialiased;font-family:'iconfont1';}
body {
    font-family: '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: #e60012; 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: 1440px;padding: 0;}
.pic { position: relative; overflow: hidden;}
.pic:after { content: ""; display: block;}
.picBig img{width: 100%; transition: 0.5s;}
.picBig:hover img{transform: scale(1.05);}
.padding{padding-left: 5.5%;padding-right: 5.5%;}
.panel{margin:0;border:0;border-radius: 0;box-shadow: none;}
.bold{font-weight: bold;}
.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-more .a{display: inline-block;padding: 7px;color: #1a1a1a; background: #fff; border-radius: 20px;transition: 0.5s;}
    .col-more .a .flex{align-items: center;}
    .col-more .a span{display: block;padding: 0 1vw; font-weight: bold;}
    .col-more .a i{display: block;width: 27px;height: 27px;text-align: center;color: #fff; line-height: 27px; background: #44687d;border-radius: 50%;}
    /*.col-more .a:hover{color: #fff; background: #e60012;}*/
    .col-title{ color: #141414; }
    .col-title h3{ line-height: 1.2; }
    .col-title hr{width: 2.7vw;max-width: 52px;min-width: 26px;margin: 0;margin-top: 10px; border-top: 2px solid #e60012; }
    .col-title.text-center hr{margin-left: auto;margin-right: auto;}
    .col-title hr.w40{width: 2.08vw;max-width: 40px;min-width: 20px;}
    /*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: #e60012;}
/*common*/
/*header*/
    .headTop{height: 25px;background: #111;position: relative;z-index: 1001;}
    .headTop .container{width: 94%;max-width: 1750px;padding: 0 15px; overflow-x: hidden;}
    .headTop a{font-size: 12px; color: #fff;}
    .headTop a.topbutton{display: flex;line-height: 25px;align-items: center;}
    .headTop a.topbutton i{font-size: 14px;}
    .headTop a.topbutton span{display: inline-block;padding-left: 10px;}
    .headTop a.topbutton.active{color: #fff; background: #222;}

    #page{padding-top: 0px; overflow: hidden;}
    header{width:100%;position: relative; left: 0; top: 0; z-index:1001;}
    header h1{margin:0; padding: 0;font-size: 0;line-height: 90px;}
    header .container{position: relative;width: 94%;max-width: 1750px;padding: 0 15px;}
    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{width: 100%; position: relative;background: #fff;transition: 0.5s; }
    .head:after{content: '';width: 100%;position: absolute;left: 0;bottom: 0;border-top: 1px solid #e2e2e2;}
    .head.on{position: fixed;left: 0;top:0; }
    .headSear{height: 90px; line-height: 90px; overflow: hidden;}
    .headSear a{margin-left: 1vw;color: #363636;}
    .headSear i{font-size: 16px;font-weight: bold;}
    .headSear a:hover{color: #e60012;}
    .nav{ text-align: center; }
    .nav li.li{display: inline-block;margin: 0 2.55vw; line-height: 90px;}
    .nav li.li a.a{display: inline-block;position: relative;z-index: 2; color: #363636;}
    .nav li.li a.a span{display: block;position: absolute;left: 0;bottom: 0;width: 0;border-top: 2px solid #e60012;transition: 0.5s;opacity: 0;}
    .nav li.li.active a.a span,
    .nav li.li:hover a.a span{width: 100%;opacity: 1;}
    /*下拉*/
    .dropColumn{display: none; width: 100vw;position: absolute;left: 50%;margin-left: -50vw;text-align: left;line-height: 1.8;  background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.15);z-index: 1;
        animation-duration: 0.6s;   
        -webkit-animation-duration: 0.6s;
    }
    .dropColumn h4{color: #141414; line-height: 1;}
    .dropColumn h4 a{color: #141414;}
    .dropColumn h4 a:hover{color: #e60012;}
    .dropColumn .column{padding: 2.86vw 0;}
    .dropColumn .column h4{padding-left: 12px;margin-bottom: 3vw;  border-left: 4px solid #e60012; }
    .dropColumn .column ul.column_img{display: flex;flex-wrap: wrap; margin: 0 -1.5vw;}
    .dropColumn .column ul.column_img li{width: 50%;padding: 0 1.5vw;margin-bottom: 2.86vw; line-height: 1;}
    .dropColumn .column ul.txt{margin: 0 -1.5vw;flex-wrap: wrap;text-align: center;}
    .dropColumn .column ul.txt li{width: 25%;padding: 0 1.5vw;margin-bottom: 4vw; float: left;line-height: 1.33;}
    .dropColumn .column ul.txt li .pic{height: 2.65vw;max-height: 51px;min-height: 30px;margin-bottom: 1.5vw;}
    .dropColumn .column ul.txt li a{color: #141414;}
    .dropColumn .column ul.txt li a:hover{color: #e60012;}
    .dropColumn .column1{width: 29.42%;padding-right:3.43vw;}
    .dropColumn .column2{width: 43.37%;padding-left:3.43vw;padding-right: 3.43vw; border-left: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;}
    .dropColumn .column3{width: 27.21%;padding-left:3.43vw;display: flex;align-items: center;}
    .dropColumn-about .container{max-width: 1095px;}
    .dropColumn-about .row{margin: 0 -1.43vw;}
    .dropColumn-about .column-about{padding: 35px 1.43vw; }
    .dropColumn-about .column-about h4{padding-bottom: 1vw; border-bottom: 1px solid #ddd; }
    .dropColumn-about .column-about ul{margin: 0 -1vw;padding-top: 1vw;}
    .dropColumn-about .column-about ul li{display: block;padding: 0 1vw;margin-bottom: 0.78vw; line-height: 1.33; }
    .dropColumn-about .column-about ul li a{color: #141414;}
    .dropColumn-about .column-about ul li a:hover{color: #e60012;}
    .dropColumn-about .column-about1 ul li{width: 33.33%;float: left;}
    /*.dropColumn-other{text-align: center;}
    .dropColumn-other .column-about{min-width: 300px; display: inline-block;text-align: left;}*/
/*header*/
/*footer*/
    .footer-f2{background: #f2f2f2;}
    .footerCon{padding: 2.5vw 0 1.4vw; border-bottom: 2px solid #e60012;}
    .footerCon .tel{font-family: "gilroy";color: #363640;font-weight: 500;line-height: 1;text-align: right;}
    .footerCon .tel span{display: block;margin-bottom: 5px; color: #26262a;font-weight: 600;}
    .footerNav{ margin-top: 2.6vw; }
    .footerNav li h4{ line-height: 1.3; }
    .footerNav li h4 a{ color: #26262a; }
    .footerNav li div{margin-top: 1vw;}
    .footerNav li div p{ line-height: 1.8; }
    .footerNav li div p a{ color: #686868; }
    .footerNav li a:hover{color: #e60012;}
    .links{padding: 0.88vw 0;margin-top: 0.72vw;}
    .links a{margin-left: 2.86vw;position: relative; color: #343434;}
    .links a img{margin-right: 0.52vw;}
    .links a span{display: none; width: 120px;height: 120px; position: absolute;left: 50%;bottom: 100%;margin-left: -60px;margin-bottom: 15px;}
    .links a span img{margin: 0;}
    .links a:hover{color: #e60012;}
    .links a:hover span{display: block;}
    .copyright{padding-top: 1.56vw;padding-bottom: 1.3vw;  border-top: 1px solid #f1f1f1; }
    .copyright .title{ align-items: center;line-height: 30px; color: #26262a; }
    .copyright .title img{position: relative;top: -2px;margin-right: 0.46vw;}
    .copyright .title a{color: #26262a;}
    .copyright .title a:hover{color: #e60012;}
    .copyright p{margin-top: 1vw; color: #131313;line-height: 1.8;}
    .copyright p span{padding: 0 0.677vw; color: #bbb;position: relative;top: -1px;}
    .copyright p a{color: #131313;}
    .copyright p a:hover{color: #e60012;}
    .social span{display: inline-block;margin-left: 0.83vw;}
    .social span i{line-height: 30px;}
    .social span a{color: #2f2f2f;}
    .social span a:hover{color: #e60012;}
    .social span.weixin {position: relative;}
    .social span.weixin em{display: none;width:130px;height:130px; position: absolute;left: 50%;margin-left: -65px;top:-140px;}
    .social span.weixin:hover em{display: block;}
/*footer*/
/*subnav*/
    .col-subnav{min-height: 55px;}
    .subnav{width: 100%; color: #141414; line-height: 54px;background: #fff;border-bottom: 1px solid #e2e2e2; z-index: 10;transition: 0.5s; }
    .subnav span{padding: 0 2.29vw;}
    .subnav a{color: #141414;}
    .subnav a:hover,
    .subnav a.on{color: #e60012;}
    .subnav.on{position: fixed;left: 0;top: 90px;}
    /*product*/
    .col-subnav-product .subnav{padding-top: 1vw;padding-bottom: 1vw; background: #f1f3f5;border:0;line-height: 1.66; }
    .col-subnav-product .subnav span{display: inline-block;}
    .col-subnav-product .subnav .pic{height: 2.55vw;max-height: 49px;min-height: 25px;margin-bottom: 10px;}
/*subnav*/
/*banner*/
    .banner {width: 100%; position: relative;background: #ccc;z-index: 7;}
    .bannerbg{width:100%;position: absolute;left: 0;top: 0;z-index: 2; }
    .banner .swiper-slide{width: 100%; background-size: cover;background-position: center;position: relative;}
    .banner .swiper-slide .content{width: 100%;position: absolute;left: 0;top:0;height: 100%;display: flex;align-items: center;color: #fff;}
    /*index*/
    .banner-index .swiper-slide .pic{min-height: 300px;}
    .banner-index .swiper-slide .pic:after{padding-bottom: 35.9375%;}
    .banner-index .swiper-slide .content .panel{ width: 100%;max-width: 440px; background: none;}
    .banner-index .swiper-slide .content h2{ font-weight: bold;line-height: 1.182; }
    .banner-index .swiper-slide .content hr{ margin: 1vw 0 0.78vw; border-color: rgba(255,255,255,0.25); }
    .banner-index .swiper-slide .content p{line-height: 2;}
    .banner-index .swiper-banner .button{width: 100%;position: absolute;left: 0;bottom: 4.94vw;z-index: 1;}
    .banner-index .swiper-banner .swiper-pagination{position: static;text-align: left;}
    .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet {width:10px;height:10px;margin:0;margin-right: 4px; background:#fff;border-radius: 5px;transition: 0.5s; opacity: 1;outline: none;}
    .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet-active{width: 17px; background:#e60012;}
    /*page*/
    .banner-page .swiper-slide .pic:after{padding-bottom: 33.385%;}
    .banner-page .swiper-slide .content h2{text-shadow: 0.707px 0.707px 1px rgba( 0, 0, 0,0.3 );}
    .banner-page .swiper-slide .content .con{max-width: 500px;margin: 0 auto;margin-top: 0.7vw;}
    .banner-page .swiper-slide .content p{line-height: 1.5;text-shadow: 0.707px 0.707px 1px rgba( 0, 0, 0,0.3 );}
    .banner-page .swiper-slide .content p.p1{letter-spacing: 0.78vw;}
    .banner-page1 .swiper-slide .pic:after{padding-bottom: 44.583%;}
    .banner-page1 .swiper-slide .content .con{max-width: none;margin-top: 1.3vw;}
    .banner-page-20 .swiper-slide .pic:after{padding-bottom: 38.85%;}
    .banner-page-7 .swiper-slide .content .con{max-width: 425px;}
    .banner-page-6 .swiper-slide .content .con,
    .banner-page-20 .swiper-slide .content .con,
    .banner-page-40 .swiper-slide .content .con,
    .banner-page-50 .swiper-slide .content .con{max-width: none;}
    @media (max-width: 991px) {
        .banner-index .swiper-slide .content hr{ margin: 10px 0 7px;}
        .banner-index .swiper-slide .content p{line-height: 1.8;}
        /*page*/
        .banner-page .swiper-slide .content .con{margin-top: 7px;}
    }
/*banner*/
/*index*/
    /*about*/
    .col-index-about{padding-top: 6%;}
    .index-about{margin-top: 3.9vw; flex-wrap: wrap;}
    .index-about .content{ width: 56%;padding: 6vw 0; color: #fff; }
    .index-about .content .panel{width: 80%;max-width: 636px;padding-right: 1.45vw;background: none;}
    .index-about .content h3{margin-bottom: 1vw;}
    .index-about .content p{ line-height: 1.8; }
    .index-about .content .col-more{margin-top: 1.45vw;}
    .index-about .content .col-more .a i{ background: #e60012;}
    .index-about .pic{width: 44%;background: #e60012;}
    /*product*/
    .index-product{margin-top: 3.54vw;}
    .index-product ul{margin: 0 -0.65vw;flex-wrap: wrap;}
    .index-product li{padding: 0 0.65vw;}
    .index-product li a{color: #fff;}
    .index-product li .pic:after{padding-bottom: 97.867%;}
    .index-product li .text{width: 100%;padding: 1.5vw 2vw; position: absolute;left: 0;bottom: 0; line-height: 1.66;}
    .index-product li .text span{display: block;margin-top: 4px; font-weight: bold;line-height: 1.3;}
    .index-product li hr{margin: 0;margin-top: 1vw;border-top: 2px solid #e60012;}
    /*garden*/
    .col-index-garden{ padding-top: 5.52%;padding-bottom: 5.52%; }
    .col-index-garden .col-title h3 img{width: 54.79%;}
    .col-index-garden .pic{background: #ddd;}
    .col-index-garden .pic:after{padding-bottom: 49.06%;}
    .col-index-garden .text{width: 100%;padding: 2vw 2.5vw; position: absolute;left: 0;bottom: 0;color: #fff; line-height: 1.33;}
    .col-index-garden .text span{display: block;font-weight: bold;}
    .col-index-garden .text hr{width: 6.56vw;max-width: 126px;min-width: 65px;margin:0;margin-top: 0.7vw; border-top: 2px solid #44687d;}
    .col-index-garden .idea-series{ margin: 0 -0.7vw;margin-top: 4.63vw;flex-wrap: wrap; }
    .col-index-garden .idea{ width: 66.5%;padding: 0 0.7vw; }
    .col-index-garden .series{ width: 33.5%;padding: 0 0.7vw; }
    .col-index-garden .series .pic{ height: 100%;background: #ccc; }
    .col-index-garden .series .text{width: auto;max-width: 100%; left: 50%; bottom: auto;top: 50%;transform: translate(-50%,-50%);white-space: nowrap;}
    .col-index-garden .series .col-more{margin-top: 1.35vw;}
    .col-index-garden .list{margin-top: 1.927vw;}
    .col-index-garden .list ul{margin: 0 -5px;flex-wrap: wrap;}
    .col-index-garden .list li{padding: 0 5px;}
    .col-index-garden .list li .pic:after{padding-bottom: 132.3%;}
    .col-index-garden .list li .text hr{width: 5.2vw;max-width: 100px;min-width: 50px;}
    /*news*/
    .col-index-news{padding-top: 4%;padding-bottom: 4%; background: #f9f9f9; }
    .col-index-news .col-title{margin-bottom: 3.64vw;}
    .col-index-news .tips{padding: 6px 20px; position: absolute;left: 0;top: 0;z-index: 2;color: #fff;background: rgba(0,0,0,0.4);}
    .col-index-news .flex{flex-wrap: wrap;}
    .col-index-news .row{margin: 0 -0.78vw;}
    .col-index-news .item{padding: 0 0.78vw;}
    .col-index-news .item a{display: block;height: 100%; position: relative; background: #f2f2f2; overflow: hidden;transition: 0s;}
    .col-index-news .item .pic:after{padding-bottom: 66.666%;}
    .col-index-news .item .pic img{width: 100%;transition: 0.5s;}
    .col-index-news .item .txt{ padding: 1.45vw 2.34vw; }
    .col-index-news .item h4{ color: #181818; line-height: 1.5; }
    .col-index-news .item .address{margin-top: 0.52vw; color: #3a3a3a; }
    .col-index-news .item .address span{display: inline-block; height: 25px;margin-right: 0.78vw; line-height: 25px;}
    .col-index-news .item .address i{margin-right: 8px; font-size: 20px;line-height: 1;position: relative;top: 1px;}
    .col-index-news .item p{margin-top: 1vw; color: #666;line-height: 1.66;}
    .col-index-news .item a:hover{background: #efefef;}
    .col-index-news .item a:hover .pic img{transform: scale(1.05);}
    .col-index-news .list{padding: 0 0.78vw;}
    .col-index-news .list .panel{height: 100%;padding-top: 33px; background: #f2f2f2;}
    .col-index-news .list ul{padding: 0.2vw 1vw 1.7vw;}
    .col-index-news .list li{margin-top: 1.3vw;}
    .col-index-news .list li a{color: #181818;}
    .col-index-news .list li a:hover{color: #e60012;}
    .col-index-news .list li h4{margin-bottom: 4px; line-height: 1.6;}
    .col-index-news .button{margin-top: 2.6vw;}
    .col-index-news .button a{display: inline-block;min-width: 8.75vw;padding: 0.46vw 20px;margin: 0 1vw; color: #181818;line-height: 20px; border: 1px solid #8a8a8a;border-radius: 5px;}
    .col-index-news .button a:hover{border-color: #e60012;}
/*index*/
/*page service*/
    .col-page-service{padding-top: 6%;padding-bottom: 6%;}
    .col-page-service .list{margin-top: 3vw;}
    .col-page-service .list .panel{width: 100%;margin-right: 1.927vw;padding: 2vw; box-shadow: 3.536px 3.536px 15px 4px rgba( 0, 0, 0,0.06 );}
    .col-page-service .list .panel .pic img{height: 3.33vw;max-height: 64px;min-height: 34px;}
    .col-page-service .list .panel h3{margin-top: 1.14vw;margin-bottom: 2vw; color: #212121;line-height: 1.3;}
    .col-page-service .list .panel p{color: #454545;line-height: 1.7;}
    .col-page-service .list .panel a.more{display: inline-block;margin-top: 1.8vw; color: #454545;text-decoration: underline;}
    .col-page-service .list .panel a.more:hover{color: #e60012;}
    .col-page-service .down-search{margin-top: 1.3vw;}
    .col-page-service .down-search input{width: 100%;height: 48px;padding: 0 15px; margin-bottom: 27px; line-height: 46px; background: #fff;border-radius: 6px;border:1px solid #ccc;outline: none;}
    .col-page-service .down-search a{display: inline-block;min-width: 5.9375vw;max-width: 114px;height: 40px; padding: 0 20px;text-align: center; color: #fff;line-height: 40px; background: #0a0a0a;border-radius: 6px;}
    .col-page-service .company-service{ margin-top: 5vw;padding-top: 4vw; border-top: 1px solid #f1f1f1; }
    .col-page-service .company-service .content{margin-top: 4vw; color: #454545;line-height: 1.7; }
    .col-page-service .company-service .content table{width: 100%;}
    .col-page-service .company-service .content table td{width: 50%;}
    .col-page-service .company-service .content table td:first-child{padding-right: 2.86vw;}
    .col-page-service .company-service .content table td:last-child{padding-left: 2.86vw;}
    .col-page-service .company-service .content .more {margin-top: 3vw;}
    .col-page-service .company-service .content .more a{display: inline-block;min-width: 11.19vw;padding: 0.83vw 18px;line-height: 25px; text-align: center;color: #fff;background: #e60012;border-radius: 5px;}
    .col-page-service .company-service .content ul{margin-top: 3.48vw; display: flex;color: #212121;}
    .col-page-service .company-service .content ul li{width: 100%;margin-right: 1.19vw;padding: 1.5vw 0; display: flex;align-items: center; box-shadow: 3.536px 3.536px 15px 4px rgba( 0, 0, 0,0.06 );}
    .col-page-service .company-service .content ul li .img{width: 35%;padding:0 15px; text-align: center;}
    .col-page-service .company-service .content ul li .img img{height: 3.07vw;max-height: 59px;min-height: 30px;}
    .col-page-service .company-service .content ul li .txt{width: 65%;padding-right: 15px; font-weight: bold;}
    .col-page-service .company-service .content ul li:last-child{margin:0;}
    .col-service-join{ padding-top: 6%;padding-bottom: 6%;background: #fafafa; }
    .col-service-join .content{margin-top: 4.5vw;}
    .col-service-join .more{margin-top: 2.6vw;}
    .col-service-join .more a{display: inline-block;min-width: 8.125vw;padding: 0.52vw 18px;text-align: center;color: #fff;background: #e60012;line-height: 21px;}
/*page service*/
/*after service*/
    .col-after-service{padding-top: 6%;padding-bottom: 6%;}
    .col-after-service .content{margin-top: 3.64vw; color: #454545;}
    .col-after-service .content strong{ color: #1c1c1c; }
    .col-after-service .content p{ line-height: 1.8;}
    .col-after-service .content ul{margin-top: 8px;}
    .col-after-service .content ul li{padding-left: 19px; position: relative;line-height: 1.8;}
    .col-after-service .content ul li:before{content: '·';position: absolute;left: 0;top: 0;font-family: auto; font-weight: bold;color: #e60012;}
    .col-after-service .content table{width: 100%;margin-top: 1.45vw; text-align: center;}
    .col-after-service .content table tr:first-child{background: #f7f7f7;}
    .col-after-service .content table td{width: 50%;padding: 1vw; border:1px solid #b7b7b7;}
    .col-after-service .content .tel{margin-top: 0.7vw; font-family: "gilroy";font-weight: 600;line-height: 1;}
    .col-after-service .down{margin-top: 5.5vw;}
    .col-after-service .down .col-title{margin-bottom: 1.56vw;}
    .col-after-service .down .down-search{margin-top: 1.3vw;}
    .col-after-service .down .down-search input{width: 28.90vw;max-width: 555px;min-width: 280px;height: 48px;padding: 0 15px;margin-right: 0.46vw;margin-bottom: 10px; line-height: 46px; background: #fff;border-radius: 6px;border:1px solid #ccc;outline: none;}
    .col-after-service .down .down-search a{display: inline-block;min-width: 6.25vw;max-width: 120px;height: 48px; padding: 0 20px;text-align: center; color: #fff;line-height: 48px; background: #0a0a0a;border-radius: 6px;}
/*after service*/
/*company service*/
    .col-title hr.w40{width: 2.08vw;max-width: 40px;min-width: 20px;}
    .col-company-service-top{padding-top: 6%;padding-bottom: 6%;}
    .col-company-service-top .content{margin-top: 3vw; color: #454545;line-height: 1.77;}
    .col-company-service-top .content ul{display: flex;margin: 0 -1.97vw; color: #1c1c1c;}
    .col-company-service-top .content ul li{padding: 0 1.97vw;margin-top: 4vw; line-height: 1.5;}
    .col-company-service-top .content ul li img{margin-bottom: 1.2vw;}
    .col-company-service-mid{padding-top: 6%;padding-bottom: 6%; background: #f5f5f5;}
    .col-company-service-mid .content{margin-top: 0.78vw;}
    .col-company-service-mid .content ul{flex-wrap: wrap;margin: 0 -1.3vw;}
    .col-company-service-mid .content ul li{padding: 0 1.3vw;margin-top: 3vw;}
    .col-company-service-mid .content ul li .pic:after{padding-bottom: 56.56%;}
    .col-company-service-mid .content ul li .pic img{width: 100%;}
    .col-company-service-mid .content ul li .text{width: 100%;padding: 1vw 2vw; position: absolute;left: 0;bottom:0; background: rgba(25,25,25,0.5);color: #fff;}
    .col-company-service-mid .content ul li .text h4,
    .col-company-service-mid .content ul li .text p{width: 80%;max-width: 460px;}
    .col-company-service-mid .content ul li .text h4{margin-bottom: 8px; line-height: 1.3;}
    .col-company-service-mid .content ul li .text p{line-height: 1.5;}
    .col-company-service-mid .content ul li .text i{display: block;width: 30px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #e60012;border-radius: 50%;position: absolute;right: 2vw;top: 50%;margin-top: -15px;}
    .feedback ul{margin:0 -0.83vw;}
    .feedback ul li{padding: 0 0.83vw;margin-bottom: 1.66vw;}
    .feedback ul li input,
    .feedback ul li select,
    .feedback ul li textarea{ width: 100%; background: #fafafa;border:1px solid #ccc;outline: none;}
    .feedback ul li input,
    .feedback ul li select{padding:0 15px;height:48px;line-height: 46px;}
    .feedback ul li textarea{float: left;padding:12px 15px;height: 104px;}
    .feedback ul li.li3{width: 100%;}
    .feedback ul li.captcha input{width: 48%;max-width: 190px;min-width: 145px;}
    .feedback ul li.sub{margin:0;}
    .feedback ul li.sub input{width: 48%;max-width: 190px;min-width: 145px; background: #e60012;border-color: #e60012;color: #fff;}
    .col-company-service-bot{padding-top: 6%;padding-bottom: 6%; background: #fbfbfb;}
    .col-company-service-bot .content{margin-top: 1.3vw; color: #454545;line-height: 1.66; }
    .col-company-service-bot .feedback{margin-top: 2vw;}
/*company service*/
/*page about*/
    .col-page-about{padding-top: 6%;padding-bottom: 6%;}
    .col-page-about .content{ width: 72%; color: #454545;line-height: 1.8;}
    .col-page-about .about-video{margin-top: 4vw;}
    .col-page-about .about-video .pic{background: #000;}
    .col-page-about .about-video .pic:after{padding-bottom: 56.304%;}
    .col-page-about .about-video video{display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 100%;height: 100%;outline: none;}
    .col-page-about .about-video .bg{display: flex;align-items: center;justify-content: center; z-index: 2;background: rgba(0,0,0,0.15);}
    .col-page-about .about-video .bg a{display: flex;align-items: center;justify-content: center;width: 4.68vw;height: 4.68vw;max-width: 90px;max-height: 90px; border: 0.36vw solid #fff;background: rgba(247,247,247,0.38);border-radius: 50%;color: #e60012;}
    .col-page-about .about-video .bg a:hover{background: #e60012;border-color: #e60012;color: #fff;}
    /*history*/
    .col-about-history{padding-top: 6%;padding-bottom: 8%;}
    .col-about-history .list{height: 461px;margin-top: 5vw;}
    .col-about-history .list .swiper-slide{height: 461px;position: relative;}
    .col-about-history .list .panel{width: 200%; height: 164px;display: flex;align-items: center;background: none;}
    .col-about-history .list .panel .pic{width: 43.54%; max-height: 164px;padding: 4px;margin-right: 1vw; background: #fef4f5;border-radius: 6px; border: 2px solid #e93843; }
    .col-about-history .list .panel .pic img{width: 100%;}
    .col-about-history .list .panel .txt{width: 56.45%; max-height: 164px;padding-right: 5px; color: #141414;line-height: 1.7;overflow: auto; }
    .col-about-history .list .panel .txt::-webkit-scrollbar{width:5px;height:5px;}
    .col-about-history .list .panel .txt::-webkit-scrollbar-track-piece{background-color: #eeeeee;}
    .col-about-history .list .panel .txt::-webkit-scrollbar-thumb:vertical{height: 10px;background-color: #e60012;}
    .col-about-history .list .panel .txt::-webkit-scrollbar-thumb:horizontal{width: 10px;background-color: #eeeeee;}
    .col-about-history .list .panel .txt .date{margin-bottom: 8px; font-family: "Gilroy";font-weight: 600;line-height: 1;color: #e60012;}
    .col-about-history .list .his{width: 100%;position: absolute;left:0;top: 218px;}
    .col-about-history .list .his span{display: block;width: 2px;height: 54px;position: absolute;left:4%;bottom: 100%;background: #e60012; }
    .col-about-history .list .his img{display: block;width: 100%;}
    .col-about-history .list .even .panel{margin-top: 297px;}
    .col-about-history .list .even .his span{top: 100%;bottom: auto;}
    /*about advantage*/
    .col-about-advan{padding-top: 6%;padding-bottom: 6%;}
    .col-about-advan .col-title{position: absolute;left: 0;top: 0;}
    .col-about-advan .content{ width: 71.875%; line-height: 1.8;color: #454545; }
    .col-about-advan .content ul{width: 139.13%;margin-left: -39.13%;display: flex;flex-wrap: wrap; color: #141414;text-align: center;line-height: 1.6;}
    .col-about-advan .content ul li{width: 33.33%;padding: 1.3vw;margin-top: 5vw; border-right: 1px solid #ececec;}
    .col-about-advan .content ul li .data{margin-bottom: 1.56vw; font-family: 'Gilroy';font-weight: 600;font-size: 3.43vw;line-height: 0.8;color: #e60012;}
    .col-about-advan .content ul li:nth-child(4),
    .col-about-advan .content ul li:nth-child(5){width: 50%;}
    .col-about-advan .content ul li:nth-child(3),
    .col-about-advan .content ul li:nth-child(5){border: 0;}
    /*culture*/
    .col-about-culture{padding-top: 6%;padding-bottom: 6%; color: #fff; }
    .col-about-culture .col-title h3{color: #fff;}
    .col-about-culture .content{ line-height: 1.8; }
    .col-about-culture .content ul{display: flex;margin: 0 -5vw;}
    .col-about-culture .content ul li{width: 33.33%;padding: 0 5vw;margin-top: 2.86vw;}
    .col-about-culture .content ul li>*{max-width: 290px;margin-left: auto;margin-right: auto;}
    .col-about-culture .content ul li img{height: 2.86vw;max-height: 55px;min-height: 35px;}
    .col-about-culture .content ul li .tit{margin-top: 1.25vw; line-height: 1.28; }
    .col-about-culture .content ul li .desc{ line-height: 1.5; }
    .col-about-culture .content ul li hr{margin: 1vw auto 1.5vw; width: 2.81vw;max-width: 54px; min-width: 30px;border-top: 3px solid #e60012; }
    /*about honor*/
    .col-about-honor{padding-top: 6%;padding-bottom: 6%;}
    .col-about-honor .col-title hr{margin-top: 1.3vw;}
    .col-about-honor .content{margin-top: 1.3vw; line-height: 1.8;color: #454545; }
    .col-about-honor .list{margin-top: 2.6vw;}
    .col-about-honor .list .pic:after{padding-bottom: 70.22%;}
/*page about*/
/*page company advantage*/
    .col-page-advantage{padding-top: 6%;padding-bottom: 6%;}
    .col-page-advantage .col-title{margin-bottom: 1.25vw;}
    .col-page-advantage .col-title hr{width: 2.08vw;max-width: 40px;min-width: 20px;margin-top: 1vw; }
    .col-page-advantage .advan{ margin-bottom: 5.2vw; }
    .col-page-advantage .advan .content{width: 79.51%;align-items: center; background: #f8f8f8;}
    .col-page-advantage .advan .panel{ padding: 2.6vw;background: none; }
    .col-page-advantage .advan .panel p{color: #454545;line-height: 1.8;}
    .col-page-advantage .advan .picimg{width: 50%;position: relative;}
    .col-page-advantage .advan.odd{padding-bottom: 2.91vw;}
    .col-page-advantage .advan.odd .content{padding-right: 29.58%;}
    .col-page-advantage .advan.odd .picimg{margin-left: -29.58%;top: 2.91vw;}
    .col-page-advantage .advan.even{padding-top: 2.91vw;flex-direction: row-reverse;}
    .col-page-advantage .advan.even .content{padding-left: 29.58%;}
    .col-page-advantage .advan.even .picimg{margin-right: -29.58%;top: -2.91vw;}
    .col-page-advantage .advan:last-child{margin-bottom: 0;}
    .advan-tab{margin-top: 1.45vw; justify-content: space-between; }
    .advan-tab a{display: block;width: 25%;margin-right: 13px; padding: 0.52vw 15px;text-align: center; color: #141414;line-height: 23px; border-radius: 2px;background: #e5e5e5;}
    .advan-tab a:hover,
    .advan-tab a.flex-active{color: #fff;background: #e60012;font-weight: bold;}
    .advan-tab a:last-child{margin-right: 0;}
    .advan-tab-sildes{padding-top: 1vw;}
    .advan-tab-sildes p{position: relative;padding-left: 1.3vw;margin-top: 8px; line-height: 25px!important;}
    .advan-tab-sildes p:before{content: '';width: 7px;height: 7px;position: absolute;left: 0;top: 8px;border-radius: 50%;background: #e60012;}
    .swiper-advan .pic:after{padding-bottom: 72.56%;}
    .swiper-advan .pic img{width: 100%;}
/*page company advantage*/
/*page job*/
    .col-page-job{padding-top: 6%;padding-bottom: 6%;}
    .col-page-job .cate{ color: #141414;line-height: 25px; }
    .col-page-job .cate span{display: inline-block;padding: 0.46vw 0;margin-right: 1.5vw;margin-top: 2vw; border:1px solid #fff;}
    .col-page-job .cate a{display: inline-block;min-width: 7.29vw;padding: 0.46vw 18px;margin-right: 1.5vw;margin-top: 2vw;text-align: center; border:1px solid #fff;border-radius: 6px; color: #141414;}
    .col-page-job .cate a:hover,
    .col-page-job .cate a.active{color: #e60012;border-color: #e60012;}
    .col-page-job .cate a:last-child{margin-right: 0;}
    .job ul{margin-top: 2.86vw; border-top: 1px solid #ececec;}
    .job li{position: relative;padding-right: 110px; align-items: center; border-bottom: 1px solid #ececec;}
    .job li>div{width: 25%;padding: 1.3vw 15px;}
    .job li .title{ color: #222; }
    .job li .more{width: 110px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);text-align: center;padding: 0;}
    .job li .more a{color: #e60012;}
    .job li .more a i{margin-left: 10px;color: #777;}
    .col-job-help{padding-top: 2.5%;padding-bottom: 2.6%; background: #fafafa; color: #101010;}
    .col-job-help h3.tit{margin-bottom: 1.3vw; line-height: 1.3;}
    .col-job-help p{line-height: 1.6;}
    .col-job-help p.tel{margin-top: 1vw; font-family: 'gilroy';font-weight: 500;line-height: 1;color: #e60012; }
    .apply{ margin-top: 30px; }
    .apply a{display: block;width: 166px;height: 44px;text-align: center;line-height: 44px;background: #e60012;color: #fff;  }
    .apply a:hover{opacity: 0.8}
    /*jobform*/
    .jobform h3{color: #000;}
    .jobform {  width: 100%;max-width: 800px;margin: 0 auto;}
    .jobform ul{padding-top: 1.5vw;}
    .jobform ul li{margin-top: 13px;}
    .jobform ul li input {width: 100%;padding: 0 15px;line-height: 35px;border: 1px solid #e4e5e5;}
    .jobform ul li input[type="radio"],.jobform ul li input[type="checkbox"]{width: auto;}
    .jobform ul li select{width: 100%;height: 35px;border: 1px solid #e4e5e5;}
    .jobform ul li input:focus { border: 1px solid #e60012;}
    .jobform ul li textarea {width: 100%;padding:10px 15px;border: 1px solid #e4e5e5;height: 150px;float: left;}
    .jobform ul li textarea:focus {border: 1px solid #e60012;}
    .jobform ul li.verification input {width: 120px;float: left;color: #333;}
    .jobform ul li.verification img {float: left;cursor: pointer;margin: 0 5px;}
    .jobform ul li.verification a {float: left;line-height: 35px;}
    .jobform ul li.submit {width: 100%;max-width: 800px;margin: 0 auto;text-align: center;}
    .jobform ul li.submit input {height: 48px;width: 20%;min-width: 100px;background: #575757;border: 0;margin-top: 40px;color: #fff;margin-left: 5px;margin-right: 5px;transition: 0.3s;}
    .jobform ul li.submit input:hover {background: #e60012;}
/*page job*/
/*page contact*/
    .col-page-contact{padding-top: 5.5%;padding-bottom: 5%;}
    .col-page-contact .name{width: 100%;max-width: 615px;margin-top: 2vw; padding-bottom: 10px; line-height: 1.3;color: #333;border-bottom: 1px solid #c8c8c8; }
    .col-page-contact .content{ color: #333;}
    .col-page-contact .content ul li{width: 50%;padding: 0 30px;margin-top: 2.5vw; float: left;position: relative;line-height: 25px;}
    .col-page-contact .content ul li img{position: absolute;left: 0;top: 2px;}
    .col-page-contact .content ul li p{margin-bottom: 0.7vw;}
    .col-page-contact .content ul li p:last-child{margin-bottom: 0;}
    .col-page-contact .content ul li .tel{line-height: 1;}
    .col-page-message{padding-top: 5.5%;padding-bottom: 5%; background: #fcfcfc; }
    .col-page-message .message{width: 58.33%;}
    .col-page-message .message .feedback{margin-top: 2.39vw;}
    .col-page-message .message .feedback ul li input,
    .col-page-message .message .feedback ul li textarea{background: none;}
    .col-page-message .message .feedback ul li textarea{height: 8.8vw;max-height: 169px;min-height: 100px;}
    .col-page-message .message .feedback ul li.sub input{background: #e60012;}
    .contact-social{width: 41.66%;padding-left: 7.55vw;}
    .contact-social .content{margin-top: 2.5vw;}
    .contact-social .content p a{margin-right: 0.52vw;}
    .contact-social .content ul{text-align: center;}
    .contact-social .content ul:after{clear:both;display:table;content:" ";}
    .contact-social .content ul li{float: left;margin: 1.5vw 1.4vw 0 0;}
    .contact-social .content ul li img{display: block;width: 8.59vw;max-width: 165px;min-width: 100px; margin: 0 auto 0.7vw;box-shadow: 4px 4px 8px rgba(0,0,0,0.08);}
/*page contact*/
/*page brand*/
    .col-page-brand{padding-top: 6%;padding-bottom: 6%;background: url(../images/brandbg.jpg) center no-repeat;background-size: cover;}
    .col-page-brand .brand{margin-top: 2.81vw; flex-wrap: wrap; border-radius: 0.729vw;overflow: hidden;}
    .col-page-brand .brand .content{padding: 0;position: relative; align-items: center; color: #fff; background: #d1392e;z-index: 1;}
    .col-page-brand .brand .content img.circle{height: 4.21vw;max-height: 81px;min-height: 42px; position: absolute;top: 50%;transform: translateY(-50%);}
    .col-page-brand .brand .content .panel{padding: 4vw; background: none;}
    .col-page-brand .brand .content hr{margin:2.18vw 0 1.71vw;}
    .col-page-brand .brand .content p{ line-height: 1.8; }
    .col-page-brand .brand .content .more{margin-top: 2.5vw;}
    .col-page-brand .brand .content .more a{display: inline-block;min-width: 7.39vw; padding: 0.52vw 15px;text-align: center; color: #060606;line-height: 20px;border-radius: 5px;background: #fff;}
    .col-page-brand .brand .content .more a:hover{color: #e60012;}
    .col-page-brand .brand .pic{padding: 0;}
    .col-page-brand .brand .pic:after{padding-bottom: 99.303%;}
    .col-page-brand .brand-1 .content img.circle{left: 100%;}
    .col-page-brand .brand-1 .content .panel img{max-width: 55%;}
    .col-page-brand .brand-0{flex-direction: row-reverse;}
    .col-page-brand .brand-0 .content{ background: #5f7e90; }
    .col-page-brand .brand-0 .content img.circle{right: 100%;}
    .col-page-brand .brand:first-child{margin-top: 0;}
    /*detail*/
    .brand-detail{padding: 5.1vw 0; color: #454545;line-height: 1.8; background: #fff; border-top: 5px solid #e60012;box-shadow: 0px 0px 18px 0px rgba( 24, 24, 24,0.04 ); }
    .brand-detail .img{margin-bottom: 2.34vw;}
    .brand-detail .more{margin-top: 2.239vw; text-align: center;}
    .brand-detail .more a{ display: inline-block;min-width: 10.05vw; padding: 0.52vw 15px; color: #fff;line-height: 23px;border-radius: 10px;background: #e2211c; }
    .brand-detail video{width: 100%;height: 25.83vw;max-height: 496px;outline: none;background: #000;}
    .brand-detail table{width: 100%;}
    .brand-detail table td:first-child{width: 34.4%;padding: 0 3.6vw;}
    .brand-detail table td:last-child{width: 65.6%;padding-right: 2.96vw;}
/*page brand*/
/*page news*/
    .col-page-news{padding-top: 6%;padding-bottom: 6%;}
    .col-page-news .col-title{margin-bottom: 3.64vw;}
    .newSear{display:block;width:21.04%;position:absolute;right: 0;top: 0; overflow:hidden;}
    .newSear input{width:100%;height:47px; padding:0 50px 0 15px;line-height:45px;color: #222;background:#fff;border:1px solid #ccc;outline: none;transition: 0.5s;}
    .newSear a#head_search{display:block;position:absolute;right:15px;top:0;color:#222;cursor:pointer;text-align:center;line-height:50px;}
    .news ul{margin: 0 -1.19vw;margin-top: -1.56vw;flex-wrap: wrap;}
    .news li{padding: 0 1.19vw;margin-top: 1.56vw;}
    .news li a{display: block; color: #141414; background: #f8f8f8;}
    .news li .pic:after{padding-bottom: 66.666%;}
    .news li .pic img{transition: 0.5s;}
    .news li .text{padding: 1vw;}
    .news li .text h4{ height: 2.66em; line-height: 1.33em; overflow: hidden;}
    .news li .text .date{margin-top: 8px; color: #555;}
    .news li a:hover .pic img{transform: scale(1.05);}
    /*news video*/
    .news-video ul{margin: 0 -1.14vw;flex-wrap: wrap;}
    .news-video li{padding: 0 1.14vw;}
    .news-video li hr{margin: 3.5vw 0;border-top: 1px solid #d7d7d7;}
    .news-video li .videoContent{display: none;}
    .news-video li .pic{background: #ddd;cursor: pointer;}
    .news-video li .pic:after{padding-bottom: 66.666%;}
    .news-video li .pic .bg{background: url(../images/videobg.png) center no-repeat;background-size: cover;transition: 0.5s;}
    .news-video li .pic .text{width: 100%;padding: 0.78vw 1vw;position: absolute;left: 0;bottom: 0;color: #fff;line-height: 1.5;}
    .news-video li .pic a.button{display: flex;align-items: center;justify-content: center; width: 3.4375vw;height: 3.4375vw;max-width: 66px;max-height: 66px;min-width: 35px;min-height: 35px; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff; border-radius: 50%;border:1px solid #fff;}
    .news-video li .pic:hover .bg{background-image: url(../images/videobg2.png);}
    /*newshow*/
    .newshow{}
    .newshow .newshowtit {
      text-align: center;
      border-bottom: 1px dotted #ddd;
    }
    .newshow .newshowtit h1 {
      color: #333;line-height: 1.3;
    }
    .newshow .newshowtit .date {
      line-height:1.8em;padding: 22px 0;
      color: #999;
    }
    .newshow .newshowtxt{margin:30px 0;min-height: 150px;}
    .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: #777;
      line-height: 25px;
      transition: 0.3s;
    }
    .prev-next a b {
      color: #666;
    }
    .prev-next a:hover {
      color: #e60012;
    }
    .prev-next a.prev {
      border-bottom: 1px dashed #d4d4d4;
    }
/*page news*/
/*page product*/
    .col-page-product{padding-top: 6%;padding-bottom: 6%;}
    .col-page-product .pageBg{width: 100%;position: absolute;left: 0;bottom: 0;z-index: -1;}
    .col-product-nav{ width: 27.569%;padding-right: 3.6vw; }
    .col-product-nav h4{color: #1c1c1c;}
    .col-product-nav .product-search{padding: 1vw 2vw 1.5vw; background: #f2f2f2; }
    .col-product-nav .product-search .newSear{width: 100%;margin-top: 0.88vw; position: relative;}
    .col-product-nav .product-search .newSear input{height: 40px;line-height: 38px; background: #fff;border-color: #fff;}
    .col-product-nav .product-search .newSear a#head_search{line-height:40px;color: #adadad;}
    .col-product-nav .daohang{margin-top: 12px; background: #f2f2f2; }
    .col-product-nav .daohang h4{padding: 1vw 2vw;border-bottom: 1px solid #e4e4e4;}
    .col-product-nav .daohang ul li{padding: 1vw 2vw; background: #f8f8f8;border-top: 1px solid #fff;border-bottom: 1px solid #e4e4e4; }
    .col-product-nav .daohang ul li .tit{position: relative;line-height: 25px;padding-right: 18px;}
    .col-product-nav .daohang ul li .tit .more{width: 12px;height: 12px;position: absolute;right: 0;top: 6px;cursor: pointer;}
    .col-product-nav .daohang ul li .tit .more span{display: block;background: #e60012;position: absolute;transition: 0.5s;}
    .col-product-nav .daohang ul li .tit .more span.span1{width: 12px;height: 2px;left: 0;top: 5px;}
    .col-product-nav .daohang ul li .tit .more span.span2{width: 2px;height: 12px;left: 5px;top: 0;}
    .col-product-nav .daohang ul li .tit .more.on span.span2{transform: rotate(90deg);}
    .col-product-nav .daohang ul li .tit a{color: #242424;}
    .col-product-nav .daohang ul li .drop{display: none;}
    .col-product-nav .daohang ul li p{position: relative;padding-left: 1vw;margin-top: 0.8vw; line-height: 25px;}
    .col-product-nav .daohang ul li p:before{content: '';width: 6px;height: 6px;background: #e60012;border-radius: 50%;position: absolute;left: 0;top: 9px;}
    .col-product-nav .daohang ul li p a{color: #454545;}
    .col-product-nav .daohang ul li p a.on,
    .col-product-nav .daohang ul li a:hover{color: #e60012;}
    .col-product-nav .daohang ul li.active .tit a{color: #e60012;}
    .col-product-nav .daohang ul li.active .tit .more span{background: #b0b0b0;}
    .col-product-nav .daohang ul li.active .drop{display: block;}
    .col-product-nav .daohang ul li:last-child{border-bottom: 0;}
    .col-page-productR{width: 72.43%;}
    .col-page-productR .mbx{padding-bottom: 1.56vw; color: #7c7c7c;line-height: 25px;align-items: center; border-bottom: 1px solid #f2f2f2;}
    .col-page-productR .mbx span{padding: 0 0.7vw;}
    .col-page-productR .mbx i{height: 25px;overflow: hidden;font-size: 18px;}
    .pro ul{margin: 0 -0.677vw;flex-wrap: wrap;}
    .pro ul li{padding: 0 0.677vw;margin-top: 1.56vw;}
    .pro ul li .pic{background: #fafafa;}
    .pro ul li .pic:after{padding-bottom: 126.66%;}
    .pro ul li .pic img{ filter: invert(1.5%);}
    .pro ul li .txt{padding: 1.25vw 0;}
    .pro ul li .txt a.tit{ color: #e60012;font-family: 'gilroy';font-weight: 600;line-height: 1; }
    .pro ul li .txt .tit2{margin-top: 5px; color: #000;}
    .pro ul li .txt p{margin-top: 14px;}
    .pro ul li .txt p a{margin: 0 0.6vw; color: #252525;}
    .pro ul li .txt p a:hover{color: #e60012;}
    /*proshow*/
    .pro_show .col-more{margin-top: 2vw;}
    .pro_show .col-more a span{display: flex;align-items: center;justify-content: center;}
    .pro_show .col-more a span i{margin-right: 0.78vw;}
    .product-detail .images{width: 45%;}
    .pro_show_pc .pic:after{padding-bottom:100%;}
    .pro_show_phone .pic:after{padding-bottom:100%;}
    .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{ position: relative;  margin-top:1.56vw;}
    /*.product-thumb .swiper-slide{  height:120px;border:1px solid #ebebeb;}*/
    .product-thumb .cloudzoom-gallery{  cursor: pointer; opacity: 0.2; /*height: 100%;*/border:1px solid #ddd;}
    .product-thumb .cloudzoom-gallery-active{  opacity: 1;}
    .product-detail-prev{ position: absolute;left: 0;color:#000000;padding:6px 8px;top:50%;margin-top:-27px; font-size: 30px;outline: none;z-index: 2;}
    .product-detail-next{ position: absolute; right: 0; color:#000000; padding:6px 8px; top:50%; margin-top:-27px; font-size: 30px;outline: none;z-index: 2;}
    .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(blank.png);}
    /* The animated ajax loading image */
    .cloudzoom-ajax-loader {
        /*background-image: url(ajax-loader.gif);*/
        width: 32px;    height: 32px;
    }
    .product-detail .content{width: 55%;padding-left: 3vw;color: #333;}
    .product-detail .content .title h1{font-family: 'gilroy';font-weight: 600;line-height: 1;color: #e60012;}
    .product-detail .content .title p{margin-top: 8px;}
    .product-detail .content .cont{margin-top: 1vw; padding-top: 1.3vw; border-top: 1px solid #ddd; }
    .product-detail .content .cont ul{}
    .product-detail .content .cont ul li{position: relative;padding-left: 14px;margin-top: 5px; }
    .product-detail .content .cont ul li:before{content: '';width: 5px;height: 5px;position: absolute;left: 0;top: 9px;background: #e60012;}
    .product-detail .content .cont ul li p{line-height: 25px;}
    .product-detail .content .cont ul li:last-child{margin-top: 0;}
    .product-detail .content .button{margin-top: 2vw;}
    .product-detail .content .button a{display: inline-block;padding: 5px 25px;background: #333;color: #fff;border-radius: 5px;}
    .product-detail .content .button a:hover{background: #e60012;}
    .prenext{padding-top: 10px;margin-top: 2vw; border-top: 1px solid #ddd; }
    .prenext a{ color: #888;}
    .prenext a:hover{color: #e60012;border-bottom: 1px solid #e60012;}
    .product-content{margin-top: 3vw; border-top:1px solid #ddd; }
    .product-content .title {padding: 2.6vw 0;color: #333;}
    .product-content .content table{width: 100%;margin-bottom: 1.3vw;}
    .product-content .content table tr{}
    .product-content .content table tr td{padding:0.56vw 13px; border:1px solid #ddd; }
    .product-content .content table tr.firstRow, .product-content .content table tr:first-child{font-size: 18px; }
    .product-content .content table tr.firstRow td, .product-content .content table tr:first-child td{padding: 13px; background: #f5f5f5;}
    .product-content .content ul {display: flex;
        flex-wrap: wrap;}
    .product-content .content ul li{width: 49.5%;
        margin-bottom: 1%;}
    .product-content .content ul li:nth-child(2n-1){margin-right:1%;}
    .product-content .content video{width:100%; height:auto;}
/*page product*/
/*page product 分类*/
    .col-procate-recom-top{padding-top: 3.38vw;padding-bottom: 30px;}
    .col-procate-recom-top .flex{align-items: center;}
    .col-procate-recom-top .image{width: 29.03%;}
    .col-procate-recom-top .panel{width: 41.18%;}
    .col-procate-recom-top .panel a.tit{font-family: 'gilroy';font-weight: 600;line-height: 1;color: #e60012;}
    .col-procate-recom-top .panel p.tit2{margin-top: 0.7vw; line-height: 1.5;color: #252525;}
    .col-procate-recom-top .panel .button{margin-top: 0.88vw;}
    .col-procate-recom-top .panel .button a{display: inline-block;padding: 0 1vw;margin: 0 2px;line-height: 30px;color: #333;border:1px solid #000;border-radius: 6px;}
    .col-procate-recom-top .panel .button a:hover{color: #fff;background: #000;}
    .col-procate-recom-top .panel .pic{max-height: 470px;margin-top: 1.82vw;}
    .col-procate-recom-top .panel .pic:after{padding-bottom: 65.73%;}
    .col-procate-recom-top .content{width: 29.78%;color: #252525;}
    .col-procate-recom-top .content ul li{position: relative;padding-left: 20px;margin-bottom: 0.83vw;}
    .col-procate-recom-top .content ul li:before{content: '';width: 7px;height: 7px;position: absolute;left: 0;top: 9px;background: #e60012;}
    .col-procate-recom-top .content ul li p{line-height: 25px;}
    .col-procate-recom-top .content ul li:last-child{margin-bottom: 0;}
    .col-procate-recom{padding-top: 4.427vw; background: #f5f5f5;}
    .col-procate-recom .list{margin-top: 2vw;}
    .col-procate-recom .list .row{margin: 0 -6px;}
    .col-procate-recom .list .panel{padding: 1vw; border-radius: 10px;overflow: hidden;}
    .col-procate-recom .list .panel p{line-height: 1.5;color: #252525;}
    .col-procate-recom .list .panel a.tit{display: inline-block;margin-top: 5px; font-family: 'gilroy';font-weight: 600;line-height: 1;color: #e60012;}
    .col-procate-recom .list .recom2{padding: 0 6px;}
    .col-procate-recom .list .recom2 .text{padding: 2vw 0 1vw;padding-right: 150px;}
    .col-procate-recom .list .recom2 .text a.more{display: inline-block;min-width: 5.98vw; padding:0 18px;position: absolute;right: 0;top: 50%;margin-top: -20px;border-radius: 6px;background: #0f0f0f;line-height: 40px;color: #fff;text-align: center;}
    .col-procate-recom .list .recom2 .text a.more:hover{background: #e60012;}
    .col-procate-recom .list .recom3{padding: 0 6px;margin-top: 1vw;}
    .col-procate-recom .list .recom3 .flex{align-items: center;}
    .col-procate-recom .list .recom3 .pic{width: 46.34%;}
    .col-procate-recom .list .recom3 .pic:after{padding-bottom: 117.36%;}
    .col-procate-recom .list .recom3 .text{width: 53.65%;}
    .col-procate-recom .list .recom3 .text .con{margin-top: 8px;}
    .col-procate-recom .list .recom3 .text .con p{color: #000;}
    .col-procate-recom .list .recom3 .text .con p.p1{font-weight: bold;}
    .col-procate-recom .list .recom3 .text .con ul{padding-top: 10px;}
    .col-procate-recom .list .recom3 .text .con ul li{position: relative;padding-left: 14px;margin-top: 5px;}
    .col-procate-recom .list .recom3 .text .con ul li:before{content: '';width: 5px;height: 5px;position: absolute;left: 0;top: 9px;background: #e60012;}
    .col-procate-recom .list .recom3 .text .con ul li p{ line-height: 25px; }
    .col-procate-recom .list .recom3 .text p.more{margin-top: 1vw;}
    .col-procate-recom .list .recom3 .text p.more a{color: #252525;margin-right: 1.3vw;}
    .col-procate-recom .list .recom3 .text p.more a:hover{color: #e60012;}
    .col-procate-list{padding-top: 5.2%; padding-bottom: 5.46%; background: #f5f5f5;}
    .col-procate-list .list{padding: 4.68vw;margin-top: 2.81vw; background: #fff;border-radius: 10px;}
    .col-procate-list .list .swiper-slide .pic:after{ padding-bottom: 62%; }
    .col-procate-list .list .swiper-slide .text{margin-top: 1vw;}
    .col-procate-list .list .swiper-slide .text a.tit{ color: #141414;font-family: 'gilroy';font-weight: 600;line-height: 1;}
    .col-procate-list .list .swiper-slide .text p.button{padding-top: 0.52vw;}
    .col-procate-list .list .swiper-slide .text p.button a{display: inline-block;width: 90px;margin-top: 8px; line-height: 29px;color: #313131;}
    .col-procate-list .list .swiper-slide .text p.button a:hover{color: #e60012;}
    .col-procate-list .list .swiper-slide .text p.button a.more{display: inline-block; color: #fff;background: #0f0f0f;border-radius: 6px;}
    .col-procate-list .list .swiper-slide .text p.button a.more:hover{background: #e60012;}
    .col-procate-list .list .swiper-slide .text .con{margin-top: 0.78vw; color: #050505;line-height: 1.6; }
    .col-procate-list .list .swiper-slide .text .con ul li{margin-bottom: 1vw;}
    .col-procate-list .list .swiper-slide .text .con ul li h4{ color: #797979;line-height: 1.3;font-size: 14px; }
    .col-procate-list .list .swiper-slide .text .con ul li:last-child{margin-bottom: 0;}
    .col-procate-list .list .swiper .swiper-pagination{position: static;margin-top: 2vw;}
    .col-procate-list .list .swiper .swiper-pagination .swiper-pagination-bullet { width: 8px;height: 8px;margin:0 3.5px;background: #d2d2d2;opacity: 1; outline: none;}
    .col-procate-list .list .swiper .swiper-pagination .swiper-pagination-bullet-active{ background: #e60012; }
    /*20250424swiper button*/
    .col-procate-list .list .swiper .swiper-button-prev,
    .col-procate-list .list .swiper .swiper-button-next{width: auto;height: auto;margin: 0;transform: translateY(-50%);outline: none;}
    .col-procate-list .list .swiper .swiper-button-prev{left: 0;}
    .col-procate-list .list .swiper .swiper-button-next{right: 0;}
    .col-procate-list .list .swiper .swiper-button-prev:after,
    .col-procate-list .list .swiper .swiper-button-next:after{content: '\e636';display: flex;align-items: center;justify-content: center; width: 2.08vw;height: 2.08vw;max-width: 40px;max-height: 40px;min-width: 28px;min-height: 28px;  background: #ddd;border-radius: 50%;font-family: 'iconfont';font-size: 14px; color: #000;transition: 0.5s;}
    .col-procate-list .list .swiper .swiper-button-prev:after{transform: rotateY(180deg);}
    .col-procate-list .list .swiper .swiper-button-prev:hover:after,
    .col-procate-list .list .swiper .swiper-button-next:hover:after{background: #000;color: #fff;}
/*page product 分类*/
/*page product garden*/
    .padding2{padding-left: 4.79vw;padding-right: 4.79vw;}
    .col-garden-information{padding-top: 6%;padding-bottom: 5%;}
    .garden-idea{ color: #454545;line-height: 1.8; }
    .garden-idea h3{margin-top: 1.5vw; font-weight: bold;color: #141414; }
    .garden-idea hr{width: 2.08vw;max-width: 40px;min-width: 20px;margin:1vw 0 1.5vw;border-top: 2px solid #e60012;}
    .garden-idea table{width: 100%;}
    .garden-idea table td:first-child{width: 53%;}
    .garden-idea table td:last-child{width: 47%;padding-left: 6.22%;}
    .garden-solution{padding-top: 4.68vw;}
    .garden-solution .content{margin-top: 3.64vw;}
    .garden-solution .content ul{display: flex;margin: 0 -7px;}
    .garden-solution .content ul li{width: 25%; padding: 0 7px;}
    .garden-solution .content ul li img{border-radius: 10px;}
    .col-garden-products{padding-top: 5%;padding-bottom: 5%; background: #f5f5f5;}
    .col-garden-products .title{padding: 7.86vw 5%;}
    .col-garden-products .col-title{margin-top: 3.64vw;}
    .col-garden-products .col-title p{padding-top: 1.86vw; line-height: 1.5; }
    .col-garden-products .col-title p a{display: inline-block;margin: 1vw 2.9vw 0; color: #252525; border-bottom: 1px solid #acacac;}
    .col-garden-products .col-title p a:hover{color: #44687d;border-color: #44687d;font-weight: bold;}
    .col-garden-products .lists{padding-top: 1.71vw;}
    .col-garden-products .lists .row{margin: 0 -8px;}
    .col-garden-products .lists .series{padding:0 8px;margin-top: 16px;}
    .col-garden-products .lists .series .panel{border-radius: 10px;overflow: hidden;}
    .col-garden-products .lists .series1 .panel{padding: 0 20px 20px;}
    .col-garden-products .lists .series1 hr{margin: 0;border-color: #e8edef;}
    .col-garden-products .lists .series-title{padding: 2vw 0;padding-right: 60px; position: relative;}
    .col-garden-products .lists .series-title a.more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #111;}
    .col-garden-products .lists .series-title a.more:hover{color: #44687d}
    .col-garden-products .lists .swiper{margin-top: 2vw;}
    .col-garden-products .lists .swiper .swiper-pagination{position: static;margin-top: 2.6vw;}
    .col-garden-products .lists .swiper .swiper-pagination .swiper-pagination-bullet { width: 8px;height: 8px;margin:0 3.5px;background: #d2d2d2;opacity: 1; outline: none;}
    .col-garden-products .lists .swiper .swiper-pagination .swiper-pagination-bullet-active{ background: #44687d; }
    .col-garden-products .lists .swiper-slide .pic:after{padding-bottom: 53.658%;}
    .col-garden-products .lists .swiper-slide .txt{margin-top: 1vw;}
    .col-garden-products .lists .swiper-slide .txt a.tit{color: #44687d;font-family: 'gilroy';font-weight: 600;line-height: 1;}
    .col-garden-products .lists .swiper-slide .txt .tit2{margin-top: 5px; color: #252525;}
    .col-garden-products .lists .swiper-slide .txt p{margin-top: 14px;}
    .col-garden-products .lists .swiper-slide .txt p a{margin: 0 0.6vw; color: #252525;}
    .col-garden-products .lists .swiper-slide .txt p a:hover{color: #44687d;}
    .col-garden-products .lists .series2 .panel{align-items: center;}
    .col-garden-products .lists .series2 .pic{width: 57%;}
    .col-garden-products .lists .series2 .pic:after{padding-bottom: 77.346%;}
    .col-garden-products .lists .series2 .text{width: 43%;padding: 20px;padding-left: 0;}
    .col-garden-products .lists .series2 .text .tit{margin-bottom: 5px; line-height: 1.3;}
    .col-garden-products .lists .series2 .text a{color: #141414;}
    .col-garden-products .lists .series2 .text a:hover{color: #44687d;}
/*page product garden*/
/*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: #e60012!important;
      border: 1px solid #e60012!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: 5px 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: #e60012;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: #e60012 !important;
    }
/*other*/
/*站内搜索*/
    .goomay-keywords-light{ background: #dc3545 !important; color:#ffffff !important;}
    #search{ padding-top:5%;padding-bottom:5%;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;
        font-size: 30px;
        color:#d80808;
        margin-top:50px;
    }
    .search-result-title{
        font-size: 20px;
        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 screen and (max-width: 991px)  {
    .headTop .container{width: 100%;}
    header h1{height: 55px; line-height: 55px;}
    header h1 img{max-height: 80%;}
    header .container{width: 100%;}
    #header a.mm_btn {background: center center no-repeat ;display: block;width: 55px;height: 55px;position: absolute;top:0;right: 0; padding: 12.5px;z-index: 2; }
    #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: #e60012; 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-more .a{padding: 5px;}
    .col-more .a span{padding: 0 10px;line-height: 25px;}
    .col-more .a i{width: 25px;height: 25px;line-height: 25px;}
    .col-title hr{margin-top: 8px; }
    #videoClose{font-size: 18px;}
/*common*/
/*footer*/
    .footerCon{padding: 25px 0 20px;text-align: center;}
    .footerCon .tel{width: 100%;text-align: center;margin-top: 20px;}
    .footerCon .tel span{font-size: 22px;}
    .footerNav{ margin-top: 25px; }
    .footerNav li div{margin-top: 10px;}
    .links{padding: 10px 0;margin-top: 7px;text-align: center;}
    .links a{display: inline-block; margin: 3px 10px;white-space: nowrap;}
    .links a img{height: 25px; margin-right: 5px;}
    .copyright{width: 100%; padding: 15px 0; text-align: center;}
    .copyright p{margin-top: 8px;width: 100%;}
    .copyright p span{padding: 0 5px;}
    .social{width: 100%;}
    .social span{margin:0 4px;}
    .social span i{line-height: 30px;}
/*footer*/
/*index*/
    /*about*/
    .col-index-about{padding-top: 60px;}
    .index-about{margin-top: 40px;}
    .index-about .content{ width: 100%;padding: 60px 0;}
    .index-about .content .panel{width: 100%;max-width: none;padding-right: 14px;padding-left: 10vw;}
    .index-about .content h3{margin-bottom: 10px;}
    .index-about .content .col-more{margin-top: 14px;}
    .index-about .pic{width: 100%;text-align: right;}
    /*product*/
    .index-product{margin-top: 23px;}
    .index-product li{margin-top: 12px;}
    .index-product li .text{padding: 15px;}
    .index-product li hr{margin-top: 10px;}
    /*garden*/
    .col-index-garden{ padding-top: 55px;padding-bottom: 55px; }
    .col-index-garden .col-title h3 img{min-width: 280px;}
    .col-index-garden .pic{min-height: 180px;}
    .col-index-garden .text{padding: 20px;}
    .col-index-garden .text hr{margin-top: 7px;}
    .col-index-garden .idea-series{margin-top: 4.63vw; }
    .col-index-garden .idea{ width: 100%; }
    .col-index-garden .series{ width: 100%;margin-top: 14px; }
    .col-index-garden .series .col-more{margin-top: 13px;}
    .col-index-garden .list{margin-top: 9px;}
    .col-index-garden .list li{margin-top: 10px;}
    /*news*/
    .col-index-news{padding-top: 40px;padding-bottom: 40px;}
    .col-index-news .col-title{margin-bottom: 35px;}
    .col-index-news .tips{padding: 4px 15px;}
    .col-index-news .item{margin-bottom: 15px;}
    .col-index-news .item .txt{ padding: 20px; }
    .col-index-news .item .address{margin-top: 5px;}
    .col-index-news .item .address span{margin-right: 8px;}
    .col-index-news .item .address i{margin-right: 4px;font-size: 18px;}
    .col-index-news .item p{margin-top: 10px;}
    .col-index-news .list .panel{padding-top: 28px;}
    .col-index-news .list ul{padding: 7px 20px 25px;}
    .col-index-news .list li{margin-top: 13px;}
    .col-index-news .list li h4{margin-bottom: 4px; line-height: 1.6;}
    .col-index-news .button{margin-top: 25px;}
    .col-index-news .button a{min-width: 100px;padding: 4px 20px;margin: 0 1vw;}
/*index*/
/*page service*/
    .col-page-service{padding-top: 55px;padding-bottom: 55px;}
    .col-page-service .list{margin-top: 0;flex-wrap: wrap;}
    .col-page-service .list .panel{width: 100%;margin-right: 0;padding: 20px;margin-top: 30px;}
    .col-page-service .list .panel h3{margin-top: 10px;margin-bottom: 20px;}
    .col-page-service .list .panel a.more{margin-top: 18px;}
    .col-page-service .down-search{margin-top: 15px;}
    .col-page-service .down-search input{height: 40px;margin-bottom: 15px; line-height: 38px;}
    .col-page-service .down-search a{height: 35px; line-height: 35px;}
    .col-page-service .company-service{ margin-top: 50px;padding-top: 40px; }
    .col-page-service .company-service .content{margin-top: 40px;}
    .col-page-service .company-service .content table td{width: 100%;display: block;}
    .col-page-service .company-service .content table td:first-child{padding-right: 0;}
    .col-page-service .company-service .content table td:last-child{padding-left: 0;margin-top: 28px;}
    .col-page-service .company-service .content .more {margin-top: 30px;}
    .col-page-service .company-service .content .more a{min-width: 110px;padding: 5px 18px;}
    .col-page-service .company-service .content ul{margin-top: 35px;}
    .col-page-service .company-service .content ul li{margin-right: 10px;padding: 15px 0;box-shadow: 3.536px 3.536px 10px 3px rgba( 0, 0, 0,0.06 );}
    .col-service-join{ padding-top: 55px;padding-bottom: 55px;}
    .col-service-join .content{margin-top: 40px;}
    .col-service-join .more{margin-top: 25px;}
    .col-service-join .more a{min-width: 100px;padding: 5px 18px;}
/*page service*/
/*after service*/
    .col-after-service{padding-top: 55px;padding-bottom: 55px;}
    .col-after-service .content{margin-top: 35px;}
    .col-after-service .content p{ line-height: 1.66;}
    .col-after-service .content ul{margin-top: 5px;}
    .col-after-service .content ul li{padding-left: 13px;line-height: 1.66;}
    .col-after-service .content table{margin-top: 14px;}
    .col-after-service .content table td{padding: 10px;}
    .col-after-service .content .tel{margin-top: 7px;font-size: 22px;}
    .col-after-service .down{margin-top: 50px;}
    .col-after-service .down .col-title{margin-bottom: 15px;}
    .col-after-service .down .down-search{margin-top: 13px;}
    .col-after-service .down .down-search input{height: 40px; margin-right: 4px; line-height: 38px;}
    .col-after-service .down .down-search a{min-width: 70px;height: 40px; line-height: 40px;}
/*after service*/
/*company service*/
    .col-company-service-top{padding-top: 55px;padding-bottom: 55px;}
    .col-company-service-top .content{margin-top: 30px;}
    .col-company-service-mid{padding-top: 55px;padding-bottom: 55px;}
    .col-company-service-mid .content{margin-top: 7px;}
    .col-company-service-mid .content ul{}
    .col-company-service-mid .content ul li{margin-top: 30px;}
    .col-company-service-mid .content ul li .text{padding: 10px 15px;}
    .col-company-service-mid .content ul li .text h4,
    .col-company-service-mid .content ul li .text p{width: 100%;max-width: 490px;padding-right: 30px;}
    .col-company-service-mid .content ul li .text i{width: 25px;height: 25px;line-height: 25px;margin-top: -12.5px;}
    .feedback ul{margin:0 -8px;}
    .feedback ul li{padding: 0 8px;margin-bottom: 16px;}
    .feedback ul li input,
    .feedback ul li select{height:40px;line-height: 38px;}
    .col-company-service-bot{padding-top: 55px;padding-bottom: 55px;}
    .col-company-service-bot .content{margin-top: 13px;}
    .col-company-service-bot .feedback{margin-top: 20px;}
/*company service*/
/*page about*/
    .col-page-about{padding-top: 55px;padding-bottom: 55px;}
    .col-page-about .content{margin-top: 35px; width: 100%;}
    .col-page-about .about-video{margin-top: 35px;}
    .col-page-about .about-video .bg a{width: 46px;height: 46px; border: 3px solid #fff;}
    .col-page-about .about-video .bg a i{font-size: 24px;}
    /*history*/
    .col-about-history{padding-top: 55px;padding-bottom: 60px;}
    .col-about-history .list{margin-top: 45px;}
    .col-about-history .list .panel{width: 200%; height: 164px;display: flex;align-items: center;background: none;}
    .col-about-history .list .panel .pic{margin-right: 10px;}
    .col-about-history .list .panel .txt .date{margin-bottom: 6px;}
    /*about advantage*/
    .col-about-advan{padding-top: 55px;padding-bottom: 55px;}
    .col-about-advan .col-title{position: static;float: left;}
    .col-about-advan .content{ width: 100%;margin-top: 30px;}
    .col-about-advan .content ul{width: 100%;margin-left: 0;}
    .col-about-advan .content ul li{margin-top: 40px;}
    .col-about-advan .content ul li .data{margin-bottom: 15px;font-size: 30px;}
    /*culture*/
    .col-about-culture{padding-top: 55px;padding-bottom: 55px;}
    .col-about-culture .content ul{flex-wrap: wrap; }
    .col-about-culture .content ul li{width: 100%;margin-top: 30px;}
    .col-about-culture .content ul li>*{max-width: 290px;margin-left: auto;margin-right: auto;}
    .col-about-culture .content ul li .tit{margin-top: 12px;}
    .col-about-culture .content ul li hr{margin: 10px auto 15px;}
    /*about honor*/
    .col-about-honor{padding-top: 55px;padding-bottom: 55px;}
    .col-about-honor .col-title hr{margin-top: 13px;}
    .col-about-honor .content{margin-top: 13px;}
    .col-about-honor .list{margin-top: 25px;}
/*page about*/
/*page company advantage*/
    .col-page-advantage{padding-top: 55px;padding-bottom: 55px;}
    .col-page-advantage .col-title{margin-bottom: 12px;}
    .col-page-advantage .col-title hr{margin-top: 10px; }
    .col-page-advantage .advan{ margin-bottom: 50px;flex-wrap: wrap; }
    .col-page-advantage .advan .content{width: 100%;}
    .col-page-advantage .advan .panel{ padding: 7%; }
    .col-page-advantage .advan .picimg{width: 100%;}
    .col-page-advantage .advan.odd{padding-bottom: 0;}
    .col-page-advantage .advan.odd .content{padding-right:0;}
    .col-page-advantage .advan.odd .picimg{margin-left:0;top:0;}
    .col-page-advantage .advan.even{padding-top: 0;}
    .col-page-advantage .advan.even .content{padding-left:0;}
    .col-page-advantage .advan.even .picimg{margin-right:0;top:0;}
    .advan-tab{margin-top: 15px;}
    .advan-tab a{margin-right: 1vw; padding: 5px 10px;}
    .advan-tab-sildes{padding-top: 10px;}
    .advan-tab-sildes p{padding-left: 13px;margin-top: 6px;}
    .advan-tab-sildes p:before{width: 5px;height: 5px;top: 9px;}
/*page company advantage*/
/*page job*/
    .col-page-job{padding-top: 55px;padding-bottom: 55px;}
    .col-page-job .cate span{padding: 3px 0;margin-right: 10px;margin-top: 20px;}
    .col-page-job .cate a{min-width: 80px;padding: 3px 18px;margin-right: 10px;margin-top: 20px;}
    .job ul{margin-top: 28px;}
    .job li{padding-right: 100px;}
    .job li>div{padding: 13px 10px;}
    .job li .more{width: 100px;}
    .col-job-help{padding-top: 25px;padding-bottom: 25px;}
    .col-job-help h3.tit{margin-bottom: 13px;}
    .col-job-help p.tel{margin-top: 10px;}
    .apply a{display: inline-block;width: auto;height: auto;line-height: 1.8;padding: 5px 20px;}
    /*jobform*/
    .jobform ul{padding-top: 15px;}
    .jobform ul li.submit input{height: 40px;}
/*page job*/
/*page contact*/
    .col-page-contact{padding-top: 55px;padding-bottom: 50px;}
    .col-page-contact .name{max-width: none;margin-top: 20px;}
    .col-page-contact .content ul li{width: 100%;margin-top:25px;}
    .col-page-contact .content ul li p{margin-bottom: 7px;}
    .col-page-message{padding-top: 55px;padding-bottom: 50px;  }
    .col-page-message .message{width: 100%;}
    .col-page-message .message .feedback{margin-top: 20px;}
    .contact-social{width: 100%;padding-left: 0;margin-top: 50px;}
    .contact-social .content{margin-top: 25px;}
    .contact-social .content p a{margin-right: 5px;}
    .contact-social .content ul li{margin: 15px 14px 0 0;}
    .contact-social .content ul li img{margin: 0 auto 7px;}
/*page contact*/
/*page brand*/
    .col-page-brand{padding-top: 55px;padding-bottom: 55px;}
    .col-page-brand .brand{margin-top: 28px; border-radius: 7px;}
    .col-page-brand .brand .content .panel{padding: 8%;}
    .col-page-brand .brand .content hr{margin:20px 0 17px;}
    .col-page-brand .brand .content .more{margin-top: 20px;}
    .col-page-brand .brand .content .more a{min-width: 100px; padding:5px 15px;}
    .col-page-brand .brand-1 .content .panel img{max-width: 50%;}
    /*detail*/
    .brand-detail{padding: 50px 0;}
    .brand-detail .img{margin-bottom: 23px;}
    .brand-detail .more{margin-top: 22px;}
    .brand-detail .more a{min-width: 100px; padding: 5px 15px;border-radius: 8px;}
    .brand-detail video{height: auto;}
    .brand-detail table td{display: block;}
    .brand-detail table td:first-child{width: 100%;padding: 0 20px;}
    .brand-detail table td:last-child{width: 100%;padding: 0 20px;margin-top: 35px;}
/*page brand*/
/*page news*/
    .col-page-news{padding-top: 55px;padding-bottom: 55px;}
    .col-page-news .col-title{margin-bottom: 35px;}
    .news ul{margin-top: -15px;}
    .news li{margin-top: 15px;}
    .news li .text{padding: 10px;}
    .news li .text .date{margin-top: 5px;}
    /*news video*/
    .news-video li .pic .text{padding: 7px 10px;}
/*page news*/
/*page product*/
    .col-page-product{padding-top: 55px;padding-bottom: 55px;}
    .col-page-productR{width: 100%;}
    .pro ul{margin: 0 -6px;margin-top: -15px;}
    .pro ul li{padding: 0 6px;margin-top: 15px;}
    .pro ul li .txt{padding: 14px 0;}
    .pro ul li .txt p{margin-top: 10px;}
    .pro ul li .txt p a{margin: 0 6px;}
    /*proshow*/
    .product-detail .images{width:100%;}
    .product-detail .images .pic{max-height: 400px;}
    .product-thumb{  padding:0px ;  margin-top:0;}
    .product-detail .content{width: 100%;padding-left: 0;margin-top: 30px;}
    .product-detail .content .title p{margin-top: 5px;}
    .product-detail .content .cont{margin-top: 10px; padding-top: 15px;}
    .product-detail .content .button{margin-top: 20px;}
    .prenext{padding-top: 10px;margin-top: 20px;}
    .product-content{margin-top: 30px;}
    .product-content .title {padding: 25px 0;}
    .product-content .content{overflow-x: auto;}
    .product-content .content table{min-width: 500px; margin-bottom:13px;}
    .product-content .content table tr td{padding:10px;}
    .product-content .content table tr.firstRow{font-size: 15px; }
    .product-content .content table tr.firstRow td{padding: 10px;}
/*page product*/
/*page product 分类*/
    .col-procate-recom-top{padding-top: 33px;padding-bottom: 30px;}
    .col-procate-recom-top .flex{flex-wrap: wrap;}
    .col-procate-recom-top .image{width: 100%;display: none;}
    .col-procate-recom-top .panel{width: 100%;}
    .col-procate-recom-top .panel p.tit2{margin-top: 7px;}
    .col-procate-recom-top .panel .button{margin-top: 8px;}
    .col-procate-recom-top .panel .button a{padding: 0 10px;line-height: 28px;}
    .col-procate-recom-top .panel .pic{max-height: 370px;margin-top: 20px;}
    .col-procate-recom-top .content{width: 100%;margin-top: 25px;}
    .col-procate-recom-top .content ul li{padding-left: 15px;margin-bottom: 5px;}
    .col-procate-recom-top .content ul li:before{width: 5px;height: 5px;}
    .col-procate-recom{padding-top: 45px;}
    .col-procate-recom .list{margin-top: 20px;}
    .col-procate-recom .list .panel{padding: 10px; border-radius: 8px;}
    .col-procate-recom .list .recom2 .text{padding: 10px 0 5px;padding-right: 100px;}
    .col-procate-recom .list .recom2 .text a.more{margin-top: -15px;line-height: 30px;}
    .col-procate-recom .list .recom3{margin-top: 10px;}
    .col-procate-recom .list .recom3 .text .con ul{padding-top: 5px;}
    .col-procate-recom .list .recom3 .text p.more{margin-top: 10px;}
    .col-procate-recom .list .recom3 .text p.more a{margin-right: 10px;}
    .col-procate-list{padding-top: 50px; padding-bottom: 55px;}
    .col-procate-list .list{margin-top: 28px;border-radius: 8px;}
    .col-procate-list .list .swiper-slide .text{margin-top: 10px;}
    .col-procate-list .list .swiper-slide .text p.button{padding-top: 5px;}
    .col-procate-list .list .swiper-slide .text p.button a{margin-top: 4px;}
    .col-procate-list .list .swiper-slide .text .con{margin-top: 7px;}
    .col-procate-list .list .swiper-slide .text .con ul li{margin-bottom: 10px;}
    .col-procate-list .list .swiper .swiper-pagination{margin-top: 20px;}
/*page product 分类*/
/*page product garden*/
    .col-garden-information{padding-top: 55px;padding-bottom: 50px;}
    .garden-idea h3{margin-top: 15px;}
    .garden-idea hr{margin:10px 0 15px;}
    .garden-idea table td{display: block;width: 100%;}
    .garden-idea table td:first-child{width: 100%;}
    .garden-idea table td:last-child{width: 100%;padding-left: 0;margin-top: 25px;}
    .garden-solution{padding-top: 45px;}
    .garden-solution .content{margin-top: 35px;}
    .garden-solution .content ul{margin: 0 -3px;}
    .garden-solution .content ul li{padding: 0 3px;}
    .garden-solution .content ul li img{border-radius: 5px;}
    .col-garden-products{padding-top: 50px;padding-bottom: 50px;}
    .col-garden-products .col-title{margin-top: 35px;}
    .col-garden-products .col-title p{padding-top: 18px;}
    .col-garden-products .col-title p a{margin: 10px 2vw 0;}
    .col-garden-products .lists{padding-top: 17px;}
    .col-garden-products .lists .row{margin: 0 -8px;}
    .col-garden-products .lists .series{padding:0 8px;margin-top: 16px;}
    .col-garden-products .lists .series .panel{border-radius: 5px;}
    .col-garden-products .lists .series1 .panel{padding: 0 20px 20px;}
    .col-garden-products .lists .series1 hr{margin: 0;border-color: #e8edef;}
    .col-garden-products .lists .series-title{padding: 20px 0;padding-right: 60px;}
    .col-garden-products .lists .swiper{margin-top: 20px;}
    .col-garden-products .lists .swiper .swiper-pagination{margin-top: 25px;}
    .col-garden-products .lists .swiper-slide .txt{margin-top: 10px;}
    .col-garden-products .lists .swiper-slide .txt p{margin-top: 10px;}
    .col-garden-products .lists .swiper-slide .txt p a{margin: 0 5px;}
/*page product garden*/
}
@media (max-width: 767px){
/*footer*/
    .footerNav {margin-top: 10px;}
    .footerNav li{margin-top: 15px;}
    .footerNav li div p{float: left;margin-right: 2vw;}
/*footer*/
    .col-page-service .company-service .content ul{flex-wrap: wrap;}
    .col-page-service .company-service .content ul li{width: 100%;margin-right: 0;margin-bottom: 10px;}
    /*company service*/
    .col-company-service-top .content ul{flex-wrap: wrap;}
    .col-company-service-top .content ul li{width: 100%;margin-top: 25px;}
    .col-company-service-top .content ul li img{margin-bottom: 12px;}
    /*company service*/
    .col-about-advan .content ul li{width: 100%!important;border-right: 0;}
    /*page product 分类*/
    .col-procate-recom .list .recom3 .flex{flex-wrap: wrap;}
    .col-procate-recom .list .recom3 .pic{width: 100%;max-height: 300px;}
    .col-procate-recom .list .recom3 .pic:after{padding-bottom: 100%;}
    .col-procate-recom .list .recom3 .text{width: 100%;}
    /*page product 分类*/
    .job li .title{width: 100%;}
}
@media (max-width: 400px){
    .news li,
    .news-video li{width: 100%;}
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #666;}
input:-moz-placeholder,textarea:-moz-placeholder {color:#666;}
input::-moz-placeholder,textarea::-moz-placeholder {color:#666;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#666;}
.col-product-nav .product-search .newSear input::-webkit-input-placeholder{color: #adadad;}
.col-product-nav .product-search .newSear input:-moz-placeholder{color:#adadad;}
.col-product-nav .product-search .newSear input::-moz-placeholder{color:#adadad;}
.col-product-nav .product-search .newSear input:-ms-input-placeholder{color:#adadad;}

.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;}
.f54{font-size: 2.8125vw;}
.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;}
@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;}
    .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;}
    .f40{font-size: 23px;}
    .f42{font-size: 23.5px;}
    .f44{font-size: 24px;}
    .f48{font-size: 24.5px;}
    .f50{font-size: 25px;}
    .f54{font-size: 25.2px;}
    .f60{font-size: 25.5px;}
    .f66{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: 16px;}
    .f28{font-size: 16.6px;}
    .f30{font-size: 16.7px;}
    .f32{font-size: 16.8px;}
    .f34{font-size: 16.9px;}
    .f36{font-size: 17px;}
    .f40{font-size: 20px;}
    .f42{font-size: 20px;}
    .f44{font-size: 22px;}
    .f48{font-size: 22px;}
    .f50{font-size: 24px;}
    .f54{font-size: 24px;}
    .f60{font-size: 24px;}
    .f66{font-size: 24px;}
}