.page_focus .con{height: 65vh;}
.page_focus .bg{height: 65vh;}
.page_focus .con .box{display: none;}
.service_one .box .title{display: flex;flex-direction: column;align-items: center;}
.service_one .box .title p{text-align: center;}
.service_one .box .title img{max-width: 800px;}
@media(max-width:768px){
.page_focus .con{height: 100%;}
.page_focus .bg{display: none;}
.page_focus .img{aspect-ratio: 1}
.page_focus .con .box{width: 60%;}
.page_focus .con .box b {line-height: 36px;}
.page_focus .con .box p {float: left;width: 70%;line-height: 20px;font-size: 13px;color: #fff;text-transform: uppercase;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;}
}

/*service_fours*/
.service_fours{float: left;width: 100%;padding: 80px 0 ;background-attachment: fixed;background: url('/static/2025.10/3bg.png') no-repeat center;background-size: cover;}
.service_fours .box{width: 100%;;float: left;position:relative;}
.service_fours .box .title{float: left;position:relative;margin-bottom: 50px;display: flex;z-index: 2;position: relative;flex-direction: column;text-align: center;width: 100%;}
.service_fours .box .title b{width: 100%;float: left;line-height: 48px;font-size: 32px;font-weight: bold;color: #fff;}
.service_fours .box .title span{width: 100%;float: left;line-height: 60px;font-size: 20px;opacity: 0.5;}
.service_fours .box .content{width: 100%;float: left;position:relative;display:grid;gap: 30px;transition: all 0.3s ease;grid-template-columns: 1fr 1fr 1fr 1fr;margin-bottom: 30px;}
.service_fours .box .content .item{display: inline-block;margin-top: 0px;transition:0.5s;background:#fff;border-radius:20px;padding: 50px 40px;flex: 1;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;position: relative;overflow: hidden;flex-direction: column;color: #000;text-align: center;box-shadow: 0 5px 7px rgba(0,0,0,0.05);}
.service_fours .box .content .item:hover{background: var(--colorone)}
.service_fours .box .content .item:hover svg{transform: scale(1.2);}
.service_fours .box .content .item:hover b,
.service_fours .box .content .item:hover p{color: #fff;}
.service_fours .box .content .item b{line-height: 200%;font-size: 20px;font-weight: bold;margin-top: 15px;color: var(--colorone);}
.service_fours .box .content .item p{line-height: 200%;font-size:13px;color: var(--colorone);}
.service_fours .box .content .item svg{fill: #000;height: 50px;transition:0.5s;position: relative;width: 50px;}
.service_fours .box .content .active{background: var(--colorone);color: #fff;}
.service_fours .box .content .active svg{fill: #fff;}
.service_fours .box .content .active b{color: #fff;}
.service_fours .box .content .active p{color: #fff;}
.service_fours .box em{width: 100%;float: left;line-height: 44px;text-align: center;margin: 30px 0 0;transition:1s;}
.service_fours .box em a{display: inline-block;height: 44px;border-radius: 44px;background: var(--colorone);color: #fff;padding: 0 40px;line-height: 44px;font-size: 16px;transition:0.3s;}
.service_fours .box em a:hover{padding: 0 60px}
@media (max-width: 1200px) {
.service_fours{padding: 50px 15px;}
.service_fours .box .title{margin-bottom: 35px;}
.service_fours .box .title b{line-height: 30px;font-size: 24px;}
.service_fours .box .title span{line-height:24px;font-size: 15px;margin-top: 20px;padding: 0 5%;}
.service_fours .box .content{width: 100%;float: left;position:relative;display:flex;gap: 10px;transition: all 0.3s ease;flex-direction: column;}
.service_fours .box .content .item{display:grid;margin-top: 0px;transition:0.5s;border-radius:10px;padding: 20px 30px;grid-template-columns: 70px 1fr;text-align: left;}
.service_fours .box .content .item:hover{box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.service_fours .box .content .item svg{height: 50px;transition:0.5s;position: relative;grid-row: 1/3;}
.service_fours .box .content .item b{font-size: 17px;margin-top: 0px;line-height: 200%}
.service_fours .box .content .item p{font-size:14px;line-height: 180%;}
.service_fours .box em{width: 100%;float: left;line-height: 44px;text-align: center;margin: 10px 0 0;transition:1s;opacity: 1;}
.service_fours .box em a{display: inline-block;height: 44px;border-radius: 44px;padding: 0 60px;line-height: 44px;font-size: 15px;}
}

/*service_six*/
.service_six{float: left;width: 100%;padding: 80px 0 ;}
.service_six .box{width: 100%;;float: left;position:relative;}
.service_six .box .title{float: left;position:relative;margin-bottom: 50px;display: flex;z-index: 2;position: relative;flex-direction: column;text-align: center;width: 100%;}
.service_six .box .title b{width: 100%;float: left;line-height: 48px;font-size: 32px;font-weight: bold;}
.service_six .box .title span{width: 100%;float: left;line-height: 60px;font-size: 20px;opacity: 0.5;}
.service_six .box .content{width: 100%;float: left;position:relative;display:grid;gap: 30px;transition: all 0.3s ease;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;margin-bottom: 30px;}
.service_six .box .content .item{display: inline-block;margin-top: 0px;transition:0.5s;background:#fff;border-radius:200px;flex: 1;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;position: relative;overflow: hidden;flex-direction: column;color: #000;text-align: center;box-shadow: 0 5px 7px rgba(0,0,0,0.05);aspect-ratio: 1;border: 10px solid #eee;}
.service_six .box .content .item:hover{background: var(--colorone);border:1px solid var(--colorone);}
.service_six .box .content .item:hover b{color: #fff;}
.service_six .box .content .item b{line-height: 200%;font-size: 20px;font-weight: bold;color:var(--colorone)}
.service_six .box .content .item p{line-height: 200%;font-size:13px;}
.service_six .box .content .active{background: var(--colorone);color: #fff;}
.service_six .box .content .active b{color: #fff;}
.service_six .box em{width: 100%;float: left;line-height: 44px;text-align: center;margin: 30px 0 0;transition:1s;}
.service_six .box em a{display: inline-block;height: 44px;border-radius: 44px;background: var(--colorone);color: #fff;padding: 0 40px;line-height: 44px;font-size: 16px;transition:0.3s;}
.service_six .box em a:hover{padding: 0 60px}
@media (max-width: 1200px) {
.service_six{padding: 50px 15px;}
.service_six .box .title{margin-bottom: 35px;}
.service_six .box .title b{line-height: 30px;font-size: 20px;}
.service_six .box .title span{line-height:24px;font-size: 15px;margin-top: 20px;padding: 0 5%;}
.service_six .box .content{width: 100%;float: left;position:relative;display:gird;gap: 10px;transition: all 0.3s ease;grid-template-columns: 1fr 1fr 1fr;}
.service_six .box .content .item{border-width: 7px;}
.service_six .box .content .item:hover{box-shadow: 0 10px 10px rgba(0,0,0,0.05);border-width: 7px;}
.service_six .box .content .item b{font-size: 17px;margin-top: 0px;line-height: 200%}
.service_six .box .content .item p{font-size:14px;line-height: 180%;}
.service_six .box em{width: 100%;float: left;line-height: 44px;text-align: center;margin: 10px 0 0;transition:1s;opacity: 1;}
.service_six .box em a{display: inline-block;height: 44px;border-radius: 44px;padding: 0 60px;line-height: 44px;font-size: 15px;}
}

/*service_ts*/
.service_ts{float: left;width: 100%;padding: 80px 0 20px;background: #F9FAFB;}
.service_ts .box{width: 100%;;float: left;position:relative;}
.service_ts .box .title{float: left;position:relative;margin-bottom: 50px;display: flex;z-index: 2;position: relative;flex-direction: column;text-align: center;width: 100%;}
.service_ts .box .title b{width: 100%;float: left;line-height: 48px;font-size: 32px;font-weight: bold;}
.service_ts .box .content{width: 100%;float: left;position:relative;display:grid;gap: 0px;transition: all 0.3s ease;grid-template-columns: 1fr 1fr;margin-bottom: 60px;background: #fff;align-items: center;direction: ltr;}
.service_ts .box .content:nth-child(2n+1){direction: rtl;}
.service_ts .box .content:nth-child(2n+1) .text{direction: ltr;}
.service_ts .box .content .swipers{width: 100%;overflow: hidden;background: #E1E9F6;border: 1px solid #b4cce8;padding: 15px;}
.service_ts .box .content .swipers .ded{width: 100%;float: left;position:relative;overflow: hidden;padding-bottom: 30px;}
.service_ts .box .content .swipers .ded .swiper-slide{text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;border-radius: 10px;;}
.service_ts .box .content .swipers .ded .swiper-slide img{width: 100%;aspect-ratio: 3/2;border-radius: 10px;overflow: hidden;}
.service_ts .box .content .swipers .ded .swiper-button-next, 
.service_ts .box .content .swipers .ded .swiper-button-prev{border: 1px solid #000;width: 40px;height: 40px;border-radius: 100%;display: inline-block;background-size: 12px;color: red;display: none;}
.service_ts .box .content .swipers .ded .swiper-button-prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.service_ts .box .content .swipers .ded .swiper-button-prev:hover{border: 1px solid var(--colorone);background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23006AE3'%2F%3E%3C%2Fsvg%3E");}
.service_ts .box .content .swipers .ded .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.service_ts .box .content .swipers .ded .swiper-button-next:hover{border: 1px solid var(--colorone);background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23006AE3'%2F%3E%3C%2Fsvg%3E");}
.service_ts .box .content .swipers .ded .swiper-pagination-bullet-active.swiper-pagination-bullet-active{background: var(--colorone)}
.service_ts .box .content .swipers .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom: -5px;}
.service_ts .box .content .text{display: flex;flex-direction: column;gap: 20px;align-items: flex-start;padding:20px 60px;}
.service_ts .box .content .text b{border: 1px solid #eee;line-height: 26px;padding: 0 10px;font-size: 12px;color: #666;display: inline-block;border-radius: 30px;}
.service_ts .box .content .text h4{display: flex;flex-direction: column;color: var(--colorone);font-weight: bold;line-height: 30px;}
.service_ts .box .content .text h4 i{font-style: normal;}
.service_ts .box .content .text p{line-height: 24px;color: #666;}
@media (max-width: 1200px) {
.service_ts{padding: 50px 15px 0;}
.service_ts .box .title{margin-bottom:35px;}
.service_ts .box .title b{line-height: 30px;font-size: 24px;}
.service_ts .box .title span{line-height:24px;font-size: 15px;margin-top: 20px;padding: 0 5%;}
.service_ts .box .content{grid-template-columns: 1fr;gap: 0px;}
.service_ts .box .content .text{padding: 20px;}

}
