@charset 'utf-8';

.bannerSwiper{position: relative; overflow: hidden;}
.bannerSwiper .picture{overflow: hidden;}
.bannerSwiper .picture img{position: relative; left: 50%; transform: translateX(-50%);}
.bannerSwiper .content{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.bannerSwiper .content .title{font-size: 60px; line-height: 68px; color: #fff;}
.bannerSwiper .content .text{font-size: 18px; line-height: 24px; margin-top: 20px; color: #fff;}
.bannerSwiper .content .text p{padding: 8px 0;}
.bannerSwiper .content .button{margin-top: 50px;}
.bannerSwiper .content .button a{display: inline-block; line-height: 40px; background: #fff; color: #0a0b29; padding: 6px 35px 6px 6px; font-size: 16px; border-radius: 26px; margin-right: 20px;}
.bannerSwiper .content .button a i{width: 40px; height: 40px; float: left; margin-right: 15px; background: url("../images/arrow.png") center no-repeat #0a0b29; border-radius: 50%;}
.bannerSwiper .content1 .title{max-width: 600px;}
.bannerSwiper .content1 .text{max-width: 520px;}
.bannerSwiper .content2 .title{max-width: 600px;}
.bannerSwiper .content2 .text{max-width: 630px;}
.bannerSwiper .content3 .title{max-width: 600px;}
.bannerSwiper .content3 .text{max-width: 630px;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 8px !important; border-radius: 4px; background: #fff; opacity: 1; cursor: pointer; transition: all 0.5s;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active{width: 30px;}

.index_product{padding-top: 80px;}
.index_product .category_tab{margin-top: 30px;}
.index_product .category_tab ul{display: flex; justify-content: space-between;}
.index_product .category_tab li{line-height: 28px; font-size: 16px; color: #666; cursor: pointer;}
.index_product .category_tab li.current{color: #202025; font-weight: bold; border-bottom: solid #202025 1px;}
.index_product .product_item{margin-top: 30px;}
.index_product .product_list{display: none; overflow: hidden;}
.index_product .product_list.show{display: flex; justify-content: space-between;}
.index_product .product_list .category{width: calc(50% - 20px); float: left; box-sizing: border-box; padding: 20px; background: #202025; border-radius: 16px;}
.index_product .product_list .category .picture{border-radius: 16px; overflow: hidden;}
.index_product .product_list .category .picture img{width: 100%; transition: all 0.5s;}
.index_product .product_list .category .picture:hover img{transform: scale(1.1);}
.index_product .product_list .category .title{margin-top: 30px;}
.index_product .product_list .category .title a{font-size: 18px; color: #fff;}
.index_product .product_list .category .button{margin-top: 20px; padding-bottom: 10px;}
.index_product .product_list .category .button a{display: inline-block; line-height: 40px; background: #fff; color: #202025; padding: 6px 35px 6px 6px; font-size: 16px; border-radius: 26px; margin-right: 20px;}
.index_product .product_list .category .button a i{width: 40px; height: 40px; float: left; margin-right: 15px; background: url("../images/arrow.png") center no-repeat #202025; border-radius: 50%;}
.index_product .product_list .product{width: 50%; float: right; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between;}
.index_product .product_list .product .list{width: calc(50% - 10px); box-sizing: border-box; padding: 20px; background: #f6f6f6; border-radius: 16px; transition: all 0.5s;}
.index_product .product_list .product .list:hover{background: #202025;}
.index_product .product_list .product .list .picture{border-radius: 16px; overflow: hidden;}
.index_product .product_list .product .list .picture img{width: 100%; transition: all 0.5s;}
.index_product .product_list .product .list:hover .picture img{transform: scale(1.1);}
.index_product .product_list .product .list .title{margin-top: 10px; font-size: 18px; line-height: 24px;}
.index_product .product_list .product .list .title a{color: #202025; transition: all 0.5s;}
.index_product .product_list .product .list:hover .title a{color: #fff;}

.index_application{padding-top: 80px;}
.index_application .application_content{margin-top: 30px; display: flex; justify-content: space-between; overflow: hidden;}
.index_application .application_content .list{width: 12%; position: relative; border-radius: 16px; overflow: hidden; transition: all 0.5s;}
.index_application .application_content .list.current{width: 62%;}
.index_application .application_content .list .picture img{position: relative; left: 50%; transform: translateX(-50%);}
.index_application .application_content .list .content{width: 400px; background: #f6f6f6; padding: 10px; border-radius: 8px; display: flex; flex-wrap: wrap; justify-content: space-between; position: absolute; left: 40px; bottom: -100%; opacity: 0; transition: all 0.5s;}
.index_application .application_content .list.current .content{bottom: 40px; opacity: 1;}
.index_application .application_content .list .content .product{width: 46%; border-radius: 8px; overflow: hidden;}
.index_application .application_content .list .content .product img{width: 100%;}
.index_application .application_content .list .content .title{width: 46%;}
.index_application .application_content .list .content .title a{font-size: 16px; line-height: 22px; color: #202025;}
.index_application .application_content .list .content .title a i{width: 22px; height: 22px; display: block; background: url("../images/arrow.png") center no-repeat #202025; background-size: 6px; border-radius: 50%; margin-top: 6px;}
.index_m_application{display: none;}

.index_aboutus{padding: 80px 0;}
.index_aboutus .aboutus_content{margin-top: 30px;}
.index_aboutus .aboutus_content p{font-size: 16px; line-height: 30px; color: #666;}
.index_aboutus .aboutus_video{margin-top: 30px; border-radius: 16px; overflow: hidden;}
.index_aboutus .aboutus_video video{width: 100%; height: auto; vertical-align: top;}
.index_aboutus .aboutus_data{margin-top: 50px;}
.index_aboutus .aboutus_data ul{display: flex; justify-content: space-between;}
.index_aboutus .aboutus_data ul li{flex: auto;}
.index_aboutus .aboutus_data ul li h3{font-size: 60px; color: #202025; font-weight: normal;}
.index_aboutus .aboutus_data ul li p{font-size: 14px; color: #666;}

.index_choose{padding: 80px 0; background: #f9f9f9;}
.index_choose .chooseSwiper{margin-top: 30px; overflow: hidden; padding-bottom: 80px; position: relative;}
.index_choose .chooseSwiper .swiper-slide{display: flex; justify-content: space-between; align-items: center;}
.index_choose .chooseSwiper .swiper-slide .picture{width: 52%; border-radius: 16px; overflow: hidden;}
.index_choose .chooseSwiper .swiper-slide .picture img{width: 100%;}
.index_choose .chooseSwiper .swiper-slide .content{width: 45%;}
.index_choose .chooseSwiper .swiper-slide .content .title{font-size: 40px; line-height: 50px; color: #202025;}
.index_choose .chooseSwiper .swiper-slide .content .text{margin-top: 20px;}
.index_choose .chooseSwiper .swiper-slide .content .text p{font-size: 16px; line-height: 24px; color: #666; background: url("../images/tick.png") left 8px no-repeat; padding: 6px 0 6px 28px;}
.index_choose .chooseSwiper .swiper-slide .content .button{margin-top: 20px;}
.index_choose .chooseSwiper .swiper-slide .content .button a{display: inline-block; line-height: 40px; background: #202025; color: #fff; padding: 6px 35px 6px 6px; font-size: 16px; border-radius: 26px; margin-right: 20px;}
.index_choose .chooseSwiper .swiper-slide .content .button a i{width: 40px; height: 40px; float: left; margin-right: 15px; background: url("../images/arrow_black.png") center no-repeat #fff; border-radius: 50%;}
.index_choose .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 8px !important; background: #202025; cursor: pointer;}

.index_team{padding-top: 80px;}
.index_team .team_list{margin-top: 30px; display: flex; justify-content: space-between;}
.index_team .team_list .list{width: 18%; text-align: center; box-sizing: border-box; padding: 2%; background: #f9f9f9; border-radius: 130px;}
.index_team .team_list .list .picture{border-radius: 50%; overflow: hidden;}
.index_team .team_list .list .picture img{width: 100%;}
.index_team .team_list .list .title{font-size: 24px; color: #020202; margin-top: 20px;}
.index_team .team_list .list .text{font-size: 12px; color: #666;}

.index_news{padding: 80px 0;}
.index_news .news_list{margin-top: 30px; overflow: hidden; position: relative; padding-bottom: 60px;}
.index_news .news_list .swiper-slide .picture{border-radius: 16px; overflow: hidden;}
.index_news .news_list .swiper-slide .picture img{width: 100%; transition: all 0.5s;}
.index_news .news_list .swiper-slide:hover .picture img{transform: scale(1.1);}
.index_news .news_list .swiper-slide .date{font-size: 14px; color: #999; margin-top: 10px;}
.index_news .news_list .swiper-slide .title{font-size: 18px; line-height: 26px; margin-top: 6px;}
.index_news .news_list .swiper-slide .title a{color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.index_news .news_list .swiper-slide:hover .title a{color: #202025;}
.index_news .news_list .swiper-slide .button{font-size: 16px; line-height: 24px; margin-top: 10px;}
.index_news .news_list .swiper-slide .button a{color: #666; text-decoration: underline;}
.index_news .news_list .swiper-slide:hover .button a{color: #202025;}
.index_news .news_list .swiper-pagination{width: calc(100% - 100px); height: 3px; top: auto; bottom: 6px;}
.index_news .news_list .swiper-pagination .swiper-pagination-progressbar-fill{background: #202025;}
.index_news .news_list .swiper-button{width: 60px; height: 15px; position: absolute; bottom: 0; right: 0;}
.index_news .news_list .swiper-button .swiper-button-prev,
.index_news .news_list .swiper-button .swiper-button-next{width: 10px; height: 15px; top: 0; left: 0; margin-top: 0; background: url("../images/swiper_button.png") center no-repeat; transition: all 0.5s;}
.index_news .news_list .swiper-button .swiper-button-next{left: auto; right: 0; transform: rotate(180deg);}
.index_news .news_list .swiper-button .swiper-button-prev:hover,
.index_news .news_list .swiper-button .swiper-button-next:hover{background-image: url("../images/swiper_button_hover.png");}

@media (max-width:960px) {
	.bannerSwiper{position: relative; overflow: hidden;}
	.bannerSwiper .picture{overflow: hidden;}
	.bannerSwiper .picture img{width: 100%;}
	.bannerSwiper .content{box-sizing: border-box; padding: 20px;}
	.bannerSwiper .content .title{font-size: 20px; line-height: 32px;}
	.bannerSwiper .content .text{display: none;}
	.bannerSwiper .content .button{display: none;}
	.bannerSwiper .content1 .title{max-width: 56%;}
	.bannerSwiper .content2 .title{max-width: 52%;}
	.bannerSwiper .content3 .title{max-width: 52%;}
	.bannerSwiper .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 8px !important; border-radius: 4px; background: #fff; opacity: 1; cursor: pointer; transition: all 0.5s;}
	.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active{width: 30px;}
	
	.index_product{padding: 30px 10px 0;}
	.index_product .category_tab{margin-top: 10px;}
	.index_product .category_tab ul{flex-wrap: wrap; justify-content: space-evenly;}
	.index_product .category_tab li{line-height: 32px; font-size: 16px; padding: 0 15px; border: solid #ddd 1px; margin: 6px;}
	.index_product .category_tab li.current{font-weight: normal; border-color: #202025;}
	.index_product .product_item{margin-top: 20px;}
	.index_product .product_list.show{display: block;}
	.index_product .product_list .category{width: 100%;padding: 10px; border-radius: 8px;}
	.index_product .product_list .category .picture{border-radius: 8px;}
	.index_product .product_list .category .title{margin-top: 10px;}
	.index_product .product_list .category .title a{font-size: 16px;}
	.index_product .product_list .category .button{margin-top: 10px; padding-bottom: 10px;}
	.index_product .product_list .category .button a{line-height: 26px; padding: 4px 20px 4px 4px; font-size: 14px; border-radius: 18px; margin-right: 20px;}
	.index_product .product_list .category .button a i{width: 26px; height: 26px; background-size: 8px; margin-right: 10px;}
	.index_product .product_list .product{width: 100%; margin-top: 10px;}
	.index_product .product_list .product .list{padding: 10px; margin: 8px 0; border-radius: 8px;}
	.index_product .product_list .product .list .picture{border-radius: 8px;}
	.index_product .product_list .product .list .title{margin-top: 10px; font-size: 14px; line-height: 20px;}
	
	.index_application{display: none;}
	.index_m_application{padding: 30px 0 10px; display: block;}
	.index_m_application .application_swiper{margin-top: 20px; overflow: hidden; padding-bottom: 40px; position: relative;}
	.index_m_application .application_swiper .list{position: relative;}
	.index_m_application .application_swiper .list .picture img{width: 100%;}
	.index_m_application .application_swiper .list .title{width: 100%; background: rgba(255, 255, 255, 0.3); box-sizing: border-box; padding: 10px 20px; position: absolute; left: 0; bottom: 0;}
	.index_m_application .application_swiper .list .title a{font-size: 16px; line-height: 22px; color: #202025;}
	
	.index_m_application .swiper-pagination{bottom: 0;}
	
	.index_m_application .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 8px !important; background: #202025; cursor: pointer;}
	
	.index_aboutus{padding: 30px 10px;}
	.index_aboutus .aboutus_content{margin-top: 20px;}
	.index_aboutus .aboutus_content p{font-size: 14px; line-height: 24px;}
	.index_aboutus .aboutus_video{margin-top: 20px; border-radius: 8px;}
	.index_aboutus .aboutus_data{margin-top: 10px;}
	.index_aboutus .aboutus_data ul{display: flex; flex-wrap: wrap;}
	.index_aboutus .aboutus_data ul li{flex: none; width: 49%; margin-top: 10px; box-sizing: border-box; border: solid #ddd 1px; padding: 10px;}
	.index_aboutus .aboutus_data ul li h3{font-size: 20px;}
	.index_aboutus .aboutus_data ul li p{font-size: 12px; color: #666;}
	
	.index_choose{padding: 30px 10px 10px;}
	.index_choose .chooseSwiper{margin-top: 20px; padding-bottom: 50px;}
	.index_choose .chooseSwiper .swiper-slide{display: block;}
	.index_choose .chooseSwiper .swiper-slide .picture{width: 100%; border-radius: 8px;}
	.index_choose .chooseSwiper .swiper-slide .content{width: 100%; box-sizing: border-box; padding: 0 1px; margin-top: 20px;}
	.index_choose .chooseSwiper .swiper-slide .content .title{font-size: 18px; line-height: 26px;}
	.index_choose .chooseSwiper .swiper-slide .content .text{margin-top: 10px;}
	.index_choose .chooseSwiper .swiper-slide .content .text p{font-size: 14px; line-height: 24px; background: url("../images/tick.png") left 6px no-repeat; background-size: 16px; padding: 3px 0 3px 24px;}
	.index_choose .chooseSwiper .swiper-slide .content .button{margin-top: 20px;}
	.index_choose .chooseSwiper .swiper-slide .content .button a{line-height: 26px; padding: 4px 20px 4px 4px; font-size: 14px; border-radius: 18px; margin-right: 20px;}
	.index_choose .chooseSwiper .swiper-slide .content .button a i{width: 26px; height: 26px; background-size: 8px; margin-right: 10px;}
	.index_choose .chooseSwiper .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 8px !important; background: #202025; cursor: pointer;}
	
	.index_team{padding: 30px 10px 0;}
	.index_team .team_list{margin-top: 20px; flex-wrap: wrap; justify-content: space-around;}
	.index_team .team_list .list{width: 32%; padding: 2%; border-radius: 8px; margin-bottom: 20px;}
	.index_team .team_list .list .title{font-size: 16px; margin-top: 10px;}
	.index_team .team_list .list .text{font-size: 12px;}
	
	.index_news{padding: 30px 10px 10px;}
	.index_news .news_list{margin-top: 20px; padding-bottom: 40px;}
	.index_news .news_list .swiper-slide .picture{border-radius: 8px;}
	.index_news .news_list .swiper-slide .date{font-size: 12px; margin-top: 10px;}
	.index_news .news_list .swiper-slide .title{font-size: 14px; line-height: 24px; margin-top: 6px;}
	.index_news .news_list .swiper-slide .button{font-size: 14px; line-height: 24px; margin-top: 10px;}
}