*{box-sizing:border-box}
.wrap{max-width:100%;max-width:1680px;margin:0 auto;}
.flex{display: flex;}

.header{padding-top:20px;}
.header .menu .btn{padding:15px 0;}
.header .menu .btn a{display:inline-block;position:relative;margin-left:25px;}
.header .menu .btn a img{vertical-align:top}
.header .menu .btn a:before{height:18px;width:1px;background:#000000;position:absolute;left:-15px;top:0;content:'';}
.header .menu .btn a:first-child:before{display:none;}
.header .menu .tel{float:right;background:url(../images/ico5.jpg) no-repeat;width:159px;height:45px;font-family: 'Barlow-Medium';text-align:center;}
.header .menu .tel a{font-family: 'Barlow-Medium';font-size:16px;color:#fff;line-height:45px;padding-left:20px;}
.index-pro-content{font-family: 'Barlow-Medium';padding-top:30px;font-size:16px;line-height:30px;}
.nav{transition-duration:.5s;padding:33px 0 60px;text-align:center;}
.nav .logo{display:none;position:absolute;left:60px;top:10px;}
.nav .logo img{height:60px;}
.nav.height{position:fixed;background:#fff;z-index:999999;padding:30px 0;top:0;left:0;width:100%;box-shadow:0 0 30px rgba(0,0,0,.15);}
.nav.height .logo{display:block;}
.nav ul{font-size:0;}
.nav li{display:inline-block;margin-right:30px;}
.nav li:last-child{margin-right:0;}
.nav li a{font-size:18px;color:#000;font-family: 'Barlow-Medium';text-transform:uppercase;}
.nav li.on a,.nav li a:hover{color:#007b38}

.list-about{background:url(../images/banner-about.jpg) no-repeat top center;}
.list-about .one{padding-top:160px;}
.list-about .one .box{width:50%;float:left;}
.list-about .one .about-images img{height:666px;width:100%;}
.list-about .one .about-txt .txt{padding-left:35px;height:376px;background:#fff url(../images/list-aboutbg.jpg) no-repeat right bottom;}
.list-about .one .about-txt .txt h3{padding:70px 0 120px;color:#0f9337;line-height:46px;font-size:36px;font-family: 'Barlow-Medium';}
.list-about .one .about-txt .txt p{color:#000000;line-height:27px;font-size:16px;font-family: 'Barlow-Medium';}
.list-about .one .about-txt .img img{float:left;width:45%;height:290px;}
.list-about .one .about-txt .img img:first-child{float:left;width:55%;}
.list-about .two{background:url(../images/list-aboutbg2.jpg) no-repeat right bottom;padding:60px 0 40px;}
.list-about .two .body{max-width:1100px;}
.list-about .two .body h2{font-family: 'Barlow-Bold';color:#000;font-size:30px;text-transform:uppercase;}
.list-about .two .body h3{font-family: 'Barlow-Medium';color:#000;font-size:18px;line-height:22px;padding:10px 0 30px;text-transform:uppercase;}
.list-about .two .body p{color:#000;font-family: 'Barlow-Medium';line-height:24px;margin-bottom:20px;font-size:16px;}

.footer{padding-top:35px;border-top:1px solid #D9D9D9;}
.footer .logo,.footer .ico{align-items:center;display:flex;min-height:230px;}
.footer .logo{width:200px;border-right:1px solid #D9D9D9;}
.footer .ico{width:300px;border-left:1px solid #D9D9D9;}
.footer .ico a{margin-left:25px;color:#D9D9D9;font-size:20px;}
.footer .ico a:hover{color:#7BB38C}
.footer .menu{width: calc(100% - 500px);padding:0 50px;}
.footer .menu .box{width:25%;float:left;}
.footer .menu .box:first-child{width:50%}
.footer .menu .box:first-child li{width:50%;float:left;}
.footer .menu .box li a{transition-duration:.5s;color:#696969;font-size:16px;font-family: 'Barlow-Medium';line-height:36px;}
.footer .menu .box li a:hover{padding-left:5px;color:#7bb38c}
.footer .menu .box h3{padding:20px 0 40px;}
.footer .menu .box h3 a{color:#7bb38c;font-size:18px;font-family: 'Barlow-Medium';}
.footer .bottom{margin-top:40px;padding:25px 0;border-top:1px solid #D9D9D9;position:relative;}
.footer .bottom .mc{position:absolute;right:0;top:25px;}
.footer .bottom p{color:#9b9b9b;font-size:16px;}

.weizhi{background:url(../images/weizhibg.jpg) no-repeat center;height:113px;display:flex;align-items:center;}
.weizhi img{margin-right:10px;}
.weizhi a{color:#000;font-size:16px;font-family: 'Barlow-Medium';}
.weizhi i{padding:0 10px;}
.weizhi a:hover{color:#7bb38c}

.list-contact .wrap{padding:70px 60px;}
.list-contact .txt{width:50%;}
.list-contact .txt h2{color:#7bb38c;font-size:48px;font-family: 'Barlow-Bold';}
.list-contact .txt h3{max-width:430px;color:#616161;font-size:18px;line-height:27px;padding:10px 0 30px;font-family: 'Barlow-Medium';}
.list-contact .txt li{height:120px;padding:20px 0;border-bottom:1px solid #D9D9D9;margin-right:4%;width:48%;float:left;}
.list-contact .txt li:nth-child(2n){margin-right:0;}
.list-contact .txt li:last-child{border:0;}
.list-contact .txt li h4{margin-bottom:10px;color:#7bb38c;font-size:24px;font-family: 'Barlow-Bold';}
.list-contact .txt li p,.list-contact .txt li p a{font-family: 'Barlow-Medium';line-height:25px;color:#000;font-size:16px;}
.list-contact .txt li p img{margin-right:20px;}
.list-contact .form{width:45%;}
.list-contact .form input,.list-contact .form textarea{color:#000;margin-bottom:10px;font-size:15px;font-family: 'Barlow-Medium';border-bottom:1px solid #D9D9D9;display:block;line-height:45px;width:100%;}
.list-contact .form textarea{min-height:200px;margin:20px 0 30px}
.list-contact .form .code{width:60%;position:relative;float:left;}
.list-contact .form .code img{position:absolute;right:20px;top:0;height:45px;}
.list-contact .form .submit{width:181px;border:0;cursor:pointer;height:52px;float:right;background:url(../images/btn.jpg);}

.list-products{padding:60px 0;}
.list-products .menu{width:250px;}
.list-products .menu h2{color:#7bb38c;font-size:36px;font-family: 'Barlow-Bold';padding:15px 0;}
.list-products .menu .t{color:#7bb38c;font-size:48px;font-family: 'Barlow-Bold';padding:15px 0;}
.list-products .menu .State{color:#5d5d5d;font-size:18px;font-family: 'Barlow-Medium';padding:15px 0;}
.list-products .menu .btn{margin:100px auto 0;text-align:center;}
.list-products .menu .btn a{color:#D1D1D1;font-size:18px;width:35px;height:35px;line-height:35px;margin-right:10px;display:inline-block;border:1px solid #D1D1D1;border-radius:35px;cursor:pointer;}
.list-products .menu .btn a:hover{border-color:#7BB38C;color:#7BB38C;}
.list-products .menu .type{margin-bottom:30px;}
.list-products .menu .type li{line-height:50px;border-bottom:1px solid #D9D9D9;z-index:9999;position:relative;}
.list-products .menu .type li .sub{display:none;border-radius:5px;position:absolute;left:250px;z-index:9999;top:0;padding:15px;width:150%;background:#7bb38c;}
.list-products .menu .type li .sub a{color:#fff;border-bottom:1px dashed #fff;padding:10px 0;display:block;line-height:20px;}
.list-products .menu .type li h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-products .menu .type li h3 a{font-family: 'Barlow-Medium';color:#616161;font-size:16px;}
.list-products .menu .type li h3 a i{float:right;line-height:50px;padding:0 10px;}
.list-products .menu .type li h3 a:hover,.list-products .menu .type li.on h3 a{color:#7bb38c;}
.list-products .menu .type li:hover .sub{display:block;}
.list-products .menu .hot li{width:100%;overflow:hidden;margin-bottom:40px;}
.list-products .menu .hot li .pic{width:90px;margin-right:10px;float:left;}
.list-products .menu .hot li .txt h3{padding:5px 0 10px;font-family: 'Barlow-Medium';color:#000;font-size:18px;}
.list-products .menu .hot li .txt p{font-family: 'Barlow-Medium';color:#5f5f5f;font-size:16px;}
.list-products .content{width: calc(100% - 300px);}
.list-products .content .list li{border:1px solid #F0F0F0;position:relative;width:32%;float:left;margin:0 2% 50px 0;}
.list-products .content .list li .more{transition-duration:.5s;background:#7BB38C;border-radius:100%;position:absolute;right:20px;bottom:-25px;width:50px;line-height:50px;text-align:center;height:50px;}
.list-products .content .list li .more span{display:none;}
.list-products .content .list li .more i{font-style:normal;font-size:25px;font-weight:bold;color:#000;width:36px;height:36px;float:right;background:#fff;margin:7px 7px 0 0 ;border-radius:36px;line-height:32px;}
.list-products .content .list li .pic{padding:60px 30px}
.list-products .content .list li .txt{padding:0 25px 30px 25px}
.list-products .content .list li .txt h3{color:#7bb38c;font-family: 'Barlow-Medium';font-size:18px}
.list-products .content .list li .txt p{padding-top:10px;color:#5f5f5f;font-family: 'Barlow-Medium';font-size:16px}
.list-products .content .list li:nth-child(3n){margin-right:0;}
.list-products .content .list li:hover{transition-duration:.5s;border-color:#fff;box-shadow:0 0 30px rgba(0,0,0,.15);}
.list-products .content .list li:hover .more{border-radius:50px;width:190px;}
.list-products .content .list li:hover .more span{width: calc(100% - 50px);float:left;display:block;font-family: 'Barlow-Medium';text-align:center;text-transform:uppercase;color:#fff;font-size:16px;}
.list-products .content .t{font-family: 'Barlow-Bold';font-size:36px;color:#7bb38c;padding:30px 0;}

.list-content-right-header{padding-top:35px;box-sizing:border-box;box-shadow:0 0px 15px rgba(0,0,0,.1);}
.list-content-right-bd{width:700px;padding:0 30px;position:relative;z-index:3;}
.list-content-right-bd img{width:100%;}
.list-content-right-hd{width:70px;}
.list-content-right-hd li{border:1px solid #EAEAEA;width:70px;height:70px;margin-bottom:10px;}
.list-content-right-hd li img{width:68px;height:68px;}
.list-content-right-hd a.next,.list-content-right-hd a.prev{color:#fff;background:#000000;cursor:pointer;width:35px;float:left;height:25px;line-height:25px;text-align:center;}
.list-content-right-hd a.prev{background:#7BB38C;}
.list-content-right-info{width: calc(100% - 800px);padding-right:30px;z-index:2;position:relative;}
.list-content-right-info h2{font-size:18px;font-family: 'Barlow-Medium';color:#7bb38c;}
.list-content-right-info h3{font-size:16px;padding:5px 0 20px 0;color:#5f5f5f;font-family: 'Barlow-Medium';}
.list-content-right-info .body{min-height:200px;color:#000000;line-height:26px;font-family: 'Barlow-Medium';font-size:16px;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;padding:15px 0;}
.list-content-right-info .info-nav{overflow:hidden;padding-top:20px;}
.list-content-right-info .info-nav a{text-transform:uppercase;border-radius:50%;display:block;float:left;margin-right:8px;width:45px;height:45px;background:#000000;color:#fff;text-align:center;}
.list-content-right-info .info-nav a i{line-height:45px;font-size:20px;}
.list-content-right-info .info-nav a:hover{transition-duration: 1s;background:#000000;color:#fff;}
.list-content-right-info .info-nav a:first-child{background:#7BB38C;border-radius:50px;color:#fff;width:130px;}
.info-share{margin:20px 0;overflow:hidden;padding:15px 0;border-top:1px solid #D2D3D6;border-bottom:1px solid #D2D3D6;}
.info-share span{font-size:14px;}
.info-share a{display:inline-block;width:34px;height:34px;border-radius:34px;text-align:center;line-height:34px;font-size:20px;background:#C0C0C0;color:#fff;margin-left:7px;}
.info-share a:hover{background:#7BB38C;color:#fff;}
.updown{overflow:hidden;border-top:1px solid #D9D9D9;}
.updown a{font-family: 'Barlow-Medium';background:#fff;position:relative;box-sizing:border-box;padding:0 20px;line-height:80px;font-size:16px;color:#000;display:block;width:50%;float:left;}
.updown a i{padding:0 10px;}
.updown a.next{text-align:right;}

.index-banner .swiper-slide a{display:block;}
.index-banner .swiper-slide img{object-fit: fill;display:block;width:100vw;height:100vh;}
.index-banner .swiper-pagination{bottom:50px;text-align:center;}
.index-banner .swiper-pagination-bullet{margin-right:10px !important;width:14px;height:14px;border:0;background:#000000;opacity:1;}
.index-banner .swiper-pagination-bullet-active{background:#007b38;}
.index-banner .swiper-button{background:#007b38 !important;line-height:50px;border-radius:50px;text-align:center;color:#fff;cursor:pointer;background:none;top:50%;width:50px;height:50px;margin-top:-25px;position:absolute;z-index:999;}
.index-banner .swiper-next{right:2%;}
.index-banner .swiper-prev{left:2%;}
.index-banner .swiper-button i{font-size:20px;line-height:50px;}
.index-banner .swiper-button:hover i{color:#fff;}

.index-header{position:fixed;top:0;width:100%;z-index:99999}
.index-header.height{position:static}

.index-type{padding:60px 0;}
.index-type .hd{text-align:center;margin-bottom:40px}
.index-type .hd h2{color:#7bb38c;font-size:48px;font-family: 'Barlow-Bold';}
.index-type .hd h3{color:#b0afaf;font-size:24px;font-family: 'Barlow-Medium';}
.index-type ul li{width:32%;float:left;margin-right:2%;}
.index-type ul li .pic{overflow:hidden}
.index-type ul li .pic img{width:100%}
.index-type ul li .txt{transition-duration:.6s;color:#000;margin:15px;font-size:24px;border-bottom:1px solid #000;display:inline-block;}
.index-type ul li:hover .txt{color:#7BB38C;border-color:#7BB38C;}
.index-type ul li:nth-child(3n){margin-right:0;}
.index-products{background:#F6F6F6}
.index-products .content .list{padding-bottom:30px !important;}
.index-products .content .list li{background:#FFF;border:0;margin:0 20px 0 0 !important;}
.index-data{padding:100px 0;}
.index-data li{width:25%;float:left;display:flex;align-items:center;justify-content:center;text-align:center;}
.index-data li h3{text-transform:uppercase;color:#000;font-size:18px;font-family: 'Barlow-Bold';padding:30px 0 6px 0;}
.index-data li p{color:#787878;font-size:14px;font-family: 'Barlow-Medium';}

@media (max-width: 1680px){
	.wrap{max-width:96%;}
}
@media screen and (max-width:992px) {
	.list-content-right-bd,.list-content-right-hd,.footer .logo,.footer .menu,.footer .ico,.list-products .menu,.index-banner .swiper-button,.show-pro .bd,.nav,.show-pro .hd,.pc-menu,.header{display:none;}
	.wrap{max-width:100%;}
	.fl,.fr{float:none;}
	.index-banner .swiper-pagination{bottom:10px}
	.index-data,.list-products,.index-type{padding:30px 10px;}
	.index-type .hd h2{font-size:32px}
	.index-type .hd h3{font-size:18px}
	.index-type ul li{text-align:center;width:100%;float:none;margin:0 0 15px 0}
	.list-products .content{width:100%;}
	.list-products .content .list li,.index-data li{width:49%;margin:0 2% 20px 0 !important;}
	.list-products .content .list li .pic{padding:20px 10px}
	.list-products .content .list li .txt{padding:0 10px 20px 10px;}
	.list-products .content .list li:nth-child(2n),.index-data li:nth-child(2n){margin:0 0 20px !important;}
	.list-products .content .list li .more{display:none !important}
	.index-data li h3{font-size:16px;}
	.footer{padding-top:0;border-top:0;}
	.footer .bottom{padding:30px 10px 70px}
	.footer .bottom .mc{position:static;display:block;margin:15px auto 0;text-align:center}
	.list-about .one{padding:80px 10px}
	.list-about .one .box{width:100%;float:none;}
	.list-about .one .about-images img{height:auto}
	.list-about .one .about-txt .txt h3{padding:30px 0 70px}
	.list-about .one .about-txt .img img{height:auto}
	.list-about .one{padding:30px 10px 0 10px}
	.list-about .two{background:none;}
	.weizhi{padding:0 10px;text-transform:uppercase;}
	.show-banner{display:block !important}
	.click_qrcode{display:none !important}
	.list-content-right-info{width:100%;padding:0 10px;}
	.info-share p{float:right}
	.list-content-right-info .body{min-height:auto;}
	.list-contact .wrap{padding:30px 10px}
	.list-contact .txt,.list-contact .form,.list-contact .form .code{width:100%;}
	.list-contact .txt li{width:100%;float:none;height:auto	}
	.list-contact .form .submit{float:none;margin:0 auto;}
	.index-banner .swiper-slide img{width:100%;height:auto;}

}