@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#222;font:14px/30px 'kanitregular', "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial;background:#fff;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:'kanitregular', "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#222;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#50b225;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1500px;width:100%;padding:0 0;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}

@font-face{
	font-family:"quicksand";
	src:url('../fonts/quicksand.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
;}
@font-face{
	font-family:"din";
	src:url("../fonts/din-medium.woff") format("woff"),
		url("../fonts/din-medium.ttf") format("truetype"),
		url("../fonts/din-medium.eot") format("embedded-opentype"),
		url("../fonts/din-medium.svg") format("svg");
	font-weight:normal;
	font-style:normal;
;}

#header{width:100%;position:fixed;left:0;top:0;z-index:200;}
#header .wrap{height:100px;display:flex;justify-content:space-between ;align-items:center;}
#header .logo img{height:54px;}
#header .logo .green{display:none;}
#header .logo .whrite{display:block;}
#header .right{display:flex;align-items:center;gap:0 50px;}
#header .right .nav ul{display:flex;align-items:center;gap:0 10px;}
#header .right .nav ul li h3 a{display:block;padding:0 15px;font-size:16px;color:#fff;position:relative;line-height:100px; font-weight: normal;}
#header .right .nav ul li h3 a:before{content:'';display:block;width:0;height:3px;position:absolute;left:0;bottom:0;background:#50b225;left:50%;}
#header .right .nav ul li h3 a:before{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#header .right .nav ul li .sub{ display:none; position:absolute; left:0; top:100px; background:#50b225; width:100%;}
#header .right .nav ul li .sub .box{ display:flex;justify-content:center;align-items:center; width:100%}
#header .right .nav ul li .sub .box .item{ position:relative}
#header .right .nav ul li .sub .box .item h4{ line-height:60px}
#header .right .nav ul li .sub .box .item h4 a{ font-weight:normal; font-size:16px; display:block; color:#fff;width:220px; text-align:center;}
#header .right .nav ul li .sub .box .item .itemsub{ display:none; position:absolute; left:50%; margin-left:-110px;; top:60px;; background:#fff; padding:10px; width:220px; text-align:center; border-radius:0 0 6px 6px;box-shadow:0 2px 10px 0 rgba(28,28,28,.1);}
#header .right .nav ul li .sub .box .item .itemsub a{ display:block; text-align:center;border-bottom:1px solid #eee; padding:6px 0}
#header .right .nav ul li .sub .box .item:hover h4 a{ background:#2b8d00}

#header .right .lan{position:relative;height:80px;display:flex;align-items:center;}
#header .right .lan .title{border:1px solid #eee;border-radius:50px;display:flex;align-items:center;gap:0 10px;padding:2px 20px;color:#fff;}
#header .right .lan .title i{font-size:18px;}
#header .right .lan .sub{display:none;position:absolute;width:100%;left:0;top:80px;z-index:120;;}
#header .right .lan .sub dl{background:#fff;box-shadow:0 2px 10px 0 rgba(28,28,28,.1);margin-top:10px;position:relative;padding:10px 0;border-radius:0 0 6px 6px;}
#header .right .lan .sub dl::before{content:'';display:block;width:0;height:0;border:10px solid transparent;border-bottom:10px solid #fff;position:absolute;left:50%;transform:translateX(-50%);top:-15px;}
#header .right .lan .sub dl a{display:block;text-align:center;padding:2px 0;}
#header .right .mnav{display:none;}
#header.active{background:#fff;box-shadow:0 2px 10px 0 rgba(28,28,28,.05);}
#header.active .green{display:block;}
#header.active .whrite{display:none;}
#header.active .right .nav ul li h3 a{color:#333;}
#header.active .right .nav ul li:hover h3 a{color:#50b225;font-weight:700;}
#header.active .right .nav ul li:hover h3 a:before{width:100%;left:0;}
#header.active .right .lan .title{color:#333;}
#header.active .right .lan:hover .title{background:#50b225;border:1px solid #50b225;color:#fff;}
#header:hover{background:#fff;box-shadow:0 2px 10px 0 rgba(28,28,28,.05);}
#header:hover .green{display:block;}
#header:hover .whrite{display:none;}
#header:hover .right .nav ul li h3 a{color:#333;}
#header:hover .right .nav ul li:hover h3 a{color:#50b225;font-weight:700;}
#header:hover .right .nav ul li:hover h3 a:before{width:100%;left:0;}
#header:hover .right .lan .title{color:#333;}
#header:hover .right .lan:hover .title{background:#50b225;border:1px solid #50b225;color:#fff;}

#banner{width:100%;}
#banner .focus{position:relative;overflow:hidden;}
#banner .focus .swiper-slide .pc{display:block;}
#banner .focus .swiper-slide .m{display:none;}
#banner .focus .swiper-slide img{width:100%;}
#banner .focus .swiper-slide .text{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;background:rgba(0,0,0,.1);}
#banner .focus .swiper-slide .text:before{content:"";position:absolute;width:100%;height:150px;left:0;top:0;}
#banner .focus .swiper-slide .text:before{background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);}
#banner .focus .swiper-slide .text .title{font-size:60px;font-weight:700;color:#50b225;line-height:1.3;text-shadow:1px 1px 0px rgba(255, 255, 255, 1);}
#banner .focus .swiper-slide .text .desc{font-size:30px;color:#fff;line-height:1;margin-top:50px;}
#banner .focus .swiper-slide-active img{animation-name:kenburns;animation-timing-function:linear;animation-duration:4.5s;}
#banner .focus .swiper-pagination-bullet{width:8px;height:8px;border-radius:10px;background:#fff;opacity:.9;margin:0 5px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#banner .focus .swiper-pagination-bullet-active{background:#8ac53f;width:30px;}

#product{width:100%;background:url(../images/bg_product.png) no-repeat right top #f9f9f9;background-size:cover;}
#product .list{padding:80px 100px;position:relative;}
#product .list .swiper-container{padding:50px 12px; text-align:center;}
#product .list .swiper-container .swiper-slide{display:flex;justify-content:center;align-items:center;transition:300ms;transform:scale(1);}
#product .list .swiper-container .swiper-slide-active{transform:scale(1.15);position:relative;z-index:99;}
#product .list .swiper-container .swiper-slide{display:block;background:#fff;position:relative;box-shadow:0 2px 12px rgba(0,0,0,0.12);border-radius:10px;overflow:hidden;}
#product .list .swiper-container .swiper-slide .text{padding:30px;text-align:center;}
#product .list .swiper-container .swiper-slide .text .title{font-size:21px;font-weight:500;}
#product .list .swiper-container .swiper-slide .text .desc{font-size:16px;color:#999;}
#product .list .swiper-container .swiper-slide .img{overflow:hidden;padding:20px 0 20px;}
#product .list .swiper-container .swiper-slide .img img{width:40%;}
#product .list .button{position:absolute;right:0;top:50%;transform:translatey(-50%);z-index:100;}
#product .list .button i{width:60px;height:60px;background:#fff;display:flex;justify-content:center;align-items:center;border-radius:50px;box-shadow:0 1px 8px rgba(0,0,0,0.08);transition:all 0.5s;}
#product .list .button i{font-size:24px;}
#product .list .button.button-prev{right:auto;left:0;}
#product .list .button:hover i{transform:scale(1.08);transition:all 0.5s;}

#about{width:100%;position:relative;background:#50b225;}
#about .left{width:50%;padding:80px 0 120px;}
#about .left .text{padding-right:20%;}
#about .left .text .title{font-size:40px;color:#fff;font-weight:700;line-height:1;}
#about .left .text .dhimg{margin-top:30px;}
#about .left .text .desc{font-size:30px;color:#fff;line-height:1;position:relative;margin-top:-20px;}
#about .left .text .content{font-size:16px;color:#fff;opacity:.9;line-height:1.8;margin-top:30px;}
#about .left .text .more{margin-top:30px;}
#about .left .text .more a{background:#fff;color:#8ac53f;border-radius:40px;display:inline-block;padding:5px 20px;}
#about .left .text .more a{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#about .left .text .more a i{margin-left:5px;}
#about .left .count{margin-top:80px;display:flex;gap:0 10px;}
#about .left .count .item{width:calc((100% - 30px) / 4);background:linear-gradient(0deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));border-radius:10px;padding:15px 0;text-align:center;}
#about .left .count .item:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}
#about .left .count .item .num{display:flex;justify-content:center;align-items:flex-end;}
#about .left .count .item .num big{font-size:56px;color:#fff;font-family:"din";font-weight:700;line-height:1;}
#about .left .count .item .num small{font-size:16px;color:#fff;line-height:1.5;margin-left:5px;}
#about .left .count .item .desc{color:#fff;padding:20px;line-height:1.2;}
#about .right{position:absolute;right:0;top:0;height:100%;overflow:hidden;width:48%;}
#about .right .bgimg img{opacity:.2;width:100%;}
#about .right .img {position:absolute;right:0;top:0;aspect-ratio:1049 / 849;-webkit-mask:url(../images/icon2.png);-webkit-mask-size:cover;transform:scale(0.98);transform-origin:right top;overflow:hidden;} 
#about .right .img img{max-width:100%;height:120%;animation:movepoint 10s infinite;position:relative;top:-50px;object-fit:cover;}
#about .right .text{color:#fff;font-size:80px;font-weight:700;position:absolute;left:20%;bottom:40px;line-height:1;font-family:"Stolzl";animation:movetext 2s infinite;}

#honnr{width:100%;padding:80px 0;}
#honnr .stitle{display:flex;justify-content:space-between ;align-items:center;;}
#honnr .stitle .title{font-size:40px;font-weight:700;}
#honnr .stitle .more a{display:flex;justify-content:space-between ;align-items:center;font-size:16px;gap:0 10px;}
#honnr .stitle .more a i{font-size:20px;}
#honnr .stitle .more a:hover i{margin-right:10px;}
#honnr .list{margin-top:50px;}
#honnr .list ul{display:flex;gap:30px;}
#honnr .list ul li{width:calc((100% - 90px) / 4);}
#honnr .list ul li .img{border:1px solid #eee;padding:10px;height:280px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:6px;}
#honnr .list ul li .img img{max-width:100%;max-height:100%;}
#honnr .list ul li .title{text-align:center;font-size:16px;margin-top:20px;}

#news{width:100%;padding:80px 0;background:#f8f8f9;}
#news .stitle{display:flex;justify-content:space-between ;align-items:center;;}
#news .stitle .title{font-size:40px;font-weight:700;}
#news .stitle .more a{display:flex;justify-content:space-between ;align-items:center;font-size:16px;gap:0 10px;}
#news .stitle .more a i{font-size:20px;}
#news .stitle .more a:hover i{margin-right:10px;}
#news .list{margin-top:50px;}
#news .list ul{display:flex;gap:30px;}
#news .list ul li{width:calc((100% - 60px) / 3);}
#news .list ul li .img{height:320px;overflow:hidden;border-radius:6px;}
#news .list ul li .img img{width:100%;height:100%;object-fit:cover;;}
#news .list ul li .info{margin-top:20px;}
#news .list ul li .info time{display:block;color:#999;}
#news .list ul li .info .title{font-size:16px;margin-top:10px;line-height:1.8;}


#main .jcbg{ padding:80px 0}
#main .jcbg .stitle{ font-size:36px; line-height:1}
#main .jcbg .list{ margin-top:50px;}
#main .jcbg .list ul{display:flex;flex-wrap:wrap;gap:20px;}
#main .jcbg .list ul li{width:calc((100% - 60px) / 4);}
#main .jcbg .list ul li .img{height:320px;overflow:hidden;border-radius:6px;}
#main .jcbg .list ul li .img img{width:100%;height:100%;object-fit:cover;;}
#main .jcbg .list ul li .info{margin-top:20px; height:80px; background:#f2f2f2; text-align:center; line-height:80px;}
#main .jcbg .list ul li .info:hover {background:#50b225;;}
#main .jcbg .list ul li .info time{display:block;color:#999;}
#main .jcbg .list ul li .info .title{font-size:16px;margin-top:10px;line-height:80px;color:#000000;}
#main .jcbg .list ul li .info .title:hover{color:#fff;}


#num{width:100%;padding:130px 0;background:url(../images/bg_num.jpg) no-repeat center center;background-size:cover;}
#num .wrap{display:flex;justify-content:space-between; padding:0 5vw}
#num .item{padding:15px 0;text-align:center;}
#num .item .num{display:flex;justify-content:center;align-items:flex-end;}
#num .item .num big{font-size:56px;font-family:"din";font-weight:700;line-height:1;}
#num .item .num small{font-size:16px;line-height:1.5;margin-left:5px;}
#num .item .desc{ padding:20px;line-height:1.8;font-size:16px;}

#footer{width:100%;background:#333;background-size:cover;}
#footer .map{padding:40px 0;display:flex;justify-content:space-between ;;}
#footer .map .logo img{width:150px;}
#footer .map .item h3{font-size:16px;color:#fff;margin-bottom:10px;}
#footer .map .item .contact{color:#fff;line-height:1.7; opacity:.7}
#footer .map .item.qrcode{color:#fff;margin-top:10px;text-align:center;}
#footer .map .item.qrcode img{width:140px;}
#footer .map .item p{line-height:2;}
#footer .map .item p a{color:#fff; opacity:.7}
#footer .map .item p a:hover{opacity:1}
#footer .copyright{padding:15px 0;display:flex;justify-content:space-between ;border-top:1px solid rgba(255,255,255,.2) ;}
#footer .copyright .left{color:#fff;}
#footer .copyright .left a{color:#fff;margin-left:10px;}
#footer .copyright .right{display:flex;}
#footer .copyright .right a{color:#fff;margin-left:10px;}

@media (max-width:1500px){
	.wrap{ padding:0 20px}
	#header .right .nav ul li .sub .box .item h4 a{width:150px;}
	#header .right .nav ul li .sub .box .item h4 a{ overflow: hidden;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp:1;}
	#header .right .nav ul li .sub .box .item .itemsub{width:150px;margin-left:-75px;}

}
@media (max-width:800px){
	body,html{font-size:.23rem;line-height:.34rem;}	
	.wrap{ padding:0}
	
	#header{width:100%;padding:0 .2rem;background:#fff;}
	#header .wrap{height:.9rem;}
	#header .logo img{height:.56rem;}
	#header .logo .green{display:block;}
	#header .logo .whrite{display:none;}
	#header .right{gap:0 .3rem;}
	#header .right .nav{position:absolute;background:#fff;height:auto;min-height:100vh;width:100%;top:.9rem;z-index:105;padding:.1rem .25rem 0;transform:translatex(100%);left:0;border-top:1px solid #eee;}
	#header .right .nav ul{display:block;;}
	#header .right .nav ul li h3 a{padding:0;font-size:.24rem;color:#333;line-height:.8rem;border-bottom:1px solid #eee;}
	#header .right .nav ul li h3 a:before{left:0;}
	
	#header .right .nav ul li .sub{ display:none; position: inherit; left:0; top:0; background:#fff; width:100%;}
	#header .right .nav ul li .sub .box{ display: block;width:100%}
	#header .right .nav ul li .sub .box .item{ position:relative}
	#header .right .nav ul li .sub .box .item h4{ line-height:.7rem}
	#header .right .nav ul li .sub .box .item h4 a{ font-weight:normal; font-size:.22rem;color:#333; padding:0 .2rem; border-bottom:1px solid #eee}
	#header .right .nav ul li .sub .box .item .itemsub{ display:none !important}
	#header .right .nav ul li .sub .box .item:hover h4 a{ background:#fff;}

	#header .right .lan{height:.9rem;;}
	#header .right .lan .title{ border-radius:.5rem;gap:0 .1rem;padding:.02rem .3rem;color:#333;}
	#header .right .lan .title i{font-size:.24rem;}
	#header .right .lan .sub{top:.9rem;;}
	#header .right .lan .sub dl{margin-top:.1rem;padding:.1rem 0;}
	#header .right .lan .sub dl a{padding:.02rem 0;font-size:.22rem;}
	#header .right .mnav{position:relative;display:block;width:.34rem;height:.25rem;cursor:pointer;}
	#header .right .mnav span{position:absolute;display:block;width:.34rem;height:.05rem;background:#50b225;transition:all .5s;border-radius:.05rem;}
	#header .right .mnav .s1{top:0;}
	#header .right .mnav .s2{top:.1rem;width:.26rem;}
	#header .right .mnav .s3{top:.2rem;}
	#header .right .mnav.active .s1{top:.1rem;transform:rotate(45deg);}
	#header .right .mnav.active .s2{width:0;opacity:0;}
	#header .right .mnav.active .s3{top:.1rem;transform:rotate(-45deg);}
	#header .right .nav.active{transform:translatex(0);display:block;}	
	
	#banner{margin-top:.9rem;}
	#banner .focus .swiper-slide .pc{display:none;}
	#banner .focus .swiper-slide .m{display:block;}
	#banner .focus .swiper-slide .text{padding:0 .25rem;}
	#banner .focus .swiper-slide .text:before{display:none;}
	#banner .focus .swiper-slide .text .title{font-size:.34rem;text-shadow:none;}
	#banner .focus .swiper-slide .text .desc{font-size:.22rem;margin-top:.2rem;}
	
	#product{padding:0;}
	#product .list{padding:.3rem 0;position:relative;}
	#product .list .swiper-container{padding:.5rem .25rem;}
	#product .list .swiper-container .swiper-slide-active{transform:scale(1);}
	#product .list .swiper-container .swiper-slide{border-radius:.1rem;}
	#product .list .swiper-container .swiper-slide .text{padding:.3rem 0;}
	#product .list .swiper-container .swiper-slide .text .title{font-size:.3rem;;}
	#product .list .swiper-container .swiper-slide .text .desc{font-size:.22rem;}
	#product .list .swiper-container .swiper-slide .img{padding:.3rem 0;}
	#product .list .button{right:.1rem;;}
	#product .list .button i{width:.4rem;height:.4rem;border-radius:.4rem;}
	#product .list .button i{font-size:.22rem;}
	#product .list .button.button-prev{right:auto;left:.1rem;}
	
	#about{padding:0 .25rem;}
	#about .left{width:100%;padding:.8rem 0 .5rem;}
	#about .left .text{padding-right:0;}
	#about .left .text .title{font-size:.5rem;}
	#about .left .text .dhimg{margin-top:.3rem;}
	#about .left .text .desc{font-size:.3rem;margin-top:-.3rem;}
	#about .left .text .content{font-size:.22rem;margin-top:.3rem;}
	#about .left .text .more{margin-top:.3rem;}
	#about .left .count{margin-top:.5rem;flex-wrap:wrap;gap:.2rem;}
	#about .left .count .item{width:calc((100% - .4rem) / 3);padding:.2rem 0;;}
	#about .left .count .item .num big{font-size:.7rem;}
	#about .left .count .item .num small{font-size:.22rem;margin-left:.1rem;}
	#about .left .count .item .desc{margin-top:.1rem;font-size:.22rem;}
	#about .right{display:none;}
	
	#honnr{padding:.8rem .25rem;}
	#honnr .stitle .title{font-size:.4rem;}
	#honnr .stitle .more a{font-size:.22rem;gap:0 .1rem;}
	#honnr .stitle .more a i{font-size:.22rem;}
	#honnr .stitle .more a:hover i{margin-right:.1rem;}
	#honnr .list{margin-top:.5rem;}
	#honnr .list ul{display:flex;gap:.25rem;flex-wrap:wrap;}
	#honnr .list ul li{width:calc((100% - .25rem) / 2);}
	#honnr .list ul li .img{padding:.2rem;height:3rem;}
	#honnr .list ul li .title{font-size:.22rem;margin-top:.2rem;line-height:1.8;}
	
	#news{padding:.8rem .25rem;}
	#news .stitle .title{font-size:.4rem;}
	#news .stitle .more a{font-size:.22rem;gap:0 .1rem;}
	#news .stitle .more a i{font-size:.22rem;}
	#news .stitle .more a:hover i{margin-right:.1rem;}
	#news .list{margin-top:.5rem;}
	#news .list ul{flex-wrap:wrap;gap:.3rem;}
	#news .list ul li{width:100%;}
	#news .list ul li .img{height:auto;;}
	#news .list ul li .info{margin-top:.2rem;}
	#news .list ul li .info time{font-size:.2rem;}
	#news .list ul li .info .title{font-size:.22rem;margin-top:.1rem;}
	
	#num{ padding:1rem .25rem;}
	#num .wrap{flex-wrap:wrap;gap:.3rem 0;}
	#num .item{width:50%;}
	#num .item .num big{font-size:.5rem;}
	#num .item .num small{font-size:.22rem;margin-left:.1rem;}
	#num .item .desc{ padding:.2rem;font-size:.22rem;}
	
	#footer .map{padding:.5rem .3rem;;}
	#footer .map{display:block;}
	#footer .map .logo{text-align:center;}
	#footer .map .item{text-align:center;}
	#footer .map .item h3{font-size:.24rem;margin-bottom:.1rem;}
	#footer .map .item .contact{font-size:.22rem;}
	#footer .map .item.qrcode{margin-top:.1rem;}
	#footer .map .item .input .text{border:0;width:100%;font-size:.22rem;}
	#footer .map .item .input .btn{border:0;line-height:40px;padding:0 20px;}
	#footer .map .item:nth-child(2){display:none;}
	#footer .map .item:nth-child(3){display:none;}
	#footer .map .item:nth-child(4){margin-top:.5rem;}
	#footer .copyright{padding:.2rem .25rem;display:block;font-size:.2rem;}
	#footer .copyright .left{text-align:center;}
	#footer .copyright .left i{display:block;}
	#footer .copyright .right{justify-content:center ;}
	#footer .copyright .right a{margin:0 .1rem;}
}
@keyframes kenburns {
    0% {transform:scale(1.1);-webkit-transform:scale(1.1);}
    25% {transform:scale(1.075);-webkit-transform:scale(1.075);}
    50% {transform:scale(1.05);-webkit-transform:scale(1.05);}
    75% {transform:scale(1.025);-webkit-transform:scale(1.025);}
}
@keyframes movepoint {
	0% {top:-50px;}
	50% {top:0px;}
	100%{top:-50px;}
}
@keyframes movetext {
	0% {bottom:140px;}
	50% {bottom:130px;}
	100%{bottom:140px;}
}

#nbanner{ width:100%}
#nbanner .img img{ width:100%}

#clist{ width:100%; border-bottom:1px solid #eee;}
#clist .wrap{display: flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 20px;}
#clist a{ display:block; padding:15px 10px; font-size:16px; position:relative}
#clist a.active{ font-weight:700; color:#50b225;}
#clist a.active:after{content: "";position: absolute;background: #50b225;height:2px;width: 100%;bottom:0;left: 0;transition: all 300ms ease-in-out;}

#main{ width:100%;}
#main .about{ padding:80px 0}
#main .about .about_1 .stitle{ font-size:36px;line-height:1}
#main .about .about_1 .content{ margin-top:30px; line-height:1.8; font-size:16px}
#main .about .honor{ margin-top:50px; border-top:1px solid #eee; padding-top:50px}
#main .about .honor .stitle{display:flex;justify-content:space-between ;align-items:center;;}
#main .about .honor .stitle .title{font-size:36px;}
#main .about .honor .stitle .more a{display:flex;justify-content:space-between ;align-items:center;font-size:16px;gap:0 10px;}
#main .about .honor .stitle .more a i{font-size:20px;}
#main .about .honor .stitle .more a:hover i{margin-right:10px;}
#main .about .honor .list{ margin-top:30px}
#main .about .honor .list ul{display:flex;gap:30px;}
#main .about .honor .list ul li{width:calc((100% - 90px) / 4);}
#main .about .honor .list ul li .img{border:1px solid #eee;padding:10px;height:280px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:6px;}
#main .about .honor .list li .img img{max-width:100%;max-height:100%;}
#main .about .honor .list ul li .title{text-align:center;font-size:16px;margin-top:20px;}

#main .other{ padding:80px 0}
#main .other .stitle{ font-size:36px;line-height:1; text-align:center}
#main .other .content{ margin-top:30px; line-height:1.8; font-size:16px}

#main .honorlist{ padding:80px 0}
#main .honorlist .stitle{font-size:36px;}
#main .honorlist .list{ margin-top:30px}
#main .honorlist .list ul{display:flex;gap:30px;}
#main .honorlist .list ul li{width:calc((100% - 90px) / 4);}
#main .honorlist .list ul li .img{border:1px solid #eee;padding:10px;height:280px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:6px;}
#main .honorlist .list li .img img{max-width:100%;max-height:100%;}
#main .honorlist .list ul li .title{text-align:center;font-size:16px;margin-top:20px;}

#main .product{ padding:80px 0}
#main .product .list ul{display:flex;flex-wrap:wrap;gap:50px 30px}
#main .product .list ul li{ width:calc((100% - 90px) / 4)}
#main .product .list ul li .img{ border:1px solid #eee; padding:20px; border-radius:6px}
#main .product .list ul li .img img{ width:100%}
#main .product .list ul li .info{ margin-top:20px; text-align:center}
#main .product .list ul li .info .title{ font-size:20px;}
#main .product .list ul li .info .desc{ font-size:18px; color:#888}

#main .service{ padding:80px 0}
#main .service .stitle{ font-size:36px; line-height:1}
#main .service .tisp{ margin-top:20px; line-height:1.8; font-size:18px}
#main .service .list{ margin-top:50px;display:flex;justify-content:space-between}
#main .service .list .left{ width:48%}
#main .service .list .left ul{display:flex;justify-content:space-between ;flex-wrap:wrap;gap:30px}
#main .service .list .left ul li{ width:calc((100% - 30px) / 2); text-align:center; border:1px solid #eee; padding:50px}
#main .service .list .left ul li .icon i{ font-size:46px; color:#50b225}
#main .service .list .left ul li p{ font-size:18px; margin-top:20px;}
#main .service .list .right{ width:48%}
#main .service .list .right img{ max-width:100%;height:100%}

#main .servicelist{ padding:80px 0}
#main .servicelist .stitle{ font-size:36px; line-height:1}
#main .servicelist .list{ margin-top:50px;}
#main .servicelist .list ul{display:flex;flex-wrap:wrap;gap:20px 30px;}
#main .servicelist .list ul li{width:calc((100% - 60px) / 3);border:1px solid #eee;;padding:15px 10px; border-radius:4px;background:#f2f2f2;}
#main .servicelist .list ul li .info .title{font-size:16px;line-height:1.8; }

#main .news{ padding:80px 0}
#main .news .stitle{ font-size:36px; line-height:1}
#main .news .list{ margin-top:50px;}
#main .news .list ul{display:flex;flex-wrap:wrap;gap:30px;}
#main .news .list ul li{width:calc((100% - 60px) / 3);}
#main .news .list ul li .img{height:320px;overflow:hidden;border-radius:6px;}
#main .news .list ul li .img img{width:100%;height:100%;object-fit:cover;;}
#main .news .list ul li .info{margin-top:20px;}
#main .news .list ul li .info time{display:block;color:#999;}
#main .news .list ul li .info .title{font-size:16px;margin-top:10px;line-height:1.8;}

#main .contact{ padding:80px 0;}
#main .contact .stitle{ font-size:36px; line-height:1}
#main .contact .content{display:flex;justify-content:space-between;align-items:center; margin-top:50px}
#main .contact .content .text{ width:40%; font-size:18px; line-height:2}
#main .contact .content .map{ width:60%}
#main .contact .content .map iframe{ width:100%; height:400px}
#main .contact .content .map img{ width:100%; }
#main .contact .feedback{ margin-top:80px; border-top:2px solid #eee; padding-top:80px;}
#main .contact .feedback .ctitle .title{ font-size:36px;}
#main .contact .feedback .ctitle .desc{ color:#888; line-height:1.5; margin-top:20px}
#main .contact .feedback .formbox{ margin-top:50px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px 20px}
#main .contact .feedback .formbox .item{ width:calc((100% - 20px) / 2)}
#main .contact .feedback .formbox .item .text{ width:100%; border:1px solid #ddd; border-radius:8px; padding:20px 20px; font-size:16px}
#main .contact .feedback .formbox .item .textarea{ width:100%; border:1px solid #ddd; border-radius:8px; padding:20px 20px; font-size:16px; height:150px}
#main .contact .feedback .formbox .item .text:focus {border-color: #0554F2!important;}
#main .contact .feedback .formbox .item .textarea:focus {border-color: #0554F2!important;}
#main .contact .feedback .formbox .item2{ width:100%}
#main .contact .feedback .button{ text-align:center; width:100%}
#main .contact .feedback .button .btn{ display:inline-block; border:0; background:#50b225; border-radius:10px; padding:20px 100px; font-size:20px; color:#fff; cursor:pointer}

#main .job{ padding:80px 0}
#main .job .stitle{ font-size:36px;line-height:1}
#main .job .content{ margin-top:30px; line-height:1.8; font-size:16px}

#main .show{ padding:80px 0}
#main .show .info{display: flex;justify-content:space-between;align-items:center;}
#main .show .text{ width:50%;}
#main .show .text h1{ font-size:40px; line-height:2; color:#50b225}
#main .show .text .desc{ font-size:16px; line-height:1.8; margin-top:20px}
#main .show .img{ width:50%; text-align:center}
#main .show .img img{ max-width:80%; max-height:450px}
#main .show .view{ border-top:1px solid #eee; margin-top:50px; padding-top:50px}
#main .show .view .title span{ background:#50b225; color:#fff; font-size:22px;; display:inline-block; padding:5px 20px}
#main .show .view .content{ margin-top:30px;font-size:16px; line-height:1.8}
#main .show .view .content img{ max-width:100%}
#main .show .updown{ border-top:1px solid #eee; margin-top:30px; padding-top:30px}

#main .news_view{ padding:80px 0}
#main .news_view .title{ border-bottom:1px solid #eee; padding-bottom:20px}
#main .news_view .title h1{ font-size:26px; text-align:center; line-height:1.5}
#main .news_view .title .info{ color:#999; text-align:center; margin-top:20px}
#main .news_view .title .info span{ margin:0 10px}
#main .news_view .content{ padding:30px 0; font-size:16px; line-height:1.8; min-height:300px}
#main .news_view .content img{ max-width:1000px}
#main .news_view .updown{ border-top:1px solid #eee; margin-top:30px; padding-top:30px}

#fenye{padding:80px 0 0px;display:flex;align-items:center;justify-content:center;gap:0 8px;}
#fenye a{color:#5a5a5a;height:50px;width:50px;line-height:50px;text-align:center;border:1px solid #eee;border-radius:4px;}
#fenye a.page-num-current{color:#fff;background:#50b225;border:1px solid #50b225;}
#fenye a:hover{background:#50b225;color:#fff;border:1px solid #50b225;}


@media (max-width:800px){
	body,html{font-size:.23rem;line-height:.34rem;}	
	.wrap{ padding:0}
	#nbanner .img{ height:3.6rem}
	#nbanner .img img{width:100%;height:100%;object-fit:cover;;}
	
	#clist .wrap{gap:0 .15rem;}
	#clist a{ padding:.1rem .2rem; font-size:.22rem; }
	
	#main .about{ padding:.8rem .25rem}
	#main .about .about_1 .stitle{ font-size:.4rem;}
	#main .about .about_1 .content{ margin-top:.3rem; font-size:.24rem}
	#main .about .honor{ margin-top:.5rem;padding-top:.5rem}
	#main .about .honor .stitle{ font-size:.4rem;}
	#main .about .honor .list{ margin-top:.3rem}
	#main .about .honor .list ul{display:flex;gap:.25rem;flex-wrap:wrap;}
	#main .about .honor .list ul li{width:calc((100% - .25rem) / 2);}
	#main .about .honor .list ul li .img{padding:.2rem;height:3rem;}
	#main .about .honor .list ul li .title{font-size:.22rem;margin-top:.2rem;line-height:1.8;}
	
	#main .other{ padding:.8rem .25rem}
	#main .other .stitle{ font-size:.4rem;}
	#main .other .content{ margin-top:.3rem; font-size:.24rem}
	
	#main .honorlist{ padding:.8rem .25rem}
	#main .honorlist .stitle{ font-size:.4rem;}
	#main .honorlist .list{ margin-top:.3rem}
	#main .honorlist .list ul{display:flex;gap:.25rem;flex-wrap:wrap;}
	#main .honorlist .list ul li{width:calc((100% - .25rem) / 2);}
	#main .honorlist .list ul li .img{padding:.2rem;height:3rem;}
	#main .honorlist .list ul li .title{font-size:.22rem;margin-top:.2rem;line-height:1.8;}
	
	#main .product{ padding:.8rem .25rem}
	#main .product .list ul{gap:.5rem .3rem}
	#main .product .list ul li{ width:calc((100% - .3rem) / 2)}
	#main .product .list ul li .img{padding:.4rem .2em }
	#main .product .list ul li .info{ margin-top:.2rem;}
	#main .product .list ul li .info .title{ font-size:.24rem;}
	#main .product .list ul li .info .desc{ font-size:.22rem;}
	
	#main .service{ padding:.8rem .25rem}
	#main .service .stitle{ font-size:.4rem}
	#main .service .tisp{ margin-top:.2rem;font-size:.24rem}
	#main .service .list{ margin-top:.5rem;display: block;}
	#main .service .list .left{ width:100%}
	#main .service .list .left ul{gap:.25rem}
	#main .service .list .left ul li{ width:calc((100% - .25rem) / 2); padding:.4rem .25rem}
	#main .service .list .left ul li .icon i{ font-size:.5rem;}
	#main .service .list .left ul li p{ font-size:.24rem; margin-top:.2rem;}
	#main .service .list .right{ width:100%; margin-top:.5rem}
	#main .service .list .right img{ width:100%;height: auto}
	
	#main .servicelist{ padding:.8rem .25rem}
	#main .servicelist .stitle{font-size:.4rem}
	#main .servicelist .list{ margin-top:.5rem;}
	#main .servicelist .list ul{display:flex;gap:.2rem}
	#main .servicelist .list ul li{width:100%;padding:.2rem;}
	#main .servicelist .list ul li .info .title{font-size:.22rem;line-height:1.8;}

	#main .news{ padding:.8rem .25rem}
	#main .news .stitle{ font-size:.4rem}
	#main .news .list{margin-top:.5rem;}
	#main .news .list ul{gap:.3rem;}
	#main .news .list ul li{width:100%;}
	#main .news .list ul li .img{height:auto;;}
	#main .news .list ul li .info{margin-top:.2rem;}
	#main .news .list ul li .info time{font-size:.2rem;}
	#main .news .list ul li .info .title{font-size:.22rem;margin-top:.1rem;}
	
	#main .jcbg{ padding:.8rem .25rem}
	#main .jcbg .stitle{ font-size:.4rem}
	#main .jcbg .list{margin-top:.5rem;}
	#main .jcbg .list ul{gap:.3rem;}
	#main .jcbg .list ul li{width:100%;}
	#main .jcbg .list ul li .img{height:auto;;}
	#main .jcbg .list ul li .info{margin-top:.2rem;}
	#main .jcbg .list ul li .info time{font-size:.2rem;}
	#main .jcbg .list ul li .info .title{font-size:.22rem;margin-top:.1rem;}
	
	#main .contact{padding:.8rem .25rem}
	#main .contact .content{display: block}
	#main .contact .content .text{ width:100%;font-size:.24rem;}
	#main .contact .content .map{ width:100%; margin-top:.5rem}
	#main .contact .content .map iframe{height:4rem}
	#main .contact .feedback{ margin-top:.8rem;padding-top:.8rem;}
	#main .contact .feedback .ctitle .title{ font-size:.4rem;}
	#main .contact .feedback .ctitle .desc{ margin-top:.2rem; font-size:.22rem}
	#main .contact .feedback .formbox{ margin-top:.5rem;gap:.3rem}
	#main .contact .feedback .formbox .item{ width:100%}
	#main .contact .feedback .formbox .item .text{ padding:.2rem; font-size:.22rem}
	#main .contact .feedback .formbox .item .textarea{ padding:.2rem; font-size:.22rem; height:2rem}
	#main .contact .feedback .button .btn{  padding:.2rem 1rem; font-size:.24rem;}
	
	#main .job{ padding:.8rem .25rem}
	#main .job .stitle{ font-size:.4rem;}
	#main .job .content{ margin-top:.3rem; font-size:.24rem}

	#main .show{ padding:.8rem .25rem}
	#main .show .info{display: block}
	#main .show .text{ width:100%;}
	#main .show .text h1{ font-size:.4rem;}
	#main .show .text .desc{ font-size:.24rem; margin-top:.2rem}
	#main .show .img{ width:100%;}
	#main .show .img img{max-height: inherit}
	#main .show .view{  margin-top:.5rem; padding-top:.5rem}
	#main .show .view .title span{ font-size:.3rem;padding:.1rem .2rem}
	#main .show .view .content{ margin-top:.3rem;font-size:.24rem;}
	#main .show .view .content img{ max-width:100%}
	#main .show .updown{margin-top:.3rem; padding-top:.3rem}
	
	#main .news_view{ padding:.8rem .25rem}
	#main .news_view .title{padding-bottom:.2rem}
	#main .news_view .title h1{ font-size:.3rem;}
	#main .news_view .title .info{margin-top:.2rem; font-size:.2rem}
	#main .news_view .title .info span{ margin:0 .1rem}
	#main .news_view .content{ padding:.3rem 0; font-size:.24rem; line-height:1.8; min-height:3rem}
	#main .news_view .content img{ max-width:100%}
	#main .news_view .updown{ margin-top:.3rem; padding-top:.3rem;}
	
	#fenye{padding:.5rem 0 0px;gap:0 .1rem;}
	#fenye a{ width:.66rem;height:.66rem;line-height:.66rem;}
	#fenye .num,#fenye .prev{display:none;}
}