.w1600 {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}
.w1800 {
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
}
.w1400 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 2px;
}
.swiper-pagination-bullet {
    position: relative;
    width: 40px;
	height: 8px;
	background-color: #cccccc;
	border-radius: 4px;
    vertical-align: middle;
    opacity: 1;
    margin: 0 5px !important;
}
.swiper-pagination-bullet-active {
	background-color: #224047;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}
.swiper-button-prev,
.swiper-button-next {
    width: 0.6rem;
	height: 0.6rem;
    line-height: 0.6rem;
    background-color: #ffffff;
	border: solid 1px #dedede;
    right: 0px;
    border-radius: 50%;
    color: #dedede;
    text-align: center;
    font-size: 16px;
    margin-top: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    transition: all 0.6s;
    background-image: none;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{
    cursor: no-drop !important;
    pointer-events: unset !important;
}
.swiper-button-prev {
    left: 0px;
    right: auto;
}
.swiper-button-prev::before{
    display: block;
    transform: rotate(180deg);
}
.section8 .swiper-button-prev,
.section8 .swiper-button-next{
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.section8 .swiper-button-prev{
    left: 20px;
}
.section8 .swiper-button-next{
    right: 20px;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
    color: #ffffff;
    background: #224047;
    border: 1px solid #224047;
}
.headfixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    z-index: 100;
    vertical-align: middle;
    background: #fff;
    box-shadow: 0px 12px 8px -12px rgb(236 236 236);
    clear: both;
    transition: all 0.5s;
}
.headfixed .headfixed-top {
    position: relative;
    padding: 10px 0;
    align-items: center;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.headfixed .headfixed-top-font {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #666666;
}
.headfixed .headfixed-top-font span {
    color: #333333;
}
.headfixed .headfixed-left {
    align-items: center;
}
.headfixed .logo {
    overflow: hidden;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.headfixed .headfixed-top-righttel {
    position: relative;
    width: 30px;
    height: 30px;
    border: solid 1px #17c32f;
    border-radius: 50%;
    margin-right: 15px;
}
.headfixed .icon-dianhua {
    font-size: 24px;
    color: #ffffff;
    font-weight: lighter;
    display: block;
    margin-right: 5px;
    animation: tel ease-out 1.3s infinite;
}
@keyframes tel {
    0% {
        transform: rotateZ(0)
    }
    20% {
        transform: rotateZ(20deg)
    }
    40% {
        transform: rotateZ(-20deg)
    }
    60% {
        transform: rotateZ(20deg)
    }
    80% {
        transform: rotateZ(-20deg)
    }
    100% {
        transform: rotateZ(0)
    }
}
.headfixed .headfixed_tip{
    padding: 10px 0;
    background: #224047;
    
}
.headfixed .headfixed_tip .w1800{
    position: relative;
}
.headfixed .headfixed_tip .ft{
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.headfixed .ft_close{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -25px;
    font-size: 14px;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: right;
    cursor: pointer;
}
.headfixed .headfixed_btn{
    position: relative;
    width: 160px;
    line-height: 60px;
    border-radius: 30px;
    background: #25b7b6;
    text-align: center;
    overflow: hidden;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    transition: all 0.6s;
}
.headfixed .headfixed-right {
    width: 68.5%;
    position: relative;
    align-items: center;
}
.headfixed .menu-list {
    position: relative;
    width: calc(100% - 160px);
    padding-right: 40px;
}
.headfixed .menu-list>ul {
    width: 100%;
    position: relative;
}
.headfixed .menu-list>ul>li {
    position: relative;
    vertical-align: top;
    /* width: 11.5%; */
}
.headfixed .menu-list>ul>li:hover .nav-two {
    display: block !important;
}
.menu-list>ul>li:hover .head-subnav {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    pointer-events: auto;
    opacity: 1;
}
.menu-list a {
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    font-size: 18px;
    line-height: 1.8;
    display: block;
    color: #222222;
    z-index: 3;
}
.menu-list a::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0%;
    height: 2px;
    background-color: #ffff;
    transition: all 0.8s;
}
.menu-list>ul>li:hover a {
    font-weight: bold;
}
.menu-list>ul>li .head-subnav {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    -o-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    min-width: 180px;
    background: rgba(255, 255, 255, 1);
    padding: 10px 0;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-top: 0;
    border: solid 1px #efefef;
}
.menu-list .head-subnav a {
    text-align: center;
    color: #333;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
    font-size: 16px;
    border-bottom: solid 1px #efefef;
}
.menu-list .head-subnav a:last-child {
    border-bottom: none;
}
.menu-list .head-subnav a:hover {
    color: #0093dd;
}
.menu-list .lang-box {
    top: 100%;
    width: 100%;
}
.menu-list .lang-box a {
    padding: 8px 0;
}
.headfixed .headBtn {
    font-size: 18px;
    color: #ffffff;
    background-color: #224047;
    border-radius: 6px;
    text-align: center;
    display: block;
    padding: 10px 30px;
    margin: 0px;
}
/* mainer */
.banner {
    position: relative;
    margin-top: 121px;
}
.banner .pcimg {
    display: block;
}
.banner .phoneimg {
    display: none;
}
.banner .banner img {
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.banner .swiper-button-next,
.banner .swiper-button-prev {
    display: none;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
    bottom: 30px;
}
.banner .swiper-fontlist {
    width: 100%;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.banner .swiper-pagination{
    display: none;
}
.banner .swiper-font {
    width: 60%;
}
.banner .swiper-font .swiper-h2 {
    position: relative;
    z-index: 2;
    font-size:42px;
    line-height: 1.25;
    color: #ffffff;
    letter-spacing: 1px;
  font-family: "HarmonyOS_Sans_SC_Bold";

}
.banner .swiper-font .swiper-h2 strong,
.banner .swiper-dec strong{
  font-family: "HarmonyOS_Sans_SC_Bold";
  font-weight: normal;
  color: #25b7b6;
}
.banner .swiper-dec {
    font-size: 22px;
    line-height: 1.3;
	color: #ffffff;
    letter-spacing: 1px;
    margin: 0.25rem 0;
    font-family: "HarmonyOS_Sans_SC";
}
.swiper-slide-dec p{
    /* font-size: 18px; */
    color: #fff;
    }
.banner .swiper-dec p{
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
}
.banner .swiper-dec p::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #25b7b6;
}
.banner .lgimg{
    position: absolute;
    z-index: 2;
    top: 15.5%;
    right: 21.2%;
}
.banner .wlfont .font{
    position: relative;
    font-size: 16px;
    color: #fff;
    width: 520px;
    background: #224047;
    border-radius: 40px;
    overflow: hidden;
    padding: 16px 0.3rem 16px 0.4rem;
}
.banner .wlfont .imgBox{
    position: relative;
    width: 1.2rem;
    height: 1.2rem;
    margin-left: -25px;
}
.banner .moreBox {
    text-align: left;
}
.moreBox {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.more {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
	font-size: 18px;
    color: #ffffff;
    position: relative;
    margin: 0 auto;
    background-color: #008b4b;
    overflow: hidden;
    cursor: pointer;
    width: 280px;
    text-align: center;
    padding: 13px;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;
}
.more::before,
.kf a.kf_btn::before {
    position: absolute;
    top: 0;
    left: -45px;
    width: 25px;
    height: 100%;
    background: #fff;
    content: "";
    opacity: .3;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}
.more:hover,
.morebg{
    background-color: #027941;
}
.more:hover::before,
.kf a.kf_btn:hover::before {
    left: calc(100% + 45px);
    width: 25px
}
.more1:hover {
    color: #ffff;
}
.more span {
    display: inline-block;
    vertical-align: -2px;
    position: relative;
}
.more em.icon_mouse {
    position: absolute;
    width: 22px;
    height: 22px;
    right: 10%;
    top: 52%;
    transform: translateY(-52%);
    position: absolute;
    background: url(../images/in-jticon.webp) no-repeat center;
    background-size: cover;
    animation: cursor 1.5s linear infinite;
}
.more1 em.icon-jiantou {
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    font-weight: lighter;
    margin-left: 5px;
}
@-webkit-keyframes cursor {
    from {
        transform: translate(0px, -40%);
    }
    to {
        transform: translate(-5px, -55%);
    }
}
@-o-keyframes cursor {
    from {
        transform: translate(0px, -40%);
    }
    to {
        transform: translate(-5px, -55%);
    }
}
@keyframes cursor {
    from {
        transform: translate(0px, -30%);
    }
    to {
        transform: translate(-5px, -45%);
    }
}
.more1 {
    border: 1px solid transparent;
    background: #ffffff;
    color: #0f4b94;
    border-radius: 99px;
    font-weight: bold;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #fff, #fff),
    linear-gradient(to top, #0143b3, #0074d1);
}
.banner .swiper-num {
    font-size: 18px;
    line-height: 30px;
    color: #687285;
    margin-top: 20px;
}
.banner .swiper-num span {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    background-color: #109adf;
    margin: 0 5px;
}
.posr {
    position: relative;
}
.in_tit {
    position: relative;
    text-align: center;
    z-index: 2;
}
.in_tit .entit {
    font-family: Arial-Black;
    font-size: 0.98rem;
    line-height: 1;
	color: #eff3fd;
    margin-bottom: -0.52rem;
}
.in_tit .tit {
    position: relative;
    z-index: 2;
	font-size: 36px;
    font-weight: bold;
    font-family: "HarmonyOS_Sans_SC_Bold";
    line-height: 1.4;
    color: #000;
}
.in_tit .dec {
    font-size: 24px;
	color: #008b4b;
    margin-top: 10px;
}
.in_tit .dec em {
    font-size: 0.32rem;
    background: url(../images/);
}
.in_tit .line {
    width: 59px;
	height: 2px;
	background-color: #0f4b94;
    margin: 0 auto;
    margin-top: 25px;
}
.in_tit1{
    text-align: left;
}
.in_tit1 .line{
    margin: 0px;
    margin-top: 25px;
}
.section1{
    position: relative;
    overflow: hidden; 
}
.section1 .tabBox{
    padding: 0 0.6rem;
    margin-top: 15px;
    margin-bottom: 10px;
}
.section1 .tli{
    font-size: 16px;
	color: #666666;
    margin-right: 0.43rem;
    cursor: pointer;
    transition: all 0.6s;
}
.section1 .tli.active{
    color: #224047;
}
.section1 .tli:last-child{
    margin-right: 0px;
}
.section1 .swiper-slide{
    flex-wrap: wrap;
}
.section1 .sli{
    position: relative;
    width: 23.72%;
    margin-right: 1.7%;
    margin-top: 1.7%;
    background-color: #ffffff;
    overflow: hidden;
	border-radius: 5px;
    transition: all 0.6s;
}
.section1 .sli:nth-child(4n){
    margin-right: 0px;
}
.section1 .imgBox{
    width: 100%;
    overflow: hidden;
}
.section1 .font .tit{
    font-family: HarmonyOS_Sans_SC_Bold;
	font-size: 18px;
    line-height: 1.3;
	color: #222222;
}
.section1 .hide .font .tit{
    color: #224047;
}
.section1 .show .font .tit{
    color: #fff;
}
.section1 .font .dec1,
.section1 .font .dec2,
.section1 .hide .font .dec1{
	font-size: 16px;
	color: #fff;
}
.section1 .font .dec1{
    margin-top: 5px;
}
.section1 .font .dec2,
.section1 .hide .font .dec1{
    color: #999999;
}
.section1 .font .dec2{
    margin: 6px 0 12px 0;
}
.section1 .show{
    position: relative;
    width: 100%;
    height: 100%;
    transition: all 0.6s;
}
.section1 .show .font{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 26px;
    z-index: 3;
}
.section1 .sli::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.12);
    z-index: 1;
    display: none;
}
/* .section1 .hide .font{
    padding: 0 6px;
} */
.section1 .hide{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    padding: 0.2rem;
	background-color: #ffffff;
    transform: translateY(50%);
    opacity: 0;
    pointer-events: none;
    z-index: 3;
    transition: all 0.6s;
}
.section1 .sli:hover{
	box-shadow: 5px 9px 30px 0px 
		rgba(0, 140, 214, 0.3);
}
.section1 .sli:hover .hide{
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
.section1 .sli a.shangqiaoBtn{
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0 5px;
    font-size: 16px;
    line-height: 42px;
	color: #fff;
    overflow: hidden;
    background-color: #224047;
	border-radius: 21px;
    display: block;
    transition: all 0.6s;
}
.section1 .sli a.shangqiaoBtn::before,
.headfixed .headfixed_btn::before,
.formBox .sub:before,
.rtBox .mobtn::before,
#hzly2::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    transition: all 0.5s;
    /* background-color: rgba(18,96,230, 0.4); */
    background: #224047;
}
.headfixed .headfixed_btn:hover::before,
.formBox .sub:hover:before,
.rtBox .mobtn:hover::before,
#hzly2:hover::before{
	width: 100%;
}
.formBox .sub:hover:before,
.rtBox .mobtn:hover::before,
#hzly2:hover::before{
    background-color: #224047;
}
.section1 .sli a.shangqiaoBtn span,
.headfixed .headfixed_btn span,
#hzly2 span{
    position: relative;
    z-index: 3;
}
.section1 .sli a.shangqiaoBtn:hover{
    color: #fff;
}
.section1 .sli a.shangqiaoBtn:hover::before,
.headfixed .headfixed_btn:hover::before{
    width: 100%;
}
.section1 .swiper-container{
    padding-bottom: 52px;
    margin-bottom: 70px;
    padding-left: 25px;
    padding-right: 25px;
}
.section1 .w1400{
    position: relative;
    max-width: 1450px;
}
.section1 .rtips{
    position: absolute;
    right: 25px;
    bottom: 1.55rem;
    font-size: 16px;
	color: #979694;
}
.btipsBox{
    width: 630px;
    align-items: center;
    margin: 0 auto;
}
.btipsBox .imgBox{
    position: relative;
    z-index: 3;
	width: 1.2rem;
	height: 1.2rem;
    overflow: hidden;
    border-radius: 50%;
    margin-left: -33px;
}
.btipsBox .imgBox img,
.banner .wlfont .imgBox img{
    position: relative;
    z-index: 3;
}
.btipsBox .imgBox::before,
.rtBox .rtimg::before,
.banner .wlfont .imgBox::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: dashed 1px rgba(239,239,239, 0.4);
    width: 1rem;
	height: 1rem;
    z-index: 2;
    border-radius: 50%;
    animation: rotaterotate 25s infinite linear;
}
.rtBox .rtimg::before{
    width: 90px;
	height: 90px; 
}
.btipsBox .imgBox::after,
.rtBox .rtimg::after,
.banner .wlfont .imgBox::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 1.2rem;
	height: 1.2rem;
    border-radius: 50%;
    /* background-color: #0695e0; */
    background: #25b7b6;
    z-index: 1;
    animation: rotaterotate1 25s infinite linear;
}
.btipsBox1 .imgBox::after{
    display: none;
}
@keyframes rotaterotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotaterotate1 {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}
.btipsBox .font{
    position: relative;
    flex: 1;
	background-color: #224047;
	border-radius: 40px;
    overflow: hidden;
    font-size: 16px;
	color: #ffffff;
    padding: 16px 50px 16px 35px;
    display: block;
}
.btipsBox .font p,
.banner .wlfont .font p{
    position: relative;
    z-index: 2;
}
.btipsBox .font::before,
.banner .wlfont .font::before,
.section4 .font2::before{
    content: "";
    position: absolute;
    left: 0%;
    top: 0%;
    width: 0%;
    height: 100%;
    transition: all 0.5s;
    background-color: rgba(18, 96, 230, 0.4);
}
.btipsBox1 .font::before{
    background-color: rgba(224,121,3, 1);
}
.btipsBox .font:hover::before,
.banner .wlfont .font:hover::before,
.section4 .font2:hover::before{
    width: 100%;
}
.section2{
    position: relative;
    overflow: hidden;
}
.section2 .btipsBox{
    width: 495px;
    margin-top: 0.75rem;
    margin-left: 1.53rem;
}
.section2 .w1400{
    background: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 20px;
    padding-left: 53px;
    padding-right: 53px;
    box-sizing: content-box;
}
.section2 .btipsBox .imgBox{
    margin-left: 0px !important;
    margin-right: -33px;
}
.section2 .btipsBox .font{
    padding: 16px 35px 16px 50px;
}
.section2 .ul.flexlf{
    margin-bottom: 30px;
} 
.section2 .smoBox{
    display: none;
}
.section2 .swiper-container,
.section2 .ul{
    margin-top: 25px;
}
.section2 .li{
    width: 46.25%;
    height: auto;
    margin-right: 7.5%;
}
.section2 .li:nth-child(2n){
    margin-right: 0px;
    margin-top: 1.1rem;
}
.section2 .sli{
    position: relative;
    width: 100%;
    margin-top: 9%;
    overflow: hidden;
}
.section2 .sli:nth-child(1){
    margin-top: 0px;
}
.section2 .swiper-slide .num,
.section2 .sli .num{
    position: relative;
    z-index: 5;
    width: 90px;
	height: 90px;
    line-height: 90px;
    border-radius: 50%;
    overflow: hidden;
    font-family: HarmonyOS_Sans_SC_Bold;
	font-size: 24px;
	color: #acaba9;
    text-align: center;
	background-color: #ffffff;
    margin-bottom: -0.4rem;
    margin-left: 0.2rem;
    border: 1px solid #cde7f5;
}
.section2 .sli:hover .num{
    border-color: #25b7b6;
}
.section2 .swiper-slide .tit,
.section2 .sli .tit{
    font-family: HarmonyOS_Sans_SC_Bold;
	font-size: 24px;
	color: #222222;
    margin-top: 30px;
    transition: all 0.6s;
}
.section2 .swiper-slide .dec,
.section2 .sli .dec{
    font-size: 16px;
	color: #666666;
    transition: all 0.6s;
}
.section2 .swiper-slide .line,
.section2 .sli .line{
    position: relative;
    width: 88%;
    height: 2px;
    transition: all 0.6s;
    background-color: #ececec;
    margin: 20px 0px 25px 0px;
}
.section2 .swiper-slide .line::before,
.section2 .sli .line::before{
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
	height: 4px;
	background-color: #25b7b6;
    transition: all 0.6s;
}
.section2 .swiper-slide:hover .line::before,
.section2 .sli:hover .line::before{
    width: 80px;
}
.section2 .sli:hover .num{
    background: #25b7b6;
    color: #fff;
}
.section2 .sli .imgBox,
.section2 .sli .imgBox img{
    transition: all 1s;
    border-radius: 5px;
}
.section2 .sli:hover .imgBox{
    border-radius: 300px;
    transition: all 1s;
}
.section2 .sli .tit,
.section2 .sli .dec{
    padding-right: 40px;
}
.section3 .ul{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 660px;
    margin-top: 45px;
}
.section3 .li{
    position: relative;
    height: 100%;
    width: 17.4%;
    text-align: center;
    cursor: pointer;
    transition: all .6s;
    background: rgba(20,143,250, 0.2);
}
.section3 .li.active{
    width: 30.4%;
}
.section3 .li:nth-child(2n){
    background: rgba(20,143,250, 0.3);
}
.section3 .iconBox{
    position: relative;
    overflow: hidden;
    width: 80px;
    height: 60px;
    margin: 0 auto;
}
.section3 .li .tit{
    font-size: 0.36rem;
	color: #ffffff;
}
.section3 .li .dec{
    font-size: 16px;
	color: #ffffff;
    margin-top: 10px;
}
.section3 .li .num{
	font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 0.72rem;
	line-height: 1;
    color: transparent;
    font-weight: bold;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
}
.section3 .show,
.section3 .stxt{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.section3 .show{
    transition: all 0.5s;
}
.section3 .hide{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .6s;
    opacity: 0;
}
.section3 .show .tit{
    margin: 1.2rem 0 1.3rem 0;
}
.section3 .li.active .hide{
    opacity: 1;
}
.section3 .li.active .show{
        display: none;
        opacity: 0;
}
.section3 .hide .font{
    position: absolute;
    width: 100%;
    height: 43%;
    bottom: 0;
    left: 0;
    background-color: #224047;
}
.section3 .stxt{
    width: 5.785rem;
    padding: 0.2rem 0.7rem;
}
.section3 .imgBox,
.section3 .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s;
}
.zsection3{
    position: relative;
    overflow: hidden;
}

.zsection3 .swiper-pagination{
    display: none;
}
.zsection3 .btnBox{
    position: relative;
    /* width: 7.4rem; */
    max-width: 740px;
    /* height: 0.6rem; */
    margin: 0 auto;
    margin-top: 58px;
}
.zsection3 .swiper-scrollbar{
    width: 78%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 4px;
    background: #dedede !important;
	border-radius: 2px;
    opacity: 1 !important;
}
.zsection3 .swiper-scrollbar-drag {
    background-color: #25b7b6;
}








.section11{
	position: relative;
}
.section11 .in_tit{
	margin-bottom: 0.5rem;
}
.section11 .in_tit .tit{
    color: #fff;
    text-align: left;
}
.section11 .rul{
    position: relative;
    width: 100%;
    z-index: 1;
    align-items: flex-start;
    flex-wrap: wrap;
}
.section11 .rli {
    width: 49.6%;
    margin-right: 0.7%;
    margin-top: 0.7%;
    position: relative;
    cursor: pointer;
    padding: 25px 20px 25px 30px;
    background-color: #ffffff;
	border-radius: 5px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
  }
  .section11 .rli:nth-child(2n){
    margin-right: 0px;
  }
  .section11 .rli.active .titBox .tit{
	/* color: #224047; */
    color: #25b7b6;
  }
  .section11 .titBox .tit {
	font-family: HarmonyOS_Sans_SC_Bold;
	font-size: 18px;
	color: #000000;
            flex: 1;
    padding-right: 10px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
  }
  .section11 .titBox .icon_jt {
    position: relative;
    width: 30px;
	height: 30px;
    text-align: center;
       /* background: url(../images/zicon1.webp) #FFFFFF no-repeat center; */
    border-radius: 50%;
  }
  .section11 .titBox .icon_jt::before{
      display: none;
  }
  .section11 .rli.active .icon_jt{
    /* background: url(../images/zicon1.webp) #fff no-repeat center; */
  }
  .section11 .decBox {
    position: absolute;
    z-index: 5;
    top: 83%;
    left: 0%;
    width: 100%;
    display: none;
    background-color: #ffffff;
	border-radius: 5px;
    padding-top: 0px !important;
    padding: 30px;
    box-shadow: 0px 12px 8px -12px rgb(236 236 236);
  }
  .section11 .rli:first-child .decBox {
    display: block;
    }
  .section11 .decBox .titBox {
    padding: 0px;
    background: transparent;
    border: none;
  }
  .section11 .decBox .titBox .tit {
    text-overflow: inherit;
    white-space: break-spaces;
  }
  .section11 .decBox .dec {
  	padding-right: 0.15rem;
    	font-size: 16px;
	color: #666666;
    margin-bottom: 10px;
}
.section11 .decBox .dec span{
    color: #224047;
}
.section11 .decBox .dimg img{
    display: inline-block;
    margin: 0px;
    margin-right: 10px;
    border-radius: 5px;
    overflow: hidden;
}
.section11 .decBox .dimg img:last-child{
    margin-right: 0px;
}
 .section12{
 	position: relative;
 	overflow: hidden;
    background-color: #25b7b6;
	box-shadow: 5px 9px 35px 0px 
		rgba(139, 139, 139, 0.08);
	/* border-radius: 20px; */
	/* border: solid 2px #d2eeef; */
 }
.section12 .left{
	position: relative;
	flex: 1;
	padding-right: 1.45rem;
}
.section12 .left:before{
	content: "";
	position: absolute;
	right: 1.05rem;
	bottom: 0.6rem;
	width: 3.7rem;
	height: 0.9rem;
	background: url(../images/img20.webp) no-repeat center;
	background-size: 100%;
}
.section12 .right{
	position: relative;
	width: 45.5%;
        background-color: #fff;
    padding: 30px;
    border-radius: 20px;
}
.section12 .ltit{
	font-family: HarmonyOS_Sans_SC_Bold;
	font-size: 30px;
	line-height: 1.26;
	color: #ffffff;
	margin-bottom: 18px;
}
.section12 .ldec{
		font-size: 18px;
	line-height: 1.67;
	color: #ffffff;
}
.section12 .ldec p{
	margin-bottom: 10px;
}
.section12 .tips{
	width: 45%;
	font-size: 17px;
	color: #ffffff;
	display: block;
	margin-top: -20px;
}
.formBox .ul {
  	background-color: #ffffff;
	border-radius: 10px;
	padding: 25px 45px 45px 45px;
}
.formBox .liBox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   margin-top: 25px;
}
.formBox .liBox:first-child{
	margin-top: 0px;
}
.formBox .li {
  position: relative;
  width: 46%;
  margin-right: 8%;
  border-bottom: 1px solid rgba(167,167,167,0.4);
}
.formBox .li:nth-child(2n) {
  margin-right: 0px;
}
.formBox .li input, .formBox .li textarea {
  position: relative;
  display: block;
  padding: 10px 0px;
  width: 100%;
  height: 45px;
color: #666666;
  overflow: hidden;
}
.formBox .sub {
	position: relative;
  width: 215px;
  line-height: 46px;
  margin-top: 10px;
  	background-color: #25b7b6;
	border-radius: 23px;
	font-size: 18px;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	transition: all 0.6s;
	overflow: hidden;
}
.formBox .sub span,
.rtBox .mobtn span{
	position: relative;
	z-index: 1;
}
.formBox .placeholder {
  position: absolute;
  bottom: 0;
  left: 0px;
  display: block;
  padding: 10px 0px;
  font-size: 16px;
  color: #666666;
  pointer-events: none;
}
.formBox .placeholder1{
  left: 7px;
}
.formBox .placeholder2{
    left: 16px;
}
.formBox .placeholder1::after,
.formBox .placeholder2::after{
	position: absolute;
  content: "*";
  color: #224047;
  top: 50%;
  left: -7px;
  transform: translateY(-50%);
}
.formBox .liBox:nth-last-child(1) .li,
.formBox .liBox:nth-last-child(2) .li{
	width: 100%;
	margin-right: 0px;
}
.formBox .liBox .li .icon-jt{
    font-size: 12px;
    color: #224047;
    display: block;
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.formBox .liBox .li .select {
    cursor: pointer;
    color: #25b7b6;
  }
  .formBox .liBox .li .select::placeholder{
    color: #25b7b6;
  }
  .formBox .liBox .li .itemBox{
    position: absolute;
    top: 100%;
    left: 0px;
    width: 80px;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #f8fafd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 9;
    border: 1px solid #dedede;
    display: none;
  }
  .formBox .liBox .li .itemli{
    font-size: 15px;
    color: #323333;
    padding: 8px 10px;
    border-top: 1px solid #dedede;
    cursor: pointer;
    transition: all 0.6s;
  }
  .formBox .liBox .li .itemli:hover{
    color: #224047;
  }
  .formBox .liBox .li .itemli.active{
    color: #ffffff;
    background-color: #224047;
  }
  .section12 .pnum{
    position: relative;
    width: 50px;
  }
  
  .section12 .pinpt{
    position: relative;
    flex: 1;
    padding-left: 10px;
  }
  .rtBox{
    position: fixed;
    right: 0.2rem;
    bottom: 48%;
    z-index: 9;
  }
  .rtBox .rtimg{
    position: relative;
    width: 1.06rem;
	height: 1.06rem;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
  }
  .rtBox .rtimg img{
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 3;
  }
  .rtBox .flBox{
    position: absolute;
    top: 100px;
    right: 0px;
    width: 250px;
    padding: 30px 20px;
    background-color: #ffffff;
	box-shadow: -8px -6px 17px 1px 
		rgba(201, 190, 190, 0.31);
	border-radius: 10px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.6s;
  }
  .rtBox .flBox.open{
    top: 1.4rem;
    opacity: 1;
    pointer-events: auto;
  }
  .rtBox .flBox::before{
    content: "";
    position: absolute;
    top: -11px;
    right: 7px;
	width: 27px;
	height: 27px;
    border-radius: 50%;
    background: url(../images/icon13.webp) #fff no-repeat center;
	box-shadow: -3px 2px 9px 0px 
		rgba(22, 23, 29, 0.18);
}
  .rtBox .tit{
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 16px;
	font-weight: bold;
	color: #222222;
    text-align: center;
    margin: 25px 0;
  }
  .rtBox .mobtn{
    position: relative;
    width: 142px;
    display: block;
    margin: 0 auto;
	line-height: 50px;
	background: #25b7b6;;
	border-radius: 24px;
    font-size: 18px;
	color: #ffffff;
    overflow: hidden;
    text-align: center;
  }
  .rtBox .simg img{
    width: 1.07rem;
	height: 1.07rem;
    object-fit: cover;
	box-shadow: 3px 2px 16px 0px 
		rgba(61, 61, 61, 0.17);
    border-radius: 50%;
    margin: 0 auto;
  }
  .process-mosw{
    display: none;
  }
  #msg_wy_zc {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    text-align: center;
    z-index: 999;
    display: none;
}

#msg_wy_zc2 {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 1000;
    width: 300px;
    text-align: center;
}

.msg_wy_zc2_on {
    display: block !important;
}

.zc_p {
    position: absolute;
    top: 45%;
    left: 50%;
    display: inline-block;
    padding-bottom: 35px;
    width: 96%;
    height: 100px;
    height: auto;
    max-width: 420px;
    background: #fff;
    box-shadow: 0 2px 28px 0 rgba(126, 126, 126, 0.61);
    color: #fff;
    color: #333;
    transform: translate(-50%,-50%);
}

.zc_p2 {
    position: static;
    top: inherit;
    left: inherit;
    padding: 0 0 18px;
    border-radius: 0;
    box-shadow: 0 2px 28px 0 rgb(63 186 236 / 29%);
    transform: inherit;
}

.zc_p2_bsq4 {
    display: none;
}

.zc_p2_h .zc_p2_bsq1, .zc_p2_h .zc_p2_bsq2, .zc_p2_h .zc_p2_bsq3 {
    display: none;
}

.zc_p2_h {
    margin-bottom: 10%;
    padding: 0;
    width: auto;
    background-color: #ffffff00;
    box-shadow: none;
}

    .zc_p2_h .zc_p2_bsq4 {
        position: relative;
        display: block;
        padding: 10px 10px;
        width: 150px;
        border-radius: 8px;
        background-color: #fff;
        background-position: 0 0;
        background-size: 42px;
        background-size: cover;
        color: #fff;
        font-size: 24px;
        cursor: pointer;
    }

        .zc_p2_h .zc_p2_bsq4 span {
            position: absolute;
            top: 12px;
            right: 10px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background-color: #f44336;
            text-align: center;
            font-size: 20px;
            line-height: 31px;
        }

        .zc_p2_h .zc_p2_bsq4 h5 {
            color: #224047;
            font-size: 18px;
        }

.zc_p .p1 span {
    color: #224047;
    font-weight: 700;
    font-size: 32px;
}

.zc_p .p1 h3{
    padding-top: 12px;
    background-color: #fff;
    color: #224047;
    text-align: left; 
    font-size: 26px;
    line-height: 30px;
}

.zc_p2 .p1 {
    position: relative;
    padding: 10px 4%;
    width: 100%;
    background-color: #3fbaec;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
}

.zc_p .sxl, .zc_p2 .sxl {
    position: absolute;
    top: 13px;
    right: 15px;
    width: 24px;
    cursor: pointer;
}
.hzly2{
    margin-top: 15px;
}
.zc_p .p2 {
    padding: 0 4%;
    color: #888;
    display: block;
    text-align: left;
    font-size: 16px;
}
.zc_btn {
    position: relative;
    margin: 5px 5px 0;
    padding: 0px 35px;
    height: 46px;
    border: 1px solid #dedede;
    border-color: #dedede;
    border-radius: 30px;
    background-color: #224047;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.6s;
}
.zc_p2 .p2 {
    font-size: 15px;
    line-height: 20px;
}

.zc_p .p3 {
    clear: both;
    width: 100%;
    padding: 0 4%;
    margin-top: 10px;
}

    .zc_p .p3 textarea {
        padding-left: 10px;
        padding-top: 3px;
        width: 100%;
        height: 120px;
        border: 1px solid hsl(0deg 0% 40% / 18%);
        font-size: 14px;
        line-height: 28px;
        display: block;
    }

.zc_p .p4 {
    margin-bottom: 10px;
    padding: 0 4%;
    width: 100%;
}

    .zc_p .p4 input, .zc_p .p4 p {
        display: none;
        padding-left: 5px;
        width: 98%;
        border-radius: 4px;
        color: #237dcf;
        font-size: 14px;
        line-height: 26px;
    }
    .zc_p .p2 input {
        padding-left: 10px;
        width: 100%;
        border: 1px solid hsl(0deg 0% 40% / 23%);
        font-size: 15px;
        line-height: 42px;
        display: block;
        margin-top: 10px;
    }
    .zc_p .p1 {
        padding: 0;
        padding: 12px 4%;
        background-color: #fff;
        color: #009ce9;
        text-align: left;
        text-align: left;
        font-weight: 700;
        font-size: 26px;
        line-height: 30px;
    }
    #msg_wy_zc .close {
        border: 2px solid #fff;
        height: 25px;
        width: 30px;
        position: relative;
        cursor: pointer;
    }
    #msg_wy_zc .close::after, #msg_wy_zc .close::before {
        content: "";
        display: block;
        width: 20px;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background: #224047;
    }
    #msg_wy_zc .close::before {
        transform: translate(-50%,-50%)rotate(-45deg);
    }
    #msg_wy_zc .close::after {
        transform: translate(-50%,-50%)rotate(45deg);
    }
@media all and (max-width:1679px) {
    .w1800{
        width: 95%;
    }
    .headfixed .headfixed-right {
        width: 78.5%;
    }
    .headfixed .menu-list {
        width: calc(100% - 150px);
    }
    .headfixed .headfixed_btn{
        width: 150px;
        line-height: 50px;
    }
    .banner .swiper-dec{
        font-size: 22px;
    }
    .section1 .tabBox{
        padding: 0px;
    }
    .section2 .swiper-slide .num, .section2 .sli .num,
    .section2 .swiper-slide .tit, .section2 .sli .tit,
    .zsection3 .font .tit,
    .section6 .num{
        font-size: 22px;
    }
    .banner {
        margin-top: 111px;
    }
}
@media all and (max-width:1459px) {
    .w1400{
        width: 90%;
    }
    .section1 .w1400{
        width: 95%;
    }
    .banner {
        margin-top: 106px;
    }
    .headfixed .headfixed_btn,
    .menu-list a{
        font-size: 16px;
    }
    .headfixed .menu-list {
        width: calc(100% - 140px);
    }
    .headfixed .headfixed_btn {
        width: 140px;
        line-height: 45px;
    }
    .headfixed .logo img{
        max-width: 190px;
    }
    .banner .wlfont .imgBox,
    .btipsBox .imgBox::after, .rtBox .rtimg::after, .banner .wlfont .imgBox::after,
    .btipsBox .imgBox{
        width: 92px;
        height: 92px;
    }
    .btipsBox .imgBox::before, .rtBox .rtimg::before, .banner .wlfont .imgBox::before{
        width: 76px;
        height: 76px;
    }
    .rtBox .simg img{
        width: 82px;
        height: 82px;
    }
    .section5 .btipsBox1 .imgBox{
        width: 84px;
        height: 84px;
    }
    .rtBox .mobtn{
        line-height: 40px;
        font-size: 15px;
        width: 120px;
    }
    .rtBox .tit{
        margin: 15px 0;
    }
    .banner .swiper-dec{
        font-size: 20px;
    }
    .banner .wlfont .font,
    .btipsBox .font,
    .section1 .font .dec1, .section1 .font .dec2, .section1 .hide .font .dec1,
    .section1 .sli a.shangqiaoBtn{
        font-size: 15px;
    }
    .section6{
        padding-left: 5%;
    }
    .swiper-pagination-bullet{
        width: 30px;
        height: 5px;
    }
    .section1 .font .tit{
        font-size: 16px;
    }
    .banner .wlfont .font{
        width: 490px;
        padding: 12px 0.3rem 12px 0.4rem;
    }
    .section1 .show .font{
        padding: 16px;
    }
    .section2 .swiper-slide .num, .section2 .sli .num,
    .section2 .swiper-slide .tit, .section2 .sli .tit,
    .zsection3 .font .tit,
    .section6 .num{
        font-size: 20px;
    }
    .btipsBox {
        width: 575px;
    }
    .btipsBox .font {
        padding: 12px 50px 12px 35px;
    }
    .section2 .btipsBox .font{
        padding: 12px 35px 12px 50px;
    }
    .section2 .btipsBox {
        width: 460px;
    }
    .section2 .swiper-slide .tit, .section2 .sli .tit{
        margin-top: 15px;
    }
    .section2 .swiper-slide .line, .section2 .sli .line {
        margin: 15px 0px 20px 0px;
    }
    .zsection3 .jticon,
    .swiper-button-prev, .swiper-button-next{
        width: 45px;
        height: 45px;
    }
    .zsection3 .font .tit{
        margin-top: 15px;
    }
    .swiper-button-prev, .swiper-button-next{
        line-height: 43px;
        font-size: 14px;
    }
    .zsection3 .btnBox{
        height: 45px;
    }
    .section1 .sli{
        width: 24.25%;
        margin-right: 1%;
        margin-top: 1%;
    }
    .section1 .tli{
        margin-right: 0.26rem;
    }
    .section5 .bimgBox{
        width: 45%;
    }
    .section5 .bfont{
        flex: auto;
        width: 55%;
        padding-right: 5%;
    }
    .section8 .li:nth-child(odd) .font{
        padding-right: 5%;
    }
    .section5 .li:nth-child(even) .bfont,
    .section8 .li:nth-child(even) .font{
        padding-left: 5%;
    }
    .section5 .btipsBox1,
    .section5 .btipsBox{
        width: 97%;
    }
    .section6 .sft_txt{
        font-size: 16px;
        height: 52px;
        width: 52px;
        line-height: 52px;
    }
    .section6 .sft{
        height: 52px;
        width: 52px;
    }
    .section6 .sli .dec{
        font-size: 15px;
    }
    .section6 .sli .tit{
        font-size: 17px;
        margin: 15px 0 7px 0;
    }
    .section6 .sli,
    .section10 .picBox{
        padding: 25px 20px;
    }
    .section6 .sli .iconBox{
        width: 30px;
        height: 30px
    }
    .section8 .font .num{
        width: 22px;
        height: 22px;
        line-height: 22px;
    }
    .section8 .sli{
        margin-top: 15px;
    }
    .section9 .btipsBox {
        width: 540px;
    }
    .section10 .picList .score img{
        width: 20px;
        height: 20px;
    }
    .section10 .picList .timg{
        width: 55px;
        height: 55px;
    }
    .section10 .picList .dec{
        margin-bottom: 15px;
    }
    .section10 .picList .trimg,
    .section12 .ldec,
    .formBox .sub{
        font-size: 16px;
    }
    .section10 .picList li{
        margin: 5px;
    }
    .section11 .rli{
        padding: 20px 15px 20px 25px;
    }
    .section12 .ltit{
        font-size: 26px;
    }
    .section12 .tips,
    .rtBox .tit,
    .section10 .picList .dec{
        font-size: 15px;
    }
    .formBox .sub{
        width: 180px;
    }
    .rtBox .flBox{
        width: 240px;
    }
    .headfixed .headfixed_tip{
        font-size: 14px;
    }
   
    .section10 .picList .trimg img{
        width: 20px;
        margin-right: 8px;
    }
    .section10 .picList li{
        min-width: 380px;
    }
    .section12 .right{
        margin-right: 0px;
    }
    .formBox .liBox{
        margin-top: 15px;
    }
}
@media all and (max-width:1366px) {
    .banner {
        margin-top: 101px;
    }
    .headfixed .headfixed_btn {
        width: 130px;
        line-height: 40px;
        font-size: 15px;
    }
    .banner .swiper-dec {
        font-size: 18px;
    }
    .banner .wlfont .font, .btipsBox .font, .section1 .font .dec1, .section1 .font .dec2, .section1 .hide .font .dec1, .section1 .sli a.shangqiaoBtn {
        font-size: 14px;
    }
    .banner .wlfont .imgBox, .btipsBox .imgBox::after, .rtBox .rtimg::after, .banner .wlfont .imgBox::after, .btipsBox .imgBox {
        width: 82px;
        height: 82px;
    }
    .btipsBox .imgBox::before, .rtBox .rtimg::before, .banner .wlfont .imgBox::before {
        width: 66px;
        height: 66px;
    }
    .btipsBox {
        width: 470px;
    }
    .btipsBox .font {
        padding: 10px 40px 10px 25px;
    }
    .section2 .btipsBox .font {
        padding: 10px 25px 10px 40px;
    }
    .banner .wlfont .font {
        width: 450px;
        padding: 10px 0.3rem 9px 0.4rem;
    }
    .rtBox .simg img {
        width: 72px;
        height: 72px;
    }
    .rtBox .mobtn {
        line-height: 40px;
        font-size: 14px;
        width: 116px;
    }
    .section1 .rtips,
    .section8 .font .dec{
        font-size: 15px;
    }
    .section2 .btipsBox {
        width: 430px;
    }
    .zsection3 .jticon, .swiper-button-prev, .swiper-button-next {
        width: 38px;
        height: 38px;
    }
    .swiper-button-prev, .swiper-button-next {
        line-height: 36px;
        font-size: 14px;
    }
    .section4 .font1 .fdec, .section4 .txt{
        font-size: 15px;
    }
    .section5 .btipsBox .font, .section9 .btipsBox .font {
        padding: 10px 20px 10px 45px;
    }
    .section6 .sft_txt{
        font-size: 14px;
    }
    .section6 .num,
    .section2 .swiper-slide .num, .section2 .sli .num{
        font-size: 18px;
    }
    .section6 .ul::before, .section6 .swiper-container::before{
        top: 28px;
    }
    .section8 .font .num {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
    .section9 .btipsBox {
        width: 500px;
    }
    .section10 .picList .trimg, .section12 .ldec, .formBox .sub,
    .section11 .decBox .dec{
        font-size: 15px;
    }
    .section5 .btipsBox1 .imgBox {
        width: 74px;
        height: 74px;
    }
    .section1 .tabBox{
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 5px;
        padding: 0 25px;
    }
    .section1 .tli{
        margin-top: 10px;
    }
    .headfixed .menu-list {
        width: calc(100% - 130px);
    }
    .headfixed .ft_close{
        right: -1%;
    }
    .section7 .quanBox:after{
        width: 12px;
        height: 12px;
    }
    .rtBox{
        bottom: 60%;
    }
    .section4 .imgBox{
        width: 430px;
        height: 430px;
    }
    .section1 .sli a.shangqiaoBtn{
        line-height: 38px;
    }
}
@media all and (max-width:1279px) {
    .headfixed .logo img {
        max-width: 170px;
    }
    .headfixed .headfixed-right {
        width: 83%;
    }
    .section2 .swiper-slide .tit, .section2 .sli .tit,
    .zsection3 .font .tit{
        font-size: 18px;
    }
    .zsection3 .font .dec{
        font-size: 15px;
    }
    .section5 .dec1{
        margin-bottom: 15px;
    }
    .btipsBox .font p{
        display: inline;
    }
    .section7 .rli .rdec{
        font-size: 15px;
    }
    .section8 .font .tit{
        margin-bottom: 20px;
    }
    .headfixed .menu-list{
        padding-right: 20px;
    }
    .section2 .btipsBox{
        margin-left: 0.8rem;
    }
    .rtBox .rtimg{
        width: 70px;
        height: 70px;
    }
    .rtBox .flBox.open{
        top: 1.8rem;
    }
    .section1 .sli a.shangqiaoBtn {
        line-height: 32px;
    }
}

@media all and (max-width:1259px) {
    .section1 .font .dec2{
        -webkit-line-clamp: 8;
    }
}
@media all and (max-width:1100px) {
    .headfixed .headfixed_tip .ft{
        font-size: 13px;
    }
    .headfixed .menu-list{
        display: none;
    }
    .banner .swiper-font .swiper-h2{
        font-size: 26px;
    }
    .banner .swiper-font{
        width: 55%;
    }
    .section1 .sli{
        width: 32.66%;
    }
    .section1 .sli:nth-child(4n){
        margin-right: 1%;
    }
    .section1 .sli:nth-child(3n){
        margin-right: 0px;
    }
    .in_tit .tit{
        font-size: 26px;
    }
    .section1 .rtips{
        bottom: 2rem;
    }
    .section2 .btipsBox{
        margin-left: 0rem;
    }
  
    .section4 .imgBox{
        width: 400px;
        height: 400px;
    }
    .section4 .font1 .fdec p{
        margin-top: 5px;
    }
    .section4 .font1 .ftit{
        margin-bottom: 5px;
    }
    .section4 .simg{
        width: 34px;
    }
    .section4 .txt{
        padding-right: 10px;
    }
    .section6 .sft,
    .section6 .sft_txt{
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 12px;
    }
    .section6 .sft::before {
        right: -10px;
        width: 20px;
        height: 20px;
    }
    .section6 .ul::before, .section6 .swiper-container::before {
        top: 20px;
    }
    .section7 .rli .rtit,
    .section8 .font .tit{
        font-size: 18px;
    }
    .section6 .num, .section2 .swiper-slide .num, .section2 .sli .num{
        font-size: 16px;
    }
    .section6 .num{
        width: 42px;
        height: 42px;
        line-height: 42px;
    }
    .rtBox .tit{
        font-size: 14px;
    }
    .rtBox .flBox {
        width: 220px;
    }
    .section4 .right{
        width: 62.6%;
    }
    .section5 .li{
        flex-wrap: wrap;
    }
    .section5 .bimgBox{
        width: 50%;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .section5 .bfont{
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    .section5 .btipsBox1, .section5 .btipsBox {
        width: 62%;
    }
    .section5{
        width: 90%;
        margin: 0 auto;
    }
    .section5 .w1400{
        width: 100%;
    }
    .section5 .bfont,
    .section5 .li:nth-child(even) .bfont{
        padding: 0;
        margin-top: 20px;
    }
    .section5 .btipsBox2{
        width: 78%;
    }
    .section1 .rtips{
        font-size: 14px;
    }
    .section5 .txtlf{
        font-size: 16px;
        width: 18px;
    }
    .section5 .txtrt{
        padding-left: 10px;
        font-size: 15px;
    }
    .section10 .picList li{
        min-width: 340px;
    }
    .formBox .li{
        width: 100%;
        margin-right: 0px;
    }
    .section12 .ltit {
        font-size: 22px;
        padding-top: 1.2rem;
    }
    .rtBox .mobtn {
        line-height: 36px;
        font-size: 14px;
        width: 100px;
    }
    .banner .swiper-dec{
        font-size: 16px;
    }
    .headfixed .headfixed-right{
        width: 50%;
    }
   
  
   
   
    .section4 .font1 .ftit,
    .section5 .tit1{
        font-size: 18px;
    }
    .banner {
        margin-top: 99px;
    }
    .section10 .picList .dec{
        min-height: 85px;
    }
}
@media all and (max-width:980px) {
    .headfixed .headfixed_tip,
    .banner .pcimg,
    .section2 .ul{
        display: none;
    }
    .banner .phoneimg,
    .section2 .smoBox{
        display: block;
    }
    .banner .swiper-font{
        width: 100%;
    }
    .banner .swiper-fontlist{
        top: 15%;
        left: 50%;
        transform: translate(-50%, -15%);
        -ms-transform: translate(-50%, -15%);
        -moz-transform: translate(-50%, -15%);
        -webkit-transform: translate(-50%, -15%);
        -o-transform: translate(-50%, -15%);
    }
    .section1 .font .dec2 {
        margin: 5px 0 8px 0;
    }
    .section1 .sli a.shangqiaoBtn{
        font-size: 12px;
        line-height: 32px;
    }
    .section1 .font .dec{
        font-size: 13px;
    }
    .section1 .tli{
        margin-right: 20px;
    }
    .section1 .rtips {
        bottom: 2.5rem;
    }
    .section2 .swiper-container{
        padding-bottom: 40px;
        margin-bottom: 20px;
    }
    .section2 .swiper-slide .line, .section2 .sli .line{
        width: 100%;
    }
    .section2 .swiper-slide .dec, .section2 .sli .dec{
        font-size: 15px;
    }
    .section2 .swiper-slide .tit, .section2 .sli .tit{
        font-size: 17px;
    }
    .swiper-pagination-bullet {
        width: 20px;
        height: 4px;
    }
    .rtBox .flBox.open{
        top: 2.5rem;
    }
    .section1 .swiper-container {
        padding-bottom: 36px;
        margin-bottom: 70px;
    }
    .section2 .btipsBox{
        margin: 0 auto;
    }
    
    .zsection3 .imgBox {
        height: 8rem;
    }
   
    .section4 .left,
    .section4 .right{
        width: 100%;
    }
    .section4 .list{
        flex-wrap: wrap;
    }
    .section4 .left{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    .section4 .right{
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        margin-left: 0px;
        margin-bottom: -30px;
    }
    .section5 .bimgBox{
        width: 70%;
    }
    .section5 .btipsBox1, .section5 .btipsBox {
        width: 90%;
    }
    .section5 .li{
        margin-top: 25px;
    }
    .section6 .sli .tit {
        font-size: 16px;
        margin: 10px 0 5px 0;
    }
    .section6 .sli .dec {
        font-size: 14px;
    }
    .section7 .left{
        position: relative;
        top: auto;
        width: 360px;
    }
    .section7 .right{
        width: 100%;
        flex: auto;
        padding-left: 0px;
        margin-top: 25px;
    }
    .section7 .list{
        flex-wrap: wrap;
    }
    .section7 .imgBox{
        width: 360px;
        height: 360px;
    }
    .section7 .quanBox:after{
        width: 8px;
        height: 8px;
    }
    .section8 .font, .section8 .swiper-container{
        width: 100%;
    }
    .section8 .font{
        padding: 0px !important;
        margin-top: 15px;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    .section8 .swiper-container{
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .section8{
        padding: 60px 5%;
    }
    .section8 .li{
        flex-wrap: wrap;
        margin-top: 30px;
    }
    .section8 .li:first-child{
        margin-top: 0px;
    }
    .section11 .rli{
        width: 100%;
        margin-right: 0px;
    }
    .section11 .decBox{
        position: relative;
        top: auto;
        left: auto;
        box-shadow: unset;
        padding: 0px;
    }
    .section12 .list{
        flex-wrap: wrap;
    }
    .section12 .left{
        width: 100%;
        flex: auto;
        padding-right: 0px;
    }
    .section12 .ltit{
        padding-top: 0px;
    }
    .section12 .right{
        width: 100%;
        margin-top: 10px;
    }
    .section12 .tips{
        margin-top: 10px;
        width: 100%;
    }
    .section11 .titBox .tit{
        font-size: 17px;
    }
    .section2 .swiper-slide .line::before, .section2 .sli .line::before {
        width: 30px;
        height: 3px;
    }
    .section2 .swiper-slide .num, .section2 .sli .num{
        width: 42px;
        height: 42px;
        line-height: 42px;
    }
    .section11 .decBox .dec{
        padding-right: 0px;
        margin-top: 5px;
    }
    .banner {
        margin-top: 60px;
    }
}
@media all and (max-width:640px) {
    .banner .swiper-font .swiper-h2 {
        font-size: 20px;
    }
    .banner .wlfont .font {
        width: 100%;
    }
    .banner .wlfont .imgBox,
    .section1 .font .dec1{
        display: none;
    }
    .banner .wlfont .font p{
        display: inline;
    }
    .banner .wlfont .font{
        padding: 10px 20px;
    }
    .headfixed .logo img {
        max-width: 130px;
    }
    .headfixed .headfixed_btn {
        width: 110px;
        line-height: 36px;
        font-size: 14px;
    }
    .section1 .tabBox{
        flex-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
    }
    .section1 .sli{
        width: 49%;
        margin-right: 2%;
        margin-top: 2%;
    }
    .section1 .sli:nth-child(3n),
    .section1 .sli:nth-child(4n){
        margin-right: 2%;
    }
    .section1 .sli:nth-child(2n){
        margin-right: 0px;
    }
    .section1 .font .tit {
        font-size: 15px;
    }
    .section1 .show .font{
        padding: 12px;
    }
    .section1 .rtips{
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 5px;
        margin-bottom: 20px;
    }
    .section1 .swiper-container{
        margin-bottom: 0px;
    }
    .banner .wlfont .font{
        border-radius: 10px;
        padding: 10px 15px;
    }
    .section1 .hide,
    .btipsBox .imgBox{
        display: none;
    }
    .btipsBox{
        width: 100% !important;
    }
    .btipsBox .font{
        padding: 10px 15px !important;
        border-radius: 10px;
    }
    .section2 .swiper-container{
        margin-top: 10px;
        padding-bottom: 30px;
        margin-bottom: 15px;
    }
    .zsection3 .btnBox{
        width: 80%;
    }
    .zsection3 .swiper-scrollbar {
        width: 58%;
    }
   
   
   
    /* .zsection3 .font .tit{
        margin-top: 5px;
        font-size: 17px;
    }
    .zsection3 .font .dec{
        margin-top: 3px;
    }
    .zsection3 .jticon{
        margin-top: 10px;
    }
    .zsection3 .jticon{
        width: 34px;
        height: 34px;
    } */
    .section4 .font1{
        padding: 30px 30px 20px 35px;
        border-radius: 90px 90px 90px 10px;
    }
    .section4 .font2{
        margin-right: 0.1rem;
        padding: 10px 25px;
        margin-top: 10px;
    }
    .section4 .font1 .fdec, .section4 .txt {
        font-size: 14px;
    }
    .section4{
        padding-top: 40px;
    }
    .section4 .imgBox {
        width: 260px;
        height: 260px;
    }
    .section4 .right{
        margin-bottom: -15px;
    }
    .section5 .bimgBox{
        width: 100%;
    }
    .section5 .txt1{
        margin-right: 0px;
    }
    .section5 .dec1{
        font-size: 15px;
    }
    .section5 .ul,
    .section5 .btipsBox{
        margin-top: 15px;
    }
    .section5 .li{
        margin-top: 25px;
    }
    .section5 .li:first-child{
        margin-top: 0px;
    }
    .section7 .btit{
        font-size: 26px;
    }
    .in_tit .tit {
        font-size: 24px;
    }
    .section7 .imgBox {
        width: 240px;
        height: 240px;
    }
    .section7 .left{
        width: 240px;
    }
    .section7 .rli{
        padding: 20px;
    }
    .section8 .swiper-button-prev, .section8 .swiper-button-next{
        display: none;
    }
    .section8 .swiper-pagination, .section9 .swiper-pagination{
        display: block;
    }
    .section9 .swiper-container{
        overflow: hidden;
        padding-bottom: 30px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .section10 .picList .timg {
        width: 40px;
        height: 40px;
    }
    .section10 .picList .score img{
        width: 16px;
        height: 16px;
    }
    .section10 .picList .trimg,
    .section10 .picList .dec,
    .section11 .decBox .dec,
    .section12 .tips{
        font-size: 14px;
    }
    .section10 .picList .trimg img{
        width: 15px;
        margin-right: 5px;
    }
    .section10 .picBox{
        padding: 20px;
    }
    .section10 .picList li{
        min-width: 300px;
    }
    .section10 .leftMarqueeBox{
        margin-top: 15px;
    }
    .section11 .rli {
        padding: 15px 10px 15px 15px;
        margin-top: 8px;
    }
    .formBox .ul {
        padding: 20px 20px 45px 20px;
    }
    .formBox .sub{
        width: 160px;
        border-radius: 10px;
    }
    .rtBox .mobtn,
    .headfixed .headfixed_btn{
        border-radius: 10px;
    }
    .rtBox .flBox{
        width: 210px;
        padding: 20px 15px 30px 15px;
    }
    .rtBox .flBox.open {
        top: 1.8rem;
    }
    .section11 .decBox .dimg img{
        max-width: 120px;
        margin-right: 5px;
    }
    .section10 .picList .trt{
        padding-left: 8px;
    }
    .section10 .picList .dec{
        margin-bottom: 5px;
    }
    .rtBox .tit{
        margin: 10px 0 15px 0;
    }
    .rtBox .simg img {
        width: 60px;
        height: 60px;
    }
    .zsection3 .swiper-container,
    .section5 .bfont, .section5 .li:nth-child(even) .bfont{
        margin-top: 15px;
    }
    .section1 .tabBox{
        margin-top: 0px;
    }
    .section1 .tli{
        margin-top: 5px;
    }
    .banner {
        margin-top: 56px;
    }
    .section1 .sli:hover{
        box-shadow: 5px 9px 30px 0px rgba(0, 140, 214, 0);
    }
    .section1 .swiper-container,
    .section1 .tabBox{
        padding-left: 0;
        padding-right: 0;
    }
    .section1 .w1400{
        width: 90%;
    }
    .section4{
        padding-bottom: 20px;
    }
    .process{
        display: none;
    }
    .process-mosw,
    .process-mosw .swiper-pagination{
        display: block;
    }
    .process-mosw{
        padding-bottom: 35px;
    }
    .section6{
        padding-top: 40px;
    }
    .zsection3 .swiper-slide .shangqiaoBtn:hover .hide{
        display: none;
    }
    .zsection3 .swiper-slide .shangqiaoBtn:hover .imgBox{
        height: 6rem;
    }
    .swiper-pagination-bullet{
        width: 15px;
        height: 3px;
        margin: 0 3px !important;
    }
    .zc_p .p1 h3{
        font-size: 22px;
    }
    .zc_p .p3 textarea{
        height: 110px;
    }
    .zc_p .p2 input{
        height: 40px;
    }
}

/* Section1 - Ultrasonic Cutting Knife Products */
.section1 {
    /* background: linear-gradient(135deg, #2c4a52 0%, #3d5a63 100%); */
    color: #ffffff;
}

.section1 .in_tit {
    /* text-align: center; */
    text-align: left;
    margin-bottom: 60px;
}

.section1 .in_tit .tit {
    font-size: 36px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 15px;
    line-height: 1.3;
}

.section1 .in_tit .dec {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
}

.section1 .s1_list {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.section1 .s1_card {
    flex: 1;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    overflow: hidden;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
}

.section1 .s1_card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.section1 .s1_card:hover .card_content {
bottom: 30px;
}
.section1 .s1_card:hover .card_title{
    color: #25b7b6;
}

.section1 .card_img {
    width: 100%;
    overflow: hidden;
    /* aspect-ratio: 1/1; */
}

.section1 .card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section1 .card_content {
    padding: 30px;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 20px;
    bottom: 20px;
    width: 100%;
    max-width: 500px;
    border-radius: 10px;
    background: #fff;
    transition: all 0.4s;
    /* background: linear-gradient(to top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%); */
}

.section1 .card_title {
    font-size: 24px;
    /* font-weight: bold; */
    font-family: "HarmonyOS_Sans_SC_Bold";
    color: #222;
    margin-bottom: 15px;
    line-height: 1.4;
}

.section1 .card_desc {
    font-size: 16px;
    /* color: rgba(255, 255, 255, 0.85); */
    color:#666;
    line-height: 1.7;
    max-height: 180px;
    overflow-y: auto;
}
/* 响应式设计 */
@media screen and (max-width:1280px) {
    .section1 .card_desc{
        /* max-height: 100px; */
    }
}
@media screen and (max-width:991px) {
   
    .section1 .s1_list{
        flex-wrap: wrap;
        gap: 20px;
    }
    .section1 .card_content{
        max-width: 100%;
        position: relative;
        left: 0px;
        bottom: 0px;
        padding: 16px;
    }
    .section1 .card_title{
        margin-bottom: 4px;
    }
    .section1 .s1_card{
        /* flex: none; */
        /* width: 48%; */
    }
}
@media screen and (max-width: 768px) {
    .section1 .in_tit .tit {
        font-size: 24px;
    }
    .section1 .card_desc{
        font-size: 14px;
    }
    
    .section1 .s1_list {
        gap: 1%;
        row-gap: 10px;
    }
     .section1 .s1_card{
        flex: none;
        /* width: 100%; */
    }
    .section1 .card_content {
        padding: 20px;
    }
    
    .section1 .card_title {
        font-size: 18px;
    }
}
@media screen and (max-width:580px) {
     .section1 .s1_card{
        width: 100%;
    }
}

/* annu */
.annu-poppup{
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 20px;
    background: #25b7b6;
    color: #fff;
    display: inline-block;
    font-family: "HarmonyOS_Sans_SC_Bold";
    transition: all 0.3s ease;
    cursor: pointer;
}
.annu-poppup:hover{
    background: #224047;
}
.annu-poppup-mid{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Section1 Detail - Product Specifications */
.section1_detail {
    /* background: linear-gradient(135deg, #2c4a52 0%, #3d5a63 100%); */
    color: #ffffff;
}

.section1_detail .detail_header {
    margin-bottom: 60px;
    text-align: left;
}

.section1_detail .tab_content {
    display: none;
}

.section1_detail .tab_content.active {
    display: block;
}

.section1_detail .main_title {
    font-size: 42px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 30px;
    line-height: 1.3;
}

.section1_detail .tab_nav {
    display: flex;
    justify-content: flex-start;
    gap: 40px;
    margin-bottom: 30px;
    overflow: hidden;
    /* overflow-x: auto; */
    white-space: nowrap;
}

.section1_detail .tab_item {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.6);
    font-family: "HarmonyOS_Sans_SC_Bold";
    cursor: pointer;
    padding-bottom: 8px;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.section1_detail .tab_item.active {
    color: #3dd5c1;
    border-bottom-color: #3dd5c1;
}

.section1_detail .tab_item:hover {
    color: #3dd5c1;
}

.section1_detail .desc_text {
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    line-height: 1.8;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.custom_btn {
    background-color: #ffffff;
	border-radius: 20px;
	border: solid 1px #25b7b6;
    color: #224047;
    padding: 8px 20px;
    border-radius: 20px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 20px;
    transition: all 0.3s ease;
}

.custom_btn:hover {
    background: #25b7b6;
    color: #fff;
}

.section1_detail .product_list {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 54px;
}

.section1_detail .product_card {
    background: #ffffff;
    border-radius: 20px;
    padding: 30px 46px;
    display: flex;
    gap: 40px;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section1_detail .product_card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #3dd5c1 0%, #2ab5a5 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
}

.section1_detail .product_card:hover::before {
    opacity: 1;
}

.section1_detail .product_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

.section1_detail .card_left {
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.section1_detail .product_img_box {
    width: 314px;
    margin-right: 34px;
    background: #f5f5f5;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.4s ease;
    border: 1px solid #25b7b6;
}

.section1_detail .product_card:hover .product_img_box {
    background: rgba(255, 255, 255, 0.2);
}

.section1_detail .product_img_box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.section1_detail .card_right {
    flex: 1;
    position: relative;
    z-index: 1;
}
@media screen and (max-width:991px) {
    .section1_detail .card_right{
        width: 100%;
    }
}

.section1_detail .product_title {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
    transition: color 0.4s ease;
}

.section1_detail .product_card:hover .product_title {
    color: #ffffff;
}

.section1_detail .product_specs {
    list-style: none;
    padding: 0;
    margin: 0;
}

.section1_detail .product_specs li {
    font-size: 16px;
    color: #666666;
    line-height: 1.6;
    padding-left: 20px;
    position: relative;
    transition: color 0.4s ease;
    font-family: "HarmonyOS_Sans_SC";
}

.section1_detail .product_specs li::before {
    content: '';
    position: absolute;
    left: 0;
    color: #3dd5c1;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #afafaf;
    top: 10px;
    
}

.section1_detail .product_card:hover .product_specs li {
    color: rgba(255, 255, 255, 0.95);
}

.section1_detail .product_card:hover .product_specs li::before {
    /* color: #ffffff; */
    background: #fff;
}

/* 响应式设计 */
@media screen and (max-width:1080px) {
    .section1_detail .product_img_box{
        margin-right: 0px;
    }
    .section1_detail .tab_item{
        font-size: 20px;
    }
    .section1_detail .tab_nav{
        margin-bottom: 10px;
    }
    .section1_detail .detail_header{
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 768px) {
    .section1_detail .main_title {
        font-size: 28px;
    }
    
    .section1_detail .tab_nav {
        flex-direction: column;
        gap: 15px;
    }
    .section1_detail .tab_item{
        font-size: 18px;
    }
    .section1_detail .product_card {
        flex-direction: column;
        padding: 20px;
        gap: 20px;
    }
    
    .section1_detail .product_img_box {
        width: 100%;
    }
    
    .section1_detail .product_title {
        font-size: 20px;
    }
    
    .section1_detail .product_specs li {
        font-size: 13px;
    }
}

/* OEM/ODM Services Section */
.oem_services {
    /* background: linear-gradient(135deg, #2c4a52 0%, #3d5a63 100%); */
    color: #ffffff;
}

/* Top Section - Left Right Layout */
.oem_services .top_section {
    display: flex;
    gap: 60px;
    margin-bottom: 60px;
    align-items: center;
    justify-content: space-between;
}

.oem_services .left_content {
    width: 39%;
}

.oem_services .section_title {
    font-size: 36px;
    /* font-weight: bold; */
    font-family: "HarmonyOS_Sans_SC_Bold";
    color: #ffffff;
    margin-bottom: 25px;
    line-height: 1.3;
    position: relative;
    z-index: 2;
    display: inline-block;
}
.oem_services .section_title::before{
    content: "";
    position: absolute;
    left: 0px;
    bottom: 6px;
    width:100%;
    height: 10px;
    background: #25b7b6;
    z-index: -1;
}

.oem_services .desc_para {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.8;
    margin-bottom: 15px;
}

.oem_services .sub_title {
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    margin-top: 30px;
    margin-bottom: 15px;
}

.oem_services .cta_btn {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    padding: 12px 30px;
    border-radius: 25px;
    font-size: 15px;
    cursor: pointer;
    margin-top: 25px;
    transition: all 0.3s ease;
}

.oem_services .cta_btn:hover {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.5);
}

.oem_services .right_table {
    width: 60%;
    padding: 20px 12px 30px 12px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.oem_services .right_table img {
    width: auto;
    height: auto;
    box-shadow: 5px 9px 35px 0px 
		rgba(113, 113, 113, 0.09);
}

/* Feature Cards - 3 Cards */
.oem_services .feature_cards {
    display: flex;
    gap: 25px;
    margin-bottom: 60px;
}

.oem_services .feature_card {
    flex: 1;
    /* background: #ffffff; */
    border-radius: 20px;
    /* padding: 35px 25px;
    padding-top: 96px; */
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.fearure_img{
   position: relative;
   height: 100%;
    background: #fff;
    z-index: 2;
}
.fearure_img > img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    z-index: -1;
}
.fearure-div{
    padding: 35px 25px;
    padding-top: 96px;
    padding-bottom: 58px;
    width: 100%;
    height: 100%;
    background: #fff;
}

.oem_services .feature_card:hover .fearure-div {
     background: rgba(37, 183, 182, 0.85);
    /* box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3); */
}

.oem_services .card_header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.oem_services .card_icon {
    width: 43px;
    height: 43px;
    margin-right: 12px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #f0f5fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oem_services .card_icon img {
    /* width: 100%; */
    /* height: 100%; */
    object-fit: contain;
}

.oem_services .card_title {
    font-size: 22px;
    /* font-weight: "HarmonyOS_Sans_SC_Bold"; */
    font-family: "HarmonyOS_Sans_SC_Bold";
    color: #000;
    margin: 0;
    transition: color 0.3s ease;
}

.oem_services .feature_card:hover .card_title {
    color: #ffffff;
}

.oem_services .card_desc {
    font-size: 16px;
    color: #666666;
    line-height: 1.7;
    transition: color 0.3s ease;
}

.oem_services .feature_card:hover .card_desc {
    color: rgba(255, 255, 255, 0.95);
}

/* Process Grid - 2x2 Layout */
.oem_services .process_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.oem_services .grid_item {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.oem_services .grid_item:hover {
    transform: scale(1.02);
}

.oem_services .grid_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.oem_services .item_overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 100%);
    padding: 30px 25px;
    color: #ffffff;
    transition: all 0.3s ease;
}

.oem_services .item_title {
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.oem_services .item_desc {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.oem_services .grid_item:hover .item_desc {
    opacity: 1;
    max-height: 200px;
    margin-top: 10px;
}

/* Responsive Design */

@media screen and (max-width:1080px) {
    .oem_services .top_section{
        flex-wrap: wrap;
    }
    .oem_services .left_content,
    .oem_services .right_table{
        width: 100%;
    }
    .oem_services .feature_card .fearure-div{
        background-color: rgba(37, 183, 182, 0.85);   
    }
    .oem_services .feature_card .card_desc,
    .oem_services .card_title{
        color: #fff;
    }
}



@media screen and (max-width: 768px) {
    .oem_services .item_title{
        font-size: 20px;
    }
    .oem_services .grid_item .item_desc{
        max-height: 80px;
        overflow-y: auto;
        opacity: 1;
        font-size: 14px;
    }
    .oem_services .top_section {
        flex-direction: column;
        gap: 30px;
    }
    
    .oem_services .right_table {
        width: 100%;
    }
    
    .oem_services .section_title {
        font-size: 28px;
    }
    
    .oem_services .sub_title {
        font-size: 20px;
    }
    
    .oem_services .feature_cards {
        flex-direction: column;
    }
    
    .oem_services .process_grid {
        grid-template-columns: 1fr;
    }
    
    .oem_services .grid_item {
        height: 240px;
    }
}

/* Applications Section */
.applications {
    /* background: linear-gradient(135deg, #2c4a52 0%, #3d5a63 100%); */
    color: #ffffff;
    overflow: hidden;
}

.applications .app_header {
    text-align: left;
    margin-bottom: 50px;
}

.applications .section_title {
    font-size: 36px;
    font-family: "HarmonyOS_Sans_SC_Bold";
    margin-bottom: 20px;
    line-height: 1.3;
}

.applications .section_desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.8;
}

/* Main Applications - 3 Cards */
.applications .main_apps_container {
    background: #ffffff;
    border-radius: 25px;
    padding: 20px 40px;
    padding-bottom: 34px;
    box-sizing: content-box;
    margin-bottom: 60px;
}

.applications .main_apps {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.applications .main_card {
    flex: 0 0 calc(33.333% - 20px);
    text-align: left;
    background-color: #ffffff;
	box-shadow: 5px 9px 35px 0px 
		rgba(139, 139, 139, 0.08);
	border-radius: 20px;
	border: solid 2px #d2eeef;
    padding: 30px 20px;
    transition: all 0.3s ease;
}
.applications .main_card:hover{
    transform: translateY(-10px);
}

.applications .main_card .card_title {
    font-size: 22px;
    font-family: "HarmonyOS_Sans_SC_Bold";
    color: #222222;
    margin-bottom: 20px;
}

.applications .main_card .card_image {
    width: 100%;
    /* height: 200px; */
    margin-bottom: 20px;
    border-radius: 15px;
    overflow: hidden;
    aspect-ratio: 4/3;
}

.applications .main_card .card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.applications .main_card .card_desc {
    font-size: 16px;
    color: #222;
    line-height: 1.7;
    text-align: left;
}

/* Industry Slider */
.applications .industry_slider_wrapper {
    position: relative;
    /* padding: 0 60px; */
}

.applications .industry_slider {
    overflow: visible;
}

.applications .industry_card {
    display: flex;
    background: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    /* height: 180px; */
    padding: 18px;
}

.applications .card_text {
    flex: 1;
    padding: 25px;
    padding-right: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.applications .industry_title {
    font-size: 22px;
    font-family: "HarmonyOS_Sans_SC_Bold";
    color: #222;
    margin-bottom: 12px;
    line-height: 1.2;
    margin-top: 10px;
}

.applications .industry_desc {
    font-size: 16px;
    color: #222;
    line-height: 1.6;
}

.applications .card_img {
    width: 45%;
    flex-shrink: 0;
    border-radius: 20px;
    overflow: hidden;
}

.applications .card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Swiper Navigation */
.applications .swiper-button-prev,
.applications .swiper-button-next {
    width: 40px;
    height: 40px;
    /* background: rgba(255, 255, 255, 0.2); */
    background-color: transparent;
    border-radius: 50%;
    border: 0px;
    color: #ffffff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.applications .swiper-button-prev {
    left: 0;
}

.applications .swiper-button-next {
    right: 0;
}

.applications .swiper-button-prev:hover,
.applications .swiper-button-next:hover {
    /* background: rgba(255, 255, 255, 0.4); */
    background: #25b7b6;
}

/* Swiper Pagination */
.applications .swiper-pagination {
    position: relative;
    margin-top: 30px;
    text-align: center;
}

.applications .swiper-pagination-progressbar {
    background: rgba(255, 255, 255, 0.3);
    height: 4px;
    border-radius: 2px;
}

.applications .swiper-pagination-progressbar-fill {
    background: #3dd5c1;
}

/* Responsive Design */
@media screen and (max-width: 991px) {
    .applications{
        padding-bottom: 0px;
    }
    .applications .main_apps_container{
        margin-bottom: 30px;
    }
    .applications .section_title {
        font-size: 32px;
    }
    
    .applications .main_apps {
        gap: 25px;
    }
    
    .applications .main_card {
        flex: 0 0 calc(50% - 12.5px);
    }
    
    .applications .main_apps_container {
        padding: 30px 20px;
    }
    
    .applications .industry_slider_wrapper {
        padding: 0 50px;
    }
    .applications .card_img img {
        width: auto;
    }
    .zsection3 .btnBox{
        width: 100%;
        margin-top: 10px;
    }
}

@media screen and (max-width: 768px) {
    .applications .section_title {
        font-size: 28px;
    }
    
    .applications .main_apps {
        flex-direction: column;
    }
    
    .applications .main_card {
        flex: 0 0 100%;
    }
    
    .applications .card_text{
        padding: 0px;
    }
    .applications .industry_card {
        flex-direction: column;
        height: 100%;
    }
    .applications .card_img {
        width: 100%;
    }
     .applications .card_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .applications .main_apps_container {
        padding: 25px 15px;
    }
    
    .applications .main_card .card_image {
    }
    
    .applications .industry_slider_wrapper {
        padding: 0 40px;
    }
    
    .applications .swiper-button-prev,
    .applications .swiper-button-next {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
}

/* Customer Reviews Section */
.customer_reviews {
    color: #ffffff;
}

.customer_reviews .reviews_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.customer_reviews .section_title {
    font-size: 42px;
    font-weight: bold;
    color: #ffffff;
    margin: 0;
}

.customer_reviews .view_cards_btn {
    background: #2ab5a5;
    border: none;
    color: #ffffff;
    padding: 12px 30px;
    border-radius: 25px;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.customer_reviews .view_cards_btn:hover {
    transform: scale(1.1);
}

/* Reviews Slider */
.customer_reviews .reviews_slider_wrapper {
    overflow: hidden;
}

.customer_reviews .reviews_slider {
    overflow: visible;
    padding-top: 40px;
}

.customer_reviews .review_card {
    background: #ffffff;
    border-radius: 20px;
    padding: 25px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.customer_reviews .review_card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(135deg, #3dd5c1 0%, #2ab5a5 100%); */
    background-color: #25b7b6;
	box-shadow: 5px 9px 72px 9px 
		rgba(139, 139, 139, 0.07);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
}

.customer_reviews .review_card:hover::before {
    opacity: 1;
}

.customer_reviews .review_card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.customer_reviews .review_card:hover .review_text {
    color: rgba(255, 255, 255, 0.95);
}

.customer_reviews .user_avatar {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    aspect-ratio: 647/300;
}

.customer_reviews .user_avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.customer_reviews .review_content {
    flex: 1;
    position: relative;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 60px;
}

.customer_reviews .product_image {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.customer_reviews .product_image img {
    width: 100%;
    height: auto;
    display: block;
}

.customer_reviews .review_text {
    font-size: 18px;
    color: #000;
    line-height: 1.4;
    transition: color 0.3s ease;
}

/* About Company Section */
.about_company {
}

.about_company .about_container {
    background: #ffffff;
    border-radius: 25px;
    padding: 50px;
    display: flex;
    gap: 60px;
    align-items: center;
}

.about_company .about_left {
    flex: 1;
}

.about_company .about_title {
    font-size: 36px;
    /* font-weight: bold; */
    font-family: "HarmonyOS_Sans_SC_Bold";
    color: #000;
    margin-bottom: 25px;
}

.about_company .about_desc {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    margin-bottom: 20px;
}
.about_company .about_desc b{
    color: #25b7b6;
    font-weight: 500;
}

.about_company .about_right {
    width: 45%;
    flex-shrink: 0;
}

.about_company .about_right img {
    width: 100%;
    height: auto;
    border-radius: 15px;
}

/* Responsive Design */
@media screen and (max-width: 991px) {
    .customer_reviews .review_content{
        padding-bottom: 20px;
    }
    .customer_reviews .section_title {
        font-size: 32px;
    }
    
    .customer_reviews .reviews_header {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        margin-bottom: 10px;
    }
    
    .about_company .about_container {
        flex-direction: column;
        padding: 40px 30px;
    }
    
    .about_company .about_right {
        width: 100%;
    }
    
    .about_company .about_title {
        font-size: 28px;
    }
}

@media screen and (max-width: 768px) {
    .customer_reviews .section_title {
        font-size: 28px;
    }
    
    .customer_reviews .user_avatar {
        height: 160px;
    }
    
    .about_company .about_container {
        padding: 30px 20px;
    }
    
    .about_company .about_title {
        font-size: 24px;
    }
    .customer_reviews .review_text{
        font-size: 14px;
    }
    .customer_reviews .review_content{
        padding: 0px;
    }
    .about_company .about_desc{
        font-size: 14px;
    }
}
.dec-img-list{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 20px;
}
.dec-img-list img{
    display: inline-block;
    width: 160px;
    margin: 0px;
    border-radius: 10px;
}