@charset 'utf-8';

.index_video video{width: 100%; height: auto; display: block;}

.bannerSwiper{position: relative; overflow: hidden; margin-top: 150px;}
.bannerSwiper .picture{overflow: hidden;}
.bannerSwiper .picture img{position: relative; left: 50%; transform: translateX(-50%);}
.bannerSwiper .content{width: 100%; position: absolute; left: 0; top: 80%; transform: translateY(-50%);}
.bannerSwiper .swiper-slide-active .content{transition: all 0.5s; top: 50%;}
.bannerSwiper .content .title{font-size: 64px; font-family: 'Poppins SemiBold'; line-height: 76px;}
.bannerSwiper .content .text{font-size: 18px; line-height: 26px; font-family: 'Poppins Light'; color: #171717;}
.bannerSwiper .content a{display: inline-block; line-height: 55px; padding: 0 28px; font-size: 18px; border-radius: 28px; background: #009ca3; color: #fff; margin-top: 30px;}
.bannerSwiper .content1 .title{color: #009ca3;}
.bannerSwiper .content1 .title span{color: #171717;}
.bannerSwiper .content1 .text{max-width: 670px; margin-top: 10px;}
.bannerSwiper .content2 .title{color: #009ca3; margin-bottom: 20px;}
.bannerSwiper .content2 .title span{color: #171717;}
.bannerSwiper .content2 .text{max-width: 670px; line-height: 30px;}
.bannerSwiper .content3 .title{color: #fff;}
.bannerSwiper .content3 .text{max-width: 670px; margin-top: 10px; color: #fff;}
.bannerSwiper .content3 .text p{position: relative; padding-left: 23px;}
.bannerSwiper .content3 .text p::after{width: 9px; height: 9px; content: ''; border: solid #009ca3 2px; position: absolute; left: 0; top: 6px;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 10px !important; border-radius: 4px; background: #eee; opacity: 1; cursor: pointer; transition: all 0.5s;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active{width: 26px; background: #009ca3;}

.index_technology{padding: 60px 0;}
.index_technology .technologyBox{margin-top: 40px; padding: 0 60px; position: relative;}
.index_technology .technologySwiper{padding: 20px 0; overflow: hidden;}
.index_technology .technologySwiper .swiper-slide{height: auto; padding: 10px; box-sizing: border-box;}
.index_technology .technologySwiper .list{height: 100%; background: #fff; box-shadow: 0 0 5px 5px #f5f5f5;}
.index_technology .technologySwiper .list .picture{overflow: hidden;}
.index_technology .technologySwiper .list .picture img{width: 100%; transition: all 0.5s;}
.index_technology .technologySwiper .list:hover .picture img{transform: scale(1.1);}
.index_technology .technologySwiper .list .content{padding: 15px 15px 20px;}
.index_technology .technologySwiper .list .content .title{line-height: 40px; height: 40px;}
.index_technology .technologySwiper .list .content .title a{font-size: 18px; color: #161616; transition: all 0.5s;}
.index_technology .technologySwiper .list:hover .content .title a{color: #009ca3; font-size: 20px; font-weight: bold;}
.index_technology .technologySwiper .list .content .text{font-size: 14px; line-height: 18px; color: #8e8e8e; margin-top: 10px;}
.index_technology .technologySwiper .list .content .button{margin-top: 10px;}
.index_technology .technologySwiper .list .content .button a{display: block; width: 19px; height: 13px; background: url("../images/button.png");}
.index_technology .technologySwiper .swiper-button-prev,
.index_technology .technologySwiper .swiper-button-next{width: 49px; height: 49px; margin-top: -25px; opacity: 1; cursor: pointer; transition: all 0.5s;}
.index_technology .technologySwiper .swiper-button-prev{left: 0; background: url("../images/arrow_prev.png");}
.index_technology .technologySwiper .swiper-button-next{right: 0; background: url("../images/arrow_next.png");}
.index_technology .technologySwiper .swiper-button-prev:hover{background: url("../images/arrow_prev_hover.png");}
.index_technology .technologySwiper .swiper-button-next:hover{background: url("../images/arrow_next_hover.png");}

.index_choose{padding: 30px 0 40px; background: #f6f6f6;}
.index_choose .choose_title{border-bottom: solid #eaeaea 1px; padding-bottom: 30px; position: relative;}
.index_choose .choose_title h2{font-size: 44px; color: #000;}
.index_choose .choose_title p{font-size: 18px; line-height: 28px; font-family: 'Poppins Light'; color: #717171;}
.index_choose .choose_title a{display: inline-block; line-height: 60px; font-size: 18px; padding: 0 60px; background: #009ca3; color: #fff; position: absolute; top: 39px; right: 0;}
.index_choose .choose_content{margin-top: 30px;}
.index_choose .choose_content .content_list{display: none;}
.index_choose .choose_content .content_list.show{display: block;}
.index_choose .choose_content .content_list::after{content: ''; display: table; clear: both;}
.index_choose .choose_content .num{width: 73px; height: 60px; float: left; font-size: 48px; font-family: 'Poppins Medium'; color: #c1e8ea; position: relative; padding-bottom: 16px;}
.index_choose .choose_content .num::after{width: 44px; height: 4px; content: ''; background: #c1e8ea; position: absolute; left: 0; bottom: 0;}
.index_choose .choose_content .content{width: calc(100% - 80px); float: left; margin-top: 26px;}
.index_choose .choose_content .content .title{font-size: 22px; font-family: 'Poppins Bold'; line-height: 24px; color: #009ca3;}
.index_choose .choose_content .content .text{font-size: 16px; line-height: 24px; height: 48px; color: #717171; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; margin-top: 5px;}
.index_choose .chooseSwiper{margin-top: 30px; position: relative; overflow: hidden;}
.index_choose .chooseSwiper .swiper-wrapper{align-items: flex-end;}
.index_choose .chooseSwiper .swiper-slide{overflow: hidden; box-sizing: border-box; padding-left: 30px;}
.index_choose .chooseSwiper .swiper-slide img{width: 100%; transition: all 0.5s;}
.index_choose .chooseSwiper .swiper-slide-active{padding-left: 0;}
.index_choose .chooseSwiper .swiper-slide:hover img{transform: scale(1.1);}
.index_choose .chooseSwiper .swiper-button{width: 100px; height: 40px; margin-top: 20px; position: relative; left: 0;}
.index_choose .chooseSwiper .swiper-button-prev,
.index_choose .chooseSwiper .swiper-button-next{width: 40px; height: 40px; margin-top: -20px; opacity: 1; cursor: pointer;}
.index_choose .chooseSwiper .swiper-button-prev{left: 0; background: url("../images/arrow_left.png");}
.index_choose .chooseSwiper .swiper-button-next{right: 0; background: url("../images/arrow_right.png");}
.index_choose .chooseSwiper .swiper-button-prev:hover{background: url("../images/arrow_left_hover.png");}
.index_choose .chooseSwiper .swiper-button-next:hover{background: url("../images/arrow_right_hover.png");}

.index_core{padding: 50px 0 30px; background: #f6f6f6;}
.index_core .coreSwiper{margin-top: 30px; padding-bottom: 50px; position: relative; overflow: hidden;}
.index_core .coreSwiper .picture{border-radius: 10px; overflow: hidden;}
.index_core .coreSwiper .picture img{width: 100%; transition: all 0.5s;}
.index_core .coreSwiper .swiper-slide:hover .picture img{transform: scale(1.1);}
.index_core .coreSwiper .title{text-align: center; line-height: 46px; height: 46px; margin-top: 10px;}
.index_core .coreSwiper .title a{font-size: 20px; color: #009ca3; transition: all 0.5s;}
.index_core .coreSwiper .swiper-slide:hover .title a{font-size: 24px;}
.index_core .coreSwiper .text{font-size: 16px; line-height: 24px; color: #5e5e5e; margin-top: 10px;}
.index_core .swiper-pagination{bottom: 0;}
.index_core .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 8px !important; border-radius: 5px; cursor: pointer; opacity: 1; transition: all 0.5s;}
.index_core .swiper-pagination .swiper-pagination-bullet-active{background: #1ac0c7;}

.index_aboutus{padding: 50px 0 60px;}
.index_aboutus .com_title{text-align: center;}
.index_aboutus .picture{width: 50%; float: left; margin-top: 30px;}
.index_aboutus .picture img{width: 100%;}
.index_aboutus .aboutSwiper{position: relative; overflow: hidden;}
.index_aboutus .aboutcore{width: 45%; float: right; margin-top: 30px;}
.index_aboutus .aboutcore .list{}
.index_aboutus .aboutcore .list::after{content: ''; display: table; clear: both;}
.index_aboutus .aboutcore .list .icon{width: 60px; line-height: 88px; float: left;}
.index_aboutus .aboutcore .list .icon img{height: 36px;}
.index_aboutus .aboutcore .list .title{width: 23%; float: left; font-size: 16px; line-height: 88px; color: #474747;}
.index_aboutus .aboutcore .list .number{width: calc(77% - 60px); float: left; font-size: 54px; line-height: 88px; color: #009ca3; font-weight: bold;}

.index_philosophy{padding: 50px 0;}
.index_philosophy .philosophySwiper{margin-top: 30px; padding-bottom: 50px; position: relative; overflow: hidden;}
.index_philosophy .philosophySwiper .swiper-slide{height: auto; background: #f6f6f6; text-align: center; box-sizing: border-box; padding: 50px 6%; cursor: pointer; transition: all 0.5s;}
.index_philosophy .philosophySwiper .swiper-slide:hover{background: #009ca3;}
.index_philosophy .philosophySwiper .swiper-slide .icon{height: 140px; overflow: hidden; position: absolute; right: 0; bottom: 0;}
.index_philosophy .philosophySwiper .swiper-slide .icon img{transition: all 0.5s;}
.index_philosophy .philosophySwiper .swiper-slide:hover .icon img{margin-top: -140px;}
.index_philosophy .philosophySwiper .swiper-slide .title{font-size: 37px; font-family: 'Poppins Bold'; color: #009ca3; transition: all 0.5s; position: relative;}
.index_philosophy .philosophySwiper .swiper-slide:hover .title{color: #fff;}
.index_philosophy .philosophySwiper .swiper-slide .text{font-size: 18px; line-height: 26px; font-family: 'Poppins Light'; color: #7e7e7e; transition: all 0.5s; position: relative;}
.index_philosophy .philosophySwiper .swiper-slide:hover .text{color: #fff;}
.index_philosophy .philosophySwiper .swiper-pagination{bottom: 0;}
.index_philosophy .philosophySwiper .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 5px !important; border-radius: 5px; background: #8b8b8b; cursor: pointer; opacity: 1; transition: all 0.5s;}
.index_philosophy .philosophySwiper .swiper-pagination .swiper-pagination-bullet-active{background: #009ca3;}

@media (max-width:960px) {
	.index_technology{padding: 30px 0 10px;}
	.index_technology .technologyBox{margin-top: 20px; padding: 0;}
	.index_technology .technologySwiper{padding: 0;}
	.index_technology .technologySwiper .list .content{padding: 10px 10px 15px;}
	.index_technology .technologySwiper .list .content .title{height: 22px; line-height: 22px;}
	.index_technology .technologySwiper .list .content .title a{font-size: 14px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.index_technology .technologySwiper .list:hover .content .title a{font-size: 14px;}
	.index_technology .technologySwiper .list .content .text{font-size: 12px; line-height: 20px; margin-top: 10px;}
	.index_technology .technologySwiper .list .content .button{margin-top: 10px;}
	.index_technology .technologySwiper .list .content .button a{width: 16px; background: url("../images/button.png") center no-repeat; background-size: 100%;}
	.index_technology .technologySwiper .swiper-button-prev,
	.index_technology .technologySwiper .swiper-button-next{display: none;}
	
	
	.index_choose{padding: 20px 0;}
	.index_choose .choose_title{border-bottom: solid #eaeaea 1px; padding: 0 10px 18px; position: relative;}
	.index_choose .choose_title h2{font-size: 24px;}
	.index_choose .choose_title p{font-size: 14px; line-height: 20px;}
	.index_choose .choose_title a{display: none;}
	
	.index_choose .choose_content{margin: 20px 10px 0;}
	.index_choose .choose_content .num{width: 73px; height: 60px; float: left; font-size: 40px; padding-bottom: 6px;}
	.index_choose .choose_content .num::after{width: 44px; height: 4px; content: ''; background: #c1e8ea; position: absolute; left: 0; bottom: 0;}
	.index_choose .choose_content .content{width: calc(100% - 80px); float: left; margin-top: 15px;}
	.index_choose .choose_content .content .title{font-size: 22px; font-family: 'Poppins Bold'; line-height: 24px; color: #009ca3;}
	.index_choose .choose_content .content .text{font-size: 16px; line-height: 24px; color: #717171; margin-top: 5px;}
	
	.index_choose .chooseSwiper{margin: 16px 10px 0;}
	.index_choose .chooseSwiper .swiper-slide{padding-left: 0;}
	.index_choose .chooseSwiper .swiper-button{width: 100%; margin-top: 16px;}
	.index_choose .chooseSwiper .swiper-button-prev{left: 35%;}
	.index_choose .chooseSwiper .swiper-button-next{right: 35%;}
	
	.index_core{padding: 30px 10px 10px;}
	.index_core .coreSwiper{margin-top: 20px; padding-bottom: 36px;}
	.index_core .coreSwiper .picture{border-radius: 0; overflow: hidden;}
	.index_core .coreSwiper .title{margin-top: 10px; text-align: left; font-size: 14px; height: 60px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
	.index_core .coreSwiper .title a{font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
	.index_core .coreSwiper .text{font-size: 12px; line-height: 20px; text-align: left; margin-top: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
	.index_core .swiper-pagination{bottom: 0;}
	.index_core .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 8px !important; border-radius: 5px; background: #1ac0c7; cursor: pointer; opacity: 1; transition: all 0.5s;}
	.index_core .swiper-pagination .swiper-pagination-bullet-active{background: #1b1b1b;}
	
	.index_aboutus{padding: 30px 10px;}
	.index_aboutus .picture{width: 100%; margin-top: 20px;}
	.index_aboutus .aboutcore{width: 100%; margin-top: 20px;}
	.index_aboutus .aboutcore .list .icon{width: 60px; text-align: center; line-height: 60px;}
	.index_aboutus .aboutcore .list .icon img{height: 36px;}
	.index_aboutus .aboutcore .list .title{width: 45%; font-size: 16px; line-height: 60px;}
	.index_aboutus .aboutcore .list .number{width: calc(55% - 60px); font-size: 36px; line-height: 60px;}
	
	.index_philosophy{padding: 30px 0;}
	.index_philosophy .philosophySwiper{margin-top: 20px; padding-bottom: 30px;}
	.index_philosophy .philosophySwiper .swiper-slide{height: auto; padding: 30px 20px; cursor: pointer; transition: all 0.5s;}
	.index_philosophy .philosophySwiper .swiper-slide .icon{height: 80px; overflow: hidden; position: absolute; right: 0; bottom: 0;}
	.index_philosophy .philosophySwiper .swiper-slide .icon img{transition: all 0.5s; height: 160px;}
	.index_philosophy .philosophySwiper .swiper-slide:hover .icon img{margin-top: -80px;}
	.index_philosophy .philosophySwiper .swiper-slide .title{font-size: 24px;}
	.index_philosophy .philosophySwiper .swiper-slide .text{font-size: 16px; line-height: 26px;}
}