.class_swiper{margin-top: 25px;}
.class_swiper .img_warp{padding-bottom: 100%;}
.class_swiper .img_warp img{transform: scale(1);}
.class_swiper .img_warp::after{transition: all .5s;content: ' ';width: 100%;height: 100%;position: absolute;display: inline-block;background-color: rgba(0,0,0,.4);}
.class_swiper .hover_warp{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 5;color: #fff;font-size: 26px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-transform: uppercase;width: 0;height: 0;overflow: hidden;transition: all .5s;}
.class_swiper .hover_warp img{position: relative;}
.class_swiper .hover_warp a{color: #fff;margin-top: 10px;}
.class_swiper .swiper-slide:hover .hover_warp{width: auto;height: auto;}
.class_swiper .swiper-slide:hover .img_warp::after{background-color: rgba(0,0,0,.1);}
.class_swiper .swiper-slide .info{background-color: #F7F5F3;padding: 10px 15px 20px;color: #666666;font-size: 16px;}
.class_swiper .swiper-slide .info .button{font-size: 18px;color: #fff;background-color: #143331;border-radius: 5px;padding: 5px 20px;margin-top: 10px;display: inline-block;}
.class_swiper .swiper-slide .info .title{min-height: 3em;display: block;}

.hot_product{background: url(../image/product_bg.webp) no-repeat center/auto 100%;margin-top: 3%;padding: 3% 0 3% 15%;}
.hot_product .top{display: flex;justify-content: space-between;align-items: center;width: 85%;}
.hot_product .top .title{font-size: 60px;color: #fff;font-weight: bold;}
.hot_product .top .more_link{font-size: 18px;color: #fff;padding: 5px 20px;border-radius: 20px;border: 1px solid #fff;transition: all .5s;}
.hot_product .top .more_link:hover{color:var(--conmmonColor);background-color: #fff;}
.hot_product .product_warp{margin-top: 3%;position: relative;padding-bottom: 5%;}
.hot_product .product_warp .img_warp{padding-bottom: 80%;}
.hot_product .product_warp .info{padding: 10px 0 ;}
.hot_product .product_warp .info a{color: #fff;display: block;}
.hot_product .product_warp .info .title{font-size: 20px;font-weight: bold;}
.hot_product .product_warp .info .title:hover{text-decoration: underline;}
.hot_product .swiper-pagination{bottom: 0;left: 0;text-align: left;}
.hot_product .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;background-color: #fff;margin:0 9px }
.hot_product .swiper-pagination .swiper-pagination-bullet-active{width: 8px;height: 8px;position: relative;}
.hot_product .swiper-pagination .swiper-pagination-bullet-active::after{content: ' ';width: 14px;height: 14px;border: 2px solid #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;}

.explore{margin-top: 3%;}
.explore .title_warp{text-align: center;}
.explore .title_warp .smtitle{font-size: 18px;color: #143331;line-height: 26px;}
.explore .title_warp .title{font-size: 60px;color: #143331;font-weight: bold;}
.explore .title_warp .desc{max-width: 350px;color: #999;margin: 0 auto;}
.explore .warp{display: flex;justify-content: start;margin-top: 3%;}
.explore .warp .item{width: calc(25%);border-right: 1px solid rgba(255,255,255,.6);position: relative;overflow: hidden;}
.explore .warp .item .img_warp{padding-bottom: 137%;}

.explore .warp .item:last-child{border-right: 0;}
.explore .warp .item::before{content: ' ';width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;background-color: rgba(20, 51, 49, .8);transition: all .5s;transform: translateX(-100%);z-index: 2;}
.explore .warp .item .info{position: absolute;left: 5%;bottom: -5%;color: #fff;z-index: 2;width: 85%;overflow: hidden;transition: all .5s;}
.explore .warp .item .info .num{font-size: 40px;font-weight: bold;}
.explore .warp .item .info .title{font-size: 20px;font-weight: bold;text-transform: uppercase;margin: 5% 0;}
.explore .warp .item .info .desc{font-size: 16px;margin: 5% 0 8%;}
.explore .warp .item .info .link{font-size: 18px;color: #143331;background-color: #fff;border-radius: 5px;padding: 5px 30px;border: 2px solid #fff;transition: all .5s;display: inline-block;transform: translateY(200%);}
.explore .warp .item .info .link:hover{background-color: transparent;color: #fff;}

.explore .warp .item:hover::before{transform: translateX(0);}
.explore .warp .item:hover .info{bottom: 5%;}
.explore .warp .item:hover .info .link{transform: translateY(0);}


.home_about{margin-top: 5%;}
.home_about .layout{display: flex;justify-content: space-between;align-items: center;}
.home_about .layout .left{width: 55%;}
.home_about .layout .left .smtitle{font-size: 30px;color: #143331;}
.home_about .layout .left .title{font-size: 60px;color: #143331;font-weight: bold;text-transform: uppercase;line-height: 1.4;}
.home_about .layout .left .desc{font-size: 18px;color: #143331;margin: 3% 0;}
.home_about .layout .left .desc p{line-height: 1.5;padding: 5px 0;margin: 5px 0;}
.home_about .layout .left .link{margin-top: 20px;font-size: 18px;color: #fff;display: inline-block;background-color: #143331;padding: 5px 30px;text-transform: capitalize;border-radius: 5px;border:2px solid #143331;transition: all .5s;}
.home_about .layout .left .link:hover{background-color: #fff;color: #143331;}
.home_about .layout .right{position: relative;width: 39%;flex-shrink: 0;padding: 6% 0;}
.home_about .layout .right .left_img{padding-bottom: 83%;width: 59%;overflow: initial;}
.home_about .layout .right .left_img img{transform: scale(1) !important;}
.home_about .layout .right .right_img{position: absolute;padding-bottom: 83%;width: 59%;right: 0;bottom: 0;}
.home_about .layout .right .right_img .play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 45px;height: auto;z-index: 5;display: block;}
.home_about .layout .year{background: url(../image/about_bg.webp) no-repeat center/100% auto;width: 192px;height: 74px;position: absolute;left: -27px;bottom: 0;display: flex;justify-content: start;align-items: center;color: #fff;padding: 17px 10px 0;}
.home_about .layout .year .num{font-size: 44px;position: relative;}
.home_about .layout .year .num::after{content: '+';font-size: 20px;vertical-align: 20px;}
.home_about .layout .year .text{margin-left: 10px;text-transform: uppercase;}

.home_choose{margin-top: 3%;}
.home_choose .title_warp .smtitle{font-size: 18px;color: #143331;font-weight: bold;border: 2px solid #143331;border-radius: 17px;display: block;margin: 0 auto;padding: 3px 30px;width: fit-content;}
.home_choose .title_warp .title{font-size: 60px;color: #143331;text-transform: uppercase;text-align: center;font-weight: bold;margin: 2% auto;max-width: 730px;display: block;line-height: 1;}
.home_choose .warp{display: flex;flex-direction: column;}
.home_choose .warp .item{display: flex;justify-content: start;position: relative;}
.home_choose .warp .item .num{position: absolute;left: 50%;transform: translateX(-50%);top: 3%;font-size: 150px;color: #143331;font-weight: bold;}
.home_choose .warp .img_warp{width: 50%;padding-bottom: 42%;}
.home_choose .warp .info{text-align: center;width: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #e4e4e4;padding: 0 10%;}
.home_choose .warp .info .title{font-size: 30px;color: #143331;max-width: 280px;margin: 2% auto;font-weight: bold;line-height: 1.2;}
.home_choose .warp .info .desc{font-size: 16px;color: #143331;}
.home_choose .num_list{display: flex;justify-content: space-around;align-items: center;margin-top: 5%;}
.home_choose .num_list .item{max-width: 190px;text-align: center;margin: 0 auto;}
.home_choose .num_list .num{position: relative;display: flex;justify-content: center;margin: 0 auto;}
.home_choose .num_list .numCX{font-size: 160px;font-weight: bold;line-height: .8;}
.home_choose .num_list .dy{position: absolute;right: 0;top: 44%;transform: translateY(-50%);background-color: #fff;color: #143331;font-size: 20px;line-height: 1.2;}
.home_choose .num_list .txt{color: #666;font-size: 18px;}

.home_service{margin-top: 3%;overflow: hidden;}
.home_service .title_warp{text-align: center;}
.home_service .title_warp .smtitle{font-size: 18px;color: #143331;font-weight: bold;}
.home_service .title_warp .title{font-size: 60px;color: #143331;font-weight: bold;line-height: 1.2;}
.home_service .title_warp .desc{max-width: 350px;margin: 0 auto;color: #999;font-size: 16px;}
.home_service .content .ring{position: relative;width: 40%;height: 0;padding-bottom: 40%;border-radius: 50%;border: 2px solid #143331;margin: 5% auto;}
.home_service .content .ring .img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80%;padding-bottom: 80%;border-radius: 50%;overflow: hidden;}
.home_service .content .ring .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.home_service .content .item .info{display: flex;justify-content: start;align-items: center;}
.home_service .content .item .num{margin: 0 20px;font-size: 30px;color: #fff;background-color: #143314;border-radius: 50%;display: flex;justify-content: center;align-items: center;display: inline-block;padding:5px 9px;font-weight: bold;}
.home_service .content .item .title{font-size: 20px;color: #000;font-weight: bold;margin-bottom: 5px;}
.home_service .content .item .desc{font-size: 16px;color: #999;width: 95%;float: left;min-height: 5em;}
.home_service .content .ring .item{display: flex;justify-content: start;align-items: center;position: absolute;width: 90%;max-width: 90%;}
.home_service .content .item .jt{flex-shrink: 0;}
.home_service .content .item .jt img:nth-child(2){display: none;}
.home_service .content .item:nth-child(2){left: 72%;top: -3%;}
.home_service .content .item:nth-child(3){left: 93.3%;top: 31%;}
.home_service .content .item:nth-child(4){left: 73%;top: 77%;}

.home_service .content .item:nth-child(5){right: 83.3%;top: 60%;flex-direction: row-reverse;}
.home_service .content .item:nth-child(5) .info{flex-direction: column;align-items: flex-end;margin-right: 26px;}
.home_service .content .item:nth-child(5) .t_warp{text-align: right;}
.home_service .content .item:nth-child(5) .num{margin: 0;}
.home_service .content .item:nth-child(5) .desc{float: right;}

.home_service .content .item:nth-child(6){right: 83.7%;top: 4%;flex-direction: row-reverse;}
.home_service .content .item:nth-child(6) .info{flex-direction: column;align-items: flex-end;margin-right: 26px;}
.home_service .content .item:nth-child(6) .t_warp{text-align: right;}
.home_service .content .item:nth-child(6) .num{margin: 0;}
.home_service .content .item:nth-child(6) .desc{float: right;}

@media screen and (max-width: 1200px) {
	.home_service .content .item:nth-child(2){left: 73%;top: -3%;}
	.home_service .content .item:nth-child(3){left: 92.3%;top: 31%;}
	.home_service .content .item:nth-child(4){left: 71%;top: 76%;}
	.home_service .content .item:nth-child(5){right: 82%;top: 59%;}
	.home_service .content .item:nth-child(6){right: 83.5%;top: 3%; }
}
@media screen and (max-width: 1100px) {
	.home_service .content .item:nth-child(4){left: 72%;top: 74%;}
	.home_service .content .item:nth-child(5){right: 80%;top: 59%;}
	.home_service .content .item:nth-child(6){right: 84.5%;top: 3%; }


}

.home_service .content .item:hover .num{background-color: #FF9A00;}
.home_service .content .item:hover .jt img:nth-child(1){display: none;}
.home_service .content .item:hover .jt img:nth-child(2){display: block;}

.home_news .title_warp .smtitle{font-size: 18px;color: #143331;font-weight: bold;border: 2px solid #143331;border-radius: 17px;display: block;margin: 0 auto;padding: 3px 30px;width: fit-content;}
.home_news .title_warp .title{font-size: 60px;color: #143331;text-transform: uppercase;text-align: center;font-weight: bold;margin: 2% auto;max-width: 730px;display: block;line-height: 1;}
.home_news .list{display: flex;justify-content: space-between;align-items: start;margin-top: 3%;}
.home_news .item{width: 31%;margin-right: 2.3%;position: relative;}
.home_news .item .img_warp{width: 100%;padding-bottom: 100%;}
.home_news .item::before{content: ' ';width: 100%;height: 100%;display: block;background-color: rgba(0,0,0,.1);position: absolute;}
.home_news .item .info{position: absolute;z-index: 2;left: 5%;bottom: 5%;color: #fff;max-width: 80%;}
.home_news .item .info .title{font-size: 18px;font-weight: bold;margin: 5px 0;color: #fff;}
.home_news .item .info .desc{color: rgba(255,255,255,.53);}

@media only screen and (max-width: 950px) {
	.container{overflow: hidden;}
	.class_swiper{position: relative;padding-bottom: 70px;}
	.class_swiper{width: 90%;margin: 5% auto 0;}
	.swiper-button{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);min-width: 150px;display: flex;justify-content: space-between;align-items: center;}
	.class_swiper .swiper-button-next,
	.class_swiper .swiper-button-prev{bottom: 0;top: 0;width: 60px;height: 60px;opacity: 1;display: block;position: relative;margin: 0;}
	.class_swiper .swiper-button-prev{background: url(../image/prev.webp) no-repeat center/cover;}
	.class_swiper .swiper-button-next{background: url(../image/next.webp) no-repeat center/cover;}

	.hot_product{background: url(../image/phone_product.webp) no-repeat center/cover;padding: 5% 5% 20% 5%;position: relative;}
	.hot_product .top .title{font-size: 30px;text-transform: uppercase;}
	.hot_product .product_warp{margin-top: 10%;}
	.hot_product .swiper-pagination{text-align: center;margin-top: 5%;}
	.hot_product .top .more_link{position: absolute;left: 50%;transform: translateX(-50%);bottom: 5%;background-color: #fff;color: var(--conmmonColor);}
	
	.explore{margin-top: 5%;}
	.explore .title_warp .title{font-size: 30px;}
	.explore .warp{position: relative;}
	.explore .warp .item{width: 100%;}
	.explore .warp .item .info{left: 50%;top: 50%;transform: translate(-50%,-50%);}
	.explore .warp .item .info .link{transform: translateY(0);}
	.explore .warp .swiper-pagination{position: absolute;left: 50%;bottom: 5%;transform: translateX(-50%);}
	.explore .swiper-pagination-clickable .swiper-pagination-bullet{width: 24px;height: 3px;background-color: rgba(255,255,255,.6);border-radius: 0;}
	.explore .swiper-pagination-clickable .swiper-pagination-bullet-active{background-color: #fff;}

	.home_about .layout{flex-direction: column;}
	.home_about .layout .left{width: 100%;}
	.home_about .layout .left .title{font-size: 30px;}
	.home_about .layout .right{width: 100%;margin: 15% 0 10%;padding: 0 20px 15% ;}
	.home_about .layout .year{width: 140px;height: 52px;padding: 16px 10px 0px;}
	.home_about .layout .year .num{font-size: 27px;}
	.home_about .layout .year .num::after{font-size: 12px;}
	.home_about .layout .year .text{font-size: 10px;}

	.home_choose .title_warp .title{font-size: 30px;margin: 5% 0;}
	.home_choose .warp .item{flex-direction: column;margin-bottom: 5%;}
	.home_choose .warp .img_warp{width: 100%;padding-bottom: 84%;}
	.home_choose .warp .item .num{font-size: 42px;top: 50%;left: 8%;}
	.home_choose .warp .info{width: 100%;padding: 15% 5%;}

	.home_choose .num_list{display: grid;grid-template-columns: repeat(2,1fr);gap: 40px 20px;}
	.home_choose .num_list .numCX{font-size: 100px;}
	.home_choose .num_list .dy{font-size: 12px;right: 23%;}
	.home_choose .num_list .txt{font-size: 16px;}

	.home_service{margin-top: 10%;}
	.home_service .title_warp .title{font-size: 30px;}
	.home_service .content .ring{width: 90%;padding-bottom: 90%;height: 0;background: url(../image/);}
	.home_service .content .ring .info{display: none;}
	.home_service .content .item .desc{min-height: auto;}
	.home_service .content .ring .item:nth-child(2){left: 64%;}
	.home_service .content .ring .item:nth-child(3){left: 91.9%;}
	.home_service .content .ring .item:nth-child(4){left: 82.9%;}
	.home_service .content .ring .item:nth-child(5){right: 6.7%;top: 68%;}
	.home_service .content .ring .item:nth-child(6){right: 10%;top: 11%;}
	.home_service .content .phoneShow .item{margin-bottom: 3%;}
	.home_service .content .phoneShow .item .info{flex-direction: revert;align-items: start;}
	.home_service .content .item:nth-child(5) .num{margin: 0 20px ;}
	.home_service .content .item:nth-child(5) .t_warp{text-align: left ;}
	.home_service .content .item:nth-child(5) .desc{float: none;}

	.home_news{margin-top: 10%;}
	.home_news .title_warp .title{font-size: 30px;}
	.home_news .list{flex-direction: column;}
	.home_news .item{width: 100%;margin-right: 0;margin-bottom: 5%;}
	.home_news .item .info .desc{display: none;}

	


}