@charset "utf-8";

.bannerSwiper{position: relative; overflow: hidden;}
.bannerSwiper .picture{overflow: hidden;}
.bannerSwiper .picture img{width: 100%; transform: scale(1.1); transition: 6s;}
.bannerSwiper .content{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.bannerSwiper .content .title h2{font-size: 58px; color: #1c202f; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s}
.bannerSwiper .content .title h3{font-size: 44px; color: #0372fe; -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s}
.bannerSwiper .content .text{max-width: 40%; font-size: 18px; line-height: 30px; color: #7a7a7a; margin-top: 50px;}
.bannerSwiper .content3 .title h2{color: #fff;}
.bannerSwiper .content3 .title h3{color: #edd7b1;}
.bannerSwiper .content3 .text{color: #fff;}
.bannerSwiper .content .item-word{overflow: hidden;	position: relative;}
.bannerSwiper .content .item-move{
	-webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.bannerSwiper .content .button{margin-top: 30px;}
.bannerSwiper .content .button a{font-size: 16px; color: #0372fe;}
.bannerSwiper .content3 .button a{color: #edd7b1;}
.bannerSwiper .swiper-slide-active .content .item-move{-webkit-transform: translateY(0); transform: translateY(0);}
.bannerSwiper .swiper-slide-active .picture img{transform: scale(1);}
@media (max-width: 1400px) {
	.bannerSwiper .content .title h2{font-size: calc(100vw / 1400 * 58);}
	.bannerSwiper .content .title h3{font-size: calc(100vw / 1400 * 44);}
	.bannerSwiper .content .text{font-size: calc(100vw / 1400 * 18);}
}
.bannerSwiper .swiper-pagination{bottom: 16px;}
.bannerSwiper .swiper-pagination-bullet{width: 37px; height: 7px; border-radius: 3px; margin: 0 8px; background: #000; opacity: 1; cursor: pointer; transition: all 0.5s;}
.bannerSwiper .swiper-pagination-bullet-active{background: #0372fe;}

.index_product{padding: 50px 0; background: #f8f7f9;}
.index_product .category_tab{margin-top: 30px;}
.index_product .category_tab ul{text-align: center;}
.index_product .category_tab ul li{display: inline-block; list-style: none; font-size: 18px; line-height: 42px; padding: 0 26px; margin: 15px 0; border-radius: 20px; cursor: pointer;}
.index_product .category_tab ul li.current{background: #0449fc; color: #fff;}
.index_product .product_box{margin-top: 30px;}
.index_product .product_box .product_list{padding: 0 50px; height: 0; overflow: hidden; position: relative;}
.index_product .product_box .product_list.show{height: auto;}
.index_product .product_box .product_swiper{overflow: hidden;}
.index_product .product_box .product_swiper .list{background: #fff; padding: 20px; margin-bottom: 73px; border-radius: 18px;}
.index_product .product_box .product_swiper .title{font-size: 22px; line-height: 32px; font-weight: bold; margin-top: 20px;}
.index_product .product_box .product_swiper .title a{color: #000;}
.index_product .product_box .product_swiper .picture{border-radius: 18px; overflow: hidden;}
.index_product .product_box .product_swiper .picture img{width: 100%; transition: all 0.5s;}
.index_product .product_box .product_swiper .list:hover .picture img{transform: scale(1.1);}
.index_product .product_box .product_swiper .button{text-align: right; display: none; margin-top: 20px;}
.index_product .product_box .product_swiper .button a{display: inline-block; padding-right: 66px; line-height: 53px; font-size: 14px; background: url("../images/arrow.png") right no-repeat; color: #3e3e3e;}
.index_product .product_box .product_swiper .list:hover{margin-bottom: 0;}
.index_product .product_box .product_swiper .list:hover .button{display: block;}
.index_product .product_swiper .swiper-button-prev,
.index_product .product_swiper .swiper-button-next{width: 17px; height: 31px;}
.index_product .product_swiper .swiper-button-prev{background: url("../images/swiper_prev.png");}
.index_product .product_swiper .swiper-button-next{background: url("../images/swiper_next.png");}

.index_aboutus{padding: 60px 0 50px;}
.index_aboutus .content{width: 44%; float: left;}
.index_aboutus .content .title{font-size: 28px; font-weight: bold;}
.index_aboutus .content .subtitle{font-size: 20px; color: #0372fe; text-transform: uppercase;}
.index_aboutus .content .text{margin-top: 30px;}
.index_aboutus .content .text p{font-size: 18px; line-height: 36px; text-indent: 2em;}
.index_aboutus .content .button{margin-top: 20px;}
.index_aboutus .content .button a{display: inline-block; width: 140px; line-height: 32px; text-align: center; background: #0372fe; color: #fff; border-radius: 16px; box-shadow: 0 0 20px #6a93ff;}
.index_aboutus .picture{width: 50%; margin-right: 18px; float: right; box-shadow: 18px 18px 0 #0372fe; border-radius: 18px; overflow: hidden;}
.index_aboutus .picture img{width: 100%;}
.index_aboutus .factory_swiper{position: relative; margin-top: 68px; background: #0372fe; padding: 12px 0; border-radius: 12px; overflow: hidden;}
.index_aboutus .factory_swiper .swiper-slide{border-radius: 12px; overflow: hidden;}
.index_aboutus .factory_swiper .swiper-slide img{width: 100%;}

.index_certificate{padding: 60px 0 50px; background: #f8f7f9;}
.index_certificate .certificate_list{padding: 40px 80px 0; position: relative;}
.index_certificate .certificate_swiper{overflow: hidden;}
.index_certificate .certificate_swiper .swiper-slide{border-radius: 12px; overflow: hidden;}
.index_certificate .certificate_swiper .swiper-slide img{width: 100%;}
.index_certificate .certificate_swiper .swiper-button-prev,
.index_certificate .certificate_swiper .swiper-button-next{width: 17px; height: 31px;}
.index_certificate .certificate_swiper .swiper-button-prev{background: url("../images/swiper_prev.png");}
.index_certificate .certificate_swiper .swiper-button-next{background: url("../images/swiper_next.png");}

.index_news{padding: 60px 0;}
.index_news .news_list{margin-top: 40px;}
.index_news .list{width: 31%; float: left; background: #f7f7f7; box-sizing: border-box; padding: 20px; border-radius: 16px; margin-bottom: 53px; margin-right: 3.5%;}
.index_news .list:nth-child(3){margin-right: 0;}
.index_news .list .picture{border-radius: 16px; overflow: hidden;}
.index_news .list .picture a{display: block;}
.index_news .list .picture img{width: 100%; transition: all 0.5s;}
.index_news .list .picture:hover img{transform: scale(1.1);}
.index_news .list .title{margin-top: 10px;}
.index_news .list .title a{font-size: 20px; font-weight: bold; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index_news .list .content:hover .title a{color: #0449fc;}
.index_news .list .text{font-size: 16px; line-height: 26px; max-height: 78px; color: #4b4b4b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}
.index_news .list .date{font-size: 14px; font-weight: bold; color: #222121; margin-top: 10px;}
.index_news .list .button{float: right; display: none;}
.index_news .list .button a{display: inline-block; padding-right: 66px; line-height: 53px; font-size: 14px; background: url("../images/arrow.png") right no-repeat; color: #3e3e3e;}
.index_news .list:hover{margin-bottom: 0;}
.index_news .list:hover .button{display: block;}

@media (max-width: 960px) {
	.bannerSwiper .content{box-sizing: border-box; padding: 0 10px;}
	.bannerSwiper .content .title h2{font-size: 18px;}
	.bannerSwiper .content .title h3{font-size: 16px; margin-top: 10px;}
	.bannerSwiper .content .text{display: none;}
	.bannerSwiper .content .button{margin-top: 20px;}
	.bannerSwiper .content .button a{font-size: 14px;}
	.bannerSwiper .swiper-pagination{bottom: 6px;}
	.bannerSwiper .swiper-pagination-bullet{width: 8px; height: 8px; border-radius: 4px; margin: 0 8px;}
	
	.index_product{padding: 30px 10px;}
	.index_product .category_tab{margin-top: 30px;}
	.index_product .category_tab ul li{font-size: 14px; line-height: 24px; padding: 0 13px; margin: 5px 0; border-radius: 12px;}
	.index_product .product_box{margin-top: 10px;}
	.index_product .product_box .product_list{padding: 0 20px;}
	.index_product .product_box .product_swiper .list{padding: 10px; margin-bottom: 0; border-radius: 8px;}
	.index_product .product_box .product_swiper .title{font-size: 14px; line-height: 26px; margin-top: 10px;}
	.index_product .product_box .product_swiper .picture{border-radius: 8px;}
	.index_product .product_box .product_swiper .button{display: block; margin-top: 10px;}
	.index_product .product_box .product_swiper .button a{padding-right: 36px; line-height: 24px; font-size: 12px; background-size: auto 24px;}
	.index_product .product_swiper .swiper-button-prev,
	.index_product .product_swiper .swiper-button-next{width: 10px; height: 18px;}
	.index_product .product_swiper .swiper-button-prev{left: 0; background-size: 10px;}
	.index_product .product_swiper .swiper-button-next{right: 0; background-size: 10px;}
	
	.index_aboutus{padding: 20px 10px;}
	.index_aboutus .content{width: 100%;}
	.index_aboutus .content .title{font-size: 20px;}
	.index_aboutus .content .title small{font-size: 16px; margin-left: 10px;}
	.index_aboutus .content .subtitle{font-size: 16px;}
	.index_aboutus .content .text{margin-top: 10px;}
	.index_aboutus .content .text p{font-size: 14px; line-height: 24px;}
	.index_aboutus .content .button{margin-top: 20px;}
	.index_aboutus .content .button a{width: 120px; line-height: 28px; border-radius: 16px; font-size: 12px; box-shadow: 0 0 10px #6a93ff;}
	.index_aboutus .picture{width: 100%; margin: 20px 0 0 0; box-shadow: 5px 5px 0 #0372fe; border-radius: 8px; display: none;}
	.index_aboutus .factory_swiper{margin-top: 20px; padding: 10px;}
	
	.index_certificate{padding: 20px 10px 0;}
	.index_certificate .certificate_list{padding: 20px;}
	.index_certificate .certificate_swiper .swiper-slide{border-radius: 12px;}
	.index_certificate .certificate_swiper .swiper-slide img{width: 100%;}
	.index_certificate .certificate_swiper .swiper-button-prev,
	.index_certificate .certificate_swiper .swiper-button-next{width: 10px; height: 18px;}
	.index_certificate .certificate_swiper .swiper-button-prev{left: 0; background-size: 10px;}
	.index_certificate .certificate_swiper .swiper-button-next{right: 0; background-size: 10px;}
	
	.index_news{padding: 20px 10px;}
	.index_news .news_list{margin-top: 20px;}
	.index_news .list{width: 100%; padding: 10px; border-radius: 8px; margin-bottom: 20px; margin-right: 0%;}
	.index_news .list .picture{border-radius: 8px;}
	.index_news .list .title{margin-top: 10px;}
	.index_news .list .title a{font-size: 16px;}
	.index_news .list .text{font-size: 14px; line-height: 22px; max-height: 66px;}
	.index_news .list .date{font-size: 14px; font-weight: bold; color: #222121; margin-top: 10px;}
	.index_news .list .button a{padding-right: 36px; line-height: 24px; font-size: 12px; background-size: auto 24px;}
	.index_news .list:hover{margin-bottom: 20px;}
}