/*product*/
.pro-banner img{display:block;width:100%;}
.section1{display:flex;justify-content:space-between;max-width:1400px;margin:50px auto;flex-wrap:wrap;}
.section1 li{width:49%;background:#F2FAEF;border:1px solid var(--color);border-radius:10px;padding:30px 30px;max-width:666px;transition: 0.3s all;}
.section1 .img{background:var(--color);width:90px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:10px;}
.section1 .img img{}
.section1 p{color: var(--hovercolor);font-size:48px;}
.section1 li:hover{transform: translateY(-10px);}

.title{font-size:66px;text-align:center;}
.title span{display:flex;margin:0 auto;justify-content:center;}
.title span:before,.title span:after{content:'';display:block;background:#5C892C;border-radius:8px;}
.title span:before{width:50px;height:8px;margin-right:5px;}
.title span:after{width:8px;height:8px;}
.section2 .box{border:2px solid var(--color);border-radius:10px;max-width:1700px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin: 50px auto 0;padding:10px;position:relative;}
.section2 .box:before,.section2 .box:after{content:'';display:block;position:absolute;}
.section2 .box:before{background:url(../inimg/img01.jpg) no-repeat center;background-size:contain;width:52px;height:37px;top:0;}
.section2 .box:after{background:url(../inimg/img02.png) no-repeat center;background-size:contain;width:66px;height:103px;bottom:-30px;left:20%;}
.section2 .txt{width:50%;position:relative;z-index:1;}
.section2 .txt li{display:flex;align-items:center;border-bottom:1px dashed #999;padding:5px 0;}
.section2 .txt span:first-child{background:var(--color);color:#fff;border-radius:5px;padding:5px 10px;}
.section2 .txt span:last-child{flex:1;margin-left:10px;line-height:1.2;color:#666;}
.section2 .img{width:47%;display: flex;justify-content: right;}
.section2 .img img{display:block;}
.more{display:flex;justify-content:center;margin:25px 0 35px;}
.more a{background:var(--color);color:#fff;padding:0px 70px;border-radius:10px;font-size:32px;}
.more a:hover{background:var(--hovercolor);}

.section3{background:url(../inimg/bg1.jpg) no-repeat center;padding:70px 0;}
.section3 .title{color:#fff;}
.section3 .title span:before,.section3 .title span:after{background:#fff;}
.section3 ul{display:flex;justify-content:space-around;margin-top:50px;}
.section3 li{}
.section3 li .img{display:flex;justify-content:center;align-items:center;width:159px;height:164px;margin:0px auto;}
.section3 li .img img{display:block;max-width:100%;max-height:100%;}
.section3 li p{color:#fff;text-align:center;font-size:24px;margin-top:40px;}

.section4 .box{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;position: relative;z-index: 1;}
.section4 .box{margin-top:50px;}
.section4 .txt{width:49%;max-width:650px;}
.section4 .tit1{font-size:36px;color:var(--hovercolor);font-weight:bold;line-height:1.2;}
.section4 .tit2{font-size:36px;color:var(--color);line-height:1.2;}
.section4 .text{font-size:22px;color:#666;line-height:1.6;margin-top:30px;}
.section4 .img{width:49%;}
.section4 .img img{display:block;}

.section5{position:relative;}
.section5:after{content:'';display:block;position:absolute;width:100%;aspect-ratio:1920/924;background:url(../inimg/bg2.jpg);bottom:0;left:0;background-size:100% 100%;}
.section5 .left{position:relative;z-index:1;padding:12% 0;max-width:65%;}
.section5 .left .tit{font-size:40px;color:var(--hovercolor);}
.section5 .left .txt{font-size:30px;margin-top:30px;}
.section5 .left .txt span{color:var(--color)}

.section6{background: url(../inimg/bg5.jpg) no-repeat center top;background-size: 100% 100%;position:relative;padding:6% 0 3%;}
.section6:before{content:'';display:block;position:absolute;width:100%;aspect-ratio:1920/54;background:url(../inimg/bg3.png);background-size:100% 100%;top:0;left:0;}
.section6 .title1,.section11 .title1{text-align:center;font-size:50px;color:#fff;}
.section6 .title1:after,.section11 .title1:after{content:'';display:block;width:60px;height:7px;background:var(--color);border-radius:10px;margin:0 auto;}
.section6 .title2{text-align:center;color:#fff;font-size:22px;line-height:1.4;margin-top:20px;}
.section6 ul{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1700px;margin:50px auto;}
.section6 li{width:24%;overflow:hidden;box-shadow:0 0 3px #eee;background:#fff;border-radius:10px;}
.section6 .img{display:flex;justify-content:center;align-items:center;background:#E8F5E4;padding:10px;aspect-ratio:1;border-radius:10px;overflow:hidden;}
.section6 .img img{display:block;max-height:100%;}
.section6 .tit{display:block;width:70%;background:var(--color);text-align:center;font-size:24px;color:#fff;border-radius:10px;margin:30px auto 0;line-height:2;}
.section6 .txt{font-size:16px;text-align:center;padding:0 15px;line-height:1.4;margin:10px 0;}
.section6 li:hover .tit{background:var(--hovercolor)}

.section7{background:url(../inimg/bg6.jpg) no-repeat center 0;background-size:100% 100%;padding:6% 0 3%;}
.section7 .title{color:var(--hovercolor);font-size:54px;}
.section7 .title2{text-align:center;font-size:22px;line-height:1.4;margin-top:20px;}
.section7 .box{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1700px;margin-top:50px;}
.section7 .left{width:40%;}
.section7 .left li{background:var(--color);color:#fff;margin-bottom:50px;border-radius:10px;padding:15px 15px;line-height:1.4;position:relative;font-size:18px;}
.section7 .left li:last-child{font-size:24px;}
.section7 .left li:after{content:'';display:block;background:url(../inimg/icon60.png);width:48px;height:24px;position:absolute;top:100%;left:10%;}
.section7 .left li:hover{background:var(--hovercolor)}
.section7 .left li:hover:after{background:url(../inimg/icon61.png);right:10%;left:unset;}
.section7 .right{width:56%;display:flex;justify-content:space-between;flex-wrap:wrap;padding:30px 30px 0;border:1px solid var(--color);background:rgba(84,176,48,0.1);border-radius:10px;}
.section7 .right li{width:32%;}
.section7 .right .img{background:var(--color);border-radius:10px;overflow:hidden;}
.section7 .right p{text-align:center;font-size:20px;padding:10px 0 30px;}

.section8{background:var(--hovercolor);padding:50px 0;}
.section8 .title{color:#fff;}
.section8 .title span:before,.section8 .title span:after{background:var(--color);}
.section8 .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin:50px auto 30px;max-width:1450px;}
.section8 .list li{background:var(--color);width:23%;text-align:center;line-height:1.2;height:3em;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;border-radius:10px;}
.section8 .box{max-width:1350px;background:#fff;padding:20px 50px;position:relative;}
.section8 p{text-align:center;font-size:24px;padding:10px 0;color:var(--hovercolor);}
.section8 .box .swiper-next,.section8 .box .swiper-prev{position:absolute;top:50%;transform:translateY(-50%);color:#fff;cursor:pointer;}
.section8 .box .swiper-next em,.section8 .box .swiper-prev em{font-size:50px;}
.section8 .box .swiper-next{right:-50px;}
.section8 .box .swiper-prev{left:-50px;}

.section9{padding:60px 0;}
.section9 .tt{display:flex;justify-content:center;align-items:center;}
.section9 .tt p{font-size:30px;font-weight:bold;border:1px solid var(--color);color:var(--hovercolor);padding:0 10px;border-radius:10px;line-height:1.4;}
.section9 .tt span{display:block;width:2px;height:34px;background:var(--hovercolor);margin:0 30px;}
.section9 .title1{text-align:center;font-size:44px;font-weight:bold;color:var(--hovercolor);margin:15px 0;}
.section9 .img{display:flex;justify-content:center;padding:0 10px;}
.section9 .img img{display:block;}

.section10{background:url(../inimg/bg8.jpg) no-repeat center;padding:50px 0;}
.section10 .title1{text-align:center;line-height:1.2;font-size:40px;color:#fff;}
.section10 .title1:after{content:'';display:block;width:60px;height:8px;background:var(--color);margin:20px auto 0}
.section10 ul{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.section10 li{width:32%;background:#C8CEC0;border-radius:10px;padding:10px 15px;}
.section10 li span{display:flex;width:50px;height:50px;justify-content:center;align-items:center;background:var(--color);color:#fff;font-size:30px;font-weight:bold;border-radius:10px;}
.section10 li h4{font-size:26px;line-height:1.2;color:var(--hovercolor);margin:10px 0 20px;}
.section10 li p{font-size:18px;}

.section11{background:#F5F5F5;padding:50px 0 40px;}
.section11 .title1{color:var(--hovercolor);}
.section11 .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px;}
.section11 .list li{width:24%;background:#fff;margin-bottom:20px;}
.section11 .list li .img{margin:10px 10px 0;overflow:hidden;}
.section11 .list li .img img{transition:0.3s all;}
.section11 .list li .tit{text-align:center;font-size:20px;padding:15px 0;}
.section11 .list li a:hover img{transform:scale(1.1);}
.section11 .list li a:hover .tit{color:var(--hovercolor);}

.section12{background:#1D5003;padding:50px 0;}
.section12 .title1{font-size:50px;color:#fff;}
.section12 .title1:after{content:'';display:block;width:50px;height:8px;background:var(--color);border-radius:10px;}
.section12 .box{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px;}
.section12 .left{border:1px solid #fff;background:rgba(255,255,255,0.6);padding:20px 20px 30px;width:40%;border-radius:10px;}
.section12 .left .tit{text-align:center;color:var(--hovercolor);font-size:24px;font-weight:bold;}
.section12 .left .list li{padding-left:30px;background:url(../inimg/icon2.png) no-repeat center left;color:#444;margin-top:15px;font-size:18px;}
.section12 .left .box2{background:#fff;border:1px solid var(--color);padding:10px 10px;border-radius:10px;margin-top:30px;}
.section12 .left .box2 ul li{font-size:20px;padding-left:40px;line-height:32px;color:var(--hovercolor);margin:10px 0;}
.section12 .left .box2 ul li:nth-child(1){background:url(../inimg/icon21.png) no-repeat center left;}
.section12 .left .box2 ul li:nth-child(2){background:url(../inimg/icon22.png) no-repeat center left;}
.section12 .left .box2 ul li:nth-child(3){background:url(../inimg/icon23.png) no-repeat center left;}
.section12 .left .contact{display:flex;margin-top:20px;}
.section12 .left .contact dl{width:50%;font-size:20px;color:var(--hovercolor);}
.section12 .left .contact dt{font-weight:bold;}
.section12 .contact-box{border:1px solid #fff;background:rgba(255,255,255,0.2);padding:3% 3% 0;width:58%;border-radius:10px;}
.section12 .contact-form{display:flex;justify-content:space-between;flex-wrap:wrap;}
.section12 .contact-form .item{width: 48%;margin-bottom:15px;}
.section12 .contact-form .item label{display:block;color:#fff;}
.section12 .contact-form .item input{line-height:32px;width:100%;border-radius:5px;border:0;padding:0 10px;box-sizing:border-box;}
.section12 .contact-form .item textarea{width:100%;padding:10px;box-sizing:border-box;font-family:arial;border-radius:5px;line-height:2;}
.section12 .contact-form .content-item{width:100%;}
.section12 .contact-box .wmkcfb-box .send-btn{display:block;width:200px;line-height:34px;font-size:18px;color:#fff;background:var(--color);margin:50px auto 10px;border-radius:5px;cursor: pointer;}
@media (max-width: 1500px) {
	.section1 p{font-size: 40px;}
	
	.title{font-size: 50px;}
	.section2 .box{margin: 40px 10px;}
	
	.section3{padding: 50px 0;}
	
	.section4 .tit1{font-size: 30px;}
	.section4 .tit2{font-size: 30px;}
	.section4 .text{font-size: 20px;}
	
	.section5 .left{padding:8% 0px;}
	.section5 .left .tit{font-size:32px;}
	.section5 .left .txt{font-size:26px;}
	
	.section6 .title1,.section11 .title1{font-size:40px;}
	.section6 .title2{font-size:20px;}
	.section6 .tit{width:80%;font-size:20px;}
	
	.section7 .title{font-size:50px;}
	.section7 .title2{font-size:20px;}
	.section7 .left li{font-size:16px;margin-bottom:40px;}
	.section7 .left li:last-child{font-size:20px;}
	.section7 .right p{font-size:18px;line-height:1.6;}
	
	.section8 .list{padding:0 10px;}
	.section8 .list li{font-size:20px;width:24%;}
	.section8 .box{margin:30px 50px;width:calc(100% - 100px);}
	
	.section9 .tt p{font-size: 26px;}
	.section9 .title1{font-size: 36px;}
	
	.section10 .title1{font-size:36px;}
	.section10 li h4{font-size:20px;}
	.section10 li p{font-size:16px;}
	
	.section12 .title1{font-size:40px;}
	.section12 .left .tit{font-size:20px;}
	.section12 .left .list li{font-size:16px;}
	.section12 .left .box2 ul li{font-size:16px;}
	.section12 .left .contact dl{font-size: 18px;}
}
@media (max-width: 1200px) {
	.section1 .img{width:80px;height:70px;}
	.section1 .img img{width:60px;}
	.section1 p{font-size:34px;margin-top:10px;}
	
	.title{font-size: 36px;}
	.section2 .box{margin: 30px 10px;}
	.section2 .txt li{padding: 3px 0;}
	.section2 .txt span:first-child{padding: 2px 10px;}
	.section2 .txt span:last-child{font-size: 14px;}
	
	.section3{padding:40px 0;}
	.section3 ul{margin-top:30px;}
	.section3 li .img{width:120px;height:130px;}
	.section3 li p{font-size:18px;margin-top:25px;}
	
	.section4 .tit1{font-size: 26px;}
	.section4 .tit2{font-size: 26px;}
	.section4 .text{font-size: 18px;}
	
	.section5 .left .tit{font-size:26px;}
	.section5 .left .txt{font-size:22px;}
	
	.section6{padding-bottom:1%;}
	.section6 .title1,.section11 .title1{font-size:36px;}
	.section6 .title2{font-size:18px;}
	.section6 .tit{width:90%;}
	
	.section7 .title{font-size:36px;}
	.section7 .title2{font-size:18px;}
	.section7 .left li{font-size:14px;margin-bottom:30px;margin-bottom:20px;padding:10px;}
	.section7 .left li:last-child{font-size:16px;}
	.section7 .left li:after{width:24px;height:12px;background-size:contain;}
	.section7 .left li:hover:after{background-size:contain;}
	.section7 .right p{font-size:16px;}
	
	.section8{padding: 20px 0;}
	.section8 .list li{font-size: 16px;}
	.section8 p{font-size: 20px;}
	
	.section9 .tt p{font-size: 20px;}
	.section9 .tt span{height: 20px;margin: 0 15px;}
	.section9 .title1{font-size: 30px;}
	
	.section10 .title1{font-size: 30px;}
	
	.section12 .title1{font-size:36px;}
	.section12 .left .tit{font-size:18px;}
	.section12 .left .list li{font-size:14px;}
	.section12 .left .box2{margin-top:20px;}
	.section12 .left .box2 ul li{font-size:14px;}
		
}
@media (max-width: 1024px) {
	.section1 p{font-size: 26px;}
	
	.title{font-size: 30px;}
	
	.section3 li .img{width: 100px;height: 110px;}
	
	.section5 .left{padding:8% 0;}
	.section5 .left .tit{font-size:22px;line-height:1.6;}
	.section5 .left .txt{font-size:18px;}
	
	.section6 .title1,.section11 .title1{font-size: 30px;}
	.section6 .txt{font-size: 14px;}

	.section7 .title{font-size: 30px;}

	.section8 .box{padding: 10px;}
	.section8 p{font-size: 16px;}
	
	.section9 .title1{font-size: 24px;}
	
	.section10 .title1{font-size:26px;}
	.section10 li{line-height:1.6;}
	.section10 li h4{font-size:18px;}
	
	.section12 .title1{font-size:30px;}
	.section12 .left .tit{line-height:1.4;}
	.section12 .left .list li{line-height:1.4;margin-top:5px;}
	.section12 .left .box2 ul li{line-height: 1.4;}
	.section12 .left .contact{flex-wrap: wrap;}
	.section12 .left .contact dl{width: 100%;}
	.section12 .contact-form .item{width: 48%;}
	.section12 .contact-form .content-item{width: 100%;}
	
}
@media (max-width: 768px) {
	.section1{margin: 20px 0;}
	.section1 li{padding:20px 25px;}
	.section1 .img{width:60px;height:50px;}
	.section1 .img img{width:40px;}
	.section1 p{font-size:20px;line-height:1.4;}
	
	.title{font-size:24px;}
	.title span{margin-top:5px;}
	.title span:before{width:40px;height:5px;}
	.title span:after{width:5px;height:5px;}
	.section2 .txt{width:100%;}
	.section2 .img{flex:unset;width:100%;margin-top:20px;position:relative;z-index:1;}.more{}
	.more a{font-size: 26px;padding: 0 20px;}
	
	.section3{padding:40px 0 20px;}
	.section3 ul{justify-content:unset;flex-wrap:wrap;}
	.section3 li{width:33.3%;margin-bottom:15px;}
	.section3 li .img{width:80px;height:90px;}
	.section3 li p{font-size:16px;margin-top:15px;line-height:1.4;}
	
	.section4 .box:first-child{flex-direction:column-reverse;justify-content:left;align-items:baseline;}
	.section4 .txt{width: 100%;margin-top: 20px;}
	.section4 .img{width: 100%;}
	
	.section5 .left{padding:50px 0;max-width:100%;}
	.section5 .left .tit{font-size:20px;}
	
	.section6{padding-bottom:1px;background-color: #1D5003;}
	.section6 .title1,.section11 .title1{font-size:24px;}
	.section6 .title2{padding:0 10px;font-size:16px;margin-top:10px;}
	.section6 .title2 br{display:none}
	.section6 ul{margin:20px auto;}
	.section6 li{width:49%;margin-bottom:15px;}
	
	.section7{background-color:#F5F5F5;background-size:100% auto;}
	.section7 .title{font-size:26px;}
	.section7 .title2{padding:0 10px;font-size:14px;}
	.section7 .box{margin-top:30px;}
	.section7 .left{width:100%;}
	.section7 .right{width:100%;padding:10px;}
	.section7 .right p{font-size:14px;line-height:1.4;padding:10px 0 15px;}

	.section8 .list li{width: 49%;margin-bottom: 10px;padding: 0 10px;}
	
	.section9 .tt p{font-size:14px;}
	.section9 .tt span{height:16px;margin:0 10px;}
	.section9 .title1{font-size:20px;line-height:1.2;}
	
	.section10{background-size:auto 100%;padding:30px 0 20px;}
	.section10 .title1{font-size:20px;}
	.section10 li{width:100%;margin-bottom:15px;}
	
	.section11{padding: 30px 0 20px;}
	.section11 .list{margin-top: 30px;}
	.section11 .list li{width: 49%;}
	.section11 .list li .tit{font-size: 16px;}
	
	.section12{padding:30px 0;}
	.section12 .title1{font-size:22px;text-align:center;line-height:1.4;}
	.section12 .title1:after{margin:10px auto;}
	.section12 .left{width:100%;}
	.section12 .left .list li{background-size: auto 100%;}
	.section12 .contact-box{width: 100%;margin-top: 20px;}
	.section12 .contact-box .wmkcfb-box .send-btn{margin: 0px auto 20px;}
		
}
@media (max-width: 500px) {
	.section1{margin-bottom:10px;}
	.section1 li{width:100%;margin-bottom:10px;}
	
	.title{font-size: 20px;line-height: 1.4;}
	.more a{font-size: 20px;padding: 0 15px;}
	
	.section4 .box{margin-top: 20px;}
	.section4 .tit1{font-size: 20px;}
	.section4 .tit2{font-size:20px;}
	.section4 .text{font-size:16px;margin-top:15px;}
	
	.section5 .left{padding:20px 0;}
	.section5 .left .tit{font-size:18px;}
	.section5 .left .txt{font-size:14px;margin-top:10px;}
	
	.section6 .tit{font-size:16px;}
	.section6 .txt{padding:0 10px;}
	
	.section7 .right li{width: 49%;}
	
	.section8 .list{margin-top: 20px;}
	.section8 .list li{width: 100%;}
	.section8 .box{margin-bottom: 10px;}
	
	.section9{padding:20px 10px;}
	.section9 .tt{flex-wrap:wrap;}
	.section9 .tt p{width:90%;font-size:16px;text-align:center;margin-bottom:10px;line-height:2;}
	.section9 .tt span{display:none;}
	.section9 .title1{font-size:16px;}
	
	.section10 .title1 br{display:none}

	.section11 .list li .tit{font-size: 14px;padding: 10px 0;}
	
	.section12 .contact-form .item{width: 100%;}
}