/* banner */
.banner{position:relative;overflow:hidden;margin-top: 5.8vw;}
.banner .img img{width: 100%;}
.banner .swiper-slide{position:relative;}
.banner .swiper-slide .img.on:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(8,18,30,.28) 0%,rgba(8,18,30,.28) 45%,rgba(8,18,30,0) 72%);pointer-events:none;}
.banner .info{transform: translate(0 , -50%);left: 0;top: 50%;width: 100%;position: absolute;z-index: 2;}
.banner .info .t0{font-size: .95vw;color: #4AA3E8;font-weight: bold;margin-bottom: .7vw;text-shadow: 0 1px 3px rgba(0,0,0,.4);}
.banner .info .t1{font-size: 2.6vw;color: #fff;font-weight: bold;margin-bottom: 1vw;text-shadow: 0 1px 3px rgba(0,0,0,.4);}
.banner .info .desc{color: #fff;font-size: .95vw;line-height: 1.7;max-width: 47vw;text-shadow: 0 1px 4px rgba(0,0,0,.45);margin-bottom: .9vw;}
.banner .info .checks li{list-style: none;color: #fff;font-size: 1vw;line-height: 1.9;padding-left: 1.45vw;position: relative;text-shadow: 0 1px 4px rgba(0,0,0,.45);}
.banner .info .checks li:before{content: "✔";position: absolute;left: 0;top: 0;font-size: .82vw;color: #fff;}
.banner .info .btn{margin-top: 1.4vw;}
.banner .bom{display: flex;align-items: center;position: absolute;right: 12%;bottom: 12%;width: max-content;}
.banner .bom .swiper-pagination{position: initial;margin-right: 2vw;}
.banner .bom .swiper-pagination-bullet{background: none;width: .8vw;height: .8vw;margin: 0 15px !important;position: relative;border: 1px solid #fff;opacity: 1;}
.banner .bom .swiper-pagination-bullet-active{background: #fff;}
.banner .bom .swiper-button-next,.banner .bom .swiper-button-prev{position: relative;margin: 0 1vw;width: 2.8vw;height: 2.8vw;border-radius: 50%;background: #fff;display: table;left: 0;right: 0;bottom: 0;top: 0;}
.banner .bom .swiper-button-next img,.banner .bom .swiper-button-prev img{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);width: 1.62vw;}
.banner .bom .swiper-button-next:after, .banner .bom .swiper-button-prev:after{font-size: 0;}
@media screen and (max-width:1080px) {
.banner{margin-top: 110px;}
.banner .info{top: 50%;}
.banner .info .t0{font-size: 15px;margin-bottom: 8px;}
.banner .info .t1{font-size: 34px;margin-bottom: 12px;}
.banner .info .desc{font-size: 15px;max-width: 92%;margin-bottom: 10px;}
.banner .info .checks li{font-size: 14px;padding-left: 20px;}
.banner .info .checks li:before{font-size: 13px;}
.banner .bom .swiper-pagination{display: none;}
.banner .bom .swiper-button-next, .banner .bom .swiper-button-prev{margin: 0 15px;width: 40px;height: 40px;}
.banner .bom .swiper-button-next img, .banner .bom .swiper-button-prev img{width: 26px;}
}
@media screen and (max-width:768px) {
.banner .info{top: 50%;}
.banner .info .t0{font-size: 13px;}
.banner .info .t1{font-size: 26px;}
.banner .info .desc{font-size: 14px;}
.banner .info .checks li{font-size: 13px;line-height: 1.8;}
.banner .info .btn{margin-top: 16px;}
.banner .bom .swiper-button-next, .banner .bom .swiper-button-prev{width: 36px;height: 36px;}
.banner .bom .swiper-button-next img, .banner .bom .swiper-button-prev img{width: 22px;}
}
@media screen and (max-width:520px) {
.banner{margin-top: 92px;}
.banner .info{top: 50%;}
.banner .info .t0{font-size: 12px;}
.banner .info .t1{font-size: 21px;}
.banner .info .desc{font-size: 13px;}
.banner .info .btn{margin-top: 14px;}
.banner .bom .swiper-button-next, .banner .bom .swiper-button-prev{width: 34px;height: 34px;}
.banner .bom .swiper-button-next img, .banner .bom .swiper-button-prev img{width: 20px;}
}

/* ticks list */
.ticks li{display:block;position:relative;padding-left:1.3em;font-size:.95vw;color:#656565;line-height:1.9;}
.ticks li:before{content:"\2714";color:#F76A0C;position:absolute;left:0;font-size:.8em;top:.18em;}
.ticks.dot li{padding-left:1em;}
.ticks.dot li:before{content:"\00B7";color:#F76A0C;font-weight:700;font-size:1.5em;top:-.02em;}
.indexD .item.dark .ticks li{color:#f5f5f5eb;}
.indexB ul li.dark .ticks li{color:#656565;}
@media only screen and (max-width:1080px){
.ticks li{font-size:14px;}
}
@media only screen and (max-width:520px){
.ticks li{font-size:13px;}
}

/* indexA */
.indexA{padding: 4.702196vw 0 2.5vw;background:#F7F7F7;}
.indexA .cards3{display:flex;justify-content:space-between;margin-top:2.58vw;}
.indexA .cards3 li{width:32.5%;}
.indexA .cards3 .item{background:#fff;box-shadow:0 0 6px rgba(0,0,0,.1);border-radius:6px;padding:1.8vw;height:100%;box-sizing:border-box;transition:.5s;display:flex;flex-direction:column;align-items:flex-start;}
.indexA .cards3 .item:hover{transform:translateY(-10px);box-shadow:0 20px 24px 0 rgba(8,117,209,.12);}
.indexA .cards3 .item .fl{color:#0875D1;font-size:.9vw;font-weight:600;}
.indexA .cards3 .item .t1{font-size:1.5vw;font-weight:700;color:#222222;line-height:1.45;margin:.8vw 0 1vw;}
.indexA .cards3 .item .text{font-size:.95vw;color:#626262;line-height:1.65;}
.indexA .cards3 .item .btn{margin-top:auto;margin-bottom:0;}
.indexA .cards3 .item .btn a{padding:.45vw .35vw .45vw .9vw;}
@media only screen and (max-width:1080px){
.indexA{padding:60px 0 30px;}
.indexA .cards3{margin-top:40px;}
.indexA .cards3 li{width:32.2%;}
.indexA .cards3 .item{padding:22px;}
.indexA .cards3 .item .fl{font-size:16px;}
.indexA .cards3 .item .t1{font-size:21px;margin:12px 0 15px;}
.indexA .cards3 .item .text{font-size:14px;}
}
@media only screen and (max-width:870px){
.indexA .cards3{flex-wrap:wrap;}
.indexA .cards3 li{width:49%;}
.indexA .cards3 li:nth-child(3){width:100%;margin-top:2%;}
.indexA .cards3 li:nth-child(3) .item{display:flex;flex-wrap:wrap;}
.indexA .cards3 li:nth-child(3) .item .text{width:50%;}
.indexA .cards3 li:nth-child(3) .item .t1{width:50%;padding-right:20px;margin-top:0;}
.indexA .cards3 li:nth-child(3) .item .fl{width:50%;}
}
@media only screen and (max-width:520px){
.indexA{padding:30px 0 15px;}
.indexA .cards3{margin-top:25px;}
.indexA .cards3 li{width:100%;}
.indexA .cards3 li:nth-child(2),.indexA .cards3 li:nth-child(3){margin-top:15px;}
.indexA .cards3 li:nth-child(3) .item .fl,.indexA .cards3 li:nth-child(3) .item .t1,.indexA .cards3 li:nth-child(3) .item .text{width:100%;padding-right:0;}
.indexA .cards3 .item{padding:18px;}
.indexA .cards3 .item .t1{font-size:16px;}
}

/* indexB */
.indexB{padding:2.5vw 0 4.702196vw;}
.indexB .in_tit .tit{width:60%;margin:.8vw auto 0;}
.indexB ul{margin-top:2.58vw;}
.indexB > ul > li,.indexB .w1600 > ul > li{display:flex;align-items:stretch;margin-bottom:0;}
.indexB ul li .info{width:50%;box-sizing:border-box;padding:2.2vw 4vw;background:#fff;display:flex;flex-direction:column;align-items:flex-start;}
.indexB ul li .img{width:50%;box-sizing:border-box;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;}
.indexB ul li .img img{max-width:100%;transition:.5s;}
.indexB ul li:hover .img img{transform:scale(1.06);}
.indexB ul li .info .t1{font-size:1.68vw;font-weight:700;color:#222222;line-height:1.45;}
.indexB ul li .info .text{font-size:.95vw;color:#626262;line-height:1.65;margin:.9vw 0;}
.indexB ul li .ticks{margin-bottom:.5vw;}
.indexB ul li .btn{margin-top:auto;}
.indexB ul li.dark .info{background:#fff;}
.indexD .item.dark .btn{background:linear-gradient(135deg,#F79406 0%,#F76A0C 52%,#E63A0C 100%);}
.indexB ul li.dark .btn{background:linear-gradient(135deg,#0E86D9 0%,#0875D1 55%,#0663B2 100%);}
.indexB ul li.dark .img{background:#fff;}
.indexB ul li.dark .info .t1{color:#222222;}
.indexB ul li.dark .info .text{color:#626262;}
.indexB ul li:nth-child(even){flex-direction:row-reverse;}
@media only screen and (max-width:1080px){
.indexB{padding:30px 0 60px;}
.indexB .in_tit .tit{width:auto;}
.indexB ul{margin-top: 30px;}
.indexB ul li{margin-bottom:20px;}
.indexB ul li .info{padding:25px;}
.indexB ul li .info .t1{font-size:22px;}
.indexB ul li .info .text{font-size:14px;margin:12px 0;}
}
@media only screen and (max-width:768px){
.indexB > ul > li,.indexB .w1600 > ul > li{flex-direction:column !important;}
.indexB ul li .info,.indexB ul li .img{width:100%;}
.indexB > ul > li .img,.indexB .w1600 > ul > li .img{padding:0;order:-1;}
}
@media only screen and (max-width:520px){
.indexB ul li .info{padding: 20px;}
}

/* indexB2 product grid */
.indexB2{padding:4.702196vw 0;background:#eee;}
.indexB2 .in_tit .tit{width:60%;margin:.8vw auto 0;}
.indexB2 ul{display:flex;flex-wrap:wrap;margin-top:2.58vw;}
.indexB2 ul li{width:23%;margin-right:2%;margin-bottom:2%;background:#fff;border-radius:6px;overflow:hidden;transition:all .4s;box-sizing:border-box;}
.indexB2 ul li:nth-child(4n){margin-right:0;}
.indexB2 ul li:nth-child(n+5){margin-bottom:0;}
.indexB2 ul li a{display:block;}
.indexB2 ul li .pimg{height:20vw;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:1.2vw;box-sizing:border-box;background:#fff;}
.indexB2 ul li .pimg img{max-width:100%;max-height:100%;transition:transform .5s;}
.indexB2 ul li:hover{box-shadow:0 8px 22px rgba(0,0,0,.12);transform:translateY(-4px);}
.indexB2 ul li:hover .pimg img{transform:scale(1.08);}
.indexB2 ul li .t1{text-align:center;font-size:1.02vw;font-weight:600;color:#222222;padding:0 .8vw;transition:color .4s;}
.indexB2 ul li:hover .t1{color:#0875D1;}
.indexB2 ul li .icons{display:flex;justify-content:center;padding:1.75vw .6vw 2vw;}
.indexB2 ul li .icons img{height:1.6vw;}
.indexB2 .more_wrap{display:flex;justify-content:center;margin-top:1.2vw;}
@media only screen and (max-width:1080px){
.indexB2{padding:60px 0;}
.indexB2 .in_tit .tit{width:auto;}
.indexB2 ul{margin-top:40px;}
.indexB2 ul li{width:48.5%;margin-right:2%;margin-bottom:20px;}
.indexB2 ul li:nth-child(2n){margin-right:0;}
.indexB2 ul li:nth-child(n+5){margin-bottom:20px;}
.indexB2 ul li .pimg{height:190px;padding:16px;}
.indexB2 ul li .t1{font-size:16px;}
.indexB2 ul li .icons img{height:22px;}
}
@media only screen and (max-width:520px){
.indexB2{padding:30px 0;}
.indexB2 ul{margin-top:25px;}
.indexB2 ul li{width:48.5%;margin-right:2%;margin-bottom:15px;}
.indexB2 ul li:nth-child(2n){margin-right:0;}
.indexB2 ul li:nth-child(n+5){margin-bottom:15px;}
.indexB2 ul li .pimg{height:200px;}
.indexB2 ul li .t1{font-size:15px;}
.indexB2 ul li .icons img{height:20px;}
}

/* indexC */
.indexC{padding:4.702196vw 0 4.702196vw;}
.indexC ul{display:flex;justify-content:space-between;margin-top:2.58vw;}
.indexC ul li{width:23.5%;}
.indexC ul li .t1{color:#0875D1;font-size:1.2vw;font-weight:700;line-height:1.45;margin-bottom:.8vw;}
.indexC ul li .text{font-size:.95vw;color:#626262;line-height:1.65;}
@media only screen and (max-width:1080px){
.indexC{padding:0 0 60px;}
.indexC ul{margin-top:40px;}
.indexC ul li .t1{font-size:18px;margin-bottom:12px;}
.indexC ul li .text{font-size:14px;}
}
@media only screen and (max-width:768px){
.indexC ul{flex-wrap:wrap;}
.indexC ul li{width:49%;}
.indexC ul li:nth-child(n+3){margin-top:20px;}
}
@media only screen and (max-width:520px){
.indexC{padding:0 0 30px;}
.indexC ul{margin-top:25px;}
.indexC ul li{width:100%;}
.indexC ul li:nth-child(n+2){margin-top:18px;}
}

/* indexD */
.indexD{padding:4.702196vw 0;background:#F7F7F7;}
.indexD .flx{margin-top:2.58vw;align-items:stretch;}
.indexD .item{width:49.2%;box-sizing:border-box;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.08);border-radius:6px;padding:2.2vw;display:flex;flex-direction:column;align-items:flex-start;}
.indexD .item .t1{font-size:1.53vw;font-weight:700;color:#222222;line-height:1.45;}
.indexD .item .text{font-size:.95vw;color:#626262;line-height:1.65;margin-top:1vw;}
.indexD .item .ticks{margin:1vw 0 0;}
.indexD .item .btn{margin-top:auto;margin-bottom:0;}
.indexD .item.dark{background:#0875D1;}
.indexD .item.dark .ticks.dot li:before{color:#fff;}
.indexD .item.dark .t1{color:#fff;}
.indexD .item.dark .text{color:#f5f5f5eb;}
@media only screen and (max-width:1080px){
.indexD{padding:60px 0;}
.indexD .flx{margin-top:40px;}
.indexD .item{padding:25px;}
.indexD .item .t1{font-size:22px;}
.indexD .item .text{font-size:14px;}
}
@media only screen and (max-width:850px){
.indexD .flx{flex-wrap:wrap;}
.indexD .item{width:100%;}
.indexD .item.dark{margin-top:20px;}
}
@media only screen and (max-width:520px){
.indexD{padding:30px 0;}
.indexD .flx{margin-top:25px;}
.indexD .item{padding:18px;}
}

/* index7 */
.index7{padding-bottom: 4.702196vw;}
.index7 .in7{margin-top: 2.58vw;padding: 4px 4px 4vw;}
.index7 .in7 .item .text{background: #fff;box-shadow: 0 0 6px rgba(0, 0, 0, .1);font-size: .85vw;color: #6E6E6E;font-style: italic;line-height: 1.68;padding: 1.5vw;border-radius: 10px;min-height: 7.1vw;position: relative;margin-bottom: 2vw;display: inline-table;}
.index7 .in7 .item .text:before {content: "";position: absolute;bottom: -20px;left: 18%;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #ffffff;filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.08));}
.index7 .in7 .item .text span {position: relative;z-index: 1;padding: .35vw .5vw;display: inline-table;}
.index7 .in7 .item .text span:after {position: absolute;content: "";background: #FFDFC7;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;border-radius: 6px;opacity: 0.9; }
.index7 .in7 .item .info {display: flex;align-items: center;padding: 0 4vw;}
.index7 .in7 .item .info img {width: 3.6051vw;border-radius: 50%;margin-right: 1vw;}
.index7 .in7 .item .info .txt {line-height: 1.5;}
.index7 .in7 .item .info .txt h3 {color: #3d3d3d;font-size: .95vw;margin: 0;}
.index7 .in7 .item .info .txt p {color: #6c6c6c;font-size: .85vw;margin: 0;}
.index7 .in7 .swiper-pagination{bottom:0}
.index7 .in7 .swiper-pagination-bullet{width:.68vw;height:.68vw;margin:0 .58vw}
.index7 .in7 .swiper-pagination-bullet-active{background:#0875D1}
@media only screen and (max-width:1080px){
.index7{padding-bottom: 60px;}
.index7 .in7{padding: 3px 3px 60px;margin-top: 40px;}
.index7 .in7 .item .text{padding: 20px;margin-bottom: 40px;font-size: 14px;min-height: 162px;}
.index7 .in7 .item .text:before{border-left: 18px solid transparent;border-right: 18px solid transparent;border-top: 18px solid #ffffff;bottom: -18px;left: 28%;}
.index7 .in7 .item .info img{width: auto;}
.index7 .in7 .item .info .txt h3{font-size: 18px;}
.index7 .in7 .item .info .txt p{font-size: 16px;}
.index7 .in7 .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 8px;}
}
@media only screen and (max-width:520px){
.index7{padding-bottom: 30px;}
.index7 .in7{padding: 3px 3px 30px;margin-top: 30px;}
.index7 .in7 .item .text{padding: 15px;margin-bottom: 30px;min-height: 128px;}
.index7 .in7 .item .text:before{border-left: 16px solid transparent;border-right: 16px solid transparent;border-top: 16px solid #ffffff;bottom: -16px;left: 28%;}
.index7 .in7 .item .info{justify-content: center;}
.index7 .in7 .item .info img{width: 58px;}
.index7 .in7 .item .info .txt h3{font-size: 16px;}
.index7 .in7 .item .info .txt p{font-size: 14px;}
}


/* index8 */
.index8{padding: 4.702196vw 0;background: #F7F7F7;}
.index8 .flx{align-items: stretch;}
.index8 .lf{width: 47%;}
.index8 .lf .in_tit{text-align: left;}
.index8 .lf .in_tit .title{text-align: left;}
.index8 .lf .in_tit .tit{text-align: left;margin-top: 1vw;}
.index8 .pts{margin-top: 2.2vw;}
.index8 .pts li{margin-bottom: 1.5vw;}
.index8 .pts li:last-child{margin-bottom: 0;}
.index8 .pts .t1{color: #0875D1;font-weight: 600;font-size: 1.05vw;margin-bottom: .45vw;display: flex;align-items: baseline;}
.index8 .pts .t1:before{content: "✔";color: #0875D1;margin-right: .55em;font-size: .85em;}
.index8 .pts .text{font-size: .95vw;color: #626262;line-height: 1.65;}
.index8 .form_card{width: 49%;background: #fff;border-radius: 14px;box-shadow: 0 12px 40px rgba(0,0,0,.10);padding: 2.2vw 2.4vw;box-sizing: border-box;display: flex;flex-direction: column;}
.index8 .form_card .fc_tit{color: #0875D1;font-family: Montserrat,Poppins,Arial,sans-serif;font-size: 1.4vw;font-weight: 700;text-align: center;margin-bottom: 1.6vw;}
.index8 form{flex: 1;display: flex;flex-direction: column;}
.index8 form .flx{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.index8 form .input{margin-bottom: 1vw;width: 49%;}
.index8 form label{display: block;font-size: .8vw;font-weight: 600;color: #222;margin-bottom: .45vw;}
.index8 form label i{color: #E23C3C;margin-left: .2em;}
.index8 form .input input,.index8 form .textarea textarea{width: 100%;height: 2.5vw;background: #F7F7F9;border: 1px solid #E7E7EC;border-radius: 8px;font-size: .8vw;font-family: inherit;color: #333;text-indent: 1em;box-sizing: border-box;transition: border .3s;}
.index8 form .textarea textarea{height: 6.5vw;padding-top: .8vw;text-indent: 0;padding-left: 1em;}
.index8 form .input input:focus,.index8 form .textarea textarea:focus{border: 1px solid #0875D1;background: #fff;}
.index8 form .input.code{position: relative;display: flex;align-items: center;gap: .8vw;}
.index8 form .input.code input{flex: 1;}
.index8 form .input.code img{height: 2.5vw;border-radius: 6px;cursor: pointer;}
.index8 form .input.row{width: 100%;}
.index8 form .submit{margin: 0 auto;margin-top:2vw;}
.index8 form .submit button{background: none;}
@media only screen and (max-width:1080px){
.index8{padding: 60px 0;}
.index8 .lf .in_tit .tit{margin-top: 12px;}
.index8 .pts{margin-top: 25px;}
.index8 .pts li{margin-bottom: 18px;}
.index8 .pts .t1{font-size: 16px;margin-bottom: 5px;}
.index8 .pts .text{font-size: 14px;}
.index8 .form_card{padding: 25px;}
.index8 .form_card .fc_tit{font-size: 20px;margin-bottom: 18px;}
.index8 form .input{margin-bottom: 14px;}
.index8 form label{font-size: 13px;margin-bottom: 5px;}
.index8 form .input input,.index8 form .textarea textarea{height: 40px;font-size: 13px;border-radius: 6px;}
.index8 form .textarea textarea{height: 90px;padding-top: 10px;}
.index8 form .input.code img{height: 40px;}
.index8 form .submit button{padding: 5px 5px 5px 11px;}
.index8 form .submit button p{font-size: 10px;margin-right: 12px;}
.index8 form .submit button span{width: 15px;height: 15px;}
.index8 form .submit button span img{width: 8px;}
}
@media only screen and (max-width:850px){
.index8 .lf{width: 100%;}
.index8 .form_card{width: 100%;margin-top: 30px;}
}
@media only screen and (max-width:520px){
.index8{padding: 35px 0;}
.index8 .pts{margin-top: 20px;}
.index8 .pts li{margin-bottom: 15px;}
.index8 .pts .t1{font-size: 15px;}
.index8 .pts .text{font-size: 13px;}
.index8 .form_card{padding: 18px;margin-top: 25px;}
.index8 .form_card .fc_tit{font-size: 18px;margin-bottom: 15px;}
.index8 form .input{width: 100%;}
.index8 form .input input,.index8 form .textarea textarea{height: 36px;font-size: 12px;}
.index8 form .textarea textarea{height: 70px;}
.index8 form .input.code img{height: 36px;}
.index8 form .submit button{padding: 4px 4px 4px 8px;}
.index8 form .submit button p{font-size: 10px;margin-right: 10px;}
}

/* index9 */
.index9{padding: 4.702196vw 0;background: #F7F7F7;}
.index9 .cont{margin-top: 2.58vw;display: flex;justify-content: space-between;}
.index9 .cont .item{width: 32%;border-radius: 6px;position: relative;}
.index9 .cont .item .img{padding-bottom:58%;position:relative;overflow:hidden}
.index9 .cont .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.index9 .cont .item:hover .img img{transform:scale(1.068)}
.index9 .cont .item .info{background:#fff;box-shadow:0 0 6px rgba(0,0,0,.1);padding: 1.28vw 1.28vw 1.68vw 1.28vw;}
.index9 .cont .item .info .mydate{color:#9a9a9a;font-size:.82vw;line-height:1.5;margin-top:.7vw;}
.index9 .cont .item .info .t1{font-size:1vw;font-weight:700;line-height:1.58;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .35s}
.index9 .cont .item .info .t2{color:#8c8c8c;font-size:.85vw;line-height:1.68;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:1vw 0 1.68vw}
.index9 .cont .item .info .bt{display:flex;align-items:center;width:max-content}
.index9 .cont .item .info .bt p{color:#000;font-size:.85vw;margin-right: 1vw;transition:all .6s;position: relative;}
.index9 .cont .item .info .bt p:after{content:'';position:absolute;height: 2px;z-index:9;width: 12px;left: 0;transition: all .5s ease-in-out;bottom: -10px;background: #000000;}
.index9 .cont .item:hover .info .bt p:after{background: #0875D1;width: 100%;}
.index9 .cont .item .info .bt span{width:1.2vw;height:1.2vw;background: #c7c7c7;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .6s;}
.index9 .cont .item .info .bt span img{width:.627vw;filter:brightness(0) invert(1)}
.index9 .cont .item:hover .info .bt span{background:#0875D1;}
.index9 .btn{margin: 0 auto;margin-top: 3.5vw;}
@media only screen and (max-width:1080px){
.index9{padding: 60px 0;}
.index9 .cont{margin-top: 40px;}
.index9 .cont .item .info .mydate{font-size: 13px;}
.index9 .cont .item .info{padding: 20px 20px 25px 20px;}
.index9 .cont .item .info .t1{font-size: 16px;}
.index9 .cont .item .info .t2{font-size: 14px;margin: 20px 0;}
.index9 .cont .item .info .bt p{font-size: 14px;margin-right: 15px;}
.index9 .cont .item .info .bt span{width: 20px;height: 20px;}
.index9 .cont .item .info .bt span img{width: 12px;}
.index9 .btn{margin-top: 40px;}
}
@media only screen and (max-width:890px){
.index9 .cont{flex-wrap: wrap;}
.index9 .cont .item{width: 49%;margin-bottom: 2%;}
.index9 .cont .item:nth-last-child(1){display: none;}
}
@media only screen and (max-width:520px){
.index9{padding: 30px 0;}
.index9 .cont{margin-top: 30px;}
.index9 .cont .item .info .mydate{font-size: 12px;}
.index9 .cont .item .info{padding: 10px 10px 20px 10px;}
.index9 .cont .item .info .t1{font-size: 15px;line-height: 1.45;}
.index9 .cont .item .info .t2{-webkit-line-clamp: 2;margin: 15px 0;}
.index9 .cont .item .info .bt p{font-size: 13px;}
.index9 .cont .item .info .bt span{width: 20px;height: 20px;}
.index9 .cont .item .info .bt span img{width: 12px;}
.index9 .btn{margin-top: 30px;}
}

/* indexProfile company profile */
.indexProfile{margin:0;}
.indexProfile>.w1600{display:flex;align-items:stretch;}
.indexProfile .pf_fl{width:65%;box-sizing:border-box;padding:0 4vw 0 0;}
.indexProfile .pf_name{text-align:left;}
.indexProfile .pf_name h2{margin:0;}
.indexProfile .pf_fl>p{color:#4c4c4c;font-size:.95vw;line-height:1.8;margin: .5vw 0 0;}
.indexProfile .pf_more{margin-top:2.2vw;}
.indexProfile .pf_stats{margin:2.2vw 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap: 1.8vw 3vw;}
.indexProfile .pf_stats li{text-align:left;}
.indexProfile .pf_stats li .num{display:flex;align-items:baseline;gap:.5vw;}
.indexProfile .pf_stats li .num .val{font-size:2.28vw;font-weight:700;color:#222;line-height:1;}
.indexProfile .pf_stats li .num em{font-style:normal;font-size:1.28vw;font-weight:600;color:#222;}
.indexProfile .pf_stats li p{color:#4c4c4c;font-size:.95vw;margin-top:.6vw;line-height:1.5;}
.indexProfile .pf_fr{width: 45%;margin:0 0 0 5%;}
.indexProfile .pf_fr img{width:100%;height:100%;object-fit:cover;display:block;}
@media only screen and (max-width:1080px){
.indexProfile>.w1600{flex-direction:column;}
.indexProfile .pf_fl{width:100%;padding:0;}
.indexProfile .pf_fl>p{font-size:15px;}
.indexProfile .pf_more{margin-top:25px;}
.indexProfile .pf_stats{margin-top:30px;gap:22px 16px;}
.indexProfile .pf_stats li .num{gap:6px;}
.indexProfile .pf_stats li .num .val{font-size:28px;}
.indexProfile .pf_stats li .num em{font-size:13px;}
.indexProfile .pf_stats li p{font-size:13px;}
.indexProfile .pf_fr{width:100%;margin:30px 0 0;}
.indexProfile .pf_fr img{height:auto;}
}

/* unified section spacing */
.indexB,.indexB2,.indexProfile,.index8,.index9{padding-top:4.702196vw;padding-bottom:4.702196vw;}
@media only screen and (max-width:1080px){
.indexB,.indexB2,.indexProfile,.index8,.index9{padding-top:60px;padding-bottom:60px;}
}
@media only screen and (max-width:520px){
.indexB,.indexB2,.indexProfile,.index8,.index9{padding-top:30px;padding-bottom:30px;}
}

/* pf_video play button */
.indexProfile .pf_video{position:relative;cursor:pointer;overflow:hidden;}
.indexProfile .pf_play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border:3px solid #fff;border-radius:50%;background:rgba(0,0,0,.35);box-sizing:border-box;transition:all .3s;}
.indexProfile .pf_play:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-38%,-50%);border-style:solid;border-width:13px 0 13px 22px;border-color:transparent transparent transparent #fff;}
.indexProfile .pf_video:hover .pf_play{background:linear-gradient(135deg,#F08400,#EE6A00 55%,#E4240C);transform:scale(1.08);}
@media only screen and (max-width:520px){
.indexProfile .pf_play{width: 58px;height: 58px;}
}


/* indexB row gaps: keep images apart top/bottom/middle (selectors match line-111 specificity so margin:0 is overridden) */
.indexB > ul > li,.indexB .w1600 > ul > li{margin-bottom:1.5vw;}
@media only screen and (max-width:1080px){
.indexB > ul > li,.indexB .w1600 > ul > li{margin-bottom:18px;}
}
@media only screen and (max-width:520px){
.indexB > ul > li,.indexB .w1600 > ul > li{margin-bottom:12px;}
}

/* internal-only hover zoom: frame built with margin (outside the clip box) so scale() never fills it */
/* indexB: alternating rows keep a 1.5vw white gutter at page centre, image clipped inside its own box */
.indexB ul li .img{padding:0;width:calc(50% - 1.5vw);margin-left:1.5vw;margin-right:0;}
.indexB ul li:nth-child(even) .img{margin-left:0;margin-right:1.5vw;}
/* indexB2: product cards keep their 1.2vw inner white frame while zooming */
.indexB2 ul li .pimg{padding:0;margin:1.2vw;height:calc(20vw - 2.4vw);}
@media only screen and (max-width:1080px){
.indexB ul li .img,.indexB ul li:nth-child(even) .img{padding:0;width:100%;margin:0;}
.indexB2 ul li .pimg{padding:0;margin:16px;height:calc(190px - 32px);}
}
@media only screen and (max-width:520px){
.indexB2 ul li .pimg{padding:0;margin:16px;height:calc(200px - 32px);}
}