@charset 'utf-8';

.bannerSwiper{position: relative; overflow: hidden; margin-top: 122px;}
.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: 52px; font-weight: bold; line-height: 66px; color: #0e0e0e;}
.bannerSwiper .content .text{font-size: 20px; line-height: 32px; margin-top: 20px; color: #0e0e0e;}
.bannerSwiper .content .text p{background: url("../images/tick.png") left 10px no-repeat; padding: 5px 0 5px 28px;}
.bannerSwiper .content .button{margin-top: 50px;}
.bannerSwiper .content .button a{display: inline-block; font-size: 16px; padding: 0 36px; transition: all 0.5s;}
.bannerSwiper .content .button a i{width: 14px; height: 12px; display: inline-block; margin-left: 8px;}
.bannerSwiper .content .button a.btn1{line-height: 48px; background: #3b3be0; color: #fff;}
.bannerSwiper .content .button a.btn1 i{background: url("../images/arrow_white.png");}
.bannerSwiper .content .button a.btn2{line-height: 44px; border: solid #262626 2px; color: #262626; margin-left: 13px;}
.bannerSwiper .content .button a.btn2 i{background: url("../images/arrow_black.png");}
.bannerSwiper .content1 .title{max-width: 820px;}
.bannerSwiper .content1 .text{max-width: 620px;}
.bannerSwiper .content2 .title{max-width: 820px;}
.bannerSwiper .content2 .text{max-width: 620px;}
.bannerSwiper .content3 .title{max-width: 1020px;}
.bannerSwiper .content3 .text{max-width: 620px;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 10px !important; border-radius: 5px; background: #ccc; opacity: 1; cursor: pointer; transition: all 0.5s;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active{width: 30px; background: #2d50ce;}

.index_aboutus{padding-top: 60px;}
.index_aboutus .aboutus_content{margin-top: 50px;}
.index_aboutus .aboutus_content::after{content: ''; display: table; clear: both;}
.index_aboutus .aboutus_content .picture{width: 45%; float: right; position: relative;}
.index_aboutus .aboutus_content .picture img{width: 100%; border-radius: 6px; overflow: hidden;}
.index_aboutus .aboutus_content .picture .contact{width: 260px; background: #3c3be1; color: #fff; padding: 26px 36px; position: absolute; transform: translateX(-100px); left: 0; bottom: 80px; border-radius: 6px;}
.index_aboutus .aboutus_content .picture .contact h3{font-size: 24px; line-height: 36px;}
.index_aboutus .aboutus_content .picture .contact h3 span{display: block;}
.index_aboutus .aboutus_content .picture .contact p{font-size: 16px; line-height: 22px; margin-top: 10px;}
.index_aboutus .aboutus_content .picture .contact a{display: inline-block; font-size: 18px; background: url("../images/btn_white.png") left center no-repeat; line-height: 30px; padding-left: 36px; color: #fff; margin-top: 20px;}
.index_aboutus .aboutus_content .content{width: 46%; float: left;}
.index_aboutus .aboutus_content .content .subtitle{font-size: 20px; color: #3c3be1; font-weight: bold;}
.index_aboutus .aboutus_content .content .title{font-size: 36px; line-height: 46px; color: #000; font-weight: bold; margin-top: 20px;}
.index_aboutus .aboutus_content .content .text{margin-top: 20px;}
.index_aboutus .aboutus_content .content .text p{font-size: 16px; line-height: 30px; color: #000;}
.index_aboutus .aboutus_content .content .button{margin-top: 30px;}
.index_aboutus .aboutus_content .content .button a{font-size: 18px; font-weight: bold; background: url("../images/btn_blue.png") right center no-repeat; color: #3c3be1; padding-right: 50px; line-height: 32px;}

.index_product{padding: 60px 0;}
.index_product .category_tab{margin-top: 30px; border-top: solid #e6e6e6 1px; border-bottom: solid #e6e6e6 1px;}
.index_product .category_tab ul{display: flex; justify-content: space-between;}
.index_product .category_tab ul li{flex: 1; list-style: none; text-align: center; font-size: 16px; font-weight: bold; padding: 70px 10px 20px; line-height: 20px; background: url("../images/category.png") center 20px no-repeat; color: #191919; cursor: pointer;}
.index_product .category_tab ul li.current{color: #3c3be1; position: relative;}
.index_product .category_tab ul li.current::after{content: ''; width: 100%; height: 3px; background: #3c3be1; position: absolute; left: 0; bottom: -2px;}
.index_product .product_content{margin-top: 40px;}
.index_product .product_list{display: none;}
.index_product .product_list.show{display: block;}
.index_product .product_list::after{content: ''; display: table; clear: both;}
.index_product .product_list .list{width: 23.5%; float: left; margin-right: 2%; box-sizing: border-box; border: dashed #dcdcdc 1px;}
.index_product .product_list .list:nth-child(4){margin-right: 0;}
.index_product .product_list .list .picture{overflow: hidden;}
.index_product .product_list .list .picture img{width: 100%; transition: all 1s;}
.index_product .product_list .list:hover .picture img{transform: scale(1.1);}
.index_product .product_list .list .title{font-size: 18px; text-align: center; font-weight: bold; margin-top: 10px;}
.index_product .product_list .list .title a{display: block; color: #1a1a1a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index_product .product_list .list:hover .title a{color: #2d50ce;}
.index_product .product_list .list .button{text-align: center; padding-bottom: 20px;}
.index_product .product_list .list .button a{display: inline-block; font-weight: bold; color: #3c3be1;}

.index_choose{padding: 80px 0; background: url("../images/choose.jpg"); background-size: 100%; color: #fff;}
.index_choose .choose_title{width: 38%; float: left;}
.index_choose .choose_title .title{font-size: 36px; font-weight: bold;}
.index_choose .choose_title .subtitle{font-size: 32px; margin-top: 30px;}
.index_choose .choose_title .button{margin-top: 30px;}
.index_choose .choose_title .button a{display: inline-block; font-size: 16px; font-weight: bold; line-height: 44px; padding: 0 60px 0 30px; color: #fff; border: solid #fff 2px; background: url("../images/arrow.png") right 28px center no-repeat;}
.index_choose .choose_content{width: 54%; float: right;}
.index_choose .choose_content .title{font-size: 16px; padding-right: 2%;}
.index_choose .choose_content .item{margin-top: 20px;}
.index_choose .choose_content .list{width: 50%; float: left; box-sizing: border-box; padding-right: 2%; margin-top: 20px;}
.index_choose .choose_content .list .text{margin-top: 10px;}

.index_applications{padding: 80px 0; background: url("../images/applications.jpg");}
.index_applications .applications_content{margin-top: 40px; position: relative;}
.index_applications .applications_swiper{overflow: hidden;}
.index_applications .applications_swiper .swiper-slide{background: #fff;}
.index_applications .applications_swiper .swiper-slide .content{padding: 20px 20px 0;}
.index_applications .applications_swiper .swiper-slide .content .icon{line-height: 100px;}
.index_applications .applications_swiper .swiper-slide .content .icon img{max-height: 100px;}
.index_applications .applications_swiper .swiper-slide .content .title{font-size: 16px; font-weight: bold; margin-top: 20px;}
.index_applications .applications_swiper .swiper-slide .content .text{color: #636363; margin-top: 10px;}
.index_applications .applications_swiper .swiper-slide .content .button{margin-top: 10px; position: relative; z-index: 9;}
.index_applications .applications_swiper .swiper-slide .content .button a{display: inline-block; font-weight: bold; line-height: 48px; border: solid #898989 1px; padding: 0 48px 0 25px; background: url("../images/arrow_black.png") right 25px center no-repeat #fff; background-size: 10px; transition: all 0.5s;}
.index_applications .applications_swiper .swiper-slide:hover .content .button a{background-image: url("../images/arrow_white.png"); background-color: #282828; border-color: #282828; color: #fff;}
.index_applications .applications_swiper .swiper-slide .picture{margin-top: -25px; position: relative; overflow: hidden;}
.index_applications .applications_swiper .swiper-slide .picture img{width: 100%;}
.index_applications .applications_swiper .swiper-slide .picture::before{width: 100%; height: 36%; content: ''; background: #fff; position: absolute; left: 0; top: 0; transition: all 0.5s;}
.index_applications .applications_swiper .swiper-slide:hover .picture::before{height: 0;}
.index_applications .applications_swiper .swiper-slide .picture::after{width: 100%; height: 100%; content: ''; background: #403be1; opacity: 0; position: absolute; left: 0; top: 0; transition: all 0.5s;}
.index_applications .applications_swiper .swiper-slide:hover .picture::after{opacity: 0.5;}
.index_applications .applications_swiper .swiper-button{width: 100px; height: 50px; position: absolute; top: auto; right: 0; margin-top: 60px;}
.index_applications .applications_swiper .swiper-button .swiper-button-prev,
.index_applications .applications_swiper .swiper-button .swiper-button-next{width: 30px; height: 45px; background: url("../images/swiper_button.png") center no-repeat; left: 0; top: 0; margin: 0;}
.index_applications .applications_swiper .swiper-button .swiper-button-next{left: auto; right: 0; transform: rotate(180deg);}
.index_applications .applications_swiper .swiper-button .swiper-button-prev:hover,
.index_applications .applications_swiper .swiper-button .swiper-button-next:hover{background-image: url("../images/swiper_button_hover.png");}
.index_applications .applications_button{max-width: 780px; margin-top: 50px; padding-right: 120px;}
.index_applications .applications_button .text{font-size: 16px; font-weight: bold;}
.index_applications .applications_button .button{margin-top: 30px;}
.index_applications .applications_button .button a{display: inline-block; font-weight: bold;}
.index_applications .applications_button .button .btn1{line-height: 50px; padding: 0 46px 0 26px; background: url("../images/arrow_white.png") right 26px center no-repeat #3d3be1; background-size: 10px; color: #fff;}
.index_applications .applications_button .button .btn2{line-height: 48px; padding: 0 46px 0 26px; background: url("../images/arrow_black.png") right 26px center no-repeat; background-size: 10px; border: solid #000 1px; margin-left: 20px;}

.index_certificate{padding: 60px 0; display: none;}
.index_certificate .certificate_swiper{margin-top: 40px; overflow: hidden;}
.index_certificate .certificate_swiper .swiper-slide img{width: 100%;}

.index_news{padding: 60px 0; background: #fafafa;}
.index_news .news_list{margin-top: 30px;}
.index_news .news_list .list{width: 23.5%; float: left; margin-right: 2%;}
.index_news .news_list .list:nth-child(4){margin-right: 0;}
.index_news .news_list .list .picture{overflow: hidden;}
.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 .content{padding: 20px; background: #fff;}
.index_news .news_list .list .subtitle{font-size: 16px; color: #3d3be1; font-weight: bold;}
.index_news .news_list .list .title{margin-top: 10px;}
.index_news .news_list .list .title a{font-size: 18px; font-weight: bold; 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; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}
.index_news .news_list .list .button{margin-top: 10px;}
.index_news .news_list .list .button a{display: inline-block; font-size: 16px; font-weight: bold; background: url("../images/btn_black.png") right center no-repeat; padding-right: 36px;}
.index_news .news_list .list:hover .button a{color: #3c3be1; background-image: url("../images/btn_blue.png");}

@media (max-width:960px) {
	.bannerSwiper{margin-top: 61px;}
	.bannerSwiper .picture img{width: 138%; height: auto;}
	.bannerSwiper .content{box-sizing: border-box; padding: 20px 15px;}
	.bannerSwiper .content .title{max-width: 80%; font-size: 18px; line-height: 36px; font-weight: bold;}
	.bannerSwiper .content .text{display: none;}
	.bannerSwiper .content .button{display: none;}
	.bannerSwiper .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 5px !important;}
	.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active{width: 8px;}
	
	.index_aboutus{padding-top: 30px;}
	.index_aboutus .aboutus_content{margin-top: 10px;}
	.index_aboutus .aboutus_content .picture{width: 100%; float: none; position: initial;}
	.index_aboutus .aboutus_content .picture img{border-radius: 0;}
	.index_aboutus .aboutus_content .picture .contact{width: 100%; box-sizing: border-box; padding: 20px 15px; position: initial; transform: translateX(0); border-radius: 0;}
	.index_aboutus .aboutus_content .picture .contact h3{font-size: 18px; line-height: 28px;}
	.index_aboutus .aboutus_content .picture .contact h3 span{display: inline;}
	.index_aboutus .aboutus_content .picture .contact a{font-size: 16px; background-size: 22px; margin-top: 10px;}
	.index_aboutus .aboutus_content .content{width: 100%; float: none; box-sizing: border-box; padding: 20px 15px;}
	.index_aboutus .aboutus_content .content .subtitle{font-size: 18px;}
	.index_aboutus .aboutus_content .content .title{font-size: 18px; line-height: 28px; margin-top: 10px;}
	.index_aboutus .aboutus_content .content .text{margin-top: 10px;}
	.index_aboutus .aboutus_content .content .text p{font-size: 14px; line-height: 24px;}
	.index_aboutus .aboutus_content .content .button{margin-top: 20px;}
	.index_aboutus .aboutus_content .content .button a{font-size: 16px; background-size: 22px; padding-right: 36px;}
	
	.index_product{padding-top: 30px;}
	.index_product .category_tab{margin-top: 10px; border-bottom: none;}
	.index_product .category_tab ul{display: block;}
	.index_product .category_tab ul li{width: 100%; box-sizing: border-box; font-size: 14px; padding: 10px; line-height: 20px; background: none; border-bottom: solid #e6e6e6 1px;}
	.index_product .category_tab ul li.current{color: #3c3be1; position: relative;}
	.index_product .category_tab ul li.current::after{height: 1px; bottom: -1px;}
	.index_product .product_content{margin-top: 20px; padding: 0 10px;}
	.index_product .product_list .list{width: 49%; margin-bottom: 20px;}
	.index_product .product_list .list:nth-child(2n){margin-right: 0;}
	.index_product .product_list .list .title{font-size: 14px; margin-top: 10px; padding: 0 10px;}
	.index_product .product_list .list .button{padding-bottom: 10px;}
	
	.index_choose{padding: 30px 10px;}
	.index_choose .choose_title{width: 100%; float: none;}
	.index_choose .choose_title .title{font-size: 18px;}
	.index_choose .choose_title .subtitle{font-size: 18px; margin-top: 10px;}
	.index_choose .choose_title .button{margin-top: 10px;}
	.index_choose .choose_title .button a{font-size: 14px; line-height: 36px; padding: 0 36px 0 10px; border-width: 1px; background-position: right 10px center; background-size: 14px;}
	.index_choose .choose_content{width: 100%; float: none; margin-top: 20px;}
	.index_choose .choose_content .title{font-size: 16px; padding-right: 0; line-height: 26px;}
	.index_choose .choose_content .item{margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.index_choose .choose_content .list{width: 49%; float: none; padding-right: 0; margin-top: 20px;}
	.index_choose .choose_content .list .text{margin-top: 10px;}
	
	.index_applications{padding: 30px 10px;}
	.index_applications .applications_content{margin-top: 20px;}
	.index_applications .applications_swiper .swiper-slide .content{padding: 10px 10px 0;}
	.index_applications .applications_swiper .swiper-slide .content .icon{line-height: 80px;}
	.index_applications .applications_swiper .swiper-slide .content .icon img{max-height: 60px;}
	.index_applications .applications_swiper .swiper-slide .content .title{font-size: 14px; margin-top: 10px;}
	.index_applications .applications_swiper .swiper-slide .content .text{color: #636363; margin-top: 10px;}
	.index_applications .applications_swiper .swiper-slide .content .button{margin-top: 15px;}
	.index_applications .applications_swiper .swiper-slide .content .button a{font-size: 14px; line-height: 38px; padding: 0 38px 0 20px; background-position: right 10px center; background-size: 10px;}
	.index_applications .applications_swiper .swiper-slide .picture{margin-top: -19px;}
	.index_applications .applications_swiper .swiper-slide .picture::before{height: 26%;}
	
	.index_applications .applications_swiper .swiper-button{width: 100px; height: 24px; right: calc(50% - 50px); margin-top: 20px;}
	.index_applications .applications_swiper .swiper-button .swiper-button-prev,
	.index_applications .applications_swiper .swiper-button .swiper-button-next{width: 16px; height: 24px; background-size: 16px;}
	.index_applications .applications_button{max-width: 100%; margin-top: 60px; padding-right: 0;}
	.index_applications .applications_button .text{font-size: 14px; font-weight: bold;}
	.index_applications .applications_button .button{margin-top: 20px;}
	.index_applications .applications_button .button a{display: inline-block; font-family: 'Poppins Bold';}
	.index_applications .applications_button .button .btn1{line-height: 38px; padding: 0 36px 0 16px; background-position: right 16px center;}
	.index_applications .applications_button .button .btn2{line-height: 36px; padding: 0 36px 0 16px; background-position: right 16px center; margin-left: 10px;}
	
	.index_certificate{padding: 30px 15px;}
	.index_certificate .certificate_swiper{margin-top: 10px;}
	
	.index_news{padding: 30px 15px;}
	.index_news .news_list{margin-top: 10px;}
	.index_news .news_list .list{width: 49%; margin-bottom: 20px;}
	.index_news .news_list .list:nth-child(2n){margin-right: 0;}
	.index_news .news_list .list .content{padding: 10px;}
	.index_news .news_list .list .subtitle{font-size: 14px;}
	.index_news .news_list .list .title{margin-top: 10px;}
	.index_news .news_list .list .title a{font-size: 14px;}
	.index_news .news_list .list .button a{font-size: 14px; background-size: 16px; padding-right: 26px;}
}