@charset "utf-8";


.kzqy .icon-zuojiantou:before{ font-size:0px;}

.slick-prev:before {content: '' !important; color: #ccc !important;font-size:14px !important;}
.slick-next:before {content: '' !important; color: #ccc !important;font-size:14px !important;}
.pro_call .ban_dot {/* display:none !important; */}
.slick-prev {left: 0px !important; background:url(//memberpic.114my.com.cn/shannong88/uploadfile/image/20240816/20240816113603_1002257693.jpg) no-repeat #fff 20px !important;width:60px !important;height:60px !important;border-radius: 50%;z-index: 5;}
.slick-next {right: 0px !important;background:url(//memberpic.114my.com.cn/shannong88/uploadfile/image/20240816/20240816113603_1119153064.jpg) no-repeat #fff 20px !important;width:60px !important;height:60px !important;border-radius: 50%;z-index: 5; border: 2px solid #21ad42 !important;}
.pro_call .slick-prev:before, .pro_call .slick-next:before {opacity: 1;transition: all ease 0.5s;}

/*服务*/
.pro {padding:0 0 8px 0; position: relative;z-index: 66; background:#fff;}
.pro:after {content:'';background: url(//memberpic.114my.com.cn/shannong88/uploadfile/image/20210926/20210926151736_1921179462.png)no-repeat center;position: absolute; left: 0;width: 100%;height: 162px;z-index: 99999999991; background-size: contain;}
.pro_tit {display:  flex; justify-content:  center;flex-direction:  column; align-items:  center;}
.pro_tit span {font-size: 40px;line-height: 50px;position: relative;background: url(//memberpic.114my.com.cn/shannong88/uploadfile/image/20210929/20210929160425_902752692.png)no-repeat center;width: 100%; text-align: center;}
.pro_tit p {font-size: 18px;line-height: 20px;padding-top: 15px;color:#999;}

.pro_nav {overflow: hidden;background: #f3f3f3;}
.pro_nav ul {display: flex;justify-content: space-between;align-items: center;height:180px;}
.pro_nav li {width:34%;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%; transition: 0.5s;/*border-top:1px solid #ddd;border-bottom: 1px solid #dddddd;*/position: relative;}
.pro_nav li:after {content:'';width: 1px;height:4.4vw;background: #ddd;position: absolute;right:0;top:2.6vw;}
.pro_nav li:last-child:after {display:none;}
.pro_nav li.on {transition: 0.5s;background: #21ad42;color: #fff;}
.pro_nav li.on a ,.pro_nav li.on i {color:#fff;transition: 0.5s; }

.pro_nav li.on:after {display: none;transition: 0.5s;}
.pro_nav li i {font-size: 36px;line-height: 36px; color: #333;}
.pro_nav li i img{ filter: grayscale(0%) brightness(0%); width:2.5vw;}
.pro_nav li.on i img{filter: grayscale(0%) brightness(100%); }
.pro_nav li a {font-size:26px;display: flex;flex-direction: column;align-items: center;line-height: 28px;padding-top: 10px; font-family:hs_b; color:#666;}
.pro_nav li a span {font-size: 13px;color: #ccc; text-transform: uppercase;}
.pro_con {overflow: hidden;}
.pro_adv {display: flex;flex-wrap: wrap; height:39rem;overflow: hidden;}
.pro_int {display: flex;justify-content: space-between;align-items: center;height:100%;width:100%;}
.pro_txt {width:40%;/*height: 100%;*/display: flex;flex-direction: column; margin-top: -2%;}
.pro_txt p {/*display: flex;*/flex-direction: column;line-height:58px;font-size:2.35vw;font-weight: bold; color:#333; letter-spacing:1px; font-family: "Microsoft YaHei"; float:left;}
.pro_txt p b{ color:#21ad42; }
.pro_txt p span {font-size: 13px;color: #ccc;font-weight: normal;text-transform: uppercase;font-family: Arial; margin-top:6px; display:block; letter-spacing:0px;}
.pro_txt p i {width: 40px;height: 3px;background:#21ad42;margin-top: 20px; }
.pro_txt em {font-size:22px; color:#333; line-height: 36px;margin-top: 60px;}
.pro_txt a {width: 205px;height: 52px;background:#21ad42;font-size: 16px;text-align: center;line-height: 52px;color: #fff;display: inline-block;margin-top: 18%;transition: all 0.2s; letter-spacing: 1px;}
.pro_txt a:hover{width: 325px;transition: all 0.2s; letter-spacing: 3px;}
.pro_pic {width:57%; }
.pro_top {width:100%;overflow:hidden; /*box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); padding:20px;*/}
.pro_top td {width:100%;height:100%;}
.pro_top td+td {display:none;}
.pro_top td img {width:100%;height:auto;}
/*.pro_top img{width:100%;height:auto;} */
.pro_top td br {display:none;}
.pro_call {width: 100%;margin: 0 auto;margin-top: 50px;overflow: hidden; padding-bottom: 25px;}
.pro_call td{float: left;position: relative;margin-left: 0.3%;overflow: hidden;padding-left:0!important;}
.pro_call td br{display:none;}
.pro_call td{width:24.7%;height:100%;}
.pro_call td>a,.pro_call td>a>img{width:100%;height:auto;transition:0.5s;}
.pro_call td span {padding-top: 0px !important;position: absolute;transition: 0.5s;bottom: 0;left: 0;width: 100%;background: #fc0100;height: 50px;transform: translateY(50px);transition:0.5s;}
.pro_call td:hover span{transform: translateY(0px);transition:0.5s;}
.pro_call td span a{color: #fff;font-size: 19px;line-height: 50px;}



@media screen and (max-width:999px) and (min-width:800px) {
    .box1 {max-width:990px;margin: 0 auto;}
}
@media screen and (max-width:1099px) and (min-width:1000px) {
    .box1 {max-width:1070px;margin: 0 auto;}
}
@media screen and (max-width:1299px) and (min-width:1100px) {
    .box1 {max-width:1280px;margin: 0 auto;}
}
@media screen and (max-width:1499px) and (min-width:1300px) {
    .box1 {max-width:1490px;margin: 0 auto;}  
}
@media screen and (max-width:1920px) and (min-width:1500px) {
    .box1 {max-width:1400px;margin: 0 auto;}
}

/*int*/
.int {width: 100%;padding: 50px 0 0 0;overflow: hidden;background:#fff;}
.int_box {display: flex;justify-content: space-between;}
.int_box ul {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.int_box li {padding:24px;display: flex;justify-content: space-between;align-items: center; width: 24%;transition: 0.5s;   border: 1px solid #eee;}
.int_box li:hover {transform: translateY(-10px);}
.int_box li p {font-size: 22px;line-height: 24px;display: flex;flex-direction: column;}
.int_box li p span {font-size: 14px;color: #999999;line-height:  16px;padding-top: 10px;}
.int_box li a {width: 64px;height: 64px;background: #21ad42;border-radius: 10px; line-height:22px; color: #fff;font-size: 15px;display: flex;justify-content: center;align-items: center; padding: 17px;}
@media screen and (max-width:999px) and (min-width:800px) {
    .box1 {max-width:990px;margin: 0 auto;}
}
@media screen and (max-width:1099px) and (min-width:1000px) {
    .box1 {max-width:1070px;margin: 0 auto;}
}
@media screen and (max-width:1299px) and (min-width:1100px) {
    .box1 {max-width:1280px;margin: 0 auto;}
}
@media screen and (max-width:1499px) and (min-width:1300px) {
    .box1 {max-width:1490px;margin: 0 auto;}  
}
@media screen and (max-width:1920px) and (min-width:1500px) {
    .box1 {max-width:1400px;margin: 0 auto;}
}

.pro_top {transition: 0.5s;width: 100%;flex-shrink: 0; flex-shrink: 0;/*margin-top: 5%;*/}


.pro_top .new_web_div2021 {display: flex; justify-content: space-between;flex-direction: column;}
.pro_top .new_web_div2021 ul {width: 32.6%;display: flex;margin-top: 1%;}
.pro_top .new_web_div2021 li+li{margin-left:3%;}
.pro_top .new_web_div2021 li {width: 100%; position: relative;overflow: hidden;border-radius: 10px;flex-shrink: 0;}

.pro_top .new_web_div2021 li  img {width: 100%;height: auto;border-radius: 10px;transition: all 0.2s;}
.pro_top .new_web_div2021 li  img:hover{transform: scale(1.1);transition: all 0.2s;border-radius: 10px;}
.pro_top .new_web_div2021 li  p  {    position: absolute;bottom: 0;left: 0;width: 100%; height: 25%;background:linear-gradient(rgba(255,255,255,0.01),rgba(0,0,0,1));   border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; display: flex; align-items: center; justify-content: center;}
.pro_top .new_web_div2021 li  p a {font-size: 15px; line-height: 24px;font-weight: lighter; color: #fff;}

/*服务*/
.choo {padding:0 0 0; position:relative;z-index: 5;}
.choo .t2 p{ color:#fff;}
.choo .t2 h3{ color:#fff;}
.choo .t2 h3 span{color: rgba(255,255,255,0.1);}
.choo:after {content:'';background: url(//memberpic.114my.com.cn/shannong88/uploadfile/image/20240816/20240816113820_898238447.jpg) no-repeat center top;width: 100%;height: 160%;position:absolute;top: -0%;left:0;z-index: -1; background-size: cover; background-attachment: fixed;}
.choo_box { max-width:  1400px; margin:  0 auto;}
.choo_tit {display: flex;flex-direction: column;align-items: center;}
.choo_tit span {font-size: 42px;line-height: 42px;position: relative;color: #fff;}
.choo_tit span:before {content:'';width:160px;height: 1px;background: rgba(255,255,255,0.3);position: absolute;top: 23px;left: -27%;}
.choo_tit span:after {content:'';width:1px;height: 20px;background: rgba(255,255,255,0.3);position: absolute;top: 14px;left: -4%;}
.choo_tit span b {position: relative;}
.choo_tit span b:before {content:'';width:160px;height: 1px;background: rgba(255,255,255,0.3);position: absolute;top: 31px;right: -27%;}
.choo_tit span b:after {content:'';width:1px;height: 20px;background: rgba(255,255,255,0.3);position: absolute;top: 22px;right: -4%;}
.choo_tit p {font-size: 18px;color: #fff;padding-top: 24px;}
.choo_con {display:  flex;margin-top:0px;justify-content: flex-end;position:  relative;}
.choo_con:after {content:'';width: 50%;height:50%;background:#21ad42;position:absolute;bottom: 0;left:0;left: -18%;}
.choo_con ul {display: flex;width: 85%;}
.choo_con li {display: flex;flex-direction: column;width: 21%;}
.choo_con li.on .choo_txt {background: #21ad42;color: #fff;}
.choo_con li:nth-child(2n) {flex-direction:column-reverse;}
.choo_txt {background:  rgba(255,255,255,1);padding:24.9% 10%;display:  flex;justify-content:  center;align-items:  center;flex-direction:  column;}
.choo_txt i {font-size: 60px; color:#000; line-height:60px;}
.choo_txt p {display:  flex;flex-direction:  column;align-items:center; color:#000; font-size:  22px; padding-top: 10px;}
.choo_txt p span {font-size: 17px;color: #999;text-transform:  capitalize; font-family:  Arial; line-height:30px;font-weight:  normal;}
.choo_con li.on .choo_txt p span{color: #fff;}
.choo_con li.on .choo_txt i{ color:#fff;}
.choo_con li.on .choo_txt p{ color:#fff;}
.choo_con li.on .choo_txt i img{filter: contrast(0) brightness(2)}

.choo_sub {display: flex;flex-direction: column;position:  absolute;bottom: 45px;left: 0;width: 32%;z-index: 1;}
.choo_sub em {font-size: 30px; color:  #fff; line-height:34px;}
.choo_sub b {font-size: 60px;font-family: Arial;font-weight: 1000;text-transform: uppercase;color:  #fff; line-height:76px;}
.choo_pic i {width:  100%; display:  inline-block;}
.choo_pic i img {width: 100%;height: auto;}

/*products*/
.pro_lc{width: 21%;background:linear-gradient(to right,#21ad42,#41b766); padding: 42px 2%;border-radius: 12px;position: relative; float: left; }
.pro_rc{width: 77%;overflow: hidden;padding: 0px 0;}
.pro_ct{display: flex;align-items: center;padding-bottom:13%;border-bottom: 1px rgba(255,255,255,0.4) solid;margin-bottom:12%;}
.pro_ct>span{width:42px;height:42px; color: #fff;font-size: 26px;text-align: center;line-height: 48px;margin-right:15px; background:url(//memberpic.114my.com.cn/shannong88/uploadfile/image/20240731/20240731094533_785166118.png) no-repeat;}
.pro_ct>div>b{display: block;font-size: 30px;color: #fff;}
.pro_ct>div>p{font-size: 14px;font-family: "Arial";color: #fff;margin-top: 5px;}
.pro_lc>em{color: #fff;font-size: 20px;margin:45px 0;}
.pro_lc>p{background: #fff;padding: 25px;border-radius: 6px;margin-top:29%;}
.pro_lc ul a{display: block;font-size: 16px;color: #fff;position: relative;padding-left: 32px;}
.pro_lc li{ padding:6.6% 0;}
.pro_lc ul a:after{position: absolute;content: "";width: 10px;height: 10px;border-radius: 100%;border: 1px solid rgba(255,255,255,0.55);top: 2px;left: 0;transition: all .5s;}
.pro_lc ul li.on a:after{background: #fff;}
.pro_lc ul li.on{background: linear-gradient(to top, #339900, #52c119);padding:8% 9%;}



/*.prol_top{ background:linear-gradient(to right,#21ad42,#41b766); width: 100%; height: 106px;position:relative;}
.prol_top a{ display: block; color: #fff; font-size:28px;font-weight:bold; line-height:32px; padding: 28px 22px 20px 74px; height:106px; background:url(//memberpic.114my.com.cn/shannong88/uploadfile/image/20240731/20240731094533_785166118.png) no-repeat 20px 32px;}
.prol_top a em{text-transform: uppercase; display: block; color: #fff; line-height: 20px; font-weight:normal; letter-spacing:0.9px; font-size: 14px; opacity: 0.5;}
.prol_top:before{font-size:40px;color:#000;position:absolute;top:calc(60% - 30px);right:25px;line-height:100%;opacity: 0.3;}
/*.ylfenlei:before {content: "\eb67";}*/
/*.prol_con {padding: 0px 0;background: #fff;}
.prol_con *{ transition: 0.3s all ease; }
.prol_con > table > tbody > tr,.prol_con > table > tbody,.prol_con > table{ display: block; width: 100% !important; border: 0 none; }
.prol_con > table > tbody > tr > td:first-child{ line-height: 54px; width: 100%; display: block; padding: 0 !important; }
.prol_con > table > tbody > tr{    border-bottom: 1px #fff solid;}
.prol_con > table > tbody > tr > td:first-child > b > a{background: #e9f1ec url(//memberpic.114my.com.cn/shannong88/uploadfile/image/20240816/20240816113603_580915207.png) no-repeat 30px center; display:block; position: absolute; left: 0; width: 100%; top: 0; font-size: 18px; font-weight: bold; padding: 0 30px 0 50px; text-align: left;line-height: 58px; }
.prol_con #showfennei a{line-height: 40px;}
@media screen and (max-width: 1440px){
.prol_con #showfennei a{line-height: 31px;}
.prol_con #showfennei a{margin-left: 0px !important;}
}
@media screen and (max-width: 1366px){
.prol_con #showfennei a{line-height: 28px;}
.prol_con #showfennei a{margin-left: 0px !important;}
}
.prol_con #showfennei{height: 40px;}
@media screen and (max-width: 1440px){
.prol_con #showfennei{height: 31px;}
}
@media screen and (max-width: 1366px){
.prol_con #showfennei{height: 28px;}
}
.prol_con > table > tbody > tr > td:first-child > b > a:hover{color:#21ad42 !important;}
.prol_con > table > tbody > tr > td:first-child > b > a:after{         }
.prol_con > table > tbody > tr > td:first-child > b{ font-size: 0px; font-size: 0em; display:block; position: relative; height: 60px; }
.prol_con > table > tbody > tr > td > div{ width: 100%;  background: #fff; line-height:0}
.prol_con > table > tbody > tr > td > div:after{ content: ''; display: block; clear: both; }
.prol_con > table > tbody > tr > td:hover b a{color:#21ad42 !important;}
.prol_con > table > tbody > tr > td > div > a{ display: block;  padding: 0 0 0 45px !important; line-height: 55px; width: 175px; font-size: 14px; color: #666 !important; border-top: 1px dashed #e5e5e5; float: left; margin: 0 30px; background: url() no-repeat 15px center; }
.prol_con > table > tbody > tr > td > div > a:first-child {border-top: 0 none;margin-top: 15px !important;display: block;}
.prol_con > table > tbody > tr > td > div > a:nth-last-child(1){margin-bottom: 15px !important;}
.prol_con > table > tbody > tr > td::hover a{color:#21ad42;}
.prol_con  #showfennei{width:33%;}
.prol_con  #showfennei a{ padding-left: 24px; background: url(//memberpic.114my.com.cn/shannong88/uploadfile/image/20240816/20240816113603_1512860176.png) no-repeat 15px center; display:block;margin-left: 10px; padding-left: 30px;}
.prol_con  #showfennei a:hover{color: #00904a;}*/*/
.pro_tel{ background:linear-gradient(to right,#21ad42,#41b766);padding: 17px 25px 17px 85px; font-size: 15px; color: #fff; line-height: 20px;position:relative;}
.pro_tel:before{font-size:46px;color:#fff;line-height:100%;position:absolute;top:calc(50% - 23px);left:25px;}
.pro_tel > strong{ display: block; color: #fff; font-size: 22px; font-family: arial; line-height: 30px; }
.yldianhua1:before {
    content: "\e8bc";
}
.z_img {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 22px;
    right: 0;
    background: no-repeat;
}

.case_con .gy{margin-top:0px;}
.pro_ri{width:76%;float:right;}
.pror_tab {width:100%;height:80px;background:#f8f8f8;}
.pror_tab li{width:180px;line-height:80px;position:relative;height: 80px;
    float: left;}
.pror_tab li a{display: block;text-align: center;font-size:18px;line-height:80px;}
.pror_tab li:after{content:'';width:0;height:5px;background:#21ad42;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.pror_tab li.on:after{width:100%;}

.pror_list{margin-top:15px;}
.prorl_item tbody,.prorl_item td,.prorl_item td span{display:block;}
.prorl_item tr{display:flex;margin-bottom:0.8%;}
.prorl_item td{width:calc((100% - 20px) /3);padding:0 !important;}
.prorl_item td+td{margin-left:1.3%;}
.prorl_item td>a{display: block;border: 1px solid #eee;overflow:hidden;position:relative;}
.prorl_item td img{width:100%;height:auto;position:absolute;top:0;left:0;transition:0.5s;}
.prorl_item td:hover img:nth-child(1){z-index:2;transform:scale(1.6);opacity:0;}
.prorl_item td br{display:none;}
.prorl_item td span{background: #fff;border: 1px solid #eee;margin-top: -1px;height:50px !important;position: relative;}
.prorl_item td span a{font-size:16px;color:#222;line-height:50px;width: 100%;height: 100%;display: block;position: relative;z-index:9;transition: 0.3s ease all;}

/*.prorl_item td span:after{content:'+MORE';width:80px;height:30px;background:#eee;display:block;font-size:12px;color:#949494;line-height: 30px;    font-family: 'Arial';text-transform: uppercase;margin: -30px auto 0;position: relative;z-index:9;transition: 0.3s ease all;}
.prorl_item td span:before{content:'';width:100%;height:0;background:#21ad42;position: absolute;bottom:0px;left:0;transition: 0.3s ease all;}*/
.prorl_item td:hover span:before{height:100%;}
.prorl_item td:hover a{color:#000;}
.prorl_item td:hover span:after{border-radius: 15px;margin-top:-35px;height:25px;line-height:25px}


.prorl_item td span a:after{content:'+MORE';width:calc(100% + 2px);height:50px;background:#21ad42;display:block;font-size:12px;color:#949494;line-height: 50px;font-family: 'Arial';text-transform: uppercase;margin: -30px auto 0;position: absolute;bottom:0;left:-1px;opacity:0;z-index:9;transition: 0.3s ease all;}
.prorl_item td:hover span a:after{bottom:-50px;opacity:1;color:#fff;}

/*case*/
.case {overflow: hidden;    position: relative; z-index: 5;}
.case:before {content:'';width:10%;height:30.8%;background:#21ad42;position:absolute;top:0;left:0;z-index: -1;}
.case_box {max-width: 1650px; margin: 0 auto;}
.case_con {background:  #fff;box-shadow:  0 0 20px #ddd;padding:0 2% 90px 2%; margin: 0 0 1%;overflow: hidden;}
.case_con1 {background:  #fff; padding:  70px 70px 0 70px;    margin: 0 0 1%;overflow: hidden;}
.case_calla { position: relative; overflow:hidden;}
.case_calla {transition: 0.5s;width: 100%;flex-shrink: 0; margin-top: 40px;}
.case_calla .new_web_div2021 {/*display: flex; justify-content: space-between;*/}
.case_calla .new_web_div2021 ul {width: 49.4%;}
.case_calla .new_web_div2021 li {width: 100%; position: relative;overflow: hidden;border-radius: 10px;}
.case_calla .new_web_div2021 li+li {margin-top:3%;}
.case_calla .new_web_div2021 li  img {width: 100%;height: auto;border-radius: 10px;transition: all 0.2s;}
.case_calla .new_web_div2021 li  img:hover{transform: scale(1.1);transition: all 0.2s;border-radius: 10px;}
.case_calla .new_web_div2021 li  p  {    position: absolute;bottom: 0;left: 0;width: 100%; height: 25%;background:linear-gradient(rgba(255,255,255,0.01),rgba(0,0,0,1));   border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; display: flex; align-items: center; justify-content: center;}
.case_calla .new_web_div2021 li  p a {font-size:20px; line-height: 24px;font-weight: lighter; color: #fff;}

/*优秀*/
/* adv */
.product{ overflow:hidden; background: url(//memberpic.114my.com.cn/shannong88/uploadfile/image/20240731/20240731211412_906317237.png) center no-repeat; padding-top:74px;height:950px}
.product .title{ margin-bottom:22px;}
.product .t2 p{ color:#fff;}
.product .t2 h3 span{color:rgba(255,255,255,0.2);}
.product .t2 h3{ color:#fff;}
element.style {
    margin-right: -1em;
    left: -2em;
}

.product_nav { width:27%; height:561px; float:left; overflow:hidden; margin-right: 1px;}

@media screen and (max-width: 1440px){
.product_nav{width:25%; }
}

.product_nav li{ max-width:100%;background:#f0f0f0; height:135.1px; line-height:135.1px; position:relative; margin-bottom:1px; }
.product_nav li i{ content:""; display:block; background:#fff; position:absolute; width:88px; height:88px; border-radius:50%; top:25px; left:30px; z-index:4; line-height: 88px; color: #21ad42; font-size: 30px; text-align: center;}
.product_nav li i img{ margin-top:26px;}
.product_nav li a{ display:block; font-weight:bold; font-size:24px; padding-left:148px; position:relative; z-index:5; line-height:136px;}
.product_nav li a:before{content:""; display:block; background:url(//memberpic.114my.com.cn/shannong88/uploadfile/image/20240816/20240816105904_342642122.png); width:21px; height:21px; position:absolute; right:30px; top:60px;   z-index:4;}
.product_nav li:after{ content:""; display:block; width:0; height:100%; transition:all 0.5s; background:#fff; position:absolute; left:0; top:0;}

.product_nav li.on:after{ width:100%;}
.product_nav li.on i{background:#21ad42; color: #fff;}
.product_nav li.on a{ color:#333;}
.product_nav li.on a:before{ background:url(//memberpic.114my.com.cn/shannong88/uploadfile/image/20240816/20240816105904_342642122.png);}
.product_nav li.on i img{filter: contrast(0) brightness(2);}

.product_nav li:hover:after{ width:100%;}
.product_nav li:hover i{ background:#21ad42;color: #fff;}
.product_nav li:hover a{ color:#333;}
.product_nav li:hover a:before{ background:url();}
.product_nav li:hover i img{ filter: contrast(0) brightness(2);}

.pro_pho {display: flex; align-items: center; padding-top: 14%; padding-bottom:2%;}
.pro_pho>span {width:50px; height:50px; border-radius: 100%; color: #fff; font-size: 24px; border: 1px solid rgba(255,255,255,0.23); text-align: center; line-height: 50px; margin-right: 10px;}
.pro_pho i {font-size:14px; color: #fff; font-family:hs_l;}
.pro_pho b {display: block; font-weight:normal; font-size:1.3vw; color: #fff; margin-top:6px;}

.product_box{ margin-bottom:22px;}
.product_one{ max-width:1047px; height:544px; background:#f5f5f5; position:relative; overflow: hidden; cursor:pointer;}
@media screen and (max-width: 1440px){
.product_one{ max-width:1060px;  }
}
@media screen and (max-width: 1400px){
.product_one{ max-width:1031px;  }
}
@media screen and (max-width: 1366px){
.product_one{ max-width:1000px;  }
}
@media screen and (max-width: 1280px){
.product_one{ max-width:940px;  }
}
@media screen and (max-width: 1152px){
.product_one{ max-width:820px;  }
}
.product_one strong a{ font-size:30px; color:#21ad42; margin:5% 8% 5% 8%; display:block;}
.product_one:before{ content:""; display:block; width:40px; height:4px; background:#21ad42; position:absolute; top:107px; left:8%;}
.product_two{ line-height:34px; font-size:17px;margin:0 7% 0 8%; margin-bottom:37px;}
.num_con {padding:0 8%;}
.num_con ul {display: flex;justify-content: space-between; }
.num_con li {width: 23%;display: flex;flex-direction: column;align-items: center; position: relative; box-shadow: 1px 3px 26px -4px rgba(0,0,0,.15); padding:5.6% 0;}
.num_con li b {display: flex;align-items: flex-end;}
.num_con li b i {font-size: 50px;font-family:  DIN Medium;color: #333; font-style: normal;}
.num_con li b span {font-size: 20px; position: relative; margin-bottom: 9px;}
.num_con li p {font-size: 16px;margin:6% 0 0; display: flex;flex-direction: column;align-items: center; font-family:hs_l;}
.num_con li p span { font-size: 13px;padding: 3% 0 0; text-transform: capitalize;font-family: Arial;color: #ccc; display:none;}
.num_con li em {margin: 0% 0 5% 0;overflow: hidden; font-size:28px;color: #999;}
/*.num_con li em img {width: 100%;height: auto;transition:0.5s;}*/
.num_con li:hover img {transform:scale(1.1);}
.product_img{ position:absolute; top:66px; right:42px;}

.product_Show{ margin-bottom:63px;}
.product_Show .divproduct_new_div_item{ width:450px; height:495px; position:relative; float:left; margin-left:25px;}
.product_Show .divproduct_new_div_item:nth-child(1),.product_Show .divproduct_new_div_item:nth-child(4){ margin-left:0;}
.product_Show .divproduct_new_div_item:nth-child(n+1):nth-child(-n+3){margin-bottom:22px;}
.product_Show .product_div_item_image{ width:450px; height:400px; position:absolute; top:0; left:0;}
.product_Show .divproduct_new_div_item_content{ height:95px; width:100%; background:#e6e6e6; position:absolute; bottom:0; left:0; }
.product_Show .divproduct_new_div_item_content:after{ content:""; display:block; width:0; height:100%; background:#e71b64; position:absolute; left:0; top:0; transition:all 0.5s; z-index:0;}
.product_Show .divproduct_new_div_item:hover .divproduct_new_div_item_content:after{ width:100%;}
.product_Show .divproduct_new_div_item:hover a{ color:#fff;} 
.product_Show .divproduct_new_div_item:hover{ color:#fff;}
.product_Show .divproduct_new_div_item:hover .divproduct_new_div_item_a:before{ background:url(//memberpic.114my.com.cn/shannong88/uploadfile/image/20240816/20240816105904_416869479.jpg);}
.product_Show .divproduct_new_div_item_a{ font-size:20px;left:25px; position:absolute; bottom:48px; width:396px; z-index:1;}
.product_Show .divproduct_new_div_item_a:before{ content:""; width:35px; height:35px; background:url(); position:absolute; right:0; top:13px;z-index:1;}
.product_Show .divproduct_new_div_item_body{color: #555; left:25px; bottom:20px; font-size:14px; position: absolute; z-index:1;}
.product_Show .divproduct_new_div_item:hover .divproduct_new_div_item_body { color:#f3d3df;}


/*简介*/
.about_bg .t2{padding:20px 0 48px 0;}
.about_l img{width: 680px;border: 10px solid #fff;}
.about_r{width:690px;padding-top:9px;}
.about_wz{margin-left:14px;}
.about_wz p{font-size: 36px;color: #222;font-weight: bold; height:46px; margin-top:4px; font-family: "GJJCQJW";}
.about_wz p img{margin-left: 15px;}
.about_wz d{font-size: 20px;color: #222;}
.about_r dd{font-size: 15px;color: #666;line-height: 30px;}
.about_r ul{display: block;width: 100%}
.about_r li{width: 48%;margin-right: 2%;margin-top: 2%;height: 45px;background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); display: block;float: left;line-height: 45px;font-size: 16px;color: #222;transition: 0.3s ease all;}
.about_r li:hover{box-shadow: 10px 10px 30px rgba(0,0,0,0.1);}
.about_r li:before{content: '';width: 9px;height: 9px;background: #21ad42;border-radius: 50%;display: inline-block;margin-left:30px;margin-top: 18px;margin-right: 10px;}
.about_b li{width: 220px;padding: 20px 15px 0;float: left;box-sizing: border-box;text-align: center;transition: 0.3s ease all;cursor: pointer;position: relative;}
.about_b li+li{margin-left: calc((100% - 220px*4) / 3);}
.about_b li i{width: 58px;height: 58px;display: block;background: #21ad42;margin: 0 auto;transition: 0.3s ease all;position: relative;}
.about_b li p{font-size: 24px;font-weight: bold;color: #222;margin-top: 20px;transition: 0.3s ease all;position: relative;}
.about_b li d{font-size: 14px;font-family: 'Arial';color: #ccc;text-transform: uppercase;line-height: 24px;transition: 0.3s ease all;position: relative;}
.about_b li dd{font-size: 16px;color: #666;line-height: 24px;margin-top: 15px;transition: 0.3s ease all;position: relative;}
.about_b li dd:after{content: '';width: 35px;height: 1px;background: #21ad42;display: block;margin: 30px auto 0;}
.about_b li:before{content: '';width: 100%;height: 0%;position: absolute;top: 0px;left: 0px;background: #21ad42;transition: 0.3s ease all;}
.about_b li:hover:before{height: 100%;}
.about_b li:hover i{border-radius: 50%;background: #049946;}
.about_b li:hover p{color: #fff;}
.about_b li:hover dd{color: #fff;}
.about_b li:hover d{color: rgba(255,255,255,0.7);}
.top40 {padding-top:26.5px;}
.top20 {padding-top:16px;}

.page{max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}

.fw_tit{text-align: center;}
.fw_tit>div{display: flex;align-items: center;justify-content: center;margin-bottom:15px;}
.fw_tit>div>p{font-size: 14px;color: #ccc;margin:0 10px; text-transform: uppercase;}
.fw_di{width: 8px;height: 8px;background: #009b4d;border-radius: 100%;}
.fw_di:nth-child(1){margin-right: 5px;}
.fw_di:nth-child(4){margin-right: 5px;}
.fw_tit b{display: block;color: #333;font-size: 40px;margin-top: 3px;}
.fw_tit em{font-size: 18px; font-style: normal; color: #999; margin-top:15px;}

.fw_titb{text-align: center;}
.fw_titb>div{display: flex;align-items: center;justify-content: center;margin-bottom:15px;}
.fw_titb>div>p{font-size: 14px;color: rgba(255,255,255,0.5);margin:0 10px; text-transform: uppercase;}
.fw_dib{width: 8px;height: 8px;background: #009b4d;border-radius: 100%;}
.fw_dib:nth-child(1){margin-right: 5px;}
.fw_dib:nth-child(4){margin-right: 5px;}
.fw_titb b{display: block;color: #fff;font-size: 40px;margin-top: 3px;}
.fw_titb em{font-size: 18px; font-style: normal; color: rgba(255,255,255,0.8); margin-top:15px;}

em, .em,i{text-transform:uppercase;font-family:arial;vertical-align:top;display:block;}

/*生产*/
.mot {padding:60px 0 100px 0;overflow: hidden; }
.mot_tab {}
.mot_nav {    display: flex;justify-content: center;}
.mot_nav ul {display: flex;}
.mot_nav li {background: linear-gradient(to right,#fff 0,#21ad42 50%,#21ad42 100%);width: 230px; height: 63px;border-top-right-radius: 40px;border-bottom-right-radius: 40px;
display: flex; justify-content: center;align-items: center; font-weight: lighter;}
.mot_nav li:hover{background: linear-gradient(to right,#fff 0,#CF3426 50%,#CF3426 100%);}
.mot_nav .on{background: linear-gradient(to right,#fff 0,#CF3426 50%,#CF3426 100%);}
.mot_nav li a {font-size: 22px;color: #fff;}
.mot_con {overflow: hidden;display: flex; box-shadow: 0 0 20px #ddd; margin-top:50px;}
.mot_call {margin: 0 auto;  padding:2.8vw 3.2vw 1.5vw 3.2vw; overflow: hidden;transition: 0.5s;flex-shrink: 0;width: 100%;}
.mot_call ul {display: flex;  justify-content: space-between;}
.mot_call li{display: block; float:left; padding:0 !important; width:32%; }
.mot_ca2 li{display: block; float:left; padding:0 !important; width:24%; }
.mot_call li>a{display: block;overflow: hidden; }
.mot_call li img{width:100%; height:auto;   transition: 0.2s all ease-in-out;  }
.mot_call li:hover img{transform: scale(1.1);}
.mot_call li p {padding:0 !important; position: relative;}
.mot_call li:hover p {background:rgba(6,120,59,0.5);}
.mot_call li p a{display: block; line-height:50px; font-size:16px; position: relative;    z-index: 2;text-align: center; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.mot_call li:hover a{color:#fff;}
.mot_call li p:after{content:""; display: block;opacity: 0;width:20%;height:100%;transition: 0.2s all; background: #21ad42;position: absolute; top:0; left:0; right:0; margin:0 auto;}
.mot_call li:hover p:after{width:100%;opacity: 1;}






/*link*/
.links{width:100%;overflow:hidden;padding:40px 0;border-bottom: 1px #39a85f solid;line-height: 30px;}
.linksW{ margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
.links_l{ width:100px;}
.links_lm{font-size:18px;line-height:30px;color: #fff;}
.links_r{ width:92%; color:#999;}
.links_r a{font-size:15px; color:#999;}



/*新闻*/
.news_bg{padding:0 0 30px 0;}
.news_bg .t2 h3 span{left: -32px;}
/*.news_bg_lr{width:86%; margin:0 auto 24px;}*/
.news_bg_lr .t2{line-height:4px; padding:0 0 50px 0;}
.news_tab{overflow: hidden;text-align: center; float: right; margin-top:32px;}
.news_tab li{width:130px; float:left; height:40px;line-height:40px;text-align:center;position:relative;font-size:18px;color:#414755;font-weight:lighter;transition:all .3s ease;cursor:pointer;/* border-radius: 20px;*/}
.news_tab li:nth-child(1){margin-left:0px;}
.news_tab li a{line-height:40px;font-size:20px;display: block;}
.news_tab li.on{background: ;line-height:60px;/*border-radius: 20px;*/}
.news_tab li.on a{color:#21ad42; font-weight:bold;}
.news_tab li.on a:hover{color:#21ad42;}
.news_bg_c_bg{position:relative;height:530px;}
.w1400{ width:86%; margin:auto;}
.newsshow ul{position:relative;height:530px;font-weight:lighter;}
.news_font_l{width:31%;float:left;}
.news_font_l .img{width:100%;height:307px;overflow:hidden;}
.news_font_l .img img{width:100%;height:307px;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;}
.news_font_l .img img:hover{-webkit-transform: scale(1.12, 1.12);transform: scale(1.12, 1.12);-moz-transform: scale(1.12, 1.12);}
.news_font_l .nfont{background:#f5f5f5;height:220px;}
.news_font_l .nfontes{padding:30px;}
.news_font_l .nfontes .h1{font-size:1.2vw;color:#4f5458;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_font_l .nfontes .h1 a{font-size:1.2vw;color:#4f5458;}
.news_font_l .nfontes .h1 a:hover{font-size:18px;color:#21ad42;}
.news_font_l .nfontes .h2{color:#8f8f8f;line-height:30px;font-size:14px;padding-top:10px;}
.news_font_l .nfontes .h3{margin-top:30px;}
.news_font_l .nfontes .h3 span{float: right;color:#646a70;font-size:14px;}
.news_font_c{width:31%;float:left;height:527px;background:#f5f5f5; margin-left:3.5%;color:#333; }
.news_font_c:hover{ box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.04), -10px 0 20px 0px rgba(0,0,0,0.04);}
.news_font_l .nfont:hover{ box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.04), -10px 0 20px 0px rgba(0,0,0,0.04);}
.news_font_cs{padding:70px 7.5%;}
.news_font_cs .h1{font-size:18px;}
.news_font_cs .h1_l{width:67%;float:left;color:#666;}
.news_font_cs .h1_c{width:33px;float:left;color:#666;}
.news_font_cs .h1_r{float:right;font-size:14px;color:#666;line-height:22px;}
.news_font_cs .h2{font-size:1.2vw;font-weight:bold;margin-top:30px;width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#666; }
.news_font_cs .h2 a{font-size:1.2vw;color:#333; font-weight:normal; font-family: hs_m;}
.news_font_cs .h2 a:hover{font-size:1.2vw;color:#21ad42;}
.news_font_cs .h3{font-size:14px;line-height:30px;margin-top:57px;color:#999;}
.news_font_cs .h4{margin-top:14.6%;font-size:18px;}
.news_font_cs .h4 a{font-size:18px;color:#000;}
.news_font_cs .h4 a:hover{font-size:18px;color:#21ad42;}
.news_font_cs .h4 span{padding-left:15px;}
.news_font_cs .h4 img{padding-top:20px;}
.news_font_r{width:31%;float:right;}
.news_font_r .n_right{width:100%;height:132.5px;margin-top:60px;}
.news_font_r .n_right:nth-child(1){margin-top:0px;}
.news_font_r .n_right_l{width:43%;float:left; overflow:hidden;}
.news_font_r .n_right_l img{width:100%; transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;}
.news_font_r .n_right_l img:hover{-webkit-transform: scale(1.12, 1.12);transform: scale(1.12, 1.12);-moz-transform: scale(1.12, 1.12);}
.news_font_r .n_right_r{width:53%;float:right;}
.news_font_r .n_right_r .h1{font-size:18px;color:#4f5458;width:200px;height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:10px;}
.news_font_r .n_right_r .h1 a{font-size:18px;color:#4f5458;}
.news_font_r .n_right_r .h1 a:hover{font-size:18px;color:#21ad42;}
.news_font_r .n_right_r .h2{font-size:14px;color:#8b8b8b;line-height:25px;margin-top:10px;}
.news_font_r .n_right_r .h3{margin-top:20px;}

.boyh .txt{width:90%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center; z-index: 999;}
.boyh .txt h2{font-size:4.2vw;color:#fff;text-transform:uppercase;line-height:90px; padding: 2% 0 1% 0;  text-shadow: 5px 0 10px rgba(0,0,0,.3); font-family:hs_l;}
.boyh .txt p{font-size:27px;color:#fff; line-height: 38px; font-family: hs_l;}
.boyh .txt .morelink{margin-top:25px;min-width:180px;margin-left:10px;margin-right:10px; font-size:15px; letter-spacing:1px;color:#fff;}
.boyh .txt .morelink i{font-size:20px;line-height:30px;margin-right:14px; margin-top:6px; display:inline-block;vertical-align:top;}
.boyh .txt .morelink:hover{color:#fff;}
.btn-3 {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.morelink {
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    padding: 9px 24px;
    background-color: #21ad42;
    border: 1px solid #21ad42;
    border-radius: 6px;
    text-transform: capitalize;
    transition: all 0.3s;
}