@charset 'utf-8';

/* 轮播图 */
.banner{position: relative; overflow: hidden;}
.banner video{width:100%;height:auto;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-button-prev,
.banner .swiper-button-next{opacity: 0.3;}
.banner:hover .swiper-button-prev,
.banner:hover .swiper-button-next{opacity: 1;}
.banner .swiper-pagination{bottom: 16px !important;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 80px; height: 3px; margin: 0 10px; border-radius: 0; background: #fff; opacity: 0.8; cursor: pointer;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #005bac; opacity: 1;}

/* 通用标题 */
.common_title{text-align: center;}
.common_title h2{font-size: 48px; text-transform: uppercase; color: #005bac; padding-bottom: 20px; background: url("../images/title.png") center bottom no-repeat; margin-bottom: 16px;}
.common_title p{font-size: 16px; line-height: 24px; color: #333;}

/* 发展历程 */
.development_history{padding-top: 80px; padding-bottom: 20px;}
.development_history .development_swiper{margin-top: 30px; overflow: hidden;}
.development_history .development_swiper .swiper-slide img{width: 100%;}
.development_history .development_swiper .swiper-pagination{overflow-x: auto;}
.development_history .swiper-button{position: relative; padding-top: 30px;}
.development_history .swiper-button .development-prev,
.development_history .swiper-button .development-next{width: 20px; height: 20px; background: url("../images/swiper-button.png") center no-repeat; position: absolute; top: 70px; cursor: pointer;}
.development_history .swiper-button .development-prev{transform: rotate(180deg); left: 0;}
.development_history .swiper-button .development-next{right: 0;}
.development_history .swiper-button .development-prev:hover,
.development_history .swiper-button .development-next:hover{background-image: url("../images/swiper-button-hover.png");}
.development_history .development_button{position: relative; margin: 0 20px; overflow: hidden;}
.development_history .development_button .swiper-slide::after{content: ''; width: 0; height: 118px; border-right: dashed #999 1px; position: absolute; right: -20px; top: 10px;}
.development_history .development_button .content{text-align: center; padding: 0 20px; cursor: pointer;}
.development_history .development_button .year{font-size: 30px; font-weight: bold;}
.development_history .development_button .text{font-size: 16px; line-height: 24px; color: #999; margin-top: 10px;}
.development_history .development_button .swiper-slide:hover .year{color: #005bac;}
.development_history .development_button .swiper-slide-thumb-active .year{color: #005bac;}

/* 产品中心 */
.index_product{padding-top: 80px;}
.index_product .product_swiper{position: relative; overflow: hidden; margin-top: 30px; padding: 5px 10px 50px;}
.index_product .product_swiper .list{text-align: center;}
.index_product .product_swiper .list .picture{border-radius: 18px; overflow: hidden; box-shadow: 0 5px 10px #ddd;}
.index_product .product_swiper .list .picture img{width: 100%; transition: all 0.5s;}
.index_product .product_swiper .list .picture:hover img{transform: scale(1.1);}
.index_product .product_swiper .list .title{font-size: 16px; text-align: center; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 20px;}
.index_product .product_swiper .list .text{font-size: 16px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}
.index_product .product_swiper .list .more{margin-top: 26px;}
.index_product .product_swiper .list .more a{line-height: 36px; display: inline-block; padding: 0 15px; margin: 0 5px; color: #666; border: solid #999 1px; border-radius: 18px; transition: all 0.3s;}
.index_product .product_swiper .list .more a:hover{background: #005bac; border-color: #005bac; color: #fff;}
.index_product .product_swiper .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 10px; background: #999; opacity: 1; cursor: pointer;}
.index_product .product_swiper .swiper-pagination .swiper-pagination-bullet-active{background: #005bac;}

/* 选择我们 */
.index_chooes{padding-top: 80px;}
.index_chooes .choose_content{margin-top: 30px;}
.index_chooes .choose_content::after{content: ''; display: table; clear: both;}
.index_chooes .choose_content .list{width: 32%; float: left; margin: 20px 2% 20px 0; cursor: pointer; position: relative;}
.index_chooes .choose_content .list:nth-child(3n){margin-right: 0;}
.index_chooes .choose_content .list .icon{text-align: center;}
.index_chooes .choose_content .list .title{font-size: 18px; font-weight: bold; color: #333; text-align: center; margin-top: 10px;}
.index_chooes .choose_content .list .text{width: 100%; font-size: 16px; line-height: 28px; color: #666; background: #ededed; box-sizing: border-box; padding: 15px 10px; position: absolute; margin-top: 10px; border-radius: 5px; display: none; z-index: 9;}

.index_cases{padding-top: 80px;}
.index_cases .case_swiper{position: relative; overflow: hidden; margin-top: 30px; padding-bottom: 50px;}
.index_cases .case_swiper .swiper-slide{position: relative;}
.index_cases .case_swiper .swiper-slide .picture img{width: 100%;}
.index_cases .case_swiper .swiper-slide .content{width: 100%; box-sizing: border-box; padding: 30px; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0;}
.index_cases .case_swiper .swiper-slide .content .title{font-size: 24px; color: #fff;}
.index_cases .case_swiper .swiper-slide .content .text{font-size: 16px; color: #fff; margin-top: 10px;}
.index_cases .case_swiper .swiper-slide .content .button{margin-top: 20px;}
.index_cases .case_swiper .swiper-slide .content .button a{display: inline-block; background: #fff; color: #005bac; line-height: 36px; padding: 0 30px; border-radius: 18px;}
.index_cases .case_swiper .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 10px; background: #999; opacity: 1; cursor: pointer;}
.index_cases .case_swiper .swiper-pagination .swiper-pagination-bullet-active{background: #005bac;}

.index_certificates{padding-top: 80px;}
.index_certificates .certificates_content{margin-top: 30px; background: #005bac; padding: 60px 0;}
.index_certificates .certificates_swiper{position: relative; overflow: hidden;}
.index_certificates .certificates_swiper::after{content: ''; width: 100%; height: 1px; background: #fff; position: absolute; bottom: 4px;}
.index_certificates .certificates_swiper .swiper-wrapper{display: flex; align-items: flex-end;}
.index_certificates .certificates_swiper .swiper-slide{height: 100% !important; text-align: center; position: relative; padding-bottom: 30px;}
.index_certificates .certificates_swiper .swiper-slide::after{content: ''; width: 9px; height: 9px; background: #fff; border-radius: 50%; position: absolute; left: calc(50% - 5px); bottom: 0;}
.index_certificates .certificates_swiper .swiper-slide .picture{}
.index_certificates .certificates_swiper .swiper-slide .picture img{width: 90%;}
.index_certificates .certificates_swiper .swiper-slide-active .picture img{width: 100%;}
.index_certificates .certificates_swiper .swiper-slide .title{font-size: 16px; line-height: 26px; height: 52px; color: #fff; text-align: center; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}

.index_partners{padding-top: 80px;}
.index_partners .partners_list{position: relative; padding-bottom: 50px; overflow: hidden;}
.index_partners .partners_list .list{box-sizing: border-box; border: solid #d6d6d6 1px; border-radius: 18px; overflow: hidden; margin-top: 30px;}
.index_partners .partners_list .list img{width: 100%;}
.index_partners .partners_list .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 10px; background: #999; opacity: 1; cursor: pointer;}
.index_partners .partners_list .swiper-pagination .swiper-pagination-bullet-active{background: #005bac;}

.index_news{padding-top: 80px;}
.index_news .news_tab{margin-top: 20px;}
.index_news .news_tab ul{text-align: center;}
.index_news .news_tab ul li{display: inline-block; line-height: 36px; padding: 0 15px; background: #ededed; color: #666; border-radius: 18px; margin: 0 10px; cursor: pointer;}
.index_news .news_tab ul li.current{background: #005bac; color: #fff;}
.index_news .news_content{margin-top: 40px;}
.index_news .news_content .news_list{display: none;}
.index_news .news_content .news_list.show{display: block;}
.index_news .news_content .news_list::after{content: ''; display: table; clear: both;}
.index_news .news_content .news_list .list{width: 32%; float: left; margin-right: 2%;}
.index_news .news_content .news_list .list:nth-child(3){margin-right: 0;}
.index_news .news_content .news_list .picture{box-shadow: 0 0 5px #d6d6d6; overflow: hidden;}
.index_news .news_content .news_list .picture img{width: 100%; transition: all 0.5s;}
.index_news .news_content .news_list .picture:hover img{transform: scale(1.1);}
.index_news .news_content .news_list .title{font-size: 16px; line-height: 24px; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.index_news .news_content .news_list .button{margin-top: 20px;}
.index_news .news_content .news_list .button a{display: inline-block; line-height: 36px; padding: 0 15px; background: #ededed; color: #666; border-radius: 18px; cursor: pointer; transition: all 0.5s;}
.index_news .news_content .news_list .button a:hover{background: #005bac; color: #fff;}

@media (max-width: 990px) {
	/* 通用标题 */
	.common_title h2{font-size: 24px; padding-bottom: 10px; background-size: 32px; margin-bottom: 10px;}
	.common_title p{font-size: 14px; line-height: 20px;}
	
	.banner .swiper-button-prev,
	.banner .swiper-button-next{display: none;}
	.banner .swiper-pagination{bottom: 10px !important;}
	.banner .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 8px; border-radius: 50%;}
	
	/* 发展历程 */
	.development_history{padding-top: 30px; padding-bottom: 20px;}
	.development_history .development_swiper{margin-top: 20px;}
	.development_history .swiper-button{position: relative; padding-top: 20px;}
	.development_history .development_button .year{font-size: 24px;}
	
	/* 产品中心 */
	.index_product{padding-top: 30px;}
	.index_product .product_swiper{margin-top: 20px;}
	.index_product .product_swiper .list .picture{border-radius: 8px;}
	.index_product .product_swiper .list .title{font-size: 14px;}
	.index_product .product_swiper .list .text{font-size: 14px;}
	.index_product .product_swiper .list .more{margin-top: 20px;}
	.index_product .product_swiper .list .more a{font-size: 12px; line-height: 30px; padding: 0 10px; margin: 0 3px; border-radius: 15px;}
	
	/* 选择我们 */
	.index_chooes{padding-top: 30px;}
	.index_chooes .choose_content{margin-top: 20px;}
	.index_chooes .choose_content .list{width: 49%; margin: 20px 2% 20px 0;}
	.index_chooes .choose_content .list:nth-child(3n){margin-right: 2%;}
	.index_chooes .choose_content .list:nth-child(2n){margin-right: 0;}
	.index_chooes .choose_content .list .icon img{height: 60px;}
	.index_chooes .choose_content .list .title{font-size: 16px;}
	.index_chooes .choose_content .list .text{font-size: 14px; line-height: 24px;}
	
	.index_cases{padding-top: 30px;}
	.index_cases .case_swiper{margin-top: 20px; padding-bottom: 50px;}
	.index_cases .case_swiper .swiper-slide .content{padding: 20px;}
	.index_cases .case_swiper .swiper-slide .content .title{font-size: 16px;}
	.index_cases .case_swiper .swiper-slide .content .text{font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis;}
	.index_cases .case_swiper .swiper-slide .content .button{margin-top: 20px;}
	.index_cases .case_swiper .swiper-slide .content .button a{font-size: 12px; line-height: 32px; padding: 0 18px; border-radius: 16px;}
	
	.index_certificates{padding-top: 30px;}
	.index_certificates .certificates_content{margin-top: 20px; padding: 20px 0;}
	.index_certificates .certificates_swiper .swiper-slide .title{font-size: 14px;}
	
	.index_partners{padding-top: 30px;}
	.index_partners .partners_list{padding: 20px;}
	.index_partners .partners_list .list{border-radius: 8px; margin-top: 20px;}
	
	.index_news{padding-top: 30px;}
	.index_news .news_tab{margin-top: 20px;}
	.index_news .news_tab ul li{font-size: 12px; line-height: 32px; padding: 0 10px; border-radius: 16px; margin: 3px;}
	.index_news .news_tab ul li.current{background: #005bac; color: #fff;}
	.index_news .news_content{margin-top: 20px;}
	.index_news .news_content .news_list{padding: 0 10px;}
	.index_news .news_content .news_list .list{width: 100%; margin-right: 0%; margin-bottom: 20px;}
	.index_news .news_content .news_list .button a{font-size: 12px; line-height: 32px; padding: 0 10px; border-radius: 16px;}
}