@charset "utf-8";

.bannerSwiper{position: relative; overflow: hidden;}
.bannerSwiper .swiper-slide{overflow: hidden;}
.bannerSwiper .swiper-slide img{position: relative; left: 50%; transform: translateX(-50%);}
@media (max-width:1400px) {
	.swiper-slide img{width: 135%;}
}

.common_title{text-align: center;}
.common_title h2{font-size: 42px; color: #1c202f; font-family: 'SourceHanSans-Bold'; font-weight: bold;}
.common_title .en{font-size: 16px; color: #178a53; font-weight: bold; text-transform: uppercase;}
.common_title .cn{font-size: 18px; color: #6a6a6a;}

.index_product{padding: 50px 0;}
.index_product .category{margin: 50px 30px 0;}
.index_product .category .list{width: 47%; float: left; margin: 0 1.5%; position: relative;}
.index_product .category .list:nth-child(3){width: 97%; margin-top: 40px;}
.index_product .category .list .picture{overflow: hidden; border-radius: 30px;}
.index_product .category .list .picture img{width: 100%; transition: all 0.5s;}
.index_product .category .list:hover .picture img{transform: scale(1.1);}
.index_product .category .list .content{width: 100%; text-align: center; position: absolute; left: 0; top: 40px;}
.index_product .category .list:nth-child(3) .content{width: 48.5%; top: 20%;}
.index_product .category .list .content .text{font-size: 16px; color: #858585;}
.index_product .category .list .content .title a{font-size: 42px; color: #178a53; font-family: 'SourceHanSans-Bold';}
.index_product .category .list .content .instro{font-size: 26px; color: #161618;}
.index_product .category .list .content .button{margin-top: 20px;}
.index_product .category .list .content .button a{font-size: 16px; margin: 0 6px;}
.index_product .category .list .content .button a.btn1{color: #178a53;}
.index_product .category .list .content .button a.btn2{color: #858585;}

.index_aboutus{padding: 50px 0; background: url('../images/aboutus.jpg'); background-size: 100% 100%;}
.index_aboutus .aboutus_content{margin-top: 40px;}
.index_aboutus .aboutus_content .content{width: 46%; float: left;}
.index_aboutus .aboutus_content .content .logo img{height: 70px;}
.index_aboutus .aboutus_content .content .title{font-size: 42px; font-family: 'SourceHanSans-Bold'; color: #161618; font-weight: bold; margin-top: 10px; position: relative; padding-left: 26px;}
.index_aboutus .aboutus_content .content .title::before{content: '\\\\'; font-size: 22px; position: absolute; left: 0; top: 8px;}
.index_aboutus .aboutus_content .content .subhead{font-size: 32px; color: #178a53; border-bottom: solid #c1c7cc 1px; padding-bottom: 30px;}
.index_aboutus .aboutus_content .content .text{margin-top: 30px;}
.index_aboutus .aboutus_content .content .text p{font-size: 18px; line-height: 32px; color: #6a6a6a; text-indent: 2em;}
.index_aboutus .aboutus_content .picture{width: 50%; float: right; margin-top: 10px;}
.index_aboutus .aboutus_content .picture img{width: 100%; border-radius: 20px;}
.index_aboutus .aboutus_factory{margin-top: 50px; padding: 15px 50px; background: #fff; border-radius: 30px;}
.index_aboutus .factorySwiper{position: relative; overflow: hidden; border-radius: 30px;}
.index_aboutus .factorySwiper .swiper-slide img{width: 100%;}

.index_partner{padding: 50px 0; background: #f7f7f7;}
.index_partner .partner_content img{width: 100%;}

.index_advantage{padding: 50px 0;}
.index_advantage .advantage_content{margin-top: 30px; border-radius: 60px 0 60px 0; overflow: hidden;}
.index_advantage .advantage_content .list{width: 25%; height: 650px; float: left; box-sizing: border-box; padding: 80px 40px 60px; transition: all 0.5s;}
.index_advantage .advantage_content .list:nth-child(1){background: url("../images/advantages_01.jpg"); padding-left: 70px;}
.index_advantage .advantage_content .list:nth-child(2){background: url("../images/advantages_02.jpg");}
.index_advantage .advantage_content .list:nth-child(3){background: url("../images/advantages_03.jpg"); padding-top: 350px;}
.index_advantage .advantage_content .list:nth-child(4){background: url("../images/advantages_04.jpg");}
.index_advantage .advantage_content .list .entitle{font-size: 32px; font-family: 'Times';}
.index_advantage .advantage_content .list:nth-child(odd) .entitle{color: #178a53;}
.index_advantage .advantage_content .list:nth-child(even) .title{color: #178a53;}
.index_advantage .advantage_content .list .title{font-size: 32px; font-family: 'SourceHanSans-Bold';}
.index_advantage .advantage_content .list .text{font-size: 18px; line-height: 34px; letter-spacing: 3px; color: #484848; margin-top: 20px; position: relative;}
.index_advantage .advantage_content .list:nth-child(1) .text{max-width: 200px; margin-top: 30px;}
.index_advantage .advantage_content .list:nth-child(2) .text{max-width: 198px; padding-top: 10px;}
.index_advantage .advantage_content .list:nth-child(2) .text::after{content: ''; width: 15px; height: 2px; content: ''; background: #262626; position: absolute; left: 0; top: 0;}
.index_advantage .advantage_content .list:nth-child(3) .text{max-width: 250px; padding-top: 10px;}
.index_advantage .advantage_content .list:nth-child(3) .text::after{content: ''; width: 15px; height: 2px; content: ''; background: #178a53; position: absolute; left: 0; top: 0;}
.index_advantage .advantage_content .list:nth-child(4) .text{max-width: 180px; padding-top: 10px;}
.index_advantage .advantage_content .list:nth-child(4) .text::after{content: ''; width: 15px; height: 2px; content: ''; background: #262626; position: absolute; left: 0; top: 0;}
.index_advantage .advantage_content .list .entext{font-size: 14px; color: #c1e1d8; font-family: 'Times'; line-height: 22px; letter-spacing: 2px; margin-top: 30px; position: relative; padding-top: 8px;}
.index_advantage .advantage_content .list .entext::after{width: 168px; height: 1px; content: ''; background: #c1e1d8; position: absolute; left: 0; top: 0;}
.index_advantage .advantage_content .list:hover{padding-top: 60px;}
.index_advantage .advantage_content .list:nth-child(3):hover{padding-top: 330px;}

.index_news{padding: 40px 0 80px; background: url('../images/aboutus.jpg'); background-size: 100% 100%;}
.index_news .news_list{margin-top: 30px;}
.index_news .news_list .list{width: 32%; float: left; background: #fff; box-sizing: border-box; padding: 19px; margin-right: 2%; border-radius: 10px;}
.index_news .news_list .list:nth-child(3){margin-right: 0}
.index_news .news_list .list .date{font-size: 12px; color: #178a53;}
.index_news .news_list .list .picture{margin-top: 10px; overflow: hidden; border-radius: 10px;}
.index_news .news_list .list .picture img{width: 100%; transition: all 0.5s;}
.index_news .news_list .list:hover .picture img{transform: scale(1.1);}
.index_news .news_list .list .title{margin-top: 20px;}
.index_news .news_list .list .title a{font-size: 20px; line-height: 33px; height: 66px; color: #1c202f; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.index_news .news_list .list .text{margin-top: 10px;}
.index_news .news_list .list .text a{font-size: 16px; line-height: 30px; height: 60px; color: #6a6a6a; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.index_news .news_list .list .button{margin-top: 20px;}
.index_news .news_list .list .button a{font-size: 17px; color: #178a53;}

.mobileSwiper{display: none;}
@media (max-width: 960px) {
	.bannerSwiper{display: none;}
	.mobileSwiper{display: block; position: relative; overflow: hidden; margin-top: 61px;}
	.mobileSwiper .swiper-slide{overflow: hidden;}
	.mobileSwiper .swiper-slide img{width: 100%;}
	
	.common_title{text-align: center;}
	.common_title h2{font-size: 24px;}
	.common_title .en{font-size: 10px;}
	.common_title .cn{font-size: 10px;}
	
	.index_product{padding: 30px 0;}
	.index_product .category{margin: 20px 10px 0;}
	.index_product .category .list:nth-child(3){margin-top: 20px;}
	.index_product .category .list .picture{overflow: hidden; border-radius: 10px;}
	.index_product .category .list .content{top: 12px; box-sizing: border-box; padding: 0 8px;}
	.index_product .category .list:nth-child(3) .content{width: 100%; top: 12px;}
	.index_product .category .list .content .text{font-size: 12px;}
	.index_product .category .list .content .title a{font-size: 16px;}
	.index_product .category .list .content .instro{font-size: 12px;}
	.index_product .category .list .content .button{margin-top: 20px;}
	.index_product .category .list .content .button a{font-size: 12px; margin: 0 6px;}
	
	.index_aboutus{padding: 30px 10px;}
	.index_aboutus .aboutus_content{margin-top: 20px;}
	.index_aboutus .aboutus_content .content{width: 100%;}
	.index_aboutus .aboutus_content .content .logo{display: none;}
	.index_aboutus .aboutus_content .content .title{font-size: 24px; margin-top: 10px; padding-left: 18px;}
	.index_aboutus .aboutus_content .content .title::before{font-size: 10px; top: 4px;}
	.index_aboutus .aboutus_content .content .subhead{font-size: 18px; padding-bottom: 10px;}
	.index_aboutus .aboutus_content .content .text{margin-top: 10px;}
	.index_aboutus .aboutus_content .content .text p{font-size: 16px; line-height: 30px;}
	.index_aboutus .aboutus_content .picture{width: 100%;}
	.index_aboutus .aboutus_content .picture img{border-radius: 10px;}
	.index_aboutus .aboutus_factory{margin-top: 20px; padding: 10px; border-radius: 15px;}
	.index_aboutus .factorySwiper{border-radius: 15px;}
	.index_aboutus .factorySwiper .swiper-slide img{width: 100%;}
	
	.index_partner{padding: 30px 0;}
	
	.index_advantage{padding: 30px 0 0;}
	.index_advantage .advantage_content{margin-top: 20px; border-radius: 0;}
	.index_advantage .advantage_content .list{width: 50%; height: 320px; padding: 40px 20px 30px;}
	.index_advantage .advantage_content .list:nth-child(1){background: url("../images/advantages_01.jpg") left 0 bottom -90px no-repeat; padding-left: 20px;}
	.index_advantage .advantage_content .list:nth-child(3){background: url("../images/advantages_03.jpg") left 0 top -180px no-repeat; padding-top: 40px;}
	.index_advantage .advantage_content .list .entitle{font-size: 24px;}
	.index_advantage .advantage_content .list .title{font-size: 24px;}
	.index_advantage .advantage_content .list .text{font-size: 16px; line-height: 30px; letter-spacing: 0px;}
	.index_advantage .advantage_content .list:nth-child(1) .text{max-width: 200px; margin-top: 20px; padding-top: 10px;}
	.index_advantage .advantage_content .list:nth-child(1) .text::after{content: ''; width: 15px; height: 2px; content: ''; background: #178a53; position: absolute; left: 0; top: 0;}
	.index_advantage .advantage_content .list .entext{display: none;}
	.index_advantage .advantage_content .list:hover{padding-top: 30px;}
	.index_advantage .advantage_content .list:nth-child(3):hover{padding-top: 30px;}
	
	.index_news{padding: 30px 10px 10px;}
	.index_news .news_list{margin-top: 20px;}
	.index_news .news_list .list{width: 100%; padding: 19px; margin-right: 0; margin-bottom: 20px; border-radius: 10px;}
	.index_news .news_list .list .title{margin-top: 15px;}
	.index_news .news_list .list .title a{font-size: 16px; line-height: 28px; height: 56px;}
	.index_news .news_list .list .text{margin-top: 10px;}
	.index_news .news_list .list .text a{font-size: 14px; line-height: 26px; height: 52px;}
	.index_news .news_list .list .button{margin-top: 20px;}
	.index_news .news_list .list .button a{font-size: 14px; color: #178a53;}
}