body,pre{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.flex-ct,.flex-bect,.flex-le,.flex-lect,.flex-rict{display:-ms-flexbox;-webkit-display:flex;-moz-display:flex;-ms-display:flex;-o-display:flex;display:flex}table{border-collapse:collapse}
.bgle{background-position:0 center;background-repeat:no-repeat}body{background-color:#FFFFFF;color:#000}*{padding:0;margin:0;box-sizing:border-box}ul{list-style:none}a{color:#000;text-decoration:none}
.flex-ct{align-items:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;-ms-flex-pack:justify;justify-content:center}
.flex-bect{align-items:center;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.flex-lect{-moz-align-items:center;-ms-jalign-items:center;-o-align-items:center;-ms-flex-pack:align;align-items:center}
.flex-rict{-moz-align-items:center;-ms-jalign-items:center;-o-align-items:center;-ms-flex-pack:align;align-items:center}
.flex1{flex:1;width:100%}
.bgCover{background-position:center;background-size:cover;background-repeat:no-repeat}
.padd{padding:88px 0}
.box{margin-left:auto !important;margin-right:auto !important; width:94%;}
.ani,.aniAll,.aniAll *{transition:all ease 0.3s}
.img{object-fit:cover;width:100%;max-height:100%;display:block}
.cur{cursor:pointer}
.row1,.row2,.row3,.row4,.row5,.row6,.row7,.row8{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.row1{-webkit-line-clamp:1}
.row2{-webkit-line-clamp:2}
.row3{-webkit-line-clamp:3}
.row4{-webkit-line-clamp:4}
.row5{-webkit-line-clamp:5}
.row6{-webkit-line-clamp:6}
.row7{-webkit-line-clamp:7}
.row8{-webkit-line-clamp:8}
.ov{overflow:hidden}
.re{position:relative}
.inbk{display:inline-block;vertical-align:middle}
.inbks *{display:inline-block;vertical-align:middle}
@-moz-keyframes sub{0%{opacity:0;transform:translate(0%, 10px)}100%{opacity:1;transform:translate(0%, 0)}}

.ct{text-align: center;}
.m-title{text-align: center; font-size: 0.55rem; margin-bottom: 0.25rem;}
.m-intro{color: #656565; font-size: 0.32rem; text-align: center; margin-bottom: 1.3rem}

.main_xc1{margin-bottom: 0.6rem;}
.m-top.mr{flex-direction: row-reverse;}
.m-top{display: flex; justify-content: space-between; align-items: center; margin: 0 0  0.6rem 0;}
.m-top .text{position: relative; width: 3.87rem; height: 1.6rem; background-position: center; background-repeat: no-repeat; background-image: url(../image/tit-2.png);}
.m-top.ml .text{background-image: url(../image/tit-1.png);}
.m-top .text .sp{font-size: 0.63rem; text-align: center; color: #FFFFFF; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding-bottom: 0.3rem;}
/* .main_xc{min-height: 13.57rem;} */

.main_xc5 .item{padding: 0.35rem 0}
.main_xc5 .p1{color:#FF6A00; font-size:0.52rem}
.main_xc5 .p2{font-size:0.28rem}
.main_xc5 .box{max-width:1200px;}
.main_xc5 .ri{position: relative;}
.main_xc5 .dot{ border-radius: 50%; border:3px solid rgba(245, 166, 108, 1); position: absolute; display: flex; align-items: center; justify-content: center;}
.main_xc5 .dot::after{width:10px; height:10px;display: block; border-radius: 50%;  background-color:rgba(239, 120, 54, 1); content: '';}
.main_xc5 .dot1{left: 30%; top:15%}
.main_xc5 .dot2{left: 16%; top:45%}
.main_xc5 .dot3{left: 20%; top:70%}
.main_xc5 .dot4{left: 46%; top:23%}

.main_xc5 .dot5{left: 43%; top:33%}
.main_xc5 .dot6{left: 44%; top:43%}
.main_xc5 .dot7{left: 50%; top:54%}

.main_xc5 .dot8{left: 63%; top:20%}
.main_xc5 .dot9{left: 68%; top:30%}
.main_xc5 .dot10{left: 66%; top:37%}

.main_xc5 .dot11{left: 75%; top:15%}
.main_xc5 .dot12{left: 76%; top:34%}
.main_xc5 .dot13{left: 77%; top:45%}

.main_xc5 .dot14{left: 80%; top:25%}
.main_xc5 .dot15{left: 82%; top:36%; animation: scale-opacity1 2s ease-in-out infinite; border-width: 4px;}
.main_xc5 .dot15::after{width:16px; height:16px; }
.main_xc5 .dot16{left: 84%; top:50%}
.main_xc5 .dot17{left: 85%; top:75%}
.main_xc5 .dot18{left: 90%; top:30%}

.main_xc6{background-position: 0 bottom; background-repeat: no-repeat; background-size: 100%; background-image: url(../image/m6-bg.png);}
.main_xc6 .ri{margin-left: -2rem;}
.main_xc6 .ri .item{color: #1B2F5F; border: 1px solid #1B2F5F; display: flex; align-items: center; justify-content: center; height: 0.9rem; position: relative; border-radius: 0.8rem; font-size: 0.36rem; width: 4.2rem; margin-bottom: 0.6rem;}
.main_xc6 .ri .item::after, .main_xc6 .ri .item::before{content: ''; display: block; width: 1rem; height: 2px; background-color: #1B2F5F; position: absolute; }
.main_xc6 .ri .item::after{right: 14%; bottom: 0.1rem;}
.main_xc6 .ri .item::before{left: 14%; top: 0.1rem;}
.main_xc6 .ri .item .r::after, .main_xc6 .ri .item .r::before{width: 0.4rem; height: 60%; display: block; content: ''; position: absolute; border-radius: 50%; bottom: 20%;}
.main_xc6 .ri .item .r::after{right: 10px; border-right: 2px solid #1B2F5F;}
.main_xc6 .ri .item .r::before{left: 10px; border-left: 2px solid #1B2F5F;}
.main_xc6 .ri .item2{margin-left: 2.2rem;}
.main_xc6 .ri .item3{margin-left: 0.33rem; margin-bottom: 1.2rem;}
.main_xc6 .ri .item4{margin-left: 2.2rem;}

.main_xc6 .box{width: 94%; max-width: 1500px; align-items: stretch;}
.main_xc6 .le{position: relative; }
.main_xc6 .le dt{height: 100%; display: flex; align-items: center; justify-content: center;}
.main_xc6 .le .item{display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; color: #fff; border-radius: 50%; text-align: center; background-position: center; background-size: cover; animation-name: scale-opacity; animation-duration: 2s; animation-iteration-count: infinite; }


.main_xc6 .le .item1{font-size: 0.28rem; width: 2.4rem; height: 2.4rem;  background-image: url(../image/m6-y1.png); padding: 0 0.1rem 0.4rem 0;}
.main_xc6 .le .item2{ width: 1.4rem; height: 1.4rem;  background-image: url(../image/m6-y2.png); padding: 0 0.1rem 0.25rem 0; left: 22%; top: 64%; font-size: 0.22rem; color: #1B2F5F; animation-delay: 0.4s;}

.main_xc6 .le .item3{font-size: 0.28rem; width: 2.4rem; height: 2.4rem;  background-image: url(../image/m6-y3.png); padding: 0 0.1rem 0.4rem 0; left:40%; top: 82%; animation-delay: 0.8s;}
.main_xc6 .le .item4{left: 90%; top: 80%; margin-left: 2.6rem; animation-delay: 1.2s;}
.main_xc6 .le .item5{font-size: 0.42rem; width: 3.4rem; height: 3.4rem;  background-image: url(../image/m6-y5.png); padding: 0 0.1rem 0.4rem 0; left: 72%; top: 50%; animation-delay: 0.4s;}
.main_xc6 .le .item6{top: 26%; left: 62%; animation-delay: 0.7s;}

.main_xc7 .box{display: flex; align-items: center; justify-content: space-between; width: 96%;}
.main_xc7 .item1{margin-left: 0.68rem;}
.main_xc7 .line{width: 10%; border-top: 1px dashed #9BACD3;}
.main_xc7 .line2{width: 100%; height: 0.7rem; border-left: 1px dashed #9BACD3;  margin-left: 2.08rem;}
.main_xc7 .item1, .main_xc7 .item2{font-size: 0.32rem; width: 30%; height: 1.3rem; border-radius: 0.2rem; background: rgba(236, 244, 253, 1);}
.main_xc7 .icon1{margin-right: 0.25rem; }
.main_xc7 .icon2{margin-right: 0.2rem; width: 0.45rem;}
.main_xc7 .item3{width: 48%; text-align: center;}
.main_xc7 .item4{margin-left: 4%; margin-top: 0.4rem;}
.main_xc7 .item4 .name{margin-bottom: 0;}
.main_xc7 .w{flex-wrap: wrap; width: 48%;}
.main_xc7 .name{font-size: 0.36rem; margin: 0.4rem 0;}
.main_xc7 .ri .line2{margin-right: 2rem; border-right: 1px dashed #9BACD3; border-left: none;}
.main_xc7 .ri .item2{margin-right: 0.68rem;}
.main_xc6{margin-bottom: 1rem;}
.main_xc5 img{max-width: 100%;}
/* 定义名为 'scale-opacity' 的关键帧 */
@keyframes scale-opacity {
  0% {
    transform: scale(1); /* 初始大小 */
    opacity: 1; /* 完全不透明 */
  }
  50% {
    transform: scale(1.1); /* 放大到1.5倍 */
    opacity: 0.7; /* 半透明 */
  }
  100% {
    transform: scale(1); /* 回到原始大小 */
    opacity: 1; /* 完全不透明 */
  }
}


@keyframes scale-opacity1 {
  0% {
    transform: scale(1); /* 初始大小 */
    opacity: 1; /* 完全不透明 */
  }
  50% {
    transform: scale(1.4); /* 放大到1.5倍 */
    opacity: 1; /* 半透明 */
  }
  100% {
    transform: scale(1); /* 回到原始大小 */
    opacity: 1; /* 完全不透明 */
  }
}
#video_xc{display: none; max-width: 90vw; max-height: 90vh;}
#video_xc.on{display: block;}
#video_xc_btn{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); cursor:pointer; width:80px; height:80px;}
.main_xc2 .box{max-width: 1720px;}
.main_xc2 .le{line-height: 1.6; font-size: 0.32rem; flex: 1;}
.main_xc2 .ri{width: 5.6rem; margin-left: 2%; position:relative; border-radius:14px; overflow:hidden; background-color:#000;}
.video-box{opacity:0.8}
.banner{margin-top: 1.74rem;}
.banner img{height: 210px;}

.main_xc3 .box{max-width: 1533px;}
.main_xc3 .list{width: 110%; align-items: stretch; flex-wrap: wrap;}
.main_xc3 .item{width: 21.2%; margin: 0 2% 0.2rem 0;;}
.main_xc4 .list{width: 110%; align-items: stretch; flex-wrap: wrap;}
.main_xc4 .item{width: 12.14%; margin: 0 1% 0.2rem 0;}
.big-imgs .img{cursor: pointer;}
.main_xc{padding-bottom: 1.5rem;}
.pup_xc{position: fixed; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0,0,0,0.8); left: 0; top: 0; align-items: center; justify-content: center; display: none;}
.pup_xc.on{display: flex;}
#imgSrc{display: none; max-width: 90vw; max-height: 90vh;}
.pup_xc.on #imgSrc{display: block;}
.pup_xc .close{position: absolute; right: 10px; top: 10px; color: #fff; cursor: pointer;}
.main_xc-common .m-top{padding-top: 0;}
.main_xc-common{padding-bottom: 1rem;}
.main_xc-mb .m-top{margin-bottom: 1rem;}
.main_xc-common.main_xc-mb{padding-bottom: 1.35rem;}
.m-top{background-repeat: no-repeat; background-size: 3.52rem; }
.m-top .text{background-position: center; background-repeat: no-repeat; background-size: 100% 100%; width: 3.8rem; height: 1.6rem; display: flex; align-items: center; justify-content: center; padding-bottom: 0.3rem; font-size: 0.63rem; color: #fff;}
.m-top.ml .text{background-image: url(../image/tit-1.png);}
.m-top.mr .text{background-image: url(../image/tit-2.png);}
.m-top.ml{background-position: right center; background-image: url(../image/logo1.png);}
.m-top.mr{background-position: 0 center;background-image: url(../image/logo2.png);}
.swiper-container {
    width: 100%;
    /* 让Swiper容器宽度占据其父容器的全部宽度 */
    height: auto !important;
    /* 或者指定一个固定高度 */
  }

  .swiper-slide {
    width: auto !important;
    /* 根据内容自动调整宽度 */
    box-sizing: border-box !important;
    /* 确保padding和border不会增加元素的实际宽度 */
  }
  .swiper-slide img{width: auto !important;}


@media only screen and (min-width: 1366px) and (max-width: 1560px){
  
  .main_xc2 .le{font-size: 0.26rem;}
  .main_xc6 .ri .item{width: 3.2rem; font-size: 0.24rem; height: 0.8rem;}
  .main_xc6 .ri .item::after{width: 0.6rem; }
  .main_xc6 .ri .item::before{width: 0.6rem;}
  .main_xc6 .le .item5{width: 2.5rem; height: 2.5rem; font-size: 0.3rem;}
  .main_xc6 .le .item1,.main_xc6 .le .item3{width: 2rem; height: 2rem; font-size: 0.24rem;}
  .main_xc6 .le .item2{width: 1rem; height: 1rem; font-size: 0.2rem;}
  .main_xc6 .le .item4{left: 70%;}
}

@media only screen and (min-width: 980px) and (max-width: 1366px){
  .main_xc2 .le{font-size: 0.22rem;}
  .main_xc6 .ri .item{width: 3.2rem; font-size: 0.24rem; height: 0.8rem;}
  .main_xc6 .ri .item::after{width: 0.6rem; }
  .main_xc6 .ri .item::before{width: 0.6rem;}
  .m-title{font-size: 0.45rem;}
  .main_xc4 .item{width: 17.25%;}
  
  .main_xc6 .le .item5{width: 2rem; height: 2rem; font-size: 0.25rem;}
  .main_xc6 .le .item1,.main_xc6 .le .item3{width: 1.4rem; height: 1.4rem; font-size: 0.18rem; padding-bottom: 0.2rem;}
  .main_xc6 .le .item2{width: 0.8rem; height: 0.8rem; font-size: 0.14rem; padding-bottom: 0.2rem;}
  .main_xc6 .le .item4{left: 70%;}
  
}


@media only screen and (min-width: 180px) and (max-width: 1560px){
  .m-top .text{width: 3rem; height: 1.2rem; font-size: 0.45rem;}
  .m-top{background-size: 3rem;}
  .main_xc6 .le{width: 70%;}
  .main_xc6 .le img{width: 100%;}
  .main_xc7 .icon1{width: 40px; margin-right: 0.1rem;}
  .main_xc7 .icon2{width: 36px; margin-right: 0.1rem;}
  .main_xc7 .name{font-size: 0.3rem;}
  .main_xc7 .item1, .main_xc7 .item2{font-size: 0.26rem;}
  
}
@media only screen and (min-width: 180px) and (max-width: 1280px){
  .main_xc7 .item1, .main_xc7 .item2{font-size: 0.24rem; height: 0.8rem;}
  .main_xc7 .name{font-size: 0.26rem;}
  .main_xc7 .icon1{width: 30px; margin-right: 0.1rem;}
  .main_xc7 .icon2{width: 26px; margin-right: 0.1rem;}
}

@media only screen and (min-width: 80px) and (max-width: 980px){
  .main_xc7 .item1{margin-left: 0;}
  .main_xc7 .item1, .main_xc7 .item2{width: 45%;}
  .main_xc7 .ri .item2{margin-right: 0;}
  
  .main_xc2 .div{display: block !important;}
  .main_xc2 .ri{margin-left: 0; margin-top: 0.3rem; width: 100%;}
  .banner{margin-top: 0.6rem;}
  .main_xc{padding-bottom: 1rem;}
  .m-title{font-size: 0.4rem;}
  .m-intro{font-size: 0.3rem; margin-bottom:0.8rem}
  .main_xc3 .item{width: 29.2%; border-width:8px; padding:3px;}
  .main_xc4 .item{width: 21.5%;}
  .banner img{height:160px}
  .main_xc6 .ri .item{width: 2.2rem; font-size: 0.18rem; height: 0.6rem; margin-bottom: 0.4rem;}
  .main_xc6 .ri .item2{margin-left: 1.2rem;}
  .main_xc6 .ri .item4{margin-left: 1.4rem;}
  .main_xc7 .line2{margin-left: 22%;}
  .main_xc7 .ri .line2{margin-right: 75%; margin-left: 0;}
  
  .main_xc6 .ri .item::after,.main_xc6 .ri .item::before, .main_xc6 .ri .r{display: none;}
  
  .main_xc6 .le .item5{width: 1rem; height: 1rem; font-size: 0.16rem; padding-bottom: 0.14rem;}
  .main_xc6 .le .item1,.main_xc6 .le .item3{width: 0.8rem; height: 0.8rem; font-size: 0.12rem; padding-bottom: 0.1rem;}
  .main_xc6 .le .item2{width: 0.5rem; height: 0.5rem; font-size: 0.1rem; padding-bottom: 0.1rem; padding-left: 0.05rem;}
  .main_xc6 .le .item4{left: 40%;}
}
@media only screen and (min-width: 80px) and (max-width: 680px){
  .main_xc6 .le{width: 100%;}
  .main_xc6 .ri{width: 100%; margin: 0;}
  .main_xc6 .box{display: block !important;}
  .main_xc6 .ri{display: flex; align-items: center; margin-bottom: 1rem; width: 160%; margin-left: 1rem; margin-top: 0.4rem;}
  .main_xc6 .ri .item{margin: 0 0.05rem !important; font-size: 0.22rem;}
  .main_xc6 .ri .item2{left: -1.2rem; top: 0.8rem; position: relative;}
  .main_xc6 .ri .item3{left: -1.8rem;}
  .main_xc6 .ri .item4{left: -3.4rem; top: 0.8rem; position: relative;}
  
  
  .main_xc6 .le .item5{width: 1.8rem; height: 1.8rem; font-size: 0.22rem;}
  .main_xc6 .le .item1,.main_xc6 .le .item3{width: 1.4rem; height: 1.4rem; font-size: 0.18rem; padding-bottom: 0.2rem;}
  .main_xc6 .le .item2{width: 0.8rem; height: 0.8rem; font-size: 0.14rem; padding-bottom: 0.2rem;}
  .main_xc6 .le .item4{left: 30%;}
  
  .banner{margin-top: 0.4rem;}
  .main_xc{padding-bottom: 0.8rem;}
  .m-top .text{width: 2.6rem; height: 1rem; font-size: 0.34rem; padding-bottom:0.2rem}
  .m-title{font-size: 0.34rem;}
  .m-intro{font-size: 0.26rem; line-height:1.5}
  .main_xc3 .item{width: 44.5%;}
  .main_xc4 .item{width: 29.2%;}
  
  .main_xc7 .icon1, .main_xc7 .icon2{display: none;}
  .main_xc7 .ri {margin-top: 1rem;}
  .main_xc7 .item1, .main_xc7 .item2{height: 0.6rem; border-radius: 6px;}
  .main_xc7 .item1, .main_xc7 .item2,.main_xc7 .item3{width: 48%;}
  .main_xc7 .item4 .name{font-size: 0.22rem;}
  .main_xc7 .line{width: 4%;}
  .main_xc2 .le{font-size: 0.29rem;}
  .main_xc5 .dot{transform:translate(-50%,-50%)}
  .main_xc5 .dot::after{width:5px; height: 5px;}
  .main_xc5 .dot15::after{width:10px; height: 10px;}
  #video_xc_btn{width:1rem; height:1rem;}
}