@font-face {
  font-family: comfortaa-light;
  src: url("../fonts/Comfortaa-Light.ttf");
}
@font-face {
  font-family: comfortaa-regular;
  src: url("../fonts/Comfortaa-Regular.ttf");
}
@font-face {
  font-family: comfortaa-bold;
  src: url("../fonts/Comfortaa-Bold.ttf");
}
*{
	padding: 0;
	margin: 0;
}
body{
	background: #f8f8f8;
	font-family: comfortaa-regular;
}
a:hover{
	text-decoration: none;
}
.top{
	height: 68px;
	background: #025406;
}
.top .share{
	list-style: none;
	justify-content:flex-end;
	padding-top: 14px;
	margin-bottom: 0px;
}
.top .share li select{
	background: none;
    color: #ffffff;
    border: none;
    outline: none;
    width: 80px;
}
.top .share a{
	width: 40px;
	height: 40px;
	background: #ffffff;
	border-radius: 50%;
	line-height: 40px;
}
.top .share a.tran{
	background: #025406;
}
.top .share a i{
	color: #025406;
	font-size: 18px;
}
.top .share a.tran i{
	color: #ffffff;
	font-size: 20px;
}

.customnav{
	min-height: 150px;
	background: #f8f8f8;
}
.customnav #logo{

}
.customnav a{
	font-family: comfortaa-bold;
	font-size: 18px;
	letter-spacing: 1px;
	color: #515151;
}
.customnav li.active a{
	color: #09820f !important;
}
.navbar-expand-lg .navbar-collapse{
	justify-content: flex-end;
}

.banner .swiper-container{
	height: 750px;
}
 .swiper-container .swiper-pagination-bullet{
	width: 30px;
    height: 6px;
    border-radius:0;
    background: #09820f;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 50px;
}

.product-title{
	font-family: comfortaa-bold;
	font-size: 32px;
	letter-spacing: 5px;
	color: #515151;
	margin-top: 120px;
	margin-bottom: 100px;
}

.product-category{
	display: flex;
	flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.product-category .card{
	padding: 35px 35px 0;
	background: #f8f8f8;
	border: none;
}
.product-category .card img{
	width: 180px;
	height: 180px;
}
.product-category .card .card-title{
	font-family: comfortaa-bold;
	font-size: 18px;
	letter-spacing: 2px;
	text-align: center;
	color: #515151;
}
.product-category .card .card-body{
	width: 180px;
}

.index-youshi{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding-top: 100px;
}
.index-youshi img{
	display: block;
	margin: 0 auto 20px auto;
}
.index-youshi .title{
	font-family: comfortaa-bold;
	font-size: 18px;
	color: #929292;
	letter-spacing: 2px;
}

.index-about{
	background: url(../image/about_bg.png) no-repeat fixed center;
	padding: 180px 0;
	margin: 125px 0;
}
.index-about .title{
	font-family: comfortaa-bold;
	font-size: 32px;
	letter-spacing: 5px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 60px;
}
.index-about .desc{
	font-family: comfortaa-blod;
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
	text-align: center;
}

.index-factory .thumb img{
	max-width: 100%;
	border-radius: 10px;
}
.index-factory .desc{
	padding-left: 30px;
	font-family: comfortaa-blod;
	line-height: 34px;
	font-size: 16px;
	color: #818181;
	text-transform: uppercase;
}
.index-factory .desc .title{
	font-family: comfortaa-bold;
	font-size: 22px;
	color: #818181;
	margin-top: 20px;
	text-transform: uppercase;
}
.index-factory .desc .line{
	width: 40px;
	height: 3px;
	background: #09820f;
	margin: 20px 0 30px 0;
}
.index-factory .desc ul{
	padding-left: 25px;
}
.index-factory .desc ul li{
	color: #818181;
	font-family: comfortaa-blod;
	line-height: 34px;
	font-size: 16px;
	text-transform: uppercase;
}
.index-factory .jianju{
	height: 80px;
}
.swiper-container-huoban{
	margin-top:100px;
}

.new .new-title{
	font-family: comfortaa-bold;
	font-size: 32px;
	letter-spacing: 5px;
	color: #515151;
	margin-top: 120px;
	margin-bottom: 50px;
	text-align: center;
}
.new .items{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}
.new .items .item{
	width: 32%;
	margin-bottom: 80px;
}
.new .items .item img{
	max-width: 100%;
	border-radius: 10px;
	margin-bottom: 20px;
}
.new .items .item .title{
	font-family: comfortaa-light;
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
}
.new .items .item .date{
	font-family: comfortaa-light;
	font-size: 16px;
	color: #09820f;
	text-align: center;
}
.swiper-container-mainpro{
	margin-top: 100px;
}
.swiper-container-mainpro .thumb{
	width: 50%;
}
.swiper-container-mainpro .thumb img{
	max-width: 100%;
	border-radius: 10px;
}
.swiper-container-mainpro .info{
	padding-left: 50px;
}
.swiper-container-mainpro .info .title{
	font-family: comfortaa-bold;
	font-size: 18px;
	color: #515151;
	margin-top: 20px;
	margin-bottom: 30px;
}
.swiper-container-mainpro .info .line{
	width: 40px;
	height: 3px;
	background: #09820f;
	margin: 20px 0 30px 0;
}
.swiper-container-mainpro .info .desc{
	font-size: 14px;
	color: #666;
	margin-bottom: 20px;
}
.swiper-container-mainpro .info .more{
	border: 1px solid #09820f;
	color: #09820f;
	padding: 5px 10px;
	border-radius: 10px;
}
.swiper-pagination-mainpro{
	margin-top: 20px;
	margin-left: 26%;
}
.swiper-pagination-mainpro .swiper-pagination-bullet{
	width: 30px;
    height: 6px;
    border-radius:0;
    background: #09820f;
    margin: 0 5px;
}
footer{
	font-family: comfortaa-light;
	width: 100%;
	padding-top: 60px;
	background: #4c4c4c;
	color: #ffffff;
	font-size: 14px;
}
footer li {
	line-height: 30px;
}
footer li a{
	color: #ffffff;
}
footer li a:hover{
	color: #09820f;
}
footer h3.title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
footer .copyright{
	border-top: 1px solid #8b8b8b;
	color: #b3b3b3;
	font-size: 12px;
	line-height: 50px;
	margin-top: 30px;
}
footer .copyright a{
	color: #b3b3b3;
}



.smallbanner{
	height: 175px;
	background: url('../image/small-banner.png') no-repeat;
	background-size: cover;
	color: #ffffff;
	font-size: 36px;
	font-family: comfortaa-bold;
}
.smallbanner h2{
	line-height: 175px;
}

.about .item{
	padding: 80px 0 0 0;
}
.about .item h3.title{
	font-size: 36px;
	color: #1b1b1b;
	margin-bottom: 20px;
}
.about .item .content{
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
.about .item .thumb img{
	width: 100%;
	height: 600px;
	position: absolute;
}
.about .item .thumb .left{
	width: 48%;
	height: 600px;
	position: relative;
}
.about .item .thumb .left .info{
	position:absolute;
	width: 100%;
	padding: 20px;
	bottom: 0;
	color: #333;
	background: #eaeaea;
	opacity: 0.8;
}
.about .item .thumb .right{
	width: 48%;
	height: 600px;
	position: relative;
}
.about .item .thumb .right .info{
	position:absolute;
	width: 100%;
	padding: 20px;
	top: 0;
	color: #ffffff;
	background: #abcef6;
	opacity: 0.8;
	z-index: 999;
}
.about .itemtwo ul{
	padding-left: 20px;
}
.about .itemtwo ul li{
	line-height: 30px;
}
.about .itemthree h3.title{
	margin-bottom: 60px;
}
.about .itemthree .left{
	width: 44%;
    height: 320px;
    position: relative;
}
.about .itemthree .center,.about .itemthree .right{
	width: 27%;
    height: 320px;
    position: relative;
}
.about .itemthree img{
	width: 100%;
	height: 320px;
	border-radius: 10px;
    position: absolute;
}
.about .itemthree .left .txt{
    display: none;
    position: absolute;
    bottom: 0px;
    color: #fff;
    width: 100%;
    padding: 10px;
    background: #666;
    opacity: 0.6;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.about .itemthree .center .txt,.about .itemthree .right .txt{
    position: absolute;
    display: none;
    bottom: 0px;
    color: #fff;
    width: 100%;
    padding: 10px;
    background: #666;
    opacity: 0.6;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.about .itemthree .center:hover .txt,.about .itemthree .right:hover .txt,.about .itemthree .left:hover .txt{
    display: block;
}
.itemfour{
	padding: 60px 0;
	background: url(../image/image7.png) repeat;
}
.about  .itemfive{
	padding-bottom: 80px;
}
.about  .itemfive p{
	margin-bottom: 0;
}
.about  .itemfive img{
	width: 65%;
}



.list-new{
	padding-top: 80px;
}
.list-new  .items .item{
	background: #ffffff;
	border-radius: 10px;
	width: 30%;
}
.list-new  .items:after{
	width: 30%;
	content: "";
}
.list-new  .items .item img{
	margin-bottom: 0px;
}
.list-new  .items .item .date{
	font-size: 14px;
	color:#666;
}
.list-new  .items .item .title{
	font-size: 16px;
	padding-top: 10px;
	font-weight: bold;
}
.list-new  .items .item .desc{
	color: #666;
	font-size: 14px;
	margin-bottom: 30px;
}
.list-new  .items .item .more{
	color: #68b930;
	font-size: 14px;
}
.search{
	margin-bottom: 80px;
}
.search input{
	width: 50%;
	height: 40px;
	border:none;
	border-radius: 10px;
	text-indent: 20px;
}
.search .submit{
	background: #ededed;
	height: 40px;
	width: 60px;
	border-radius: 10px;
	border:none;
}
.search .submit i{
	font-weight: bold;
}

.detail{
	padding:80px 15px;
}
.detail .date{
	margin: 20px 0;
}
.detail img{
	max-width: 100%;
}
.hot{
	margin-top: 80px;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 10px;
}
.hot .left img{
	width: 100px;
	height: 100px;
}
.hot .right {
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    padding-left: 15px;
    padding-top: 10px;
}
.hot li a{
	border-bottom: 1px solid #ededed;
	padding-bottom: 15px;
}
.hot .right .title{
	font-size: 16px;
	color: #333333;
}
.hot .right .date{
	font-size: 12px;
	color: #666;
}
.contactus{
	display: block;
	width: 100%;
	height: 60px;
	background: #68b930;
	color: #ffffff;
	border-radius: 10px;
	line-height: 60px;
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
}
.contactus:hover{
	color: #ffffff;
}

.quality{

}
.quality .item{
	padding-top: 80px;
}
.quality .item-1 .thumb img{
	width: 400px;
}
.quality .item-1 .info{
	padding-left: 40px;
	padding-top: 120px;
	position: relative;
	width: calc(100% - 400px);
}
.quality .item-1 .info .title{
	font-size: 24px;
	color: #222222;
	margin-bottom: 50px;
	position: absolute;
	top: 40px;
}
.quality .item-1 .info .num{
	font-size: 80px;
	color: #eeeeee;
	position: absolute;
	font-weight: bold;
	top: 0px;
}
.quality .item-1 .info .desc{
	font-size: 16px;
	color: #6f6e6e;
	line-height: 30px;
}
.quality .item-1 .info ul{
}
.quality .item-1 .info ul li{
	margin-bottom: 30px;
	padding-left:30px;
	list-style: none;
	background: url('../image/dian.png') no-repeat 0 5px;
}

.quality .item-2 .title{
	position: relative;
}
.quality .item-2 .title .num{
	font-size: 80px;
	color: #eeeeee;
	position: absolute;
	font-weight: bold;
	top: 0px;
}
.quality .item-2 .title .en{
	position: absolute;
	font-size: 24px;
	color: #222222;
	margin-bottom: 50px;
	padding-left: 20px;
	top: 40px;
}
.quality .item-2 .title .bottomline{
	width: 60px;
	height: 2px;
	background: #abcef6;
	position: absolute;
	bottom: 0;
}

.products .category{
	flex-flow: row;
	flex-wrap: wrap;
	text-align: center;
	justify-content: space-between;
	padding-top: 80px;
	margin-bottom: 40px;
}
.products .category img{
	margin-bottom: 20px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border:3px solid #e7ebdc;
}
.products .category img:hover{
	border:3px solid #68b930;
}
.products .category div{
	width: 120px;
	font-size: 14px;
	color: #666666;
}
.products .desc{
	font-size: 16px;
	line-height: 32px;
	color: #666666;
	margin-bottom: 50px;
}
.products .swiper-container-mainpro .info{
	width: calc(100% - 560px);
}
.swiper-pagination-product{
	margin-left: 26%;
}

.products .swiper-container .info{
	width: calc(100% - 560px);
}
.products .swiper-pagination{
	margin-left: 26%;
}

.product-detail{
	margin-top:80px;
}
.product-detail .thumb{
	width: 400px;
}
.product-detail .thumb img{
	border-radius: 10px;
	width: 100%;
}
.product-detail .info{
	width: calc(100% - 400px);
	padding-left: 40px;
	flex-direction: row;
}
.product-detail .info .title{
	font-size: 28px;
	color: #125c16;
	margin-bottom: 20px;
}
.product-detail .info .desc{
	color: #666;
}
.product-table{
	margin-top: 0px;
	margin-bottom: 0px;
}
.product-table .search{
	margin-bottom: 30px;
}
.product-table input{
	width: 80%;
}
.product-table .submit{
	width: 19%;
}
.product-table table{
	margin-bottom: 50px;
}
.product-table table tbody{
	font-size: 16px;
	color: #666;
}
.product-category{
	border:2px solid #e5e5e5;
	margin-bottom: 20px;
}
.product-category h3{
	font-size: 22px;
	width: 100%;
	background: #eff2f7;
	line-height: 80px;
}
.product-category li a{
	justify-content: flex-start;
}
.product-category .left{
	padding-left: 10px;
}
.product-category .right{
	align-self: center;
	padding-left: 10px;
}
.contactuspage{
	padding: 80px 15px;
}
.contactuspage .left{
	background: url('../image/contact02.gif') no-repeat;
	padding-left: 50px;
	width: 650px;
	border-right: 1px solid #ececec;
	padding-right: 100px;
}
.contactuspage .left .title{
	font-size: 32px;
	color: #1b1b1b;
}
.contactuspage .left .item{
	line-height: 30px;
	color: #666;
}
.contactuspage .left .item-name{
	font-size: 28px;
	color: #09820f;
	padding-bottom: 20px;
	padding-top: 20px;
}
.contactuspage .right{
	background: url('../image/contact03.gif') no-repeat 80px 0;
	padding-left: 120px;
	width: calc(100% - 750px);
}
.contactuspage .right .title{
	font-size: 32px;
	color: #1b1b1b;
}
.contactuspage .right .desc{
	color: #666;
	margin-bottom: 20px;
}
.contactuspage .right input{
	width: 100%;
	background: #eff2f6;
	border:none;
	margin-bottom: 15px;
	line-height: 45px;
	border-radius: 5px;
	text-indent: 10px;
	font-size: 14px;
}
.contactuspage .right textarea{
	background: #eff2f6;
	border:none;
	width: 100%;
	min-height: 100px;
	padding: 10px;
	font-size: 14px;
}
.contactuspage .right button{
	width: 100%;
	height: 45px;
	background: #81c24d;
	border-radius: 5px;
	border:none;
	margin-top: 15px;
	color: #ffffff;
}
.item-2 .left{
	width: 48%;
	float: left;
}
.item-2 .left .desc{
	width: 100%;
	height: 120px;
	padding:20px;
	background: #f4f4f4;
	font-weight: bold;
}
.item-2 .right{
	width: 48%;
	float: right;
}
.item-2 .right .desc{
	width: 100%;
	height: 160px;
	padding:30px 20px 20px 20px;
	background: #f4f4f4;
	font-weight: bold;
}
.item-2 img{
	max-width: 100%;
}
.item-3 .left .title{
	margin-bottom: 30px;
}
.item-3 .left li{
	margin-bottom: 10px;
	padding-left:30px;
	list-style: none;
	background: url('../image/dian.png') no-repeat 0 5px;
}
.item-3 .right img{
	width: 100%;
}
.shebei .title{
	margin-bottom: 40px;
}
.shebei .row img{
	width: 98%;
	margin-bottom: 40px;
}

@media (max-width: 980px){
	.shebei .title{
		margin-bottom: 10px;
	}
	.item-2 .left{
		width: 100%;
		float: auto;
	}
	.item-2 .right{
		width: 100%;
		float: auto;
	}
	.contactuspage .right{
		padding-top: 30px;
		width: 90%;
		background: url(../image/contact03.gif) no-repeat 10px 30px;
		padding-left: 50px;
	}
	.product-detail{
		margin-top: 20px;
	}
	.product-detail .info{
		width: 100%;
		padding-left: 0px;
	}
	.product-table input{
		width: 78%;
	}
	.product-detail .thumb img{
		margin-bottom: 10px;
	}
	.products .swiper-container-mainpro .info{
		width: 100%;
		min-height: 300px;
	}
	.swiper-pagination-product{
		margin-left: 26%;
	}
	.products .category{
		padding-top: 20px;
	}
	.top{
		height: 48px;
	}
	.top .share{
		padding-top: 8px;
		justify-content: space-between;
	}
	.top .share a{
		width: 30px;
		height: 30px;
		background: #ffffff;
		border-radius: 50%;
		line-height: 30px;
	}
	.top .share a i{
		font-size: 16px;
	}
	.customnav{
		min-height: 60px;
	}
	.customnav #logo{
		width: 120px;
	}
	.customnav .navbar-toggler{
		border: 1px solid #b4b4b4;
		padding: .2rem .3rem;
	}
	.navbar-toggler-icon{
		background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28100, 100, 100, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	.banner .swiper-container{
		height: 150px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets{
		bottom: 15px;
	}
	.product-title{
		font-size: 28px;
		color: #515151;
		margin-top: 50px;
		margin-bottom: 30px;
	}

	.product-category .card{
		width: 48%;
		background: #f8f8f8;
		border: none;
		padding: 0;
		margin-bottom: 15px;
	}
	.product-category .card img{
		display: block;
		width: 100%;
		height: auto;
	}
	.product-category .card .card-body{
		width: 100%;
	}

	.index-youshi{
		justify-content: space-around;
		padding-top: 20px;
	}
	.index-youshi .item{
		width: 40%;
		margin-bottom: 20px;
	}
	.index-youshi img{
		display: block;
		width: 60px;
		height: 60px;
		margin: 0 auto 20px auto;
	}
	.index-youshi .title{
		font-size: 14px;
		text-align: center;
	}

	.index-about{
		margin: 20px 0;
		padding: 30px 0;
	}
	.index-about .title{
		margin-bottom: 20px;
	}
	.index-factory .desc{
		padding-left: 15px;
	}
	.index-factory .jianju{
		height: 20px;
	}
	.huoban{
		display: none;
	}
	.new .new-title{
		margin-top:50px;
	}
	.new .items .item{
		width: 100%;
		margin-bottom: 20px;
	}
	.swiper-container-mainpro{
		margin-top: 20px;
	}
	.swiper-container-mainpro .thumb{
		width: 100%;
	}
	.swiper-container-mainpro .thumb img{
		max-width: 100%;
		border-radius: 10px;
	}
	.swiper-container-mainpro .info{
		padding-left: 0px;
		min-height: 250px;
	}
	.swiper-pagination-mainpro{
		margin-top:-20px;
		margin-left: 30%;
	}
	.about .item{
		padding-top: 30px;
	}
	.about .item .thumb .left{
		width: 100%;
		height: 400px;
		margin-bottom: 20px;
	}
	.about .item .thumb img{
		height: 400px;
	}
	.about .item .thumb .right{
		width: 100%;
		height: 400px;
	}
	.about .itemthree .left{
		width: 100%;
		margin-bottom: 20px;
	}
	.about .itemthree .center,.about .itemthree .right{
		width: 48%;
	}
	.about .itemthree img{
		height: 220px;
	}
	.about .itemfive .left{
		margin-bottom: 20px;
	}
	.about .itemfive img{
		width: 100%;
	}
	.detail{
		padding: 20px;
	}
	.hot{
		margin-top: 0;
	}
	.quality .item{
		padding: 20px;
	}
	.quality .item-1 .thumb img{
		width: 100%;
	}
	.quality .item-1 .info{
		padding-left: 0px;
		width: 100%;
	}
	.item-2 .title img{
		max-width: 100%;
	}
}

.izl-rmenu{position:fixed;display: flex; flex-direction: column; right:0; margin-right:20px; bottom:20px; padding-bottom:20px;z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}

.izl-rmenu .btn-email{background:url(../image/r_email.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-email:hover{background-color:#78c340;}
.izl-rmenu .btn-email .email{background-color:#78c340; position:absolute; width:180px; left:-180px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}

.izl-rmenu .btn-phone{background:url(../image/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:180px; left:-180px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../image/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}