@charset "UTF-8";
@import url('base.css');
.banner{position: relative;}
.banner video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;width: 100%;height: 100%;object-fit: cover }

.header{position:relative; width: 100%; z-index: 100}
.header .topT{position: fixed; width: 100%; transition: 0.5s; box-shadow: 0 0 0 1px rgba(255,255,255,0.2)}
.header .logo{width:1.42rem}
.header .nav li{position: relative}
.header .nav li a{display:block;}
.header .nav li span{display: block;position: relative; font-weight: bold}
.header .nav ul li.has-sub{position:relative;z-index:100}
.header .nav li .sub dl{position:relative;z-index:1;--top:0;width:max-content;transition:0.3s;padding:1em 0}
.header .nav li .sub dd{line-height:1.2;position:relative;z-index:1;padding:0.5em 1em}
.header .nav li .sub a{display:block}
.top-language{line-height:30px;position: relative}
.top-language dt{font-size:14px;font-weight: bold; height: .4rem;border-radius: 20px; cursor: pointer;position: relative; display: flex; justify-content: center; align-items: center}
.top-language dt:before{content: '';  transition: 0.5s; background: url(../images/svg/language.svg) no-repeat center center;width:21px; height:21px; margin-right: 12px; background-size: 100%}
.header.fixed .topT,
body.no-banner .header .topT{background:var(--color-fff); box-shadow: 0 0 15px #f2f2f2}

@media (min-width:1025px) {
.header .nav{padding:.2rem .35rem .1rem 0;}
.header .nav ul{display: flex}
.header .nav li{margin-right:.55rem}
.header .nav li span{line-height:.6rem; transition: 0.5s;font-size:14px; padding:0 .1rem}
.header .nav li .sub{position:absolute;top:100%;transform:translateY(0.3rem);opacity:0;visibility:hidden;background: rgba(255,255,255,0.9);transition:0.3s;}
.header .nav li .sub dl::after{position:absolute;content:'';width:3px;top:var(--top);height:2em;background-color:var(--color-green);transition:0.3s}
.header .nav li.active .sub{transform:translateY(0);visibility:visible;opacity:1}
.header .nav li.aon span a{color: var(--color-green)}
.header .nav li.aon span:after{content: '';position: absolute;width:100%; height:2px; bottom:0; left: 0; right: 0; margin: auto;background: var(--color-green)}
}

@media (max-width:1024px) {
.open-menu{margin-left: .2rem; position: relative;z-index: 10; width: 40px; height: 40px;}
.open-menu i{height: 0.03rem; width: 70%; left:0; right: 0; top:0; bottom: 0; margin: auto; position: absolute; background:var(--color-green); transition: 0.3s;}
body:not(.menu-show) .open-menu i:nth-child(1){transform: translateY(-.1rem)}
body:not(.menu-show) .open-menu i:nth-child(3){transform: translateY(.1rem)}
body.menu-show .open-menu i:nth-child(2){opacity: 0;}
body.menu-show .open-menu i:nth-child(1){transform: rotate(-45deg);}
body.menu-show .open-menu i:nth-child(3){transform: rotate(45deg);}
body.menu-show{overflow: hidden;}
body.menu-show .nav{left: 0;opacity: 1; transform: translateX(0);}
.header .other{padding: .12rem 0}
.header .nav{position: fixed; left:-100%;opacity: 0;transform: translateX(-100%);top:0;bottom: 0; width: 3rem; background-color: rgba(255,255,255,0.95);box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.1);transition: 0.3s; z-index: 20}
.header .nav ul{overflow: auto;}
.header .nav li{width: 100%}
.header .nav li span{ line-height: 3; border-bottom: 1px solid rgba(0,0,0,0.1);}
.header .nav li span a{font-size: var(--f20); padding: 0 3%;}
.header .nav li .sub{display: none}
.header .nav li .sub a{font-size: var(--f18);}
}


@media(max-width:1024px){
.has-multi aside,
.has-sub span{padding-right: 0.4rem;}
.has-multi aside .op-multi,
.has-sub span .wap-op{width: 0.4rem; height: 100%; position: absolute;right: 0;top: 0 }
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after,
.has-sub span .wap-op:before,
.has-sub span .wap-op:after{content: '';position: absolute;margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 0.12rem; height: 0.02rem; background: var(--color-green)}
.has-multi aside .op-multi:after,
.has-sub span .wap-op:after{ width: 0.02rem; height: 0.12rem;}
.has-sub.click .wap-op:after{transform: rotate(90deg)}
}

.bottom{font-size: var(--f14)}
.bottom,
.bottom a:not(:hover){color: var(--color-888)}
.bottom a{display: inline-block}
.bottom .boxT{padding: 2% 0;border-top: solid 1px var(--color-lightgreen);border-bottom: solid 1px var(--color-lightgreen)}
.bottom .logo{width: 1.24rem}
.bottom .txt{width: 80%}
.bottom .txt li{padding:10px 22px;background: no-repeat left 15px}
.bottom .txt li.tel{background-image: url("../images/svg/lx_tel.svg")}
.bottom .txt li.address{width: 50%;background-image: url("../images/svg/lx_address.svg")}
.bottom .txt li.email{background-image: url("../images/svg/lx_email.svg")}
.bottom .txt li span{display: block;}
.bottom .txt li b{font-weight: normal; font-size: var(--f20); color: var(--color-green);}
.bottom .link{padding: 2% 0}
.bottom .link .sub{padding-bottom: .1rem}
.bottom .link .sub span{ padding-right: 16px;line-height: 1; border-right: solid 1px var(--color-lightgreen)}
.bottom .link li:not(:last-child){padding-right: .16rem}

.bottom .boxB{padding-bottom: 2%}
.bottom .lm{order: 2}
.bottom .lm span:not(:last-child){padding-right: 16px; margin-right: 10px; border-right: solid 1px var(--color-lightgreen)}
@media(max-width:640px){
.bottom .logo{margin: auto; padding-top:2%}
.bottom .txt{width: 100%}
.bottom .txt li.address{width: 100%}
.bottom .lm{order: -1;width: 100%; padding:1% 0; margin-bottom: 2%; border-top: solid 1px var(--color-lightgreen);border-bottom: solid 1px var(--color-lightgreen);}
}


.sider{position:fixed; right:.2rem;z-index:99;width:.5rem;bottom:5%;}
.sider .gotop{display: block; width: .5rem; height: .5rem;background: var(--color-green) url("../images/svg/side_top.svg") no-repeat center center; background-size: 0.2rem;border-radius: 100%}

.article{line-height: 2}

.article_detail .title{padding-bottom: 2%; text-align: center}
.article_detail .title h1{font-size: var(--f32);padding: 0; margin: 0; font-weight:normal}
.article_detail .title p{padding: 3% 0;margin: 0; color: var(--color-666)}
.article_detail .title p span{padding-left: .35rem}
.article_detail .article{border-top: solid 1px var(--color-lightgreen); border-bottom: solid 1px var(--color-lightgreen);padding: 3% 0;}
.article_detail .article figure{text-align: center}
.article_detail .article figure p{font-size: var(--f18);color: var(--color-999)}

.prev_next{margin: 3% 0 5% 0; position: relative}
.prev_next p{display: flex; padding: .05rem; margin: 0;}
.prev_next p span{padding-right: .2rem;color: var(--color-999)}
.prev_next .back{padding-top: .2rem}
.prev_next .back a{display:inline-flex; align-items: center;line-height: .52rem; color: var(--color-fff); background: var(--color-green); border-radius: var(--br10); padding: 0 .3rem; transition: 0.5s}
.prev_next .back a:before{content: '';width: 15px; height: 16px;margin-right: .2rem; background: url("../images/svg/back.svg")}
.prev_next .back a:hover{background:var(--hover-color)}
@media(min-width:768px){
.prev_next p{width: 70%}
.prev_next .back{padding: 0; position: absolute; top: 0; right: 0;}
}
@media(max-width:768px){
.article_detail .title h1{font-size: var(--f24); line-height: 1.6;}
}

.sitemap li{padding: 1.5% 0; border-bottom: solid 1px #ecedee}}
.sitemap li b{font-size: var(--f18)}
.sitemap li .sub span{display: inline-block; padding-right: .3rem}
.sitemap li .sub span a:not(:hover){color: var(--color-lightblue)}

.main{padding-top:4.2%}

.banner .img{position: absolute;width: 100%; text-align: center;top: 50%; transform: translateY(-50%)}
.banner .img img{max-width: 70%;}
.banner figure img{width: 100%}
.banner figure .wapimg{display: none}
@media(max-width:1024px){
.banner figure .pcimg{display: none}
.banner figure .wapimg{display: block}
}

.location{font-size: var(--f14)}
.location,
.location a:not(:hover){color: var(--color-999)}
.location i{font-style: normal; padding-left: .3rem; background: url(../images/svg/location.svg) no-repeat left}

.in-menu{line-height: .5rem; border-bottom: solid 1px #ededed}
.side-menu li{position: relative}
.side-menu li:not(:last-child){margin-right: 2vw}
.side-menu li.aon a{color: var(--color-green)}
.side-menu li.aon a:after{content: '';position: absolute; width: 0; height: 3px; left: 0; right: 0; bottom: 0; margin: auto;background: var(--color-green)}
.side-menu li.aon a:after{width: 100%;}
@media(min-width:1024px){
.in-menu{line-height: .8rem;}
.location{order: 2}
}
@media(max-width:1024px){
.location{ line-height: 0.24rem;padding: 0.12rem 0;}
.location i{padding-left: .2rem; background-size: 0.16rem auto;}
}
@media(max-width:640px){
	.side-menu li:not(:last-child){margin-right: 5vw}
}

.two_menu{background: #f8f8f8; padding: 1.3% 0}
.two_menu li{padding: 0 1vw}
.two_menu li a{display: block; padding: 0 .2rem; line-height: .48rem; border-radius: var(--br10)}
.two_menu li.aon a{color: var(--color-fff);background: var(--color-green); font-weight: bold}
@media(max-width:768px){
.two_menu{ padding:2.5% 0}	
.two_menu li a{line-height: .40rem; padding: 0 .2rem;}
}

.three_menu{text-align: center; padding-top: 2.6%}
.three_menu li{font-size: var(--f36);padding: 0 1.5vw}
.three_menu li a:not(:hover){color: var(--color-999)}
.three_menu li.aon a{ color: var(--color-green)}

.about_honor{padding:3.7% 0}
.about_honor .about{padding-bottom: 3%}
.about_honor .overview{width: 50%; line-height:2}
.about_honor .sub{font-size: var(--f20); font-weight: bold; padding-bottom: .2rem}
.about_honor .info{text-align: justify}
.about_honor .photo{width:40%; text-align: center}
.about_honor .honor{position: relative; }
.about_honor .honor a{display:flex; justify-content: center; align-items: center; width: 1.75rem; height: 1.25rem; background: url("../images/honor_imgbg.jpg") no-repeat center;margin: auto;background-size: 100% 100%;}
.about_honor .honor a img{width:86.86%; height:83.2%; object-fit: contain; -o-object-fit: contain}
.about_honor .bg{height:1rem; position:relative;background: url(../images/honor_bg.jpg) repeat-x center top}
.about_honor .bg:before,
.about_honor .bg:after{content: '';position: absolute; bottom: 0; width: 1.5rem; height: 1rem;}
.about_honor .bg:before{left: 0; background:url("../images/honor_bgl.jpg") no-repeat left top;}
.about_honor .bg:after{right: 0; background:url("../images/honor_bgr.jpg") no-repeat right top;}
.about_honor .swiper-pagination{bottom: .4rem}

@media(max-width:1024px){
.about_honor .overview,
.about_honor .photo{width:100%;}
.about_honor .photo{padding: 5% 0}
.about_honor .honor a{width: 2.5rem; height: 1.8rem;}
.about_honor .swiper-pagination-bullet{ margin:0px 5px!important; width:8px!important; height:8px!important;}
}

.news_list li{transition: 0.5s}
.news_list li a{display: block; cursor: pointer; position: relative}
.news_list li .pic{position: relative}
.news_list li .pic figure{padding-bottom:66.66666666666667%}
.news_list li .pic time{color: var(--color-fff); display: block;position: absolute; left: .12rem; bottom: -.12rem; background: var(--color-green); z-index: 10; text-align: center;font-size: var(--f12);padding: 5px 8px}
.news_list li .pic time span{display: block;font-size: var(--f30);line-height: 1.2}
.news_list li .info {padding-top: .25rem}
.news_list li .info h4{font-size: var(--f15);}
@media(min-width:1024px){
.news_list li{width:30%;}
.news_list li:not(:nth-child(3n+3)){margin-right:5%}
.news_list li:nth-child(3)~li{margin-top:5%}
}
@media(max-width:1024px) and (min-width:640px){
.news_list li{width:48.5%;}
.news_list li:not(:nth-child(2n+2)){margin-right:3%}
.news_list li:nth-child(2)~li{margin-top:3%}
}
@media(max-width:640px){
.news_list li{width:100%;}
.news_list li:not(:first-child){margin-top:6%}
}
.contact{}

.sub_title{text-align: center; padding-bottom: 2%}
.sub_title h3{color: var(--color-green);font-size: var(--f36); padding: 0; margin: 0; font-weight: normal}
.sub_title p b{color: var(--color-green);font-size: var(--f20); }
@media(max-width:1024px){
.sub_title h3{font-size: var(--f30);}
.sub_title p b{font-size: var(--f18); }
}
.tiandisheng .detail{line-height: 2}
.tiandisheng .photo{padding: 4% 0}
.tiandisheng .crops{padding-top: 1%; padding-bottom: 5%}
.tiandisheng .crops .list ul{gap:6.25%}
.tiandisheng .crops .list li{width:calc(20% - 5%);padding: 2% 0}
.tiandisheng .crops .list li .pic figure{border-radius: 100%;}
.tiandisheng .crops .list li p{text-align: center;color: var(--color-green); padding: .1rem 0;}

@media(max-width:1024px){
.tiandisheng .crops .list ul{gap:7%}
.tiandisheng .crops .list li{width:19.75%;}
}
@media(max-width:768px){
.tiandisheng .crops .list ul{gap:4.5%}
.tiandisheng .crops .list li{width:30.333%;}
}

.huadayouxuan {}
.huadayouxuan .item{margin-bottom: 5%; background: #f1f9ee; padding: .1rem; position: relative; z-index: 2}
.huadayouxuan .info{width:55%; padding: 4% 1% 4% 4%;}
.huadayouxuan .desc h3{font-size: calc(var(--f84)); font-family: var(--font-family-jxzk); color: #e0e8dd; line-height: 1; position: absolute; right: .3rem; top:.3rem; z-index: -1; padding: 0; margin: 0;    }
.huadayouxuan .desc h4{font-size: var(--f30); line-height: .36rem;margin-top: .15rem;color: var(--color-green); font-weight: bold}
.huadayouxuan .desc p{display: flex;font-size: var(--f20);}
.huadayouxuan .desc p label{color: var(--color-green); border: solid 2px var(--color-green); padding: 0 .1rem; border-radius: var(--br6); position: relative;background: #f1f9ee}
.huadayouxuan .desc p span{color: var(--color-fff);background: var(--color-green);padding: .03rem .1rem;margin-left: .1rem;margin-right: -0.1rem;/* border-radius: var(--br6); */}
.huadayouxuan .txt{padding: .2rem 0; line-height:1.8}
.huadayouxuan .pic{text-align: center; width: 45%}
.huadayouxuan .list{background: var(--color-fff); padding:2% 0}
.huadayouxuan .list li{flex: 1; padding: 2% 4%}
.huadayouxuan .list li:not(:last-child){ border-right: solid 1px #f1f9ee}
.huadayouxuan .list li h4{font-size: var(--f16);color: var(--color-green); font-weight: bold; margin-bottom: .1rem}
.huadayouxuan .list li p{color: var(--color-666)}
.huadayouxuan .list.li_num5 li:nth-child(1),
.huadayouxuan .list.li_num5 li:nth-child(2){flex: auto; width: 50%;border-bottom: solid 1px #f1f9ee; margin-bottom: 2%}
@media(min-width:1024px){
.huadayouxuan .desc h3.h3_num19{font-size: calc(var(--f80))}
.huadayouxuan .desc h3.h3_num34{font-size: calc(var(--f60));max-width: 60%;}
}
@media(max-width:768px){
.huadayouxuan .info,
.huadayouxuan .pic{width:100%}
.huadayouxuan .pic{order: -1}
.huadayouxuan .info{padding: 4%;}
.huadayouxuan .list li{flex: auto}
.huadayouxuan .desc h4{font-size: var(--f32);}
}

.duonianshengdao .overview {padding-bottom: 4%}
.duonianshengdao .overview .photo{width: 32%; text-align: center}
.duonianshengdao .overview .infobox{width: 62%}
.duonianshengdao .overview .sub_title{text-align: left}
@media(max-width:768px){
.duonianshengdao .overview .photo,
.duonianshengdao .overview .infobox{width:100%}
}

.duonianshengdao .event{background: linear-gradient(#f3f6f0,#fff); border-bottom: solid 1px var(--color-lightgreen); padding:4%; margin-bottom: 4%}
.duonianshengdao .event .pic_list{width:26.269%}
.duonianshengdao .event .pic_list li{width:47.245%;position: relative; font-size: var(--f14);box-shadow: 0 -5px 5px #dae2d3;}
.duonianshengdao .event .pic_list li:after{content: '';display: block; height: .2rem; background: url("../images/imgbg.png") no-repeat center top; background-size: 100%;}
.duonianshengdao .event .pic_list figure{padding-bottom: 135.77%}
.duonianshengdao .event .pic_list p{padding: .05rem .1rem;}
.duonianshengdao .event .font_list{width: 70%}
.duonianshengdao .event .font_list dl{font-size: var(--f18); display: flex}
.duonianshengdao .event .font_list dl:not(:last-child){padding-bottom: 5%}
.duonianshengdao .event .font_list dl dt{white-space: nowrap;color: var(--color-green)}
.duonianshengdao .event .font_list dl dt:before{content: ''; display: inline-block; margin-right: 12px; width: 6px; height: 6px;background: var(--color-green); border-radius: var(--br30)}
.duonianshengdao .event .font_list dl dd{flex: 1}
@media(max-width:1024px){
.duonianshengdao .event .pic_list{width:38%}
.duonianshengdao .event .font_list{width:55%}
}
@media(max-width:768px){
.duonianshengdao .event .pic_list,
.duonianshengdao .event .font_list{width:100%}
.duonianshengdao .event .font_list{padding: 5% 0}
}

.yumishicao{padding-top: 2.6%}
.yumishicao .article{text-align: center; padding-bottom:3%}

.nongyeweishengwuji .part:not(:last-child){padding-bottom:5%; margin-bottom:5%; border-bottom: solid 1px var(--color-lightgreen)}

.nongyeweishengwuji .overview {padding-bottom: 4%}
.nongyeweishengwuji .overview .photo{width: 32%; text-align: center}
.nongyeweishengwuji .overview .infobox{width: 62%}
.nongyeweishengwuji .overview .sub_title{text-align: left}
@media(max-width:768px){
.nongyeweishengwuji .overview .photo,
.nongyeweishengwuji .overview .infobox{width:100%}
}

.nongyeweishengwuji .gene .img{width:17.5%;padding:2% 0}
@media(max-width:768px){
.nongyeweishengwuji .gene .photo {justify-content: center}
.nongyeweishengwuji .gene .img{width:32%;}
}

.nongyeweishengwuji .experiment .item{padding: .2rem 0; background: linear-gradient(90deg,var(--color-green),var(--color-fff))}
.nongyeweishengwuji .experiment .item:not(:last-child){margin-bottom: .1rem}
.nongyeweishengwuji .experiment .info{width:28.75%; color: var(--color-fff); padding: 2% 3%; align-content: space-between}
.nongyeweishengwuji .experiment .info h4{width: 100%; font-size: var(--f24)}
.nongyeweishengwuji .experiment .info span{max-width: .45rem; margin-right: .1rem}
.nongyeweishengwuji .experiment .pic{width:71.25%;}
.nongyeweishengwuji .experiment .pic .img{width:20%;padding: 0.6425%}
@media(max-width:1024px){
.nongyeweishengwuji .experiment .pic,
.nongyeweishengwuji .experiment .info{width: 100%}
.nongyeweishengwuji .experiment .info h4{width: auto}
}
@media(max-width:1024px){
.nongyeweishengwuji .experiment .pic{justify-content: center}
.nongyeweishengwuji .experiment .pic .img{width: 32%}
}

.turangweishengwu{padding-bottom: 4.2%}
.turangweishengwu .overview {padding-bottom: 4%}
.turangweishengwu .overview .photo{width: 32%; text-align: center}
.turangweishengwu .overview .infobox{width: 62%}
.turangweishengwu .overview .sub_title{text-align: left}
.turangweishengwu dl{text-align: center}
.turangweishengwu dt{font-size: var(--f16)}
.turangweishengwu dt sub{font-size: var(--f16)}
.turangweishengwu dt i{font-style: normal}
.turangweishengwu dt b{font-size: var(--f20);}
.turangweishengwu dt b.num{font-size: .42rem}
.turangweishengwu .health {position: relative; margin-top: 4%}
.turangweishengwu .health .info{position: absolute;width: 100%; height: 100%}
.turangweishengwu .health .info dl{width: 33.333%;color: var(--color-fff)}
.turangweishengwu .health .info dd{padding: 0 15%}
.turangweishengwu .detection{padding:4% 0}
.turangweishengwu .detection.part1{background:linear-gradient(#f3f6f0,#ffffff 30%)}
.turangweishengwu .detection.part1 .list_item{column-count: 2}
.turangweishengwu .detection.part1 dl{padding: .05rem; margin: 0 5.49%; line-height: .3rem; background: url("../images/num_bg.png") no-repeat center center; background-size: cover; border-radius: var(--br10); color: var(--color-fff)}
.turangweishengwu .detection.part2{border-top: solid 1px var(--color-lightgreen)}
.turangweishengwu .detection.part2 .item{width: 50%}
.turangweishengwu .detection.part2 .box dl{width: 50%}
.turangweishengwu .detection.part2 .box dl:not(:last-child){border-right: solid 1px var(--color-lightgreen)}
.turangweishengwu .detection.part2 dt{color: var(--color-green); line-height: .4rem}
@media(max-width:768px){
.turangweishengwu .overview .photo,
.turangweishengwu .overview .infobox{width:100%}
.turangweishengwu .detection.part1 .list_item{column-count: 1}
.turangweishengwu .detection.part2 .item{width: 100%}
.turangweishengwu dt b{font-size: var(--f24);}
.turangweishengwu dt sub{font-size: var(--f18);}
.turangweishengwu dt i{font-size: var(--f16);}
.turangweishengwu .health .info dd{padding: 0 10%}
}

.zuowuyingyang  .sub_title{padding-bottom: 5%}
.zuowuyingyang .overview {position: relative;}
.zuowuyingyang .overview .info{color: var(--color-fff); text-align: center; padding:8.773% 0;position: relative; z-index: 10}
.zuowuyingyang .overview .info h3,
.zuowuyingyang .overview .info h4{padding: 0; margin: 0; font-family: var(--font-family-jxzk); font-weight: normal; line-height: 1.2}
.zuowuyingyang .overview .info h3{font-size: calc(var(--f110))}
.zuowuyingyang .overview .info h4{font-size: calc(var(--f80)); padding-bottom: 5%}
.zuowuyingyang .overview .info p{font-size: calc(var(--f18)); max-width:590px; margin: auto}
.zuowuyingyang .overview .pic img{position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover}

.zuowuyingyang .process {padding: 6% 0}
.zuowuyingyang .process ul{position: relative}
.zuowuyingyang .process li .pic{width:87.5%; max-width: 1.8rem; margin: auto}
.zuowuyingyang .process li .pic figure{border-radius: 100%;box-shadow:  0 0 0 2px var(--color-green)}
.zuowuyingyang .process li .info{text-align: center}
.zuowuyingyang .process li .info span{width: .6rem; height: .6rem;margin: auto; display: flex; justify-content: center; align-items: center; background: var(--color-green);border-radius: 100%;}
.zuowuyingyang .process li .info h4{font-size: var(--f16); background: var(--color-green); color: var(--color-fff); border-radius: var(--br10);padding: .05rem; margin: .3rem 0 .15rem 0; position: relative}
.zuowuyingyang .process li .info h4:after{content: ''; position: absolute;left: 0; right: 0;bottom:-6px; margin: auto; width: 12px; height: 12px; transform: rotate(45deg); background: var(--color-green)}
.zuowuyingyang .process li .info p{font-size: var(--f14);  min-height: .8rem}
@media(min-width:768px){
.zuowuyingyang .process ul:before{content: '';position: absolute; top: .3rem; width: 100%; height: .1rem; background: url(../images/svg/line.svg) no-repeat center center;}
.zuowuyingyang .process li{width: 16.66667%}
.zuowuyingyang .process li:not(:last-child){margin-right: 4.1666625%}

}
@media(max-width:768px){
.zuowuyingyang .process li{width:50%;margin-bottom: 6%; background: url(../images/svg/line.svg) no-repeat center .3rem}
.zuowuyingyang .process li .info{padding: 0 5%}
.zuowuyingyang .process li .info p{padding: 0}
}

.patent_certificate .swiper_item{position: relative;}
.patent_certificate .item{background: url(../images/patent_imgbg.jpg) no-repeat center center; background-size: 100% 100%; padding:7%; display: block; }
.patent_certificate .item figure{padding-bottom:142.1739130434783%;}
@media(max-width:1024px){
.patent_certificate .arrow-button{position:initial}
}

.related_product .swiper_item{position: relative}
.related_product .pic{background:linear-gradient(#f7f9f6, #e1e8de)}
.related_product .pic figure{padding-bottom:67.04%}
.related_product .txt{text-align: center; padding: .1rem 0}
.related_product .txt h4{font-size: var(--f15); }
.related_product .txt p{font-size: var(--f15); color: var(--color-666)}
@media(max-width:1024px){
.related_product .arrow-button{width: 30%; margin: auto; padding: 5% 0}
}

.contrast_photo .swiper_item{position: relative}
.contrast_photo .pic figure{padding-bottom:66.58%}
.contrast_photo .txt{text-align: center; font-size: var(--f15); padding: .1rem 0}
@media(max-width:1024px){
.contrast_photo .arrow-button{width: 30%; margin: auto; padding: 5% 0}
}

.scene_photo .swiper_item{position: relative}
.scene_photo .pic figure{padding-bottom:67.04%}
.scene_photo .txt{text-align: center; font-size: var(--f15); padding: .1rem 0}
@media(max-width:1024px){
.scene_photo .arrow-button{width: 30%; margin: auto; padding: 5% 0}
}

.roll_number li{width:30%; margin-top:6%}
.roll_number li figure{width: .36rem; height: .36rem;}
.roll_number li figure img{max-height: 100%}
.roll_number li h4{ font-size: calc(var(--f42));padding: 0; margin: 0;font-weight: normal; color: var(--color-green); line-height: .3rem; padding-top:.1rem; min-height: 1rem}
.roll_number li h4 b{font-size: var(--f32); line-height: 1}
.roll_number li h4 b.counter{font-size: calc(var(--f42)); font-weight: normal}
.roll_number li h4 sub{font-size: var(--f24); font-weight: bold}
.roll_number li h4 i{font-style: normal}
.roll_number li p{padding: 0; margin: 0}
.roll_number li:last-child{border-right: none!important}
.roll_number.middle{text-align: center;margin: 6% 0; border-top: solid 1px var(--color-lightgreen)}
.roll_number.middle ul{justify-content: center}
.roll_number.middle li figure{margin: auto}
@media(min-width:1024px){
.roll_number li:not(:nth-child(3n+3)){border-right: solid 1px var(--color-lightgreen); padding-right: 5%;}
}
@media(max-width:1024px){
.roll_number li{width: 48%}
.roll_number li:not(:nth-child(2n+2)){border-right: solid 1px var(--color-lightgreen); padding-right: 5%;}
.roll_number li h4 b{font-size: var(--f24)!important}
}

.pro_detail {padding: 4% 0; margin-bottom:4%; background: linear-gradient(#ffffff 55%, #e0e8dd);}
.pro_detail .swiper_item{width: 40%; position: relative}
.pro_detail .swiper_item .item{max-width: 400px; margin: auto;}
.pro_detail .swiper_item .item figure img{object-fit: contain; -o-object-fit: contain}
.pro_detail .article{width: 48%}
.pro_detail .article .info *{padding: 0; margin: 0; font-weight: normal}
.pro_detail .article .info{color: var(--color-green); line-height: 1.3}
.pro_detail .article .info h4{font-size: var(--f36)}
.pro_detail .article .info h1{font-size: var(--f24)}
.pro_detail .article .info p{padding:5% 0}
.pro_detail .article .info p label{color: var(--color-fff);background:var(--color-green); border-radius: var(--br6); padding:0 .1rem}
.pro_detail .article .txt{padding: 4% 0; margin-top: 4%; border-top: solid 1px var(--color-lightgreen)}
@media(min-width:1024px){
.pro_detail .swiper-button-next{right: -.55rem}
.pro_detail .swiper-button-prev{left: -.55rem}
}
@media(max-width:768px){
.pro_detail .swiper_item,
.pro_detail .article{width:100%}
.pro_detail .article{padding-top: 4%}
}

.pro_efficacy .list_item{counter-reset:section 0 subsec 1;gap:3px}
.pro_efficacy .list_item .item{width: 33%; flex: auto; background: #f1f9ee; color:  var(--color-green); padding: 4%}
.pro_efficacy .list_item .item figure{display: flex; align-items: center; justify-content: space-between}
.pro_efficacy .list_item .item figure img{max-width: 42px}
.pro_efficacy .list_item .item figure:after{content:counter(section,decimal-leading-zero);counter-increment:section; opacity: 0.3; font-size: var(--f32)}
.pro_efficacy .list_item .item h4{font-size: var(--f24); font-weight: bold; margin-top: .4rem}
@media(max-width:768px){
.pro_efficacy .list_item .item{width: 100%}
}

.pro_usage{padding-top: 4%; margin-top: 4%; border-top: solid 1px var(--color-lightgreen)}
.pro_usage table{text-align: center;margin-bottom: .2%}
.pro_usage table tr{background: #f1f9ee;}
.pro_usage table tr:first-child{background: #c4e1b6; font-weight: bold}
.pro_usage table td{border: solid 2px var(--color-fff); padding: .1rem; min-width: 1.6rem}
.pro_usage .list_item{margin-top: 4%; background: linear-gradient(#f3f6f0, #ffffff 30%);}
.pro_usage .list_item .item{width: 50%; text-align: center; padding:4% 3.042%}
.pro_usage .list_item h4{font-size: var(--f24); font-weight: bold; line-height: .8rem; background: url("../images/num_bg.png") no-repeat center center; background-size: cover; border-radius: var(--br10); color: var(--color-fff)}
.pro_usage .list_item figure{padding:4% 0}
@media(max-width:768px){
.pro_usage .table_box{overflow-x: auto;}
}
@media(max-width:768px){
.pro_usage .list_item .item{width: 100%}
}

.end_back{padding:4.2% 0; text-align: center}
.end_back a{display:inline-flex; align-items: center;line-height: .50rem; color: var(--color-fff); background: var(--color-green); border-radius: var(--br10); padding: 0 .5rem; transition: 0.5s}
.end_back a:before{content: '';width: 15px; height: 16px;margin-right: .2rem; background: url("../images/svg/back.svg")}
.end_back a:hover{background:var(--hover-color)}

.arrow-button{}
.arrow-button .swiper-scrollbar{position: relative; margin-top: .5rem}
@media(min-width:1024px){
.arrow-button .swiper-button-next{right: -.55rem}
.arrow-button .swiper-button-prev{left: -.55rem}
}
@media(max-width:1024px){
.arrow-button{position: relative}
}

.Pages { padding: 4.2% 0}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .p_page .a_first,
.Pages .p_page .a_end{display: none}
.Pages .p_page{display: flex; justify-content: center}
.Pages .p_page .a_prev,
.Pages .p_page .a_next{font-size: 0; line-height: 0; position: relative}
.Pages .p_page .a_prev:before,
.Pages .p_page .a_next:before{content: '';position: absolute;width: 100%; height: 100%; background: url("../images/svg/page.svg") no-repeat center center}
.Pages .p_page a{width: .5rem; line-height: .5rem;border-radius: 100%; display: block}
.Pages .p_page .num{font-style: normal; display: flex;font-size: var(--f18); text-align: center; padding: 0 .2rem}
.Pages .p_page .num a:not(:last-child){margin-right: .2rem}
.Pages .p_page .a_prev,
.Pages .p_page .a_next,
.Pages .p_page .a_cur{color: var(--color-fff); background:var(--color-green)}
.Pages .p_page .a_prev.no,
.Pages .p_page .a_next.no{background:none; border: solid 1px #dcdfe1}
.Pages .p_page .a_next{transform: rotate(180deg)}
.Pages .p_page .num a:not(.a_cur){box-shadow:  0 0 0 1px #dcdfe1}
.Pages .p_page .a_prev:not(.no):before,
.Pages .p_page .a_next:not(.no):before{filter: brightness(0) invert(1);}
.Pages .p_page .no{cursor: default}
@media(max-width:768px){
.Pages .p_page .num a:not(:last-child){margin-right: .1rem}
.Pages .p_page .num{padding: 0 .1rem}
.Pages .p_page a{width: .40rem; line-height: .40rem;}
}

.banner-slide{position: relative;overflow: hidden}
.banner-slide .infobox{color: var(--color-fff);position: absolute;width: 100%; top: 30%;text-align:center}
.banner-slide .infobox img{opacity: 0;  transform: translateY(.5rem); transition: 0.5s;transition-delay:0.1s}
.banner-slide .controls{}
.banner-slide .num{display: flex; align-items: center; justify-content: flex-end;color: var(--color-fff);position: absolute; right: .2rem; bottom: .2rem; z-index: 10}
.banner-slide .num span{font-size: var(--f20);padding: 0 .1rem;}
.banner-slide .num span.cur{color: var(--color-fff)}
.banner-slide .num span.total{opacity: 0.5}
.banner-slide .arrow{position: absolute; top: 50%; transform: translateY(-50%); width: .4rem; height: .4rem; display: block; cursor: pointer;background: url("../images/svg/slide-arrow.svg") no-repeat center center; z-index: 10; background-size:contain; transition: 0.5s}
.banner-slide .arrow.prev{left: -10%; transform: rotate(180deg)}
.banner-slide .arrow.next{right: -10%;}
.banner-slide:hover .arrow.prev{left: 3%;}
.banner-slide:hover .arrow.next{right: 3%;}
.banner-slide .pages{position: absolute; width: 100%; bottom:6%; z-index: 10}
.banner-slide .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){opacity: 1; background: var(--color-fff)}
.banner-slide .swiper-pagination-bullet-active{border: solid 2px var(--color-fff); background: none}
.banner-slide .swiper-slide-active .infobox img{opacity: 1; transform: translateX(0)}
.banner-slide picture img{width:100%}

.column_title{padding-bottom: .4rem}
.column_title h3{font-size: var(--f36); color: var(--color-green); font-weight: normal;padding: 0; margin: 0}

.all_more{text-align: center;padding: .2rem 0;}
.all_more a{display: inline-block; width: 1.6rem; line-height: .52rem; color: var(--color-fff); background: var(--color-green);; border-radius: var(--br10); transition: 0.5s}
.all_more a:hover{background: var(--hover-color)}

.ind_project .auto{position: relative; z-index: 10}
.ind_project .group{position: relative;color: var(--color-fff);}
.ind_project .group a{color: var(--color-fff);}
.ind_project .img img{top: 0; position: absolute; width: 100%; height: 100%;object-fit: cover; -o-object-fit: cover}
.ind_project .other{max-width: 736px;  padding-top: 10%}
.ind_project .desc figure{}
.ind_project .desc h4{font-size: var(--f20); font-weight: normal;padding:.2rem 0; margin: 0}
.ind_project .txt{line-height:.28rem;padding: .1rem 0}
.ind_project .txt p{padding: 0; margin: 0}
.ind_project .txt p:not(:last-child){padding-bottom: .2rem}
.ind_project .link{padding:.4rem 0 .3rem 0}
.ind_project .link ul{gap:.2rem}
.ind_project .link a{display: inline-flex;justify-content: center; line-height: .52rem; min-width: 1.6rem;padding: 0 .2rem; background: var(--color-green);border-radius: var(--br10)}
.ind_project .link img{width: .6rem; height: .6rem; margin-top: -.08rem; margin-right: .1rem;object-fit:contain; -o-object-fit: contain}
.ind_project .link a:hover{background: var(--hover-color)}
.ind_project .menu{width:100%}
.ind_project .menu ul{gap:.15rem}
.ind_project .menu ul li{flex: 1; border-bottom: solid 4px rgba(255,255,255,0.3)}
.ind_project .menu ul li a{padding: .15rem 0; display: block;position: relative;cursor: pointer;}
.ind_project .menu ul li b{display: block; font-size: var(--f24); font-weight: bold; }
.ind_project .menu ul li span{display: block}
.ind_project .menu ul li.show a{ color: var(--color-green)}
.ind_project .menu ul li.show a:after{content: '';position: absolute; left: 0; bottom:-4px; width: 40%; height: 4px;background: var(--color-green)}
@media(min-width:1024px){
.ind_project .group{font-weight: 300; min-height: 8.8rem}
.ind_project .group#dateid7583 .desc h4{padding-top:0}
.ind_project .other{min-height:6.8rem;}
}
@media(max-width:768px){
.ind_project .link ul li{flex: auto;width: 100%;}
.ind_project .link ul li a{width: 100%; padding:0 .1rem}
}
@media(max-width:640px){
.ind_project .menu{padding-bottom: 10%}
.ind_project .menu ul{gap:4%;}
.ind_project .menu ul li{flex: auto; width: 48%}
}

.ind_news{padding: 4.2% 0}
.ind_news .swiper_item{position: relative;}
.ind_news .item{display: block; cursor: pointer; position: relative}
.ind_news .item .pic{position: relative}
.ind_news .item .pic figure{padding-bottom:66.66666666666667%}
.ind_news .item .pic time{color: var(--color-fff); display: block;position: absolute; left: .12rem; bottom: -.12rem; background: var(--color-green); z-index: 10; text-align: center;font-size: var(--f12);padding: 5px 8px}
.ind_news .item .pic time span{display: block;font-size: var(--f30);line-height: 1.2}
.ind_news .item .info {padding-top: .25rem}
.ind_news .item .info h4{font-size: var(--f15);}