@charset "utf-8";

.bannerSwiper{position: relative; overflow: hidden;}
.bannerSwiper .swiper-slide{overflow: hidden;}
.bannerSwiper .swiper-slide img{width: 100%; height: auto;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet{width: 30px; height: 4px; margin: 0 10px !important; border-radius: 0; background: #fff; opacity: 1; cursor: pointer;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active{background: #ff7900;}

.common_title{text-align: center; color: #1a2634;}
.common_title p{font-size: 30px;}
.common_title h2{font-size: 42px; margin-top: 10px;}

.index_aboutus{padding: 120px 0 130px;}
.index_aboutus .whole{display: flex; justify-content: space-between; align-items: flex-end;}
.index_aboutus .content{width: 44%;}
.index_aboutus .content .title .en{font-size: 52px; font-family: 'ImpactMTstd'; color: #242424;}
.index_aboutus .content .title .cn{font-size: 32px; color: #000; position: relative; padding-bottom: 38px; margin-top: 20px;}
.index_aboutus .content .title .cn::after{width: 38px; height: 5px; content: ''; background: #ff7800; position: absolute; left: 0; bottom: 0;}
.index_aboutus .content .text{margin-top: 60px; line-height: 34px; color: #404040;}
.index_aboutus .content .text h3{font-size: 18px;}
.index_aboutus .content .text p{font-size: 18px;}
.index_aboutus .content .text ul{margin-top: 20px; display: flex; justify-content: space-between;}
.index_aboutus .content .text ul li{flex: 1;}
.index_aboutus .content .text ul li h3{font-size: 48px; color: #ff7800;}
.index_aboutus .content .text ul li h3 small{vertical-align: super;}
.index_aboutus .content .text ul li p{font-size: 20px; color: #4d4d4d;}
.index_aboutus .picture{width: 50%;}
.index_aboutus .picture img{width: 100%;}
.index_aboutus .video{width: 50%;}
.index_aboutus .video img{width: 100%;}
.index_aboutus .video video{width: 100%; height: auto;}

.index_product{padding-top: 100px; background: url('../images/products.jpg') center top no-repeat;}
.index_product .common_title{color: #fff;}
.index_product .product_list{display: flex; justify-content: space-between; margin-top: 50px;}
.index_product .product_list .list{width: 19%;}
.index_product .product_list .list .content{background: #252935; position: relative; color: #63666e;}
.index_product .product_list .list .content:hover{background: #ff7800; color: #fff;}
.index_product .product_list .list .content .text{width: 100%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: all 0.5s;}
.index_product .product_list .list .content:hover .text{top: 60%;}
.index_product .product_list .list .content .text p.cn{font-size: 28px;}
.index_product .product_list .list .content .text p.en{font-size: 30px; font-family: 'ImpactMTstd';}
.index_product .product_list .list .picture{background: #f3f3f3; position: relative; overflow: hidden;}
.index_product .product_list .list .picture img{width: 100%; transition: all 0.5s; opacity: 0.11;}
.index_product .product_list .list .picture:hover img{opacity: 1;}
.index_product .product_list .list .picture a{width: 100%; height: 100%; background: url('../images/plus.png') center no-repeat; position: absolute; left: 0; top: 0;}

.index_certificate{padding-top: 30px; background: #f6f6f6;}
.index_certificate .certificateSwiper{margin-top: 30px; padding-bottom: 110px; position: relative; overflow: hidden;}
.index_certificate .certificateSwiper .picture{background: #fff; border: solid #e2e2e2 1px; text-align: center; padding: 30px;}
.index_certificate .certificateSwiper .picture img{max-width: 100%;}
.index_certificate .certificateSwiper .title{text-align: center; line-height: 50px; background: #252935; color: #fff;}
.index_certificate .certificateSwiper .swiper-button{width: 86px; height: 36px; position: absolute; left: calc(50% - 43px); bottom: 38px;}
.index_certificate .certificateSwiper .swiper-button .swiper-button-prev,
.index_certificate .certificateSwiper .swiper-button .swiper-button-next{width: 36px; height: 36px; margin: 0; top: 0; background: center no-repeat #e0e0e0; border-radius: 50%;}
.index_certificate .certificateSwiper .swiper-button .swiper-button-prev{left: 0; background-image: url('../images/arrow_left.png');}
.index_certificate .certificateSwiper .swiper-button .swiper-button-next{right: 0; background-image: url('../images/arrow_right.png')}
.index_certificate .certificateSwiper .swiper-button .swiper-button-prev:hover,
.index_certificate .certificateSwiper .swiper-button .swiper-button-next:hover{background-color: #ff7800;}

.index_history{height: 660px; box-sizing: border-box; padding-top: 50px; background: url('../images/history.jpg') center top no-repeat;}
.index_history .common_title{color: #fff;}
.index_history .history_content{margin-top: 80px; padding: 0 80px; position: relative;}
.index_history .historySwiper{height: 300px; overflow: hidden;}
.index_history .historySwiper::before{width: 100%; height: 1px; content: ''; background: #cecece; position: absolute; left: 0; top: 50%;}
.index_history .historySwiper .swiper-slide{width: auto; height: 50%; position: relative;}
.index_history .historySwiper .swiper-slide:nth-child(even){transform: translateY(100%);}
.index_history .historySwiper .swiper-slide .content{color: #fff; border-left: solid #4a535e 1px; padding: 10px 0 10px 20px; margin-left: 6px;}
.index_history .historySwiper .swiper-slide:nth-child(even) .content{margin-top: 50px;}
.index_history .historySwiper .swiper-slide .content .year{font-size: 16px; font-weight: bold; color: #f3f3f3;}
.index_history .historySwiper .swiper-slide .content .text{line-height: 26px; color: #f3f3f3; margin-top: 5px;}
.index_history .historySwiper .swiper-slide .icon{width: 16px; height: 16px; background: #ff7800; border-radius: 50%; position: absolute; left: 0;}
.index_history .historySwiper .swiper-slide:nth-child(odd) .icon{bottom: -8px;}
.index_history .historySwiper .swiper-slide:nth-child(even) .icon{top: -8px;}
.index_history .historySwiper .swiper-button-prev,
.index_history .historySwiper .swiper-button-next{width: 45px; height: 45px; background: center no-repeat #cecece;}
.index_history .historySwiper .swiper-button-prev{left: 0; background-image: url('../images/arrow_prev.png');}
.index_history .historySwiper .swiper-button-next{right: 0; background-image: url('../images/arrow_next.png');}
.index_history .historySwiper .swiper-button-prev:hover,
.index_history .historySwiper .swiper-button-next:hover{background-color: #ff7800;}
.index_history .historySwiper .swiper-button-disabled{opacity: 1;}

.index_clients{padding: 40px 0 50px; background: #f6f6f6;}
.index_clients .clientsSwiper{margin-top: 30px; padding-bottom: 80px; position: relative; overflow: hidden;}
.index_clients .clientsSwiper .picture{background: #fff; border: solid #e2e2e2 1px; text-align: center;}
.index_clients .clientsSwiper .picture img{width: 100%;}
.index_clients .clientsSwiper .swiper-button{width: 86px; height: 36px; position: absolute; left: calc(50% - 43px); bottom: 0;}
.index_clients .clientsSwiper .swiper-button .swiper-button-prev,
.index_clients .clientsSwiper .swiper-button .swiper-button-next{width: 36px; height: 36px; margin: 0; top: 0; background: center no-repeat #e0e0e0; border-radius: 50%;}
.index_clients .clientsSwiper .swiper-button .swiper-button-prev{left: 0; background-image: url('../images/arrow_left.png');}
.index_clients .clientsSwiper .swiper-button .swiper-button-next{right: 0; background-image: url('../images/arrow_right.png')}
.index_clients .clientsSwiper .swiper-button .swiper-button-prev:hover,
.index_clients .clientsSwiper .swiper-button .swiper-button-next:hover{background-color: #ff7800;}

.index_news{padding: 30px 0;}
.index_news .news_list{margin-top: 30px;}
.index_news .news_list .news_top{width: 45%; float: left;}
.index_news .news_list .news_recommend{width: 53%; float: right;}
.index_news .news_list .news_recommend .list{width: 49%;}
.index_news .news_list .news_recommend .list:nth-child(1){float: left;}
.index_news .news_list .news_recommend .list:nth-child(2){float: right;}
.index_news .news_list .picture{overflow: hidden; border-radius: 5px 5px 0 0;}
.index_news .news_list .picture img{width: 100%; transition: all 0.5s;}
.index_news .news_list .picture:hover img{transform: scale(1.1);}
.index_news .news_list .content{padding: 10px 15px; background: #ff7800; color: #fff; border-radius: 0 0 5px 5px;}
.index_news .news_list .content .title a{display: block; font-size: 22px; color: #fff; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index_news .news_list .content .date{font-size: 16px; line-height: 20px; background: url('../images/pen_white.png') left center no-repeat; padding-left: 20px; margin-top: 10px;}
.index_news .news_list .news_wtoutiao{width: 53%; float: right; box-sizing: border-box; padding: 20px 25px; border: solid #eee 1px; border-radius: 5px; margin-top: 30px;}
.index_news .news_list .news_wtoutiao .title{border-bottom: solid #eee 1px; padding-bottom: 20px;}
.index_news .news_list .news_wtoutiao .title a{display: block; font-size: 22px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index_news .news_list .news_wtoutiao .date{font-size: 16px; line-height: 20px; background: url('../images/pen_gray.png') left center no-repeat; padding-left: 20px; margin-top: 20px;}
.index_news .news_list .news_wtoutiao .date a{float: right; color: #505050;}

.index_process{padding: 30px 0 50px;}
.index_process .process_list{max-width: 1080px; margin: 30px auto 0; display: flex; justify-content: space-between; align-items: center;}
.index_process .process_list .list .icon{line-height: 55px;}
.index_process .process_list .list .title{font-size: 18px; font-weight: bold; color: #424242; margin-top: 10px; position: relative; padding-bottom: 15px;}
.index_process .process_list .list .title::after{width: 50px; height: 2px; content: ''; background: #ff7800; position: absolute; left: 0; bottom: 0;}
.index_process .process_list .list .text{font-size: 16px; color: #424242; margin-top: 15px;}
.index_process .process_list .arrow{width: 36px; height: 36px; background: url('../images/process_arrow.png');}

@media (max-width:960px) {
	.bannerSwiper{margin-top: 60px;}
	/* .bannerSwiper .swiper-slide img{width: auto; height: 230px; position: relative; left: 50%; transform: translateX(-50%);} */
	.bannerSwiper .swiper-pagination{bottom: 0px !important;}
	.bannerSwiper .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 5px !important; border-radius: 50%;}

	.common_title{text-align: center; color: #1a2634;}
	.common_title p{font-size: 16px;}
	.common_title h2{font-size: 22px; margin-top: 10px;}
	
	.index_aboutus{padding: 30px 15px;}
	.index_aboutus .whole{display: block;}
	.index_aboutus .content{width: 100%;}
	.index_aboutus .content .title .en{font-size: 24px;}
	.index_aboutus .content .title .cn{font-size: 20px; padding-bottom: 28px; margin-top: 10px;}
	.index_aboutus .content .title .cn::after{width: 38px; height: 3px;}
	.index_aboutus .content .text{margin-top: 20px; line-height: 34px; color: #404040;}
	.index_aboutus .content .text h3{font-size: 16px;}
	.index_aboutus .content .text p{font-size: 16px;}
	.index_aboutus .content .text ul{margin-top: 10px;}
	.index_aboutus .content .text ul li{flex: 1;}
	.index_aboutus .content .text ul li h3{font-size: 22px;}
	.index_aboutus .content .text ul li p{font-size: 14px;}
	.index_aboutus .picture{width: 100%; margin-top: 20px;}
	.index_aboutus .video{width: 100%; margin-top: 20px;}
	
	.index_product{padding: 30px 15px; background-size: auto 100%;}
	.index_product .common_title{color: #fff;}
	.index_product .product_list{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px;}
	.index_product .product_list .list{width: 48%; margin-bottom: 20px;}
	.index_product .product_list .list .content .text p.cn{font-size: 18px;}
	.index_product .product_list .list .content .text p.en{font-size: 14px; margin-top: 10px;}
	.index_product .product_list .list .picture img{opacity: 0.8;}
	.index_product .product_list .list .picture:hover img{opacity: 1;}
	
	.index_certificate{padding-top: 30px;}
	.index_certificate .certificateSwiper{padding-bottom: 90px;}
	.index_certificate .certificateSwiper .picture{padding: 20px;}
	.index_certificate .certificateSwiper .title{font-size: 12px;}
	
	.index_history{height: auto; box-sizing: border-box; padding: 30px 0 50px; background: url('../images/history.jpg') center top no-repeat;}
	.index_history .common_title{color: #fff;}
	.index_history .history_content{margin-top: 30px; padding: 0 20px 50px; position: relative;}
	.index_history .historySwiper{height: auto; overflow: hidden;}
	.index_history .historySwiper::before{top: 5px;}
	.index_history .historySwiper .swiper-slide{width: auto; height: 100%;}
	.index_history .historySwiper .swiper-slide:nth-child(even){transform: translateY(0);}
	.index_history .historySwiper .swiper-slide .content{color: #fff; border-left: none; padding: 20px 0 0 0; margin-left: 0;}
	.index_history .historySwiper .swiper-slide:nth-child(even) .content{margin-top: 0;}
	.index_history .historySwiper .swiper-slide .content .year{font-size: 16px; font-weight: bold; color: #f3f3f3;}
	.index_history .historySwiper .swiper-slide .content .text{line-height: 26px; color: #f3f3f3; margin-top: 5px;}
	.index_history .historySwiper .swiper-slide .icon{width: 10px; height: 10px; background: #ff7800; border-radius: 50%; position: absolute; left: 0;}
	.index_history .historySwiper .swiper-slide:nth-child(odd) .icon{bottom: auto; top: 0;}
	.index_history .historySwiper .swiper-slide:nth-child(even) .icon{top: 0;}
	.index_history .historySwiper .swiper-button-prev,
	.index_history .historySwiper .swiper-button-next{width: 36px; height: 36px; top: auto; bottom: 0; background-size: 12px; border-radius: 50%;}
	.index_history .historySwiper .swiper-button-prev{left: 36%;}
	.index_history .historySwiper .swiper-button-next{right: 36%;}
	.index_history .historySwiper .swiper-button-disabled{opacity: 0.5;}
	
	.index_clients{padding: 30px 15px 50px;}
	.index_clients .clientsSwiper{padding-bottom: 60px;}
	
	.index_news{padding: 30px 15px 0;}
	.index_news .news_list{margin-top: 30px;}
	.index_news .news_list .news_top{width: 100%; float: left; margin-bottom: 30px;}
	.index_news .news_list .news_recommend{width: 100%; float: right;}
	.index_news .news_list .news_recommend .list{width: 100%; margin-bottom: 30px;}
	.index_news .news_list .picture{overflow: hidden; border-radius: 5px 5px 0 0;}
	.index_news .news_list .content .title a{font-size: 16px; font-weight: normal;}
	.index_news .news_list .content .date{font-size: 14px;}
	.index_news .news_list .news_wtoutiao{display: none;}

	.index_process{padding: 30px 15px;}
	.index_process .process_list{max-width: 100%; margin: 20px auto 0; flex-wrap: wrap;}
	.index_process .process_list .list{width: 24%; margin-bottom: 30px;}
	.index_process .process_list .list .icon{line-height: 48px;}
	.index_process .process_list .list .icon img{height: 26px;}
	.index_process .process_list .list .title{font-size: 14px;margin-top: 8px; padding-bottom: 10px;}
	.index_process .process_list .list .title::after{width: 32px;}
	.index_process .process_list .list .text{font-size: 12px; margin-top: 10px;}
	.index_process .process_list .arrow{width: 26px; height: 26px; background-size: 100%; margin-right: 16px;}
	.index_process .process_list .arrow:nth-child(6){display: none;}
}