.web_head{margin-top: 20px;}

.index_class{margin-top: 5%;}
.index_class .layout>.title{font-size: 45px;color: #71D8D5;text-align: center;display: block;}
.index_class .list{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 20px;margin-top: 3%;}
.index_class .item .info{position: relative;padding: 26px 10px 10px;border: 1px solid #C1C1C1;border-radius: 0 0 15px 15px;}
.index_class .item .padding{content: ' ';width: 100%;height: 16px;position: absolute;background-color: #71D8D5;top: 0;left: 0;}
.index_class .item .title{font-family: 'R_B';font-size: 20px;min-height: 3em;}
.index_class .item .desc{font-family: 'R_R';font-size: 16px;color: #666;margin: 10px 0 15px;min-height: 4.5em;}
.index_class .item .link{color: #fff;background-color: #71D8D5;border-radius: 30px;padding: 5px 20px;border: 1px solid transparent;display: inline-block;margin-bottom: 15px;}
.index_class .item .link:hover{border-color: #71D8D5;background-color: #fff;color: #71D8D5;}

.index_product {margin-top: 5%;}
.index_product .layout{max-width: 1600px;}
.index_product .title_warp .title{font-size: 45px;color: #71D8D5;text-align: center;display: block;font-size: clamp(30px, 5vw, 45px);color: #333;}
.index_product .title_warp .desc{font-size: 16px;color: #666;text-align: center;max-width: 66%;margin: 0 auto;}
.index_product .warp{margin-top: 2%;position: relative;}
.index_product .swiper{ position: relative;overflow: hidden;}
.index_product .swiper-slide{padding: 2%;background-color: #f5f5f5;border-radius: 14px;}
.index_product .swiper-slide .link{color: #333;font-size: 16px;border-bottom: 1px solid #999;padding-bottom: 19px;display: block;}
.index_product .swiper-slide .img_warp{margin-top: 19px;}
.index_product .swiper-slide:hover{background-color: #71D8D5;}
.index_product .swiper-slide:hover img{transform: scale(1.1);}
.index_product .button-next{width: 48px;height: 48px;border-radius: 50%;background-color: #71D8D5;background-image: none;display: flex;justify-content: center;align-items: center;position: absolute;right: -5%;top: 50%;cursor: pointer;;transform: translateY(-50%);}
.index_product .button-prev{width: 48px;height: 48px;border-radius: 50%;background-color: #71D8D5;background-image: none;display: flex;justify-content: center;align-items: center;position: absolute;left: -5%; top: 50%;cursor: pointer;;}
.index_product .button-next::after{content: ' ';display: block;width: 33px;height: 33px;background: url(../images/right.webp) no-repeat center/cover;}
.index_product .button-prev::after{content: ' ';display: block;width: 33px;height: 33px;background: url(../images/left.webp) no-repeat center/cover;}

.index_about{margin-top: 2%;}
.index_about .top{display: flex;justify-content: space-between;align-items: center;}
.index_about .top .img_warp{width: 49%;padding-bottom: 31%;}
.index_about .top .info{width: 48%;position: relative;}
.index_about .top .info::after{content: ' ';display: block;width: 95%;padding-bottom: 10%;background: url(../images/ABOUT_US.webp) no-repeat center/cover;right: 0;top: 0;position: absolute;z-index: -1;}
.index_about .top .smtitle{font-size: 20px;color: #71D8D5;border-bottom: 1px solid #71D8D5;padding-bottom: 2px;width: fit-content;}
.index_about .top .title{font-size: clamp(30px, 5vw, 45px);color: #333;margin: 10px 0;}
.index_about .top .desc{color: #666;line-height: 2;}
.index_about .top .link{margin-top: 15px;width: fit-content;display: block;color: #fff;background-color: #71D8D5;padding: 2% 5%;border-radius: 100px;display: flex;justify-content: start;align-items: center;}
.index_about .top .link::after{content: ' ';display: inline-block;width: 21px;height: 21px;border-radius: 50%;background:#fff url(../images/r.webp) no-repeat center/10px;margin-left: 10px;}
.index_about .list{display: grid;grid-template-columns: repeat(4,1fr);margin-top: 3%;}
.index_about .item{display: flex;justify-content: start;align-items: center;}
.index_about .item .img_warp{width: 62px;background-color: #71D8D5;padding-bottom: 62px;border-radius: 5px;height: 0;}
.index_about .item .img_warp img{width: 80%;height: 80%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index_about .item .info{margin-left: 20px;color: #333;}
.index_about .item .info .title{font-size: 16px;}
.index_about .item .info .number{font-size: 40px;display: flex;line-height: 1.4;}


.index_customization{background-color: #FBFBFB;margin-top: 3%;padding-top: 3%;}
.index_customization .title_warp .title{font-size: 45px;color: #71D8D5;text-align: center;display: block;font-size: clamp(30px, 5vw, 45px);color: #333;}
.index_customization .title_warp .desc{font-size: 16px;color: #666;text-align: center;max-width: 66%;margin: 0 auto;}
.index_customization .content{display: flex;justify-content: center;align-items: center;margin-top: 4%;}
.index_customization .content>.left{width: 33%;}
.index_customization .content>.center{width: 33%;}
.index_customization .content>.right{width: 33%;}
.index_customization .left .item{display: flex;justify-content: flex-end;align-items: center;text-align: right;}
.index_customization .right .item{display: flex;justify-content: start;align-items: center;text-align: left;flex-direction: row-reverse;}
.index_customization .item .img_warp{width: 76px;height: 76px;padding-bottom: 0;flex-shrink: 0;}
.index_customization .left .img_warp{margin-left: 20px;}
.index_customization .right .img_warp{margin-right: 20px;}
.index_customization .center{background: url(../images/tx.webp) no-repeat center 5%/90%;text-align: center;}
.index_customization .content .title{font-family: 'R_B';font-size: 20px;}
.index_customization .content .desc{color: #999;}
.index_customization .content .item{margin-bottom: 12%;}


.index_news{margin-top: 3%;padding-top: 3%;}
.index_news .title_warp .title{font-size: 45px;color: #71D8D5;text-align: center;display: block;font-size: clamp(30px, 5vw, 45px);color: #333;}
.index_news .title_warp .desc{font-size: 16px;color: #666;text-align: center;margin: 0 auto;}
.index_news .new_list{margin-top: 3%;position: relative;overflow: hidden;padding-bottom: 5%;}
.index_news .img_warp{padding-bottom: 58%;}
.index_news .new_list .info{margin-top: 5%;}
.index_news .new_list .title{font-family: 'R_M';font-size: 20px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;min-height: 3em;}
.index_news .new_list .desc{font-family: 'R_R';font-size: 16px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;min-height: 3em;margin: 2% 0 4%;}
.index_news .new_list .time{color: #999;}
.index_news .swiper-pagination{display: flex;justify-content: center;align-items: center;}
.index_news .swiper-pagination-bullet{width: 20px;height: 20px;border: 1px solid transparent;background-color: #fff;display: flex;justify-content: center;align-items: center;opacity: 1;margin: 0 10px;}
.index_news .swiper-pagination-bullet::after{content: ' ';width: 8px;height: 8px;border-radius: 50%;background-color: #71D8D5;display: block;}
.index_news .swiper-pagination-bullet-active{border-color: #71D8D5;}

.index_form {margin-top: 3%;background: url(../images/form.webp) no-repeat center/cover;padding: 3% 0 6%;}
.index_form .layout{display: flex;justify-content: flex-end;align-items: center;}
.index_form .form{padding: 3%;background-color: rgba(255,255,255,0.8);border-radius: 18px;width: 43%;}
.index_form .form .title{font-size: 24px;color: #333;}
.index_form .form .desc{font-size: 16px;color: #666;}
.index_form .ch_form{margin-top: 3%;}
.index_form ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.index_form li{width: 49%;margin-bottom: 20px;position: relative;}
.index_form li::before{content: '*';position: absolute;color: red;left: 6px;top: 9px;}
.index_form li.item_message{width: 100%;}
.index_form li input{width: 100%;border: 1px solid #71D8D5;background-color: transparent;padding: 8px 15px;}
.index_form li textarea{width: 100%;border: 1px solid #71D8D5;background-color: transparent;padding: 8px 15px;}
.index_form li.item_submit{width: 100%;border-radius: 19px;background-color: #71D8D5;overflow: hidden;position: relative;}
.index_form li .submit_btn{color: #fff;}
.index_form li .submit_btn::before{}
.index_form li.item_submit::before{content: '';display: inline-block;width: 30px;height: 30px;background: url(../images/button_icon.webp) no-repeat center/cover;position: absolute;top: 50%;left: 65%;transform: translate(-50%,-50%);}


@media only screen and (max-width: 1660px) {
}
@media only screen and (max-width: 950px) {
	.index_class .list{grid-template-columns: repeat(1,1fr);}
	.index_product .warp{padding-bottom: 80px;}
	.index_product .swiper-slide{padding: 30px;}
	.index_product .button-next{bottom: 0;top: auto;left: calc(50% + 50px);transform: translateY(0);}
	.index_product .button-prev{bottom: 0;top: auto;left: calc(50% - 50px);transform: translateY(0);}
	.index_about{margin-top: 30px;}
	.index_about .top{flex-direction: column;}
	.index_about .top .img_warp{width: 100%;padding-bottom: 62%;}
	.index_about .top .info{width: 100%;margin-top: 15px;}
	.index_about .list{grid-template-columns: repeat(1,1fr);margin-top: 5%;}
	.index_about .item{margin-bottom: 5%;}
	.index_customization .title_warp .desc{max-width: 100%;}
	.index_customization .content{flex-direction: column;}
	.index_customization .content>.center{width: 100%;order: 0;}
	.index_customization .content>.left{width: 100%;order: 1;}
	.index_customization .content>.right{width: 100%;order: 2;}
	.index_customization .left .item{justify-content: flex-start;text-align: left;flex-direction: row-reverse;}
	.index_customization .left .img_warp{margin-left: 0;margin-right: 20px;}
	.index_customization .content .item{margin-bottom: 8%;}
	.index_form .form{width: 100%;padding: 15px;}
	
.mobile-head-item.mobile-head-nav .title:before {width: 100%;float: left;height: 100%;background: url(../images/phone_nav.webp) no-repeat center/ 100% auto;}
.mobile-head-item.mobile-head-language .title:before {width: 30px;float: left;background: url(../images/phone_lan.webp) no-repeat left center/ 100% auto;}
.mobile-head-item.mobile-head-search .title:before {background: url(../images/phone_search.webp) no-repeat center/ 100% auto;}
	
}
@media only screen and (max-width: 414px) {
	.index_form li{width: 100%;}
}