.index_banner{width: 100%;height: 42vw;}
.index_banner .swiper-slide .wrapper{height: 100%;}
.index_banner .swiper-slide .txt{height: 100%;padding: 200px 0;display: flex;flex-direction: column;justify-content: center;}
.index_banner .swiper-slide .txt p{color: rgba(255, 255, 255, 0.8);width: 600px;}
.index_banner .swiper-slide .btns{gap: 10px 20px;display: flex;}
.index_banner .swiper-slide .btns a{padding: 12px 40px;background-color: var(--primary-color);border-radius: 50px;color: #fff;display: flex;align-items: center;transition: all .3s ease-out;}
.index_banner .swiper-slide .btns a img{height: 16px;margin-left: 5px;}
.index_banner .swiper-slide .btns a.gray{background-color: #f1f1f1;color: var(--primary-color);}
.index_banner .swiper-slide .btns a:hover{transform: translateY(-2px);}
.index_banner .swiper-slide .txt.white{color: #fff;}
.index_banner.swiper-horizontal>.swiper-pagination-bullets{bottom: 20px;}
.index_banner .swiper-pagination-bullet{width: 32px;height: 8px;opacity: 1;margin: 0 5px !important;background-color: #f1f1f1;border-radius: 20px;position: relative;overflow: hidden;}
.index_banner .swiper-pagination-bullet::after{content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background-color: var(--primary-color);opacity: 0;}
.index_banner .swiper-pagination-bullet-active{background: none;}
.index_banner .swiper-pagination-bullet-active::after{width: 100%;opacity: 1;transition: all 1s ease-out;}

.index_service{background-color: #f3f6fd;}
.index_service ul{display: flex;flex-wrap: wrap;gap: 25px;}
.index_service ul li{width: calc((100% - 50px) / 3);background-color: #fff;border-radius: 12px;padding: 15px;}
.index_service ul li .txt{padding: 20px 10px 30px;}
.index_service ul li .tags{display: flex;flex-wrap: wrap;gap: 10px 15px;margin: 15px 0 20px;}
.index_service ul li .tags span{padding: 2px 10px;font-size: 14px;color: var(--primary-color);background-color: #f3f4f6;border-radius: 50px;}
.index_service ul li .txt p{color: #595757;}
.index_service ul li:hover img{transform: scale(1.02)}

.index_counters ul{display: flex;flex-wrap: wrap;gap: 25px;}
.index_counters ul li{width: calc((100% - 50px) / 3);background-color: #fff;box-shadow: 0 0 40px 0 rgba(0, 0, 0, .05);padding: 50px;}
.index_counters ul li .num{font-size: 40px;color: #0D6EFD;}
.index_counters ul li h4{color: var(--primary-color);margin: 10px 0 15px;}
.index_counters ul li p{color: #595757;}

.swiper_partner .swiper{border-top: 1px solid #e2e2e2;padding: 0 10px;}
.swiper_partner .swiper-slide{height: 150px;display: flex;justify-content: center;align-items: center;background-color: #fff;box-shadow: 0 0 10px 0 rgba(40, 100, 189, 0.05);padding: 20px;border-radius: 12px;transition: all .3s ease-out;}
.swiper_partner .swiper-slide:hover{background-color: #e3eeff;}
.swiper_partner .swiper-slide:hover img{transform: scale(1.02);}

.index_partner .logo{height: 30px;}

.index_form form{width: 45%;background-color: #fff;box-shadow: 0 0 40px 0 rgba(0, 0, 0, .05);padding: 50px;border-radius: 12px;}
.index_form form .layui-input{background-color: #F3F6FD;border: none;height: 50px;border-radius: 6px;margin-top: 10px;}
.index_form form .submit{background: var(--primary-color);width: 100%;height: 50px;border-radius: 6px;color: #fff;text-align: center;font-size: inherit;}
.index_form .logo{width: 30%;}

.container{background: linear-gradient(180deg, #f3f6fd, #fff);}

.about_a{background-color: #F3F6FD;}
.about_a .desc h5{color: rgba(28, 28, 28, 0.8);line-height: 1.8;margin: 10px 0;}

.about_b ul{display: flex;flex-wrap: wrap;gap: 20px;}
.about_b ul li{width: calc((100% - 50px) / 3);background: url(../images/bg05.png) no-repeat center/100% 100%;padding: 50px 30px 100px;text-align: center;}
.about_b ul li img{margin: 0 auto;height: 40px;}
.about_b ul li h4{color: #0D6EFD;margin: 20px 0;}

.about_c{background: var(--primary-color) url(../images/bg04.png) no-repeat left bottom/contain;}
.about_c ul{display: flex;flex-wrap: wrap;gap: 20px;}
.about_c ul li{width: calc((100% - 50px) / 3);background: linear-gradient(264.6deg, #effdfd, #fff);box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05);border-radius: 8px;padding: 50px 30px 80px;}
.about_c ul li h3{color: #0D6EFD;transition: all .3s ease-out;}
.about_c ul li img{height: 55px;}
.about_c ul li:hover{background: linear-gradient(264.6deg, #fff, #ddfdfd);}
.about_c ul li:hover img{transform: scale(1.05)}

.service ul{display: flex;flex-wrap: wrap;align-items: flex-start;gap: 40px;}
.service ul li{width: calc(50% - 20px);background-color: #f1f5fe;border-radius: 12px;padding: 40px;cursor: pointer;}
.service ul li img{border-radius: 10px;}
.service ul li h3{margin: 20px 0 10px;display: flex;justify-content: space-between;align-items: center;}
.service ul li .en{text-transform: uppercase;color: var(--primary-color);}
.service ul li:hover img{transform: scale(1.02)}
.service ul li .desc{display: none;}
.service ul li .desc p{margin-top: 10px;color: #595757;line-height: 1.8;}
.service ul li .desc span{font-size: 18px;color: var(--primary-color);}
.service ul li .layui-icon{transition: all .3s ease-out;}
.service ul li.rotate .layui-icon{transform: rotate(180deg);}

.product .top p{font-size: 35px;color: #000;}

.main{background-color: #F4F6FD;padding: 40px;}
.main .pic{width: 48%;object-fit: cover;}
.main .rt{width: 48%;}
.main ul li{background: url(../images/icon02.png) no-repeat left 1px/25px;padding-left: 40px;margin-top: 20px;}
.main ul li p{color: #595757;margin-top: 5px;}

.wp_a{display: flex;flex-wrap: wrap;gap: 25px;}
.wp_a li{width: calc((100% - 50px) / 3);background-color: #fff;border-radius: 12px;padding: 40px;}
.wp_a li h3{display: flex;align-items: center;color: #0D6EFD;line-height: 1;}
.wp_a li .icon{height: 33px;margin-right: 10px;}
.wp_a li h4{color: var(--primary-color);margin-top: 15px;}

.wp_b{position: relative;}
.wp_b .txt{position: absolute;top: 30px;left: 50px;}

.wp_c{background: var(--primary-color) url(../images/bg04.png) no-repeat left bottom/contain;padding: 50px 20px;display: flex;flex-direction: column;align-items: center;color: #fff;border-radius: 10px;text-align: center;}
.wp_c h2{margin: 10px 0 15px;}
.wp_c p{color: rgba(255, 255, 255, 0.5);margin: 20px 0 30px;}
.wp_c .btn{background-color: #0D6EFD;padding: 10px 50px;border-radius: 6px;}

.join_list{background-color: #F4F6FD;padding: 40px;}
.join_list .lf{width: 30%;}
.join_list .rt{width: calc(70% - 50px);padding-left: 50px;border-left: 1px solid #e0e0e0;}
.join_list ul li{background-color: #fff;border-radius: 12px;padding: 40px;margin-bottom: 40px;}
.join_list ul li:last-child{margin-bottom: 0;}
.join_list ul li p{margin: 15px 0 30px;color: #666;}
.join_list ul li .date{background: url(../images/icon06.png) no-repeat left center/contain;padding-left: 30px;color: #9E9E9E;}

.contact .section{background-color: #F4F6FD;padding: 40px;}
.contact .section .pic{width: 48%;object-fit: cover;}
.contact .section .rt{width: 48%;}
.contact form{border-top: 1px solid #e0e0e0;padding: 20px 0 0;}
.contact form .item{width: 46%;}
.contact form p{color: var(--primary-color);}
.contact form input{width: 100%;height: 46px;border: 1px solid #e0e0e0;border-radius: 8px;}
.contact form textarea{width: 100%;height: 150px;border: 1px solid #e0e0e0;border-radius: 8px;padding: 10px;}
.contact form .submit{font-size: inherit;}
.contact .wp_map{background-color: #fff;border-radius: 12px 12px 0 0;}
.contact .wp_map .top{padding: 20px 0 0 20px;}
.contact .map{height: 500px;}
#allmap img{max-width: inherit;}
#allmap{width:100%;height:100%;}
#allmap p{margin-left:5px; font-size:14px;}
.contact .list li{width: calc(50% - 13px);background-color: #fff;box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .05);padding: 50px 10px;text-align: center;border-radius: 12px;}
.contact .list li .icon{width: 60px;height: 60px;background-color: rgba(42, 63, 107, 0.1);border-radius: 60px;padding: 10px;justify-content: center;align-items: center;display: inline-flex;}
.contact .list li h4{margin-top: 10px;}


@media screen and (max-width: 1440px){
	
}

@media screen and (max-width: 1366px){
	
}

@media screen and (max-width: 1270px){
	.product .top p{font-size: 20px;}
	.product .top p br{display: none;}
	
	.service ul li .desc span{font-size: 16px;}
	.pager-list li{padding: 0 2px;}
	.pager-list li> *{width: 30px;height: 30px;font-size: 1.2em;}

	.turn_page li span{font-size: 1.4em;}
}

@media screen and (max-width: 1024px){
	.index_banner{margin-top: 60px;height: auto;}
	.index_banner .swiper-slide{height: auto;}
	.index_banner .swiper-slide .txt{padding: 60px 0 80px;}
	.index_banner .swiper-slide .txt p{width: 100%;}

	.index_service ul li{width: 100%;}

	.index_counters ul li{width: 100%;padding: 20px;}
	.index_counters ul li .num{font-size: 24px;}

	.index_form form{width: 450px;max-width: 100%;padding: 20px;}
	.index_form .logo{display: none;}

	.btn{padding: 5px 15px;font-size: 15px;}
	.container,
	.about_a{margin-top: 60px;}

	.contact .section{padding: 0;background: none;}
	.contact .section .pic{width: 100%;margin-bottom: 30px;}
	.contact .section .rt{width: 100%;}
	.contact .map{height: 60vw;}

	.about_b ul li{width: 100%;}
	.about_c ul li{width: 100%;}
}

@media screen and (max-width: 768px){
	.main{padding: 20px;}
	.main .pic{width: 100%;margin-bottom: 30px;}
	.main .rt{width: 100%;}
	.join_list{padding: 20px;}
	.join_list .lf{width: 100%;margin-bottom: 30px;}
	.join_list .rt{width: 100%;border-left: 0;padding: 0;}
	.wp_a li{width: 100%;padding: 20px;}
	.wp_b{background: url(../images/bg03.jpg) no-repeat center/cover;padding: 20px 20px 100px;position: relative;z-index: 1;}
	.wp_b::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, .6);z-index: -1;}
	.wp_b img{display: none;}
	.wp_b .txt{position: static;}
	.service ul li{width: 100%;padding: 20px;}
}

@media screen and (max-width: 580px){
	.join_list ul li{padding: 20px;margin-bottom: 20px;}
	.contact .list li{width: 100%;margin-bottom: 20px;padding: 30px 10px;}
}

@media screen and (max-width: 414px){
	
}