.img_warp{position: relative;overflow: hidden;}
.img_warp img{position: absolute;width: 100%;height: 100%;object-fit: cover;transition: all .3s;left: 0;top: 0;}
.slider_banner{position: relative;overflow: hidden;}
.slider_banner .swiper_warp{position: absolute;bottom: 5%;left: 50%;transform: translateX(-50%); z-index: 3;display: flex;justify-content: space-between;align-items: center;}
.slider_banner .banner-pagination{position: relative;bottom:0;padding: 0 15%;white-space: nowrap;}
.slider_banner .swiper-pagination-current{font-weight: bold;color: #2A375E;font-size: 22px;}
.slider_banner .banner-prev{min-width: 45px;height: 22px;position: relative;background: url(../image/banner_r.webp) no-repeat center/cover;margin:0;left: auto;right: auto;}
.slider_banner .banner-next{min-width: 45px;height: 22px;position: relative;background: url(../image/banner_l.webp) no-repeat center/cover;margin:0;left: auto;right: auto;}
.class_list{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 2%;margin-top: 4%;}
.class_list .class_item{border-radius: 45px;overflow: hidden;position: relative;}
.class_list .class_item .img_warp{padding-bottom: 88%;}
.class_list .class_item .img_warp::after{content: ' ';width: 100%;bottom: 0;left: 0;height: 86px;background: url(../image/bl.webp) no-repeat left 0;display: block;position: absolute;}
.class_list .class_item:nth-child(2) .img_warp::after{background: url(../image/bl.webp) no-repeat right 0;}
.class_list .info{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.class_list .info .title{font-size: 63px;color: #fff;text-align: center;line-height: 1.4;max-width: 5.5em;}
.class_list .info .link{border-radius: 22.5px 5px 22.5px 5px;color: #fff;border: 1px solid #fff;padding: 1% 5%;font-size: 22px;text-align: center;transition: all .3s;margin-top: 5%;}
.class_list .info .link:hover{background-color: #2A375E;color: #fff;border-color: #2A375E;}
.index_product{margin-top: 4%;}
.index_product>.title{width: fit-content;;text-align: center;color: #2A375E;font-size: 50px;display: block;}
.index_product .tabs{margin: 0 auto;text-align: center;display: flex;justify-content: center;align-items: center;margin: 2% 0 3%;}
.index_product .tab{border-radius: 22.5px 5px 22.5px 5px;border: 1px solid #2A375E;padding: .5% 2%;font-size: 22px;color: #2A375E;transition: all .3s;margin: 0 10px;cursor: pointer;}
.index_product .tab:hover{background-color: #2A375E;color: #fff;border-color: #2A375E;}
.index_product .tab.active{background-color: #2A375E;color: #fff;border-color: #2A375E;}
.index_product .content-wrap{margin-left: 15%;width: 85%;overflow: hidden;position: relative;}
.index_product .alert{position: absolute;z-index: 2;border-radius: 50%;background-color: #2A375E;width: 100px;height: 100px;display: flex;justify-content: center;align-items: center;color: #fff;right: 11%;top: 30%;display: none;}
.index_product .tab-content{display: none;}
.index_product .img_warp{padding-bottom: 100%;}
/* .index_product .img_warp .hover{opacity: 0;} */
.index_product .img_warp::after{content: ' ';width: 100%;height: 59px;background: url(../image/product_bl.webp) no-repeat left;display: block;position: absolute;bottom: -1px;left: 0;}
.index_product .info{padding: 5% 2%;border-bottom: 1px solid #79829A;}
.index_product .info .top{display: flex;justify-content: space-between;align-items: start;}
.index_product .info .title{font-size: 20px;color: #222E4A;min-height: 4.5em;}
.index_product .info .link{border-radius: 22.5px 5px 22.5px 5px;font-size: 18px;color: #fff;border: 1px solid #2A375E;background-color: #2A375E;padding: 5px 65px 5px 25px;position: relative;}
.index_product .info .link::after{content: ' ';display: block;width: 41px;height: 10px;background: url(../image/button_r.webp) no-repeat center/cover;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.index_product .info .link:hover{background-color: #fff;color: #2A375E;}
.index_product .info .link:hover::after{background-image: url(../image/button_r_h.png);}
.index_product .img_warp:hover img{opacity: 0;}
.index_product .img_warp:hover .hover{opacity: 1;}
.index_product .info .bottom{display: none;}
.index_product .bottom span{display: inline-block;width: 6px;height: 6px;border-radius: 50%;background-color: rgba(42, 55, 94, .3);margin: 0 2px;}
.index_product .bottom span:nth-child(1){background-color: rgba(42, 55, 94, 1);}
.index_video{margin-top: 4%;position: relative;}
.index_video .img_warp{padding-bottom: 48%;border-radius: 150px;}

.index_video .img_warp video,
.index_video .img_warp iframe{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.index_video .play_button{position: absolute;left: 13%;top: 40%;width:90px;height: 90px;background: url(../image/play.png) no-repeat center/cover;}
.index_video .img_warp::after{content: ' ';display: block;padding-bottom: 4%;background: url(../image/video_bl.webp) no-repeat center top/100% 180px;position: absolute;bottom: -1px;z-index: 2;width: 100%;}
.index_video .num_list{position: relative;z-index: 3;display: flex;justify-content: start;align-items: start;flex-wrap: wrap;border-radius: 30px;overflow: hidden;}
.index_video .num_item{width: 25%;padding: 4% 1%;position: relative;transition: all .3s;}
.index_video .num_item .desc{color: #222E4A;font-size: 16px;font-weight: 600;transition: all .3s;}
.index_video .num_item .num{font-size: 82px;font-weight: 600;color: #2A375E;transition: all .3s;}
.index_video .num_item .num span{font-size: 18px;}
.index_video .num_item .text{font-size: 16px;color: #333;transition: all .3s;}
.index_video .num_item::after{content: ' ';display: block;position: absolute;right: 4%;top: 4%;width: 73px;height: 73px;opacity: 0;}
.index_video .num_item:nth-child(1)::after{background: url(../image/num1.png) no-repeat center/cover;}
.index_video .num_item:nth-child(2)::after{background: url(../image/num2.png) no-repeat center/cover;}
.index_video .num_item:nth-child(3)::after{background: url(../image/num3.png) no-repeat center/cover;}
.index_video .num_item:nth-child(4)::after{background: url(../image/num4.png) no-repeat center/cover;}
.index_video .num_item.active{background-color: #2A375E;color: #fff;}
.index_video .num_item.active::after{opacity: 1;}
.index_video .num_item.active .desc,.index_video .num_item.active .num,.index_video .num_item.active .text{color: #fff;}
.index_video .num_item:hover{background-color: #2A375E;color: #fff;}
.index_video .num_item:hover .desc,
.index_video .num_item:hover .num,
.index_video .num_item:hover .text{color: #fff;}
.index_about{margin-top: 4%;display: flex;justify-content: space-between;align-items: start;flex-wrap: wrap;overflow: hidden;}
.index_about .left{width: 48%;position: relative;}
.index_about .left .img_warp{padding-bottom: 81%;}
.index_about .left .img_warp:hover img{transform: scale(1.1);}
.index_about .right_info{width: 48%;position: relative;}
.index_about .cloud{position: absolute;right: -5%;top: 5%;}
.index_about .right_info{padding-top: 10%;position: relative;}
.index_about .right_info::before{content: ' ';display: block;width: 700px;height: 100px;background: url(../image/About.webp) no-repeat center/cover;position: absolute;top: 8%;}
.index_about .right_info .title{font-size: 54px;color: #2a375e;line-height: 1;}
.index_about .right_info .title:hover{color: #2329c5;}
.index_about .right_info .desc{max-width: 600px;padding-bottom: 5%;}
.index_about .right_info .desc p{color: #333;font-size: 16px;margin: 4% 0;}
.index_about .right_info .link{font-size: 16px;color: #fff;background-color: #2A375E;border-radius: 22.5px 5px 22.5px 5px;padding: 1.5% 5%;border: 1px solid #2A375E;}
.index_about .right_info .link:hover{background-color: #fff;color: #2A375E;}
.index_certificate{margin-top: 4%;position: relative;padding-bottom: 40%;}
.index_certificate .title_warp{display: flex;justify-content: space-between;align-items: start;flex-wrap: wrap;padding: 5% 0 2%;position: relative;z-index: 2;}
.index_certificate .title{font-size: 54px;color: #2a375e;margin-bottom: 30px;}
.index_certificate .desc{font-size: 16px;color: #666;}
.index_certificate .link{border-radius: 23px 5px 23px 5px;background-color: #2A375E;border: 1px solid #2A375E;color: #fff;font-size: 16px;padding: 1% 4%;transition: all .3s;margin-top: 2%;}
.index_certificate .link:hover{background-color: transparent;color: #2A375E;}
.index_certificate .left{max-width: 50%;min-width: 600px;}
.index_certificate .link{width: fit-content;}
.index_certificate .img_warp{padding-bottom: 55%;position: absolute;top: 0;width:100%}
.index_news{margin-top: 4%;}
.index_news .title_warp{text-align: center;}
.index_news .title_warp .title{font-size: 50px;color: #2A375E;}
.index_news .desc{font-size: 16px;color: #A2A6B4;text-align: center;margin-bottom: 5%;max-width: 600px;margin:0 auto}
.index_news .new_warp{margin-top: 2%;display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px;}
.index_news .img_warp{padding-bottom: 64%;border-radius: 50px;}
.index_news .new_item:hover img{transform: scale(1.1);}
.index_news .info .time{font-size: 16px;color: #666;padding: 4% 4% 0;}
.index_news .info .title{font-size: 20px;color: #333;margin: 2% 0;display: block;line-height: 1.4;padding: 0 4%;font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;min-height: 4.4em;}
.index_news .info .desc{font-size: 16px;color: #666;text-align: left;padding: 0 4%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;}
.index_news .info .link{margin-top: 5%;display: block;padding: 4% 4%;border-top: 1px solid #D2D2D2;position: relative;}
.index_news .info .link::after{content: ' ';display: block;width: 19px;height: 19px;background: url(../image/right.webp) no-repeat center/cover;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.index_news .info:hover .title{text-decoration: underline;}
.index_news .info:hover .link::after{background-image: url(../image/right_a.webp);}
.slider_banner-phone {display: none;}
.pc{display: block;}
.phone{display: none;}
@media only screen and (max-width: 950px) {
	.pc{display: none;}
	.phone{display: block;}
	.slider_banner{display: none;}
	.slider_banner-phone{display: block;}
	.web_main{background: #fff;}
	.index_product>.title{font-size: 38px;}
	.swiper-button-next,
	.swiper-button-prev{display: none;}
	.swiper-pagination{display: none;}
	.class_list{grid-template-columns:repeat(1, 1fr)}
	.class_list .info .title{font-size: 40px;}
	.index_product .content-wrap{width: 100%;margin-left: 0;}
	.index_product .tab{font-size: 18px;}
	.index_video .num_item{width: 50%;}
	.index_video .num_list{margin-top: 0;}
	.index_video .num_item .num{font-size: 50px;}
	.index_video .play_button{top: 20%;width: 45px;height: 45px;}
	.index_about{flex-direction: column;}
	.index_about .left{width: 100%;}
	.index_about .right_info{width: 100%;padding: 0 5%;margin-top: 5%;}
	/* .index_certificate .title_warp{padding: 0 5%;} */
	.index_certificate .title{font-size: 40px;}
	.index_certificate .img_warp{position: relative;margin-top: 5%;}
	.index_certificate{padding-bottom: 0;}
	.index_news .new_warp{grid-template-columns: repeat(1,1fr);}
	.index_news .info .desc{display: none;}
	.index_certificate .left{min-width: auto;width: 100%;max-width: none;}
	.index_about .right_info::before{display: none;}
	.index_about .cloud{right: 0;}
}
@media only screen and (max-width: 950px) {
	.index_video .play_button{top: 14%;width: 45px;height: 45px;}
.index_video .num_item{width: 100%;display: flex;flex-direction: column;align-items: center;}
}