@charset "utf-8";
html {
  overflow-x: hidden;
  font-size: 625%;
}
*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;line-height: 100%;}
body{font-size: 14px;min-width: 1200px; overflow-x: hidden; overflow-x: hidden;font-family: 'Hos';}
a{text-decoration: none;font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.fl {float: left;}
.fr {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.text-center {text-align: center;}
.div-container {position: relative;width: 74%;margin: auto;}

/* fonts */
@font-face { 
        font-family: 'MiSans-Bold'; src: 
        url('https://cdn.114my.com.cn/font/lcw/MiSans-Bold.woff2') format('woff2'),  
}
@font-face { 
        font-family: 'Hos'; src: 
       url('https://cdn.114my.com.cn/font/lcw/Hos.ttf') format('truetype')
}
@font-face { 
        font-family: 'srm'; src: 
       url('https://cdn.114my.com.cn/font/lcw/srm.otf') format('truetype')
}
@font-face { 
        font-family: 'axt'; src: 
       url('https://cdn.114my.com.cn/font/lcw/axt.ttf') format('truetype')
}
.f01{font-family: 'srm';}
.f03{font-family: 'Microsoft YaHei';}
.f04{font-family: 'MiSans-Bold';}
.f06{ font-family: 'axt';}

@font-face {
  font-family: 'iconfont';  /* Project id 4383909 */
  src: url('//at.alicdn.com/t/c/font_4383909_5jxawk2be9q.woff2?t=1744967270845') format('woff2'),
       url('//at.alicdn.com/t/c/font_4383909_5jxawk2be9q.woff?t=1744967270845') format('woff'),
       url('//at.alicdn.com/t/c/font_4383909_5jxawk2be9q.ttf?t=1744967270845') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

/*all_title*/
.all_title{text-align: center;margin-bottom:50px;}
.all_title p{font-size:0.42rem;font-weight:normal;font-family:'MiSans-Bold';color: #444;}
.all_title span{width:37px;height:9px;position:relative;display:flex;margin:18px auto 0;}
.all_title span::before,.all_title span::after{content:'';width:9px;height:9px;border-radius:100%;background:#00922d;top:0;}
.all_title span::before{left:0;animation:alltitle 3s infinite;}
.all_title span::after{right:0;animation:alltitri 3s infinite;}
.all_title i{width:30px;height:1px;background:#00922d;position:relative;top:4px;left:25%;margin-left:-15px;animation:alltiti 1.5s infinite;vertical-align: top; display: block;}
.all_title b{font-size:24px;font-weight:normal; display: block; color: #00922d;padding-bottom: 14px;}
@keyframes alltitle{
  0%{left:0;opacity:1;}
  25%{opacity:0.5;}
  50%{left:calc(100% - 9px);opacity:1;}
  75%{opacity:0.5;}
  100%{left:calc(0);opacity:1;}
}
@keyframes alltitri{
  0%{right:0;opacity:1;}
  25%{opacity:0.5;}
  50%{right:calc(100% - 9px);opacity:1;}
  75%{opacity:0.5;}
  100%{right:calc(0);opacity:1;}
}
@keyframes alltiti{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

.gyc {margin: 0 auto;max-width: 82%;min-width: 1200px;}
.gy {margin: 0 auto;max-width: 1500px;min-width: 1200px;}
.gya {margin: 0 auto;max-width: 82%;min-width: 1200px;overflow:hidden;}
.gyb {margin: 0 auto;max-width: 1500px;min-width: 1200px;}
.gyd {margin: 0 auto;max-width: 94%;min-width: 1200px; position: relative;}
.gye {margin: 0 auto;max-width: 82%;min-width: 1200px; position: relative;}

/* top */
header { height: 145px; display: block; position: absolute; z-index: 9999;top: 0;left: 0; width: 100%; transition: all 0.5s;}
header.active { position: fixed; background: #fff; }
header .header { display: block; padding: 27px 3.7%; box-shadow: 0 4px 4px 0 rgba(0,0,40,.1); background: rgba(0, 0, 0, 0.4);}
header .header:before {
    content: '';
    width: 100%;
    position: absolute;
    height: 1px;
    top: 141px;
    background: rgba(255, 255, 255, 0.2);
    left: 0;
}
header.active .header:before{background:none;}
header .header .nav_box { display: flex; justify-content: space-between; align-items: center;}
header .header .nav_box .box_l { display: flex;align-items: center;width:21vw;}
header .header .nav_box .box_l a { height:60px; display: block; position: relative; transition: all 0.5s;}
header .header .nav_box .box_l p {
    font-size: 1.7vw;
    line-height: 1;
    padding-left: 3%;
    font-weight: normal;
    letter-spacing: 2px;
    color: #fff;
}
header .header .nav_box .box_l span {
    font-size: 0.67vw;
    padding-top: 6px;
    display: block;
    line-height: 1;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Hos';
}
header .header .nav_box .box_l a img { height: 100%; display: block; }
header .header .nav_box .box_l a img.logo-fix { position: absolute;left: 0;top: 0;z-index: 1;opacity: 0; height: 100%;}
header .header .nav_box .box_r { display: block; }
header .header .nav_box .box_r .box_r_t { display: flex; justify-content: flex-end; align-items: center; transition: all 0.5s;line-height:34px;margin-bottom:1.2%;}
header .header .nav_box .box_r .box_r_t .map { display: block; margin-right:15px; display: flex;align-items: center;color: #fff;}
header .header .nav_box .box_r .box_r_t .tel { display: block; position: relative;margin-top: -4px; color: #fff;}
header .header .nav_box .box_r .box_r_t .tel span { color: #fff; font-size: 15px; }
header .header .nav_box .box_r .box_r_t .tel p { font-size: 22px; color: #fff; display: inline-block;font-family: arial;font-weight: bold; }
header .header .nav_box .box_r .box_r_t .naniu { display: block; }
header .header .nav_box .box_r .box_r_t .naniu a { display: inline-block;font-size: 16px;color: #fff;}
header .header:hover .nav_box .box_r .box_r_t .naniu a { color: #00922d; }
header .header.vicome .nav_box .box_r .box_r_t .naniu a { color: #00922d; }
header .header .nav_box .box_r .box_r_t .naniu .sub { font-size: 14px; color: #fff; line-height: 26px; border:1px solid #fff; border-radius: 8px; display: inline-block; padding:0 15px;  margin-right: 20px;}
header .header .nav_box .box_r .box_r_t .naniu .mail span i{ font-size: 18px; color: #fff; display:inline-block; font-weight: 100; }
.nav>li{float: left;position:static; margin-top: 15px; height: 40px; display: block;}
.nav>li:last-child{margin-right: 0;}
.nav>li>a{display: block;font-size: 18px;padding: 0;color: #fff;position: relative;line-height: 55px;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav>li>a::after { content: '';position: absolute;left: 50%;right: 50%;bottom: -8px;height: 1px;background-color: #00922d;-webkit-transition-property: left,right;transition-property: left,right;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; }
.nav>li>a:hover::after, .nav>li.cur>a::after { left: 25%; right: 25%; }
.nav>li.cur>a { color: #00922d;font-weight: bold;}
.nav>li:hover>a { color: #00922d; }
.nav>li>a:focus, .nav>li>a:hover { background: none;  }
.nav>li>a span { display: block;padding:0 2vw; border-left: 1px solid rgba(255,255,255,0.3); line-height: 1;  }
.nav>li:first-child>a span { border-left: 1px solid rgba(255,255,255,0);  }
header .nav .zx { float: right;  display: flex;align-items: center; height: 50px; cursor: pointer;}
header .nav .zx img { display: block; max-width: 100%; }
.search-box{position: relative; z-index: 9999; width: 45px;}
.search-btn{ }
.search-btn img{margin: auto ;margin-right: 0;  margin-top: 38px;}
.search-btn i{margin: auto ;margin-right: 0;  margin-top: 0px;font-size:24px;color:#fff;line-height: 2;}

.search-list{margin-top:20px;}
.search_r{margin-top:20px;position:relative;}
#infoname{width:100%;height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;}
.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}
.icon_tel{height:124px; width:18vw;text-align: left;padding-left: 7%;justify-content: center;align-items: center}
.search-pro { -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: rgba(255,255,255,1); padding: 20px 30px; box-sizing:border-box; width: 400px;min-height: 200px;position: absolute;right: -20px;top:50px;opacity:0;transform: translateY(50px);transition: all .5s ease;-webkit-box-shadow: 0 0 15px rgba(29,56,75,.4);-moz-box-shadow: 0 0 15px rgba(29,56,75,.4);box-shadow: 0 0 15px rgba(29,56,75,.4);pointer-events: none;}
.search-pro::after {content: '';display: block;width: 18px;height: 18px;transform: rotate(45deg);top: -8px;right: 60px;background-color: #fff;position: absolute;}
.search-box:hover .search-pro {opacity: 1;transform: translateY(0);pointer-events: auto;}
.search{border-bottom: 1px solid #e1e1e1; height: 50px; margin-bottom: 10px;}
.search input{outline: none; border: none; font-family: "Microsoft YaHei";font-size:15px }
.search-text{width: 310px; line-height: 50px;}
.search-list dl dt{float: left; margin-right: 9px; margin-bottom: 10px;}
.search-list dl dt a{position: relative; transition: all .5s ease .3s; display: inline-block; padding: 0 18px; background: #e1e1e1; border-radius: 4px;  text-align: center;}
.search-list dl dt a:after{content: '';display: block;width: 0;transition: width .5s ease-out;height: 100%;background-color: #00922d;position: absolute;top: 0;left: 0; z-index: 0; border-radius: 4px;}
.search-list dl dt:hover a:after{width: 100%; }
.search-list dl dt span{font-size: 14px; line-height: 36px; color: #999; position: relative; z-index: 1}
.search-list dl dt:hover span{color: #fff;}
header .header .nav_box .box_r .box_r_t .map span {
    display: inline-block;
    margin-right: 5px;
    font-size: 15px;
    color: #fff;}

/*top*/
header.active { height: 100px; }
header.active .header { padding-top: 0; padding-bottom: 0px;}
header .header:hover, header.active .header { background: #fff; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);}
header .header:hover .nav_box .box_l a img.logo-fix, header.active .header .nav_box .box_l a img.logo-fix { opacity: 1; height: 100%;}
header .header:hover .nav_box .box_l a img.logo-def, header.active .header .nav_box .box_l a img.logo-def { opacity: 0; }
header .header:hover .nav>li>a, header.active .header .nav>li>a { color: #333; }
header.active .header .nav>li.cur>a { color: #00922d; }
header .header:hover .nav>li>a span, header.active .header .nav>li>a span {  border-left: 1px solid rgba(0,0,0,0.1); }
header .header:hover .search-btn i, header.active .header .search-btn i{color: #999;}
header .header:hover .nav_box .box_l p,header.active .nav_box .box_l p{color: #333;}
header .header:hover .nav_box .box_l span,header.active .nav_box .box_l span{color: #999;}
header .header:hover .nav>li:first-child>a span, header.active .header .nav>li:first-child>a span  {  border-left: 1px solid rgba(0,0,0,0); }
header .header:hover .nav_box .box_r .box_r_t .map span { color: #999; }
header .header:hover .nav_box .box_r .box_r_t .tel span { color: #999; }
header .header:hover .nav_box .box_r .box_r_t .tel p { color: #00922d; }
header .header:hover .nav_box .box_r .box_r_t .naniu .sub { color: #999; border: 1px solid #999; }
header .header:hover .nav_box .box_r .box_r_t .naniu .mail span i { color: #999; }
header .header:hover .nav .zx .h_search span img, header.active .header .nav .zx .h_search span img { opacity: 0; }
header .header:hover .nav>li.cur>a, header .header:hover .nav>li:hover>a { color: #00922d; }
header .header:hover .nav>li.cur>a::after, header .header:hover .nav>li:hover>a::after { background-color: #00922d; }
header.active .header .nav_box .box_r .box_r_t { display: none; }
header .header:hover .nav_box .box_r .box_r_t .map { display: block; margin-right:15px; display: flex;align-items: center;color: #666;}
header .header:hover .nav_box .box_r .box_r_t .tel{color: #666;}

header .header.vicome, header.active .header { background: #fff; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);}
header .header.vicome .nav_box .box_l a img.logo-fix, header.active .header .nav_box .box_l a img.logo-fix { opacity: 1; height: 100%;}
header .header.vicome .nav_box .box_l a img.logo-def, header.active .header .nav_box .box_l a img.logo-def { opacity: 0; }
header .header.vicome .nav>li>a, header.active .header .nav>li>a { color: #333; }
header.active .header .nav>li.cur>a { color: #00922d; }
header .header.vicome .nav>li>a span, header.active .header .nav>li>a span {  border-left: 1px solid rgba(0,0,0,0.1); }
header .header.vicome .nav>li:first-child>a span, header.active .header .nav>li:first-child>a span  {  border-left: 1px solid rgba(0,0,0,0); }
header .header.vicome .nav_box .box_r .box_r_t .map span { color: #999; }
header .header.vicome .nav_box .box_r .box_r_t .tel span { color: #999; }
header .header.vicome .nav_box .box_r .box_r_t .tel p { color: #00922d; }
header .header.vicome .nav_box .box_r .box_r_t .naniu .sub { color: #999; border: 1px solid #999; }
header .header.vicome .nav_box .box_r .box_r_t .naniu .mail span i { color: #999; }
header .header.vicome .nav>li.cur>a, header .header.vicome .nav>li:hover>a { color: #00922d; }


@media(max-width: 1360px) {
  .nav>li>a span{padding:0 20px;}
}
@media(max-width: 1530px) {
  header .header { padding-left: 1.5%; padding-right: 1.5%; }
}

@media(max-width: 1430px) {
  header .header { padding-left: 2%; padding-right: 2%; }
  header .header .nav_box .box_l a { height: 60px; }
}

@media(max-width: 1270px) {
  header .top .top_r ul .zx { margin-left: 20px; }
}

@media(max-width: 1230px) {
  .nav>li>a{font-size:16px;}
}

@media(max-width: 1199px) {
  header::after { display: none; }
  header .header .nav_box .box_r .box_r_t { display: none; }
  header .header { padding-top: 20px; }
  .nav>li{margin-top:20px;height:35px;}
  .nav>li>a span { padding:0 10px; }
  header .nav .zx{height:55px;}
}
@media(max-width: 1080px) {
  .nav>li>a span{padding:0 14px;}
}
@media(max-width: 991px) {
  header .nav .zx { height: 70px; }
  header.active .search_box { top: 70px; }
  header .header { padding-top: 0px; padding-bottom: 0px; }
  header .header .nav_box { align-items: center; }
}

/*dh*/
header ul li .xiala { position: absolute;background: rgba(255,255,255,1);width: 100%;top: 136px;left: 0; z-index: 999; display: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
header.active ul li .xiala { top: 100px; }
header ul li .xiala .container_p { padding:40px 8.4% 40px 4.1%; overflow: hidden; margin:0 auto; display: block;background:#fff; }
header ul li .xiala .container_p .nav2_r { float: right;  width: 25%;}
header ul li .xiala .container_p .nav2_r img { display: block; max-width: 100%; }
header ul li .xiala .container_p .nav2_l { float: left; width: 70%; }
header ul li .xiala .container_p .nav2_l .desc { overflow: hidden; }
header ul li .xiala .container_p .nav2_l .desc .en { font-size: 30px;line-height: 40px;color: #333;}
header ul li .xiala .container_p .nav2_l .desc .list { font-size: 16px;line-height: 24px;margin-top: 10px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 30px;font-family: 'axt';}
header ul li .xiala .container_p .nav2_l .nav-er-list { margin-top:10px;overflow: hidden; float: left; }
header ul li .xiala .container_p .nav2_l .nav-er-list a{ display: inline-block; }
header ul li .xiala .container_p .nav2_l .nav-er-list a span {font-size: 18px;line-height: 24px;color: #666;margin-right: 25px;padding-right: 15px;transition: all 0.5s;background: url(https://memberpic.114my.com.cn/gs1688/uploadfile/image/20250609/20250609205323_1704369824.png) no-repeat right center; font-family: 'axt';}
header ul li .xiala .container_p .nav2_l .nav-er-list:hover a span { color: #00922d; background: url(https://memberpic.114my.com.cn/gs1688/uploadfile/image/20250609/20250609205323_2006005091.png) no-repeat right center;}

header ul li .xiala .container_p .nav2_l .nav-er-list1 { margin-top:10px;overflow: hidden; float: left; width:100%;border-bottom: 1px #eee solid;
    padding-bottom: 1%;}
header ul li .xiala .container_p .nav2_l .nav-er-list1 a{ display: inline-block; }
header ul li .xiala .container_p .nav2_l .nav-er-list1 a span {font-size: 18px;line-height: 24px;color: #00922d;margin-right: 25px;padding-right: 15px;transition: all 0.5s;background: url(https://memberpic.114my.com.cn/gs1688/uploadfile/image/20250609/20250609205323_1704369824.png) no-repeat right center; font-family: 'axt';font-weight: bold;}
header ul li .xiala .container_p .nav2_l .nav-er-list1 a .dhwzx{font-size: 16px;font-weight: normal;color: #999;background:none;font-family: 'axt';}
header ul li .xiala .container_p .nav2_l .nav-er-lis1t:hover a span { color: #00922d; background: url(https://memberpic.114my.com.cn/gs1688/uploadfile/image/20250609/20250609205323_2006005091.png) no-repeat right center;}

header ul li .xiala .container_p .nav-box { overflow: hidden; } 
header ul li .xiala .container_p .nav-box>span { font-size: 22px; line-height: 40px;color: #333;overflow: hidden; display: block; }
header ul li .xiala .container_p .nav-box>.nav-box_nr { overflow: hidden; margin-top: 20px; }
header ul li .xiala .container_p .nav-box>.nav-box_nr .nav3-box { margin-bottom: 20px; overflow: hidden; padding:10px;}
header ul li .xiala .container_p .nav-box>.nav-box_nr .nav3-box:hover { background: #f9f9f9; }
header ul li .xiala .container_p .nav-box>.nav-box_nr .nav3-box a { display: block; }
header ul li .xiala .container_p .nav-box>.nav-box_nr .nav3-box a .nav3-box_l { width: 20%; float: left;}
header ul li .xiala .container_p .nav-box>.nav-box_nr .nav3-box a .nav3-box_r { float: right; width: 80%; }
header ul li .xiala .container_p .nav-box>.nav-box_nr .nav3-box a .nav3-box_r .nav3-box_r_t { font-size: 16px;line-height: 1.5;color: #333;margin-bottom: 5px; }
header ul li .xiala .container_p .nav-box>.nav-box_nr .nav3-box a .nav3-box_r .nav3-box_r_desc { font-size: 14px;line-height: 1.6;color: #999; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
header ul li .xiala .container_p .nav-box>.nav-box_nr>.nav3-pro { display: block; padding-left:0; }
header ul li .xiala .container_p .nav-box>.nav-box_nr>.nav3-pro a { display: block; text-align: center; }
header ul li .xiala .container_p .nav-box>.nav-box_nr>.nav3-pro a>dt { display: block; }
header ul li .xiala .container_p .nav-box>.nav-box_nr>.nav3-pro a>dt img { max-width: 100%; display: block; border:1px solid #ddd; }
header ul li .xiala .container_p .nav-box>.nav-box_nr>.nav3-pro a p { font-size: 14px; color: #454545; line-height: 3; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
header ul li .xiala .container_p .nav2_l .nav-er-list .nypro-nav2 { display: none; transition:0.3s;}
header ul li .xiala .container_p .nav2_l .nav-er-list .nypro-nav2 a { font-size: 14px; color: #666; line-height: 1.8; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 90%; }
header ul li .xiala .container_p .nav2_l .nav-er-list .nypro-nav2 a:hover { color: #00922d; }
header ul li .xiala .container_p .nav2_l .nav-er-list:hover .nypro-nav2 { display: block; }
header.active .header .nav_box .box_l a { height: 70px; }
header.active .header .nav_box { align-items: center; height: 100px; }



@media(max-width: 1199px) {
  header ul li .xiala { display: none!important; }
}
@media(max-width: 991px) {
  header.active .header .nav_box .box_l a { height: 50px; }
}
@media(max-width: 767px) {
    header.active .header .nav_box .box_l a { height: 50px; }
}
@media(max-width: 500px) {
    header.active .header .nav_box .box_l a { height: 46px; }
}
@media(max-width: 420px) {
    header .nav .zx{display:none;}
}

/*dh*/
#m-head-nav{height: 16px;position: relative;float: right;display:none;margin-right: 20px;width: 24px; z-index: 99999;}  
#m-head-nav .line{width: 24px;height: 2px;background-color: #00922d;position: absolute;left: 0px;top: 7px;}
#m-head-nav .line1{margin-top: -7px;}
#m-head-nav .line3{margin-top: 7px;}
#m-head-nav[data-active="on"] .line1{margin-top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
#m-head-nav[data-active="on"] .line2{display: none;}
#m-head-nav[data-active="on"] .line3{margin-top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
#header:hover #m-head-nav .line, #header.active #m-head-nav .line{background-color:#00922d;}

.mm-nav-box{overflow:hidden;position: fixed;top: 0;right: 0;width: 100%;height: calc(100% - 70px);z-index: 99999;display: none;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);}
.mm-nav-box[data-on="active"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);top:70px;}
.mm-nav-box .mm-wrap{position: fixed;top: 0;right: 0;width: 40%;height:100%;padding-bottom: 15px;z-index: 100;border-top: 1px solid rgba(0,0,0,.15);box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);}
.mm-nav-box .mm-wrap:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff;z-index: -1;}
.mm-nav-box .mm-nav{overflow-y: scroll;height:100%;}
.mm-nav-box .mm-nav .li1{margin: 0 10px 0 20px;line-height: 60px;border-bottom: 1px solid rgba(0,0,0,.15);}
.mm-nav-box .mm-nav .li1 .a1{display: block;color: #222222;font-size: 16px;}
.mm-nav-box .mm-nav .li1.on .a1{color: #e00000;}
.mm-nav-box .mm-nav .li1.on .mm-title{border-color: #e00000;}
.mm-nav-box .mm-nav .li1 .mm-title{position: relative;height: 45px;line-height: 45px;}
.mm-nav-box .mm-nav .li1 .mm-title .am{display:block;width:100%;height:100%;}
.mm-nav-box .mm-nav .li1 .mm-title .a1{position: absolute;top: 0;left: 0;height: 100%;z-index: 10;line-height: 45px;}
.mm-nav-box .mm-nav .li1 .mm-title .click{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mm-nav-box .mm-nav .li1 .mm-title .click:after{content: "";position: absolute;top: 50%;right: 20px;width: 6px;height: 6px;border-top: 1px solid #222222;border-right: 1px solid #222222;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);margin-top: -3px;}
.mm-nav-box .mm-nav .li1 .mm-title .mclick{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mm-nav-box .mm-nav .li1 .mm-title .mclick a{display:block;width:100%;height:100%;}
.mm-nav-box .mm-nav .li1.on .mm-title .click:after{border-color: #e00000;}
.mm-nav-box .mm-nav .li1 .mm-innav{display: none;padding: 6px 0;}
.mm-nav-box .mm-nav .li1[data-on="click"] .mm-innav{display: block;border-top: 1px solid rgba(0,0,0,.15);}
.mm-nav-box .mm-nav .li1[data-on="click"] .mm-title .click:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.mm-nav-box .mm-nav .li1[data-on="click"] .a1{color:#00922d}
.mm-nav-box .mm-nav .li1 .mm-innav li{margin: 0 10px;border-bottom: 1px solid rgba(255,255,255,.4);line-height: 1;}
.mm-nav-box .mm-nav .li1 .mm-innav li a{color: #222222;font-size: 14px;line-height: 1.4;display: block;padding: 6px 0;}
.mm-nav-box .mm-nav .li1 .mm-innav li a:hover{color:#00922d}
.mm-nav-box .mm-nav .li1 .mm-innav li .box2{margin: 0 15px;}
.mm-nav-box .mm-wrap .mmlang{padding: 0 10px;font-size: 0;display: none;}
.mm-nav-box .mm-wrap .mmlang .mmitem{height: 55px;line-height: 55px;width: 50%;font-size: 14px;color: #222222;display: inline-block;*display: inline;*zoom: 1;text-align: center;}
.mm-nav-box .mm-wrap .mmlang .mmitem.on{color:  #e00000;}
.header_space{width: 100%;height: 100px;display:none;}

@media(max-width: 1770px) {
  header::after { width: 23%; }
}
@media(max-width: 1199px) {
  .search_box .box { margin: 23px 20px 0 0; }
  header .top .top_r ul .zx { display: none; }
}
@media(max-width: 991px) {
  header { height: 70px; }
  .nav>li>a { font-size: 15px; line-height: 70px;}
  .nav>li { display: none;}
  .wap_nav { height: 70px; display: flex; align-items: center; float: right; }
  header .top .top_l { height: 70px; }
  header.active .header .nav_box { height: 70px; }
  header.active{ height: 70px; }
  #m-head-nav { display: block; }
  .mm-nav-box {display: block;}
  .header_space{height:70px;}
}
@media(max-width: 767px) {
  header .top .top_r>ul>li { display: none; }
  header { height: 50px; }
  .header_space { height: 70px; display:block !important;}
  header .top .top_l { height: 50px; }
  header .top .top_l .top_l_r { display: none; }
  .search_box { height: auto; padding-bottom: 10px; }
  .search_box .box { width: 280px; margin-right: 0; margin-top: 10px; }
  .search_box input[type=text] { width: 240px; }
  .mm-nav-box .mm-wrap { width: 100%; }
  .mm-nav-box[data-on="active"] { top: 69px; }
  .mm-nav-box .mm-nav .li1 .mm-title .a1 { font-size: 14px; color: #454545; }
  .mm-nav-box .mm-nav .li1 .mm-innav li a { color: #777; }
  .wap_nav { height: 50px; }
  .mm-nav-box{ display: block; }
  #m-head-nav { display: block; }
  header .top .top_l a img { height: 40px; }
  header .header .nav_box .box_l a { height:50px; margin:5px 0; }
  header .nav .zx { height: 50px; }
  header.active .search_box { top: 50px; }
  .search_box .form-group { margin-bottom:0; }
  header .header {     padding-left: 10px;padding-right: 10px; }
}
@media(max-width: 500px) {
   header .header .nav_box .box_l a{height:34px;}
}
@media(max-width: 390px) {
    #m-head-nav{margin-right:0;}
}
@media(max-width: 370px) {
    
}
/* banner */
.inner {margin: 0 auto;position: relative;}
.new_main_visual{position:relative; width:100%; min-height:768px; height:100vh; overflow:hidden;}
.new_main_visual .dim{content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background:url(https://memberpic.114my.com.cn/gs1688/uploadfile/image/20250609/20250609204946_1306348148.jpg) no-repeat; background-size:cover;}
.new_main_visual .visual_slider{width:100%; height:100%;}
.new_main_visual .visual_slider .swiper-slide .bg{background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;}

.new_main_visual .visual_slider .swiper-slide.slide_4 .bg{background-image:url("//memberpic.114my.com.cn/gs1688/uploadfile/image/20250609/20250609204946_1306348148.jpg")}

.new_main_visual .visual_slider .swiper-slide .video{position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; background:#000;}
.new_main_visual .visual_slider .swiper-slide .video video{width:100%; height:100%; object-fit:cover; position: relative;}
.new_main_visual .visual_slider .swiper-slide .video:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.26);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
.new_main_visual .visual_slider .swiper-slide .inner{max-width:78%; height:100%; display:flex; align-items:center; padding:0 0px; box-sizing:border-box;margin-top:2%;}
.new_main_visual .visual_slider .swiper-slide .ts{top:-28%;}
.new_main_visual .visual_slider .swiper-slide .inner .txt_boxc{width: 100%;text-align: center;}
.new_main_visual .visual_slider .swiper-slide .inner .txt_box strong{transform:translateY(50%); opacity:0; transition:0.8s; display:block; letter-spacing:0.05em; line-height:1.5;}
.new_main_visual .visual_slider .swiper-slide span{color:#2a53a3;}
.new_main_visual .visual_slider .swiper-slide .bz{color:#fff;}
.new_main_visual .visual_slider .swiper-slide .stc{font-weight:bold;}
.new_main_visual .visual_slider .swiper-slide .stx{font-weight:normal;}
.new_main_visual .visual_slider .swiper-slide .hz{color:#333; }
.new_main_visual .visual_slider .swiper-slide .txd{font-size:3.65vw; letter-spacing:0.1vw; text-shadow: 0 1px 3px #004716;}
.new_main_visual .visual_slider .swiper-slide .tx{font-size:0.9vw;}
.new_main_visual .visual_slider .swiper-slide .tx1{font-size:1.4vw;}
.new_main_visual .visual_slider .swiper-slide .tx2{font-size:3vw;}
.new_main_visual .visual_slider .swiper-slide .tm{text-shadow: 0rem 0.2rem 0rem rgba(255,255,255,1); }
.new_main_visual .visual_slider .swiper-slide .inner .txt_box p{transform:translateY(50%); opacity:0; transition:0.8s 0.1s; font-family: 'axt'; letter-spacing:0.03em; font-weight:300; margin-top:1vw; line-height:1.6;}
.new_main_visual .visual_slider .swiper-slide .inner .txt_box a{transform:translateY(100%); opacity:0; transition:0.8s 0.2s; display:inline-block; vertical-align:top; margin-top:30px; min-width:160px; padding:12px 31px; font-size:0.9vw; letter-spacing:0em; font-weight:100; border-radius:0px; box-sizing:border-box; text-align:center;background: linear-gradient(90deg, #00922d 0%, #02ba3b 100%);color:#fff;}
.new_main_visual .visual_slider .swiper-slide .inner .txt_box a i{padding-right:5px;}
.new_main_visual .visual_slider .swiper-slide.active .inner .txt_box b{transform:translateY(0); opacity:1;}
.new_main_visual .visual_slider .swiper-slide.active .inner .txt_box strong{transform:translateY(0); opacity:1;}
.new_main_visual .visual_slider .swiper-slide.active .inner .txt_box p{transform:translateY(0); opacity:1;}
.new_main_visual .visual_slider .swiper-slide.active .inner .txt_box a{transform:translateY(0); opacity:1;}
.new_main_visual .bot_wrap{position:absolute; left:0; bottom:60px; width:100%; z-index:1; display:none;}
.new_main_visual .bot_wrap .inner{max-width:80%; text-align:center;margin: 0 auto; position: relative;}
.new_main_visual .bot_wrap .controller{max-width:100%; display:inline-block; vertical-align:top; position:relative; padding-right:30px; box-sizing:border-box;}
.new_main_visual .bot_wrap .controller .pagination{width:100%; display:flex; align-items:start;}
.new_main_visual .bot_wrap .controller .pagination .swiper-pagination-bullet{width:190px; height:auto; margin-right:20px; background:transparent; border-radius:0; opacity:1;}
.new_main_visual .bot_wrap .controller .pagination .swiper-pagination-bullet:last-child{margin-right:0;}
.new_main_visual .bot_wrap .controller .pagination .swiper-pagination-bullet .rail{width:100%; height:3px; background:rgba(255,255,255,0.3); position:relative;}
.new_main_visual .bot_wrap .controller .pagination .swiper-pagination-bullet .rail .fill{width:0; height:100%; background:#fff;}
.new_main_visual .bot_wrap .controller .pagination .swiper-pagination-bullet .txt{padding:20px 0; text-align:left; opacity:0.5;}
.new_main_visual .bot_wrap .controller .pagination .swiper-pagination-bullet .txt p{font-size:14px; color:#fff; letter-spacing:-0.05em; font-weight:100;line-height:1.3;}
.new_main_visual .bot_wrap .controller .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .txt{opacity:1;}
.new_main_visual .bot_wrap .controller .move_btn{width:40px; height:22px; position:absolute; right:-14px; top:-4px;}
.new_main_visual .bot_wrap .controller .move_btn a{width:100%; height:100%; display:block; position:relative;}
.new_main_visual .bot_wrap .controller .move_btn a:before{content:""; width:12px; height:18px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.new_main_visual .bot_wrap .controller .move_btn a.pause:before{background:url()no-repeat center / cover;}
.new_main_visual .bot_wrap .controller .move_btn a.play:before{background:url()no-repeat center / cover;}
.blind {display:block; overflow:hidden; position:absolute !important; left:0; top:0; width:0px; height:0px; padding:0; margin:0; font-size:0 ;line-height:0; text-indent:-9999px;}
.behind{overflow:hidden; text-indent:-9999px; font-size:0;}
.new_main_visual .prev_btn{cursor:pointer; width:40px; height:50px; border:1px solid #fff; box-sizing:border-box; border-radius:8px; position:absolute; left:30px; top:50%; transform:translateY(-50%); z-index:2; display:none;}
.new_main_visual .prev_btn:before{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:30px; height:30px; background:url("")no-repeat center / 100% 100%; transition:0.2s;}
.new_main_visual .prev_btn:hover:before{left:43%;}
.new_main_visual .next_btn{cursor:pointer; width:40px; height:50px; border:1px solid #fff; box-sizing:border-box; border-radius:8px; position:absolute; right:30px; top:50%; transform:translateY(-50%); z-index:2; display:none;}
.new_main_visual .next_btn:before{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:30px; height:30px; background:url("")no-repeat center / 100% 100%; transition:0.2s;}
/* banner end */

.p_scrool {
    position: absolute;
    left: calc((100% - 90px) / 2);
    bottom:3%;
    color: #fff;
    width: 90px;
    z-index: 10;
}
.swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.p_scrool i {
    display: block;
    width: 20px;
    height: 30px;
    margin: 0 auto;
    border-radius: 12px;
    border: 2px #fff solid;
    position: relative;
}
.p_scrool i:before {
    content: "";
    display: block;
    width: 4px;
    height: 10px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 3px;
    animation: scrollmouse 2s linear infinite;
    box-sizing: border-box;
}
.p_scrool span {
    text-transform: uppercase;
    color: #fff;
    display: block;
    line-height: 20px;
    margin-top: 12px;
    font-size: 14px;
    text-align: center;
}
@keyframes scrollmouse {
  from {
  transform:translate(-50%,0);
  opacity:1
}
to {
  transform:translate(-50%,10px);
  opacity:0
}
}


/*products*/
.product_bg{padding:5% 0;}
.product{display: flex;justify-content: space-between; margin-top: 50px;}
/*分类*/
.product_sort{width:300px;background: #00922d;padding: 40px 20px 20px 20px;}
.product{display: flex;justify-content: space-between;}
/*左边 一级分类*/
.product_sort .markermenu{width: 260px !important;}
.product_sort .markermenu>ul>li+li{margin-top:1px;}
.product_sort .markermenu>ul>li>a{padding: 0 0 0 25px;height: 60px;line-height: 60px;background: #fff;font-size: 18px;color: #00922d;}
.product_sort .markermenu>ul>li:hover>a{background: #00a934;color: #fff;}
/*#ddsidemenubar0>ul>li+li{margin-top:20px;}*/
/*二级分类*/
.product_sort .blackwhite{display:none;}
.product_sort li:hover .blackwhite,.product_sort li.navcurrent_2 .blackwhite{display:block;visibility: inherit !important;margin-bottom: 20px;}
.product_sort .markermenu>ul>li>ul>li{margin-top: 1px;}
.product_sort .blackwhite>li>a{padding-left: 30px;height: 44px !important;line-height: 44px !important;font-size: 16px;color: #fff;font-weight: initial;font-family: 'axt';}
/*三级分类*/
.product_sort .blackwhite>li>ul{display:none;height: 100%;position:relative;left:0px !important;top:0px !important;}
.product_sort .blackwhite>li:hover>ul,.product_sort .blackwhite>li.navcurrent_3>ul{display:block;visibility: inherit !important;}
.product_sort .blackwhite>li>ul:after{content:"";display:block; width:1px;height:100%;background:#fff;position:absolute;top:0;left:30px;}
.product_sort .blackwhite>li>ul li a{height:20px;line-height:20px;padding-left:60px;font-size: 15px;color: #82baff;font-weight:lighter;}
.product_sort .blackwhite>li>ul li:hover a{color:#fff;}
/*图片*/

.pro_rc{width: 80%;}

.pro_item .divproduct_new_div {
    display: flex;
       flex-wrap: wrap;grid-column-gap: 1vw;
}
.pro_item .divproduct_new_div_item:nth-child(n+4) {
    margin: 1% 0 0;
}
.pro_item .divproduct_new_div .slick-track{width:100% !important;display: flex;}

.pro_item .divproduct_new_div_item {
    flex-shrink: 0;
    width: 32.2% !important;

background: #fff;
    padding: 18px;
    display: flex;border: 1px solid #eee;
    flex-direction: column-reverse;position:relative;
}
.pro_lc ul li a:hover{color:#fff;background-color: #347881;}

.pro_lc ul li a:hover .pro_lc ul li a:after{border: 1px solid rgb(255 255 255 / 55%);}
.pro_item .divproduct_new_div_item:hover{border-color:#00922d;}
img.product_div_item_image {
    width: 100%;
}
.pro_item .slick-dots li button:before {width: 11px; height: 11px;}
.pro_item .slick-dots li button::before{content: "" !important; background: #00922d;border-radius: 50%;}
.pro_item .slick-dots li{ border-radius: 50%;}
.pro_item .product_div_item_pic {
    border-bottom: none;transition:all .5s;
}
.pro_item .slick-initialized .slick-slide{display: flex !important;}
.pro_item .divproduct_new_div_item_content {
    padding: 22px 20px 40px;
    border-top: none;position: relative;z-index: 9;transition:all .5s;
}
.pro_item .divproduct_new_div_item:hover .divproduct_new_div_item_content{padding-top:50px;margin:-76px 20px 0;background:rgba(0,146,45,0.9);}
.pro_item .divproduct_new_div_item_a {
    font-size: 22px;
    color: #333;
    display: block;
    position: relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;
    padding-bottom: 30px;transition:all .5s;
}
.pro_item .divproduct_new_div_item:hover .divproduct_new_div_item_a{
    color:#fff;
}

.pro_item .divproduct_new_div_item_a:after {
    position: absolute;
    content: "";
    width: 40px;
    height: 2px;
    background: #00922d;
    bottom: 12px;
    left: 0;
}

.pro_item .divproduct_new_div_item:hover .divproduct_new_div_item_a:after {background: #fff;}
.pro_item .divproduct_new_div_item_body {
    font-size: 15px;
height:24px;line-height:24px;
    color: #666;overflow:hidden;text-overflow:clip;transition:all .5s;
font-family: 'axt';
}
.pro_item .divproduct_new_div_item:hover .divproduct_new_div_item_body{height:72px;color:rgba(255,255,255,0.8);}
.pro_ic .pro_item+.pro_item{display:none;}
.pro_item .divproduct_new_div>button{display:none!important;}
.pro_item .slick-dots {
    bottom: -44px;
}

.pro_item .divproduct_new_div_item:hover .product_div_item_pic {
    border-color: #00922d;transform: translateY(-10px);
}
/* adv */
.top_mag_m {
    margin-top: 2.8% !important;
}
.inside_about_content p {
    font-size: 0.16rem;
    line-height: 2em;
    color: #636363;
    z-index: 2;
    position: relative;
}

.productive_container {}
.inside_container {
    width: 100%;
background: url(https://memberpic.114my.com.cn/gs1688/uploadfile/image/20250609/20250609204235_1777079046.jpg) center;
}
/* pc product */
.index_title_content_green {
  text-align: center;
}

.index_title_content_green h3 {
  font-weight: normal;
  font-family: 'MiSans-Bold';
  color: #00922d;
  font-size: 0.52rem;
  line-height: 1.4em;
}

.index_title_content_green h6 {
  font-weight: normal;
  font-size: 0.24rem;
  color: #ccc;
  text-transform: uppercase;
  line-height: 1.4em;
}

@media screen and (max-width:1024px) {
  .index_title_content_green h6 {
    font-size: 3.6vw;
    line-height: 1.2em;
  }

  .index_title_content_green h3 {
    font-size: 6.2vw;
    line-height: 1.2em;
  }

  .index_title_content_green {
    margin-top: 8vw;
  }
}
.index_container {
    width: 90% !important;
margin:0 auto;
}
.productive_nav_content ul li {
  width: 1.76rem;
  height: 0.6rem;
  text-align: center;
  line-height: 0.56rem;
  font-size: 0.24rem;
  font-weight: normal;
  border-radius: 5px;
  border: 2px solid rgba(0, 146, 45, 1);
  color: #00922d;
  float: left;
  margin-left: 0.3rem;
  box-sizing: border-box;
  cursor: pointer;
}

.productive_nav_content ul li:first-child {
  margin-left: 0;
}

.productive_nav_content ul {
  display: table;
  margin: 0 auto;
}

.productive_nav_content ul li.cur, .productive_nav_content ul li:hover {
  background: linear-gradient(to right, rgba(0, 146, 45, 1), rgba(3, 182, 58, 1));
  border: none;
  color: #fff;
  line-height: 0.6rem;
  box-shadow: 6px 6px 20px rgba(0, 146, 45, 0.4);
}

.productive_bottom_container {
  padding-bottom: 20px;
}

.productive_about_content {
width: 50%;
    margin: 0 auto;
    text-align: center;
}
}

.productive_about_content p:first-child+p {
  width: 100%;
}

.productive_list_content {
  width: 90%;
  margin: 0 auto;
}

.productive_list_content ul li {
  width: 100%;
  margin-top: 2%;
  position: relative;
}

.productive_img {
  width: 65%;
  float: right;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 6px 6px 28px rgba(0, 146, 45, 0.28);
  box-sizing: border-box;
}

.productive_word {
  width: 6rem;
  border-radius: 10px;
  background: #fafafa;
  box-sizing: border-box;
  padding: 0.5rem 0.45rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  box-shadow: 6px 6px 28px rgba(0, 146, 45, 0.28);
}

.productive_word h3 {
  color: #00922d;
  font-size: 0.3rem;
  line-height: 1.3em;
  font-weight: normal;
  font-family:'MiSans-Bold';
  margin-bottom: 0.22rem;
}

.productive_word p {
  color: #636363;
  font-size: 0.19rem;
  line-height: 2em;
    font-family: 'axt';
}

.productive_list_content ul li:nth-child(even) .productive_img {
  float: left;
}

.productive_list_content ul li:nth-child(even) .productive_word {
  left: auto;
  right: 0;
}

@media screen and (max-width:1024px) {
  .productive_container .inside_about_title {
    margin-top: 0;
  }

  .productive_nav_content ul {
    display: block;
  }

  .productive_nav_content ul li {
    width: 22.5%;
    margin-left: 3.333%;
    border-radius: 0.5vw;
    height: 8vw;
    line-height: 7.6vw;
    border: 0.2vw solid rgba(0, 162, 154, 1);
    font-size: 3.8vw;
  }

  .productive_nav_content ul li:first-child {
    margin-left: 0;
  }

  .productive_nav_content ul li.cur, .productive_nav_content ul li:hover {
    line-height: 8vw;
    box-shadow: none;
  }

  .productive_list_content ul li {
    border-radius: 1vw;
    box-shadow: 0.6vw 0.6vw 2.8vw rgba(0, 162, 154, 0.28);
    overflow: hidden;
  }

  .productive_list_content ul li:nth-child(even) .productive_img {
    float: none;
  }

  .productive_list_content {
    width: 100%;
    padding: 0 2%;
    box-sizing: border-box;
  }

  .productive_about_content {
    margin-top: 4.5vw;
  }

  .productive_img {
    width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    float: none;
  }

  .productive_img img {
    display: block;
    width: 100%;
    height: auto;
  }

  .productive_word {
    width: 100%;
    position: static;
    border-radius: 0;
    top: 0;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    box-shadow: none;
    padding: 3vw 1vw;
  }

  .productive_word p {
    display: none;
  }

  .productive_word h3 {
    font-size: 4vw;
    line-height: 1.4em;
    text-align: center;
    margin-bottom: 0;
  }
}

/*案例*/
.jcd-title{padding:5% 0;background: url(https://memberpic.114my.com.cn/gs1688/uploadfile/image/20250609/20250609204235_1777079046.jpg) center;}
.product{height: auto;overflow: hidden; width:100%; }
.product .title{height: 86px;line-height: 86px;font-size: 78px;color: #f8f8f8;font-weight: bold;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; text-align:left; }
.product .titlex{height: 50px;line-height: 50px;font-size: 36px;color: #424242;font-weight: bold;margin-top: -66px;}
.product .line{width: 48px;height: 4px;background: #1c4b9b;margin: 20px 0px 60px 0px;float: left;}
.product .contlist{width: 100%;height: auto;overflow: hidden;margin:auto;}
.product .contlist .swiper-slide a .pic{width: 100%;height: auto;overflow: hidden;position: relative;transition: all 400ms ease 0s;background-color: #000;}
.product .contlist .swiper-slide a .pic .img{width: 100%;height: auto;transition: all 1s ease 0s;opacity: 0.8;}
.product .contlist .swiper-slide a:hover .pic .img{transform: scale(1.1);}
.product .contlist .swiper-slide a .info{width: 100%;height: auto;overflow: hidden;position: absolute;left: 0px;top: 0px;z-index: 10;padding:5% 10% 10% 5%;}
.product .contlist .swiper-slide a .info .tt{line-height: 36px;font-size: 24px;color: #fff;font-weight: bold;}
.product .contlist .swiper-slide a .info .pline{width: 22px;height: 2px;background: #e0e1e1;float: left;margin: 10px 0px 10px 0px;}
.product .contlist .swiper-slide a .info .ttx{line-height: 30px;font-size: 16px;color: #fff; font-family:axt; font-weight: lighter;}
.product .contlist .swiper-slide a .info .more{line-height: 30px;font-size: 16px;color: #1c4b9b;font-weight: bold;font-family: Arial, Helvetica, sans-serif;margin-top: 20px;}
.product .prolist{width: 100%;height: auto;overflow: hidden;margin: 0px auto 0px auto;}
.product .prolist .swiper-slide a .pic{width: 100%;height: auto;overflow: hidden;position: relative;transition: all 400ms ease 0s;}
.product .prolist .swiper-slide a .pic .img{width: 100%;height: auto;transition: all 1s ease 0s;}
.product .prolist .swiper-slide a:hover .pic .img{transform: scale(1.1);}
.product .prolist .swiper-slide a .info{width: 100%;height: auto;overflow: hidden;position: absolute;left: 0px;top: 0px;z-index: 10;padding: 10% 10% 10% 10%;}
.product .prolist .swiper-slide a .info .tt{line-height: 30px;font-size: 16px;color: #424242;font-weight: bold;}
.product .prolist .swiper-slide a .info .pline{width: 22px;height: 1px;background: #e0e1e1;float: left;margin: 5px 0px 5px 0px;}
.product .prolist .swiper-slide a .info .ttx{line-height: 24px;font-size: 14px;color: #777777;}
.product .prolist .swiper-slide a .info .more{line-height: 24px;font-size: 14px;color: #1c4b9b;font-weight: bold;font-family: Arial, Helvetica, sans-serif;margin-top: 20px;}


@media (min-width: 0px) and (max-width:1024px) {
.product{height: auto;overflow: hidden;padding: 30px 0px;background: #fff;}
.product .title{height: 40px;line-height: 40px;font-size: 36px;color: #f8f8f8;font-weight: bold;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;}
.product .titlex{height: 40px;line-height: 40px;font-size: 20px;color: #424242;font-weight: bold;margin-top: -40px;}
.product .line{width: 48px;height: 2px;background: #1c4b9b;margin: 0px 0px 20px 0px;float: left;}
.product .contlist{width: 100%;height: auto;overflow: hidden;margin: 0px auto 0px auto;}
.product .contlist .swiper-slide a .pic{width: 100%;height: auto;overflow: hidden;position: relative;transition: all 400ms ease 0s;}
.product .contlist .swiper-slide a .pic .img{width: 100%;height: auto;transition: all 1s ease 0s;}
.product .contlist .swiper-slide a:hover .pic .img{transform: scale(1.1);}
.product .contlist .swiper-slide a .info{width: 100%;height: auto;overflow: hidden;position: absolute;left: 0px;top: 0px;z-index: 10;padding: 10% 10% 10% 10%;}
.product .contlist .swiper-slide a .info .tt{line-height: 36px;font-size: 25px;color: #fff;font-weight: bold;font-family: axt}
.product .contlist .swiper-slide a .info .pline{width: 22px;height: 2px;background: #e0e1e1;float: left;margin: 10px 0px 10px 0px;}
.product .contlist .swiper-slide a .info .ttx{line-height: 30px;font-size: 16px;color: #777777; font-weight:normal;}
.product .contlist .swiper-slide a .info .more{line-height: 30px;font-size: 16px;color: #1c4b9b;font-weight: bold;font-family: Arial, Helvetica, sans-serif;margin-top: 20px;}
.product .prolist{width: 100%;height: auto;overflow: hidden;margin: 0px auto 0px auto;}
.product .prolist .swiper-slide a .pic{width: 100%;height: auto;overflow: hidden;position: relative;transition: all 400ms ease 0s;}
.product .prolist .swiper-slide a .pic .img{width: 100%;height: auto;transition: all 1s ease 0s;}
.product .prolist .swiper-slide a:hover .pic .img{transform: scale(1.1);}
.product .prolist .swiper-slide a .info{width: 100%;height: auto;overflow: hidden;position: absolute;left: 0px;top: 0px;z-index: 10;padding: 10% 10% 10% 10%;}
.product .prolist .swiper-slide a .info .tt{line-height: 30px;font-size: 16px;color: #424242;font-weight: bold;}
.product .prolist .swiper-slide a .info .pline{width: 22px;height: 1px;background: #e0e1e1;float: left;margin: 5px 0px 5px 0px;}
.product .prolist .swiper-slide a .info .ttx{line-height: 24px;font-size: 14px;color: #777777;}
.product .prolist .swiper-slide a .info .more{line-height: 24px;font-size: 14px;color: #1c4b9b;font-weight: bold;font-family: Arial, Helvetica, sans-serif;margin-top: 20px;}
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{font-size:0px;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size:0px;}

/*lc*/
.char_bg{background:url(https://memberpic.114my.com.cn/gs1688/uploadfile/image/20250609/20250609204452_1415097789.png) no-repeat center bottom;  padding: 1% 0 5% 0; background-size: cover;}

.char_con {margin-top:3vw; position: relative;}
.char_con:before{content:'';width:100%;height:10px;background:linear-gradient(to top, #eee, #f8f8f8);position: absolute;top:14px;left:0;}
.char_con ul {display: flex;justify-content: space-between;}
.char_con li {display: flex;flex-direction: column;align-items: center;position:relative;z-index:5;width:30%;}

.char_tab {
    overflow: hidden;
    max-width: 82%;
    margin: 0 auto;
}
.char_i {
    display: flex
;
    transition: 1s;
}
.char_con {
    margin-top: 3vw;
    position: relative;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}
.char_con li i {width: 75px;height: 75px;background-image: -webkit-linear-gradient(top, #fff, #f8f8f8);border-radius: 50%;font-size:  34px;color:  #00922d;display:flex;justify-content:center;align-items:center;    position: relative;}

.char_con li::hover i:before{background-position-y:-30px;}
.char_con li i:after {content:'';width: 92px;height: 92px;background: rgba(0, 146, 45,0.2);position:absolute;top: -9px;left: -9px;border-radius: 50%;opacity: 0.3;transition:1s;z-index:-1;}
.char_con li:hover i:after {transform:scale(1.1);opacity:1;}
.char_con li p{display: flex;flex-direction: column;align-items: center;font-size:20px;line-height:1.3;margin-top: 18px;color: #333;}
.char_con li span{font-size:15px; color:  #999;text-align:center;line-height: 1.4;padding:2% 4%;font-family: 'axt';}
.char_con li em {width:100%;background:url(https://memberpic.114my.com.cn/gs1688/uploadfile/image/20250609/20250609204323_142595988.png) no-repeat center;display:  flex;justify-content:  center;align-items:  center;height: 35px;font-size: 15px;font-family:  Arial;margin-bottom: 40px;}

.char_more {display: flex;border-radius: 40px;background: #000000;width: 580px;height: 50px;align-items: center;margin: 0 auto;margin-top: 60px;}
.char_more p {background-image: -webkit-linear-gradient(top, #00922d, #03b139);width: 58%;border-radius: 40px;font-size: 20px;color: #fff;height: 100%;display: flex;align-items: center;padding-left: 30px;position: relative;margin-left:-2px;}
.char_more p span {color: #fff;font-size: 26px;    font-family: Arial;line-height: 26px;}
.char_more em {font-size: 20px;color: #fff;padding-left: 44px;position: relative;display: flex;justify-content: center;align-items: center;}
.char_more p:before {position: absolute;left: 26px;}
.char_more em:before {position: absolute;left: 36px;font-size:25px;}
.char_more p d{font-size:24px;margin-right:10px;}
.char_more em d{font-size:24px;margin-right:10px;}

/*news*/
.news_con {overflow:hidden;padding-top:8%;padding-bottom:5%;background: url(https://memberpic.114my.com.cn/gs1688/uploadfile/image/20250609/20250609204235_1777079046.jpg) center;}
.news_roll {display:flex;}
.news_call {width:100%;flex-shrink:0;}
.news_call .news_div{/* display: flex; */justify-content: space-between;flex-shrink: 0;width:100%;}
.news_call .news_div{margin: 0 !important;}
.news_call .slick-list  {padding: 3% 0;}
.news_call .news_div_item{width: 30%;position: relative;transition:0.5s;padding:1.41%;background: #fff;display: flex !important;flex-direction: column; float: left;z-index: 5;box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 20px;}
@media(max-width: 1366px) {
.news_call .news_div_item{padding:1.24%;}
}
@media(max-width: 1280px) {
.news_call .news_div_item{padding:1.1%;}
}
.news_call .news_div_item_date{position: absolute;top: 36px;display: flex;left: 19px;height: 22px; color: #00922d;transition: 0.5s;font-family: Arial;font-size: 0.7vw;}
.news_call .news_div_item:hover .news_div_item_date {left: 11%;}
.news_call .news_div_item_date::before{content:'';}
.news_call .news_div_item_content{height: 11.1vw;}
.news_call .news_div_item_year, .news_call .news_div_item_month, .news_call .news_div_item_day{float: left;line-height: 22px;}
.news_call .news_div_item_title{}
.news_call .news_div_item_a {font-size:0.9vw;display: block;margin-bottom: 20px;position:relative;transition:0.3s;font-weight: normal;padding-top: 36px;}
.news_call .news_div_item_a::before{position:absolute;content:'\4e86\89e3\8be6\60c5';top: 9vw;left: 0; color: #999;font-size: 12px;transition:0.5s; text-align: center;box-sizing: border-box;font-weight:100;}
.news_call .news_div_item_body{font-size: 0.8vw;color: #666;line-height: 1.4;font-weight:100;text-overflow: ellipsis;-webkit-line-clamp: 2;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;color: #999;font-family: 'axt';}
.news_call .news_div_item_pic, .news_call .news_div_item_pic a, .news_call .news_div_item_image{width:100%;height: auto;display: block;transition: 0.5s;}
.news_call .news_div_item:hover .news_div_item_a{color:#00922d;transition:0.3s;}
.news_call .news_div_item:hover .news_div_item_a::before{}
.news_call .news_div_item:hover .news_div_item_a::after{left: ;opacity:1;}
.news_call .new_ic{overflow:hidden;margin: 3% auto 0;}
.news_call .news_div_item:hover .news_div_item_pic img  {    transform: scale(1.1);transition: 0.5s;}
.news_call .news_div_item_pic {}
.news_call .news_div_item:first-child {flex-direction:column-reverse;background: #fff;}
.news_call .news_div_item:first-child .news_div_item_date {top: 70.5%;left: 76%;color: #999;font-size: 0.7vw;}
@media screen and (max-width: 1680px){
.news_call .news_div_item:first-child .news_div_item_date{top: 70.8%;}
}
@media screen and (max-width: 1440px){
.news_call .news_div_item:first-child .news_div_item_date{top: 72%;}
}
.news_call .news_div_item:first-child  .news_div_item_a::after {top: 72%;left: 72%;}
.news_call .news_div_item:nth-child(-n+2) {width: 33%;}
.news_call .news_div_item:nth-child(2) {margin: 0 2%;flex-direction: column-reverse;background: #f8f8f8;}
.news_call .news_div_item:nth-child(2) .news_div_item_body {text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
.news_call .news_div_item:nth-child(2) .news_div_item_a,.news_call .news_div_item:nth-child(2) .news_div_item_body {/* color:#fff; */}
.news_call .news_div_item:nth-child(2):before {content:'';width:100%;height:100%;position:absolute;top:0;background: #fff;left: 0;z-index: -1;} 
.news_call .news_div_item:nth-child(2) .news_div_item_date {top: 70.5%;left: 76%;color: #999;font-size: 0.7vw;}
@media screen and (max-width: 1680px){
.news_call .news_div_item:nth-child(2) .news_div_item_date {top:71%;}
}
@media screen and (max-width: 1440px){
.news_call .news_div_item:nth-child(2) .news_div_item_date {top: 72%;}
}
.news_call .news_div_item:nth-child(2) .news_div_item_a::after {top: 74%;left: 72%;}
.news_call .news_div_item:nth-child(2) .news_div_item_a::before {/* top: 850%; */}
.news_call .news_div_item:nth-child(n+3)  {flex-direction:row-reverse;justify-content: space-between;align-items: center;}
.news_call .news_div_item:nth-child(n+3) .news_div_item_a {padding: 1% 0 0;margin-bottom: 12px;}
.news_call .news_div_item:nth-child(n+3) .news_div_item_pic {width: 30%;}
.news_call .news_div_item:nth-child(n+3) .news_div_item_content {width: 66%;height: 90px;}
.news_call .news_div_item:nth-child(n+3) .news_div_item_date {top:74.1%;left: 76%;color: #999;font-size: 0.62vw;}
@media screen and (max-width: 1680px){
.news_call .news_div_item:nth-child(n+3) .news_div_item_date {top:70%;}
}
@media screen and (max-width: 1440px){
.news_call .news_div_item:nth-child(n+3) .news_div_item_date {top:62%;}
}
.news_call .news_div_item:nth-child(n+3) .news_div_item_a::before {top: 5vw;}
.news_call .news_div_item:nth-child(n+3) .news_div_item_a::after {top: 6.1vw;left: 56%;}
.news_call .news_div_item:nth-child(n+4) {margin: 0.9% 0 0;}
.news_call .news_div_item:nth-child(2) .news_div_item_body span {
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif, "Apple Color Emoji", "Segoe UI Emoji" !important;
 font-size: 15px !important;
}

.footer{
    background: #f8f8f8 url(https://memberpic.114my.com.cn/gs1688/uploadfile/image/20250607/20250607093252_1513330365.png) no-repeat right 333px top 38px;
    -o-background-size: 671px auto;
    -ms-background-size: 671px auto;
    -moz-background-size: 671px auto;
    -webkit-background-size: 671px auto;
    background-size: 671px auto;
box-shadow: 2px -2px 5px #ccc;
z-index: 999;
position: relative;
}
.fd-con{overflow: hidden;padding: 103px 0 85px; font-family: 'axt';}
.fd-l{float: left;margin-right: 137px;}
.fd-logo{margin-bottom: 34px;}
.fd-logo img{display: block;height: 59px;}
.fd-nv{overflow: hidden;width: 400px;}
.fd-nv a{width: 24.33%;float: left;font-size: 0.92vw;color: #666;line-height: 44px;}
.fd-nv a:hover{color: #00922d;}
.fd-content{float: left;padding-top: 4px;}
.fd-content .tit{font-size: 22px;margin-bottom: 14px;font-weight: normal;}
.fd-content .tel{font-size: 34px;color: #00922d;font-family: 'srm';
    padding-left: 51px;margin-bottom: 9px;
    background: url(https://memberpic.114my.com.cn/gs1688/uploadfile/image/20250607/20250607090957_5470662.png) no-repeat left center;
    -o-background-size: 36px auto;
    -ms-background-size: 36px auto;
    -moz-background-size: 36px auto;
    -webkit-background-size: 36px auto;
    background-size: 35px auto;
}
.fd-content .desc{font-size: 0.92vw;line-height: 1.94;color: #666;}
.fd-content .desc p{line-height: 1.94;}
.fd-shre{float: right;padding-top: 4px;}
.fd-shre .tit{font-size: 22px;margin-bottom: 34px;font-weight: normal;position: relative;padding-bottom: 25px;}
.fd-shre .tit:after{content: '';position: absolute;left: 0;bottom: 0;
    width: 32px;height: 1px;
    background-color: #313131;
}

.fd-shre .bdsharebuttonbox a{float: left;width: 36px;height: 36px;
    background-position: center;background-repeat: no-repeat;
    padding: 0;margin: 0 13px 0 0;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;

}
.fd-shre .bdsharebuttonbox a i{line-height:36px; text-align:center;display: block;}

/*link*/
.links{width:100%; overflow:hidden; padding:30px 0; line-height: 30px; background:#00922d;}
.linksW{ margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
.links_l{ width:150px; background: url(https://memberpic.114my.com.cn/gs1688/uploadfile/image/20250609/20250609203946_1637219597.png) left no-repeat; padding-left: 50px;}
.links_lm{font-size:17px; line-height:30px; color:#fff; width:100px;}
.links_r{ width:93%; color:#fff; padding-left: 30px;}
.links_r a{font-size:15px; color:#fff;}

.fd-desc{padding:20px 0;text-align: center;font-size: 15px;border-top:1px solid #ddd; font-family: 'axt';}
.fd-desc a{font-size: 15px;}
.fd-desc .item{line-height: 1.9;}

.social {padding-top:0px;clear: both;}
.social a { position: relative; font-size: 13px; color: #999; display: inline-block; line-height: 25px; transition:0.3s all ease-in-out; float: left;display: block;margin-right:16px; margin-top:18px;background: rgba(0,0,0,0.05);padding: 2.5% 2.5%;border-radius: 20px;}
.social a img{ display: block}
.social a i{font-family: 'iconfont'; font-size: 16px; color: #999;}
.social a:hover{}
.social a:hover img{filter: contrast(0) brightness(2);}
.social a:hover .ewm img{filter: grayscale(1%);}
.social .ewm { position: absolute; width: 100px; bottom: 45px; right: -43px; z-index: 1; display: none; padding: 5px; background: #fff; border-radius: 5px; }
.social .ewm:after{ content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; bottom: -5px; left: 52.5px; }
.social .ewm img { display: block; width: 100%; height:auto; }
/*--kf--*/
.kf{position:fixed;right:-100px;bottom:20%;width:50px;z-index:999;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.kf.on{right:15px}
.kf .kf_div{box-shadow:0 0 18px rgba(0,0,0,.1);margin-bottom:8px}
.kf .kf_div:last-child{margin-bottom:0}
.kf .item{width:50px;height:50px;background:#fff;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative}
.kf .item:first-child{border-top-left-radius:6px}
.kf .item:last-child{border-bottom-left-radius:6px}
.kf .item .box{font-family: "srm"; position:absolute;left:90px;top:50%;transform:translateY(-50%);z-index:-1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;width:298px;height:50px;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.1);border-radius:25px;margin-right:8px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-size:26px; color:#00922d}
.kf .item .box:before{width:10px;height:100%;position:absolute;right:-9px;top:0;content:''}
.kf .item .box i{width:32px;height:32px;display:block;border-radius:50%;margin:0 18px 0 17px;background:#00922d;color:#fff;    text-align: center;
    line-height: 32px;}
.kf .item .box2{width:154px;position:absolute;left:90px;top:50%;transform:translateY(-50%);z-index:-1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.1);padding:15px 0 20px;border-radius:6px}
.kf .item .box2:before{width:10px;height:100%;position:absolute;right:-9px;top:0;content:''}
.kf .item .box2 h3{width:100%;text-align:center;font-size:24px;color:#00922d;font-weight:700}
.kf .item .box2 img{width:133px;height:133px;margin:5px 0}
.kf .item .box2 div{font-size:16px;line-height:22px;color:#666;text-align:center}
.kf .item:hover a{color:#fff;}
.kf .item:hover{background:#00922d;color:#fff;}
.kf .item:hover .box{left:-306px}
.kf .item:hover .box2{left:-164px}
.kf .item:hover a img{display:none}
.kf .item:hover a img.on{display:block}
.kf .item a{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;z-index:1;font-size:26px;color:#999;}
.kf .item a:hover i{color:#fff;}
.kf .item a img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;max-width:50%}
.kf .item a i{font-size:26px;color:#999;}
.kf .item a img.on{display:none;max-width:50%}

@media (max-width:768px){.kf{top:auto;bottom:10px;left:50%;margin-left:-80px;transform:translateY(0);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row}

.kf .kf_div{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;height:40px}

.kf .item{width:40px;height:40px;border-radius:0!important}

.kf .item a img{max-width:50%}

.kf .item:hover .box{left:-50px;opacity:1;top:-30px}

.kf .item:hover .box2{left:-40px;opacity:1;top:-70px}

.kf .item .box{left:-50px;top:-20px;opacity:0;width:140px;font-size:14px;height:40px;border-radius:20px;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}

.kf .item .box:before,.kf .item .box i{display:none}

.kf .item .box2{left:-40px;top:-50px;opacity:0;width:120px;height:120px;padding:5px}

.kf .item .box2:before,.kf .item .box2 h3,.kf .item .box2 div{display:none}

.kf .item .box2 img{width:110px;height:110px}

.idx_service{width: 100%; height: auto; padding: 2vw 0; background: url() no-repeat bottom; overflow: hidden;}