@charset "utf-8";
/* CSS Document */
body{ background:url(/cms/templates/30695975335520000/images/2026bg.jpg) no-repeat center top #fff; background-size: 100% 27.8vw;}

.videoCss {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50%;
    width: 100%;
    height:56vw;
    object-fit: unset;
}

@media screen and (max-width:1000px) {
.videoCss {  top: 143px; }
}

@media screen and (max-width:700px) {
.videoCss {  top: 118px; }
}

@media screen and (max-width:500px) {
.videoCss {  top: 65.28px; }
}

#overlay {
    background: #000;
    filter: alpha(opacity=50); /* IE的透明度 */
    opacity: 0.5;  /* 透明度 */
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100; /* 此处的图层要大于页面 */
}

#olist{ background:#FFF; width:660px; height:336px;
position: fixed;
    z-index: 101;
 left:calc(50% - 330px);
top:calc(50% - 168px);
    display: none;
    line-height: 40px;
    border-radius: 10px;
overflow:hidden;
 }

.tipstitle{ color:#FFF; background:#1786DC; padding-left:24px; height:72px; line-height:72px; font-size:24px;  }
.tipsbody{ font-size:30px; text-align:center; margin-top:70px; }
.tipsbtn{ display:block; font-size:22px; margin:36px auto 0; width:172px; height:62px; line-height:62px; border-radius: 31px; text-align:center;
background-image: linear-gradient(to bottom, #e3f0ff, #c5d6eb); cursor:pointer;
}


.head-mid{  height:56vw; position:relative;}
@media screen and (max-width:1000px) {
.head-mid{  height:56vw; position:relative;}
}



.sj-slogan{ display:none;}
.head-slogan{ text-align:center; padding:0 14%;}
.pc-slogan{ width:100%; max-width:1432px;}
.sj-slogan{ width:100%; max-width:998px;}

/* 倒计时 */
.djs-font{ display:none;}
.djs{ font-weight:bold; position:absolute; bottom:1vw; right:7%; font-size:36px; color:#fff; display: flex;align-items: center; }
.djs-div{border-radius:6px;background: linear-gradient(to right, #7035a2 0%, #d60a77 100%); margin:0 18px; padding:0 16px;}



/* 数据模块 */
.sj-hhbottom{ display:none;}
.head-bottom{ background:url(/cms/templates/30695975335520000/images/head-bottom.jpg) no-repeat left -74px;  
background-size:100vw auto;
height:200px;
}

.xxhd{ height:34px; line-height:34px; background:url(/cms/templates/30695975335520000/images/head-bottom.jpg) no-repeat left top; background-size:100vw auto; width:27%; text-align:center; color:#fff; margin-top:-34px; position:relative; font-size:16px;}

@media screen and (max-width:1000px) {
.head-bottom{ background:url(/cms/templates/30695975335520000/images/head-bottom.jpg) no-repeat left -5vw; 
background-size: auto 30vw;
height:25vw;
}
.xxhd{ height:5vw; line-height:5vw;
 background:url(/cms/templates/30695975335520000/images/head-bottom.jpg) no-repeat left top;  
background-size: auto 30vw;
width:27%; text-align:center; color:#fff; margin-top:-5vw; position:relative; font-size:12px;}
}

.xxhd .xxhd-img{ vertical-align:middle; margin-left:16px;position: absolute;animation: slide 0.5s infinite alternate; }
@keyframes slide {
    from {
      top: 30%; 
    }
    to {
      top: 35%;
    }
  }
  

.sjmk ul{ display:flex;height:200px;justify-content: space-around;align-items: center;}
.sjmk ul:after,.sjmk ul li:after{ display:none;}  
.sjmk li{color:#FFF;}

.sjmk-text{ font-size:20px; margin-top:5px; text-align: center; }
.sjmk-text font{ font-size:70px; position:relative;   }

/* 数据模块 end */


/* 新闻中心 */
.mid01-wrap{  padding-bottom:8px;}
.sj-tpxw{ display:none;}

.lm-line{ height:100px; border-bottom:1px solid #b9babc; position:relative;}
.lm-line::before{position:absolute; content:''; width:12px; height:3px; left:0; bottom:-2px; background:#1c57ff;}

.xwzx-title{position:relative; margin-bottom:40px; padding-top:100px;}
.xwzx-title span{ font-size:50px; font-weight:bold; position:relative; }
.xwzx-title span::after{position:absolute; content:''; height:9px; left:0; right:0; bottom:-24px;background:linear-gradient(to right, #013b90 0%, #38ae94 100%); border-radius:5px;}

.hzhb-title{ text-align:center; margin-bottom:90px; margin-top:0; }
.hzhb-title span{ float:none;}

.hzhb-title2{ text-align:center; margin-bottom:90px;}
.hzhb-title2 span{ float:none;}




.xwzx-list ul{ width:calc(100% + 40px); margin-left:-40px;}
.xwzx-list li{  float:left; width:calc(100% / 2 - 43px); margin:0 0 46px 40px; border:1px solid #f6f9fc; background:#FFF; }
.wjhg-list li{   width:calc(100% - 40px); background:url(/cms/templates/30695975335520000/images/bgli.jpg) no-repeat left top;  
background-size: cover; }
.xwzx-hovebg{ padding:36px;   }
.xwzx-img{ float:right; width:25%; margin-left:12px;}
.xwzx-img img{ width:100%; height:auto;}

.xwzx-bt{ font-size:28px; line-height:50px; font-weight:bold; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.xwzx-time{ font-size:15px; line-height:28px; color:#50525a;}
.xwzx-con{ line-height:28px;height:56px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin:18px 0 20px 0;}
.xwzx-con img{ display:none;}
.xwzx-ckxq a{ }

.xwzx-list li:hover{ background:linear-gradient(to right, #084e9d 0%, #36ab96 100%); position:relative;}
.xwzx-list li:hover .xwzx-hovebg{ background:url(/cms/templates/30695975335520000/images/xwzx-bg.png) no-repeat right center;background-size:auto 90%;}
.xwzx-list li:hover .xwzx-bt,.xwzx-list li:hover .xwzx-bt a,.xwzx-list li:hover .xwzx-time,.xwzx-list li:hover .xwzx-con,.xwzx-list li:hover .xwzx-ckxq a{ color:#fff;}

.xwzx-more{ text-align:center; margin:30px 0;}
.xwzx-more span{ display:inline-block; line-height:55px; border:1px solid #858689; border-radius:28px; font-size:20px; font-weight:bold; padding:0 50px; background:#FFF; }

@media screen and (max-width:1000px) {
.xwzx-more{ margin:20px 0;}
.xwzx-more span{ display:inline-block; line-height:35px; border:1px solid #858689; border-radius:18px; font-size:14px; font-weight:bold; padding:0 30px; background:#FFF; }
}

.lm-line02{ height:60px;}

.wjhg-list .xwzx-hovebg{ }
@media screen and (max-width:1000px) {
.wjhg-list li {background:linear-gradient(to right, #084e9d 0%, #36ab96 100%); color:#FFF;}
.wjhg-list li a{ color:#FFF; }
.wjhg-list li .xwzx-hovebg{ background: url(/cms/templates/30695975335520000/images/xwzx-bg.png) no-repeat right center;
    background-size: auto 90%; margin-right: 0%; }
.wjhg-list li:hover .xwzx-hovebg{ margin-right: 0; }    

.xwzx-list li{width:calc(100% - 41px);  }

}

/* 新闻中心 end */

/* 大会动态 */
.mid02-wrap{ background:#edf5fb url(/cms/templates/30695975335520000/images/bg.jpg) no-repeat center bottom; background-size:cover; padding-bottom:50px; }
.dhdt-title{ padding-top:58px;  }

 

/* 大会动态 end */

.mid03-wrap{  }

/* 创新大赛 */
.cxds-title{ padding-top:68px;}

.cxds-list{ position:relative;}
.cxds-list li{ background:#fff; padding:18px 26px; margin-bottom:22px;}
.cxds-list01{ background:url(/cms/templates/30695975335520000/images/cxds-bg1.png) no-repeat right center; border-radius:14px; display:flex; align-items:center; padding:30px 0 20px; background-size:auto 100%; position:relative;}
.cxds-list02{ background:url(/cms/templates/30695975335520000/images/cxds-bg2.png) no-repeat right center;}
.cxds-list03{ background:url(/cms/templates/30695975335520000/images/cxds-bg3.png) no-repeat right center;}

.cxds-icon{ margin:0 5% 0 20px;}
.cxds-link{ font-size:30px; font-weight:bold;}

.cxds-list li:hover{cursor: pointer;}

.cxds-list li:hover .cxds-list01::before{position:absolute; content:''; width:15px; height:100%; left:-26px; top:0; background:#66b6f1; border-radius:0 14px 14px 0;}
.cxds-list li:hover .cxds-list01::after{position:absolute; content:''; width:15px; height:100%; right:-26px; top:0; background:#66b6f1; border-radius:14px 0 0 14px;}
.cxds-list li:hover .cxds-list01{background:url(/cms/templates/30695975335520000/images/cxds-bg1.png) no-repeat right center #ecf9ff;}
.cxds-list li:hover .cxds-list02{background:url(/cms/templates/30695975335520000/images/cxds-bg2.png) no-repeat right center #ecf9ff;}
.cxds-list li:hover .cxds-list03{background:url(/cms/templates/30695975335520000/images/cxds-bg3.png) no-repeat right center #ecf9ff;}

.cxds-img{ position:absolute; width:19%; right:-1.6%; bottom:-30px;}
.cxds-img img{ width:100%; height:auto; max-width:261px;}

.lm-line03{ height:84px;}

/* 创新大赛 end */

/* 现场直击 */
.tab-content { display: none;}
.tab-content.active {display: block;animation: fadeIn 0.5s ease;}
.xczj-left{ float:left; width:414px;}
.xczj-tab01,.xczj-tab02{ border-bottom:1px solid #eceff2; border-left:4px solid transpant; text-align:center; font-size:40px; line-height:160px; height:160px;cursor:pointer;}
.xczj-tab01.active,.xczj-tab02.active{line-height:159px; height:159px;border-top:1px solid #eceff2; border-left:4px solid #1872d6; font-weight:bold; color:#1872d6; }

.xczj-list ul{ margin:0 0 16px 450px;}
.xczj-list li{ background:url(/cms/templates/30695975335520000/images/xwzx-listbg1.jpg) no-repeat left bottom #fff; background-size:cover;  margin:0 0 12px 0; border:1px solid #f6f9fc; float:left; width:100%;box-sizing: border-box;}
.xczj-list .xwzx-hovebg{ padding:36px 0 56px 42px; background:url(/cms/templates/30695975335520000/images/xczj-li.png) no-repeat right bottom;background-size:contain;}

.xczj-list .xwzx-bt{ font-size:30px; line-height:50px; font-weight:bold; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.xczj-list .xwzx-time{ font-size:20px; line-height:28px; color:#50525a; margin-top:25px;}

.xczj-list li:hover{ background:linear-gradient(to right, #084e9d 0%, #36ab96 100%); position:relative;}
.xczj-list li:hover .xwzx-hovebg{ background:url(/cms/templates/30695975335520000/images/xczj-lihover.png) no-repeat right bottom;background-size:contain;}
.xczj-list li:hover .xwzx-bt,.xczj-list li:hover .xwzx-bt a,.xczj-list li:hover .xwzx-time,.xczj-list li:hover .xwzx-con,.xczj-list li:hover .xwzx-ckxq a{ color:#fff;}

/* 现场直击 end */

/* 品牌合作伙伴 */
 .hzhb {backface-visibility: hidden; transform: translateZ(0);will-change: transform;}


.xczj-title{ margin-bottom:100px;}

.hzhb-bottom{ padding:0 0 100px; text-align:center;}
.hzhb-bottom img{ width:100%; height:auto;}
.hzhb-pc{ max-width:1203px;}
.hzhb-sj{ display:none;}

/* 品牌合作伙伴 end */



/* =================@media================== */
@media screen and (max-width:1400px) {
/* 数据模块 */
/* 数据模块 end */
.cxds-img{ right:0;}
	
}

@media screen and (max-width:1200px) {
.hsfz-next{ position:absolute; right:32px; top:50%; margin-top:-16px;}
}

@media screen and (max-width:1000px) {
	
 

.sj-slogan{ display:block;}	
.pc-slogan{ display:none;}

 
	
/* 数据模块 */


.sjmk ul{ height:25vw;   } 
.sjmk li{width:auto;}

.sjmk-text{ font-size:15px; margin-top:5px;}
.sjmk-text font{ font-size:50px; position:relative;   }


/* 数据模块 end */
/* 手机版倒计时 */

.djs-font{  text-align:center; font-size:50px; color:#f4faff; font-weight:bold;}

   


/* 手机版倒计时 end */
	
.lm-line{ display:none;}
 
.mid02-wrap{  }
 

.mid01-wrap,.mid02-wrap,.mid03-wrap{ padding:0 20px;}
.lm-line{ height:80px;}
.xwzx-title{padding-top:60px;text-align:center; margin-bottom: 70px;}



/* 品牌合作伙伴 */
.hzhb-title{ margin-bottom:30px;}


.xwzx-title150{ padding-top: 4vw;
 }


.xwzx-list li{width:calc(100% - 41px);  }
 .xwzx-list li:last-child{ margin-bottom:26px;}
.xwzx-hovebg{ padding-bottom:20px;}
.xwzx-img,.xwzx-ckxq{ display:none;}
 
 

.wjhg-list .xwzx-ckxq{ display:block;margin-top: 20px;}
.wjhg-list .xwzx-hovebg{ padding-bottom:35px;}

/*手机版 图片新闻 */
.sj-tpxw{ display:block; margin-bottom:55px; padding-bottom:30px; position:relative; }

.swiper-slide{border-radius:10px; overflow:hidden; position:relative;}

.tpxw-text{ position:absolute; left:0; bottom:0; height:50px; line-height:50px; padding:0 10px;background:rgba(58,58,58,0.6);white-space: nowrap;
overflow: hidden;text-overflow: ellipsis; width:100%; box-sizing:border-box; color:#fff; text-align:center;}
.tpxw-text a{ color:#fff; font-size:16px; font-weight:bold;}

#controlBar{
	position: absolute !important;
    bottom:-30px !important;
	left:0px;
	text-align:center;
	width:100%;
}

.each-circle,.circle-check{
	width: 30px;
    height: 6px;
	margin:0 5px;
	border-radius:3px;
    display: inline-block;
    background:#fff;
	cursor:pointer;
}

.circle-check{
	background:#2280ff;
}

/*手机版 图片新闻 end */

/* 新闻中心 end */

/* 创新大赛 */
.cxds-list li:first-child .cxds-list01{background:url(/cms/templates/30695975335520000/images/cxds-bg1.png) no-repeat left center;}
.cxds-list01{ padding-right:10px;}

.cxds-list li:hover .cxds-list01{background:url(/cms/templates/30695975335520000/images/cxds-bg1.png) no-repeat left center #ecf9ff;}

.cxds-img{position: unset;text-align: right;width: auto; padding:20px 10px 0 0;}
.cxds-img img{ width:180px;}

/* 创新大赛 end */

/* 现场直击 */
.xczj-left{ float:none; width:auto; height:50px;}
.xczj-tab01, .xczj-tab02,.xczj-tab01.active, .xczj-tab02.active{ float:left; font-size:40px; height:50px; line-height:50px; width:50%; border:none;}

.xczj-title{ margin-bottom:60px;}

.xczj-list ul{ margin:40px 0 0 0;}

/* 现场直击 end */



.hzhb-bottom{padding:35px 0 80px;}

.hzhb-sj{ display:block;}
.hzhb-pc{ display:none;}
/* 品牌合作伙伴 end */

	
}

@media screen and (max-width:700px) {
	
 




/* 手机版倒计时 */
.djs-divwrap{}
.djs-font{ font-size:34px;}
.djs{font-size:18px;   }
.djs-div{padding:0 10px; margin:0 10px; border-radius:4px;}

/* 手机版倒计时 end */
	
/* 数据模块 */


/* 数据模块 end */


/* 新闻中心 */
.xwzx-title{ padding-top:40px;    margin-bottom: 50px;}
.xwzx-title span{font-size: 5.5vw;}
.xwzx-title span::after{ height:6px; bottom:-15px; }



.sj-tpxw{margin-bottom: 40px;}

.xwzx-list li{ margin-bottom:30px;}

.xwzx-img img{ height:32vw;}

.xwzx-bt,.xczj-list .xwzx-bt{font-size: 26px;}

.xczj-list .xwzx-time{ margin-top:15px;}
.xczj-list .xwzx-hovebg{ padding-bottom:40px;}

/* 新闻中心 end */


/* 创新大赛 */
.cxds-icon img{ width:56px; height:auto;}
.cxds-link{ font-size:28px;} 


.cxds-list02{ background:url(/cms/templates/30695975335520000/images/cxds-bg2.png) no-repeat left center;}
.cxds-list03{background: url(/cms/templates/30695975335520000/images/cxds-bg3.png) no-repeat left center;}
.cxds-list li:hover .cxds-list02{background:url(/cms/templates/30695975335520000/images/cxds-bg2.png) no-repeat left center #ecf9ff;}
.cxds-list li:hover .cxds-list03{background:url(/cms/templates/30695975335520000/images/cxds-bg3.png) no-repeat left center #ecf9ff;}
/* 创新大赛 end */
.xczj-list ul {margin: 35px 0 0 0;}
.xczj-tab01, .xczj-tab02, .xczj-tab01.active, .xczj-tab02.active{font-size: 30px;}
/* 品牌合作伙伴 */


.xczj-title span::after{ width:136px; margin-left:-68px; height:6px;}
.hzhb-bottom { padding: 0 0 50px;}
/* 品牌合作伙伴 end */

	
}

@media screen and (max-width:500px) {
	
 

 

/* 手机版倒计时 */
.djs-divwrap{  }
.djs-font{ font-size:24px;}
.djs{font-size:16px;   }
.djs-div{padding:0 8px; margin:0 10px;  }

/* 手机版倒计时 end */



/* 新闻中心 */






.sj-tpxw {margin-bottom: 30px;}

.xwzx-list li{ margin-bottom:26px;}
.xwzx-hovebg{ padding:20px 30px;}
.xwzx-bt,.xczj-list .xwzx-bt{ font-size:22px;}
.xwzx-con{ margin:10px 0;}

/* 新闻中心 end */

/* 创新大赛 */
.cxds-link{ font-size:22px;}
.cxds-icon img{ width:46px;}

/* 创新大赛 end */
.xczj-tab01, .xczj-tab02,.xczj-tab01.active, .xczj-tab02.active{ font-size:26px;}
/* 品牌合作伙伴 */

.hzhb-bottom { padding: 0 0 40px;}
/* 品牌合作伙伴 end */
}



/* 2026 */

.mascot{position:fixed; right:1%; top:20%; z-index:1; width:200px; height:auto; }

.zyhd{ display:flex; justify-content: space-between; flex-wrap: wrap; }
.zyhd li{ width:19%; margin-bottom:2vw; aspect-ratio: 263 / 464; display: flex;
    flex-wrap: wrap;   align-items: flex-end;     box-sizing: border-box;
    padding: 0 0 30px 25px; transition: 0.6s; }
.zyhd li:hover{ transform: scale(1.05); }
.zyhd2 li:hover{ transform: scale(1.02); }
.zyhd li>a{ display:block; width:100%; height:100%; }
.zyhd li span{ position:relative; display:block; color:#FFF; padding-left:24px;   font-size:20px;  line-height: 36px; width:100%;}
.zyhd li span a{ color:#FFF; }
.zyhd li span::before{ position:absolute; display:block; content:''; width:14px; height:14px; background:#FFF; border-radius:100%; top:calc(50% - 7px); left:0;  }

@media screen and (max-width:1000px) {
.zyhd2{ padding-bottom:15px; }
.zyhd li span{ padding-left:15px;   font-size:14px;  line-height: 24px;  }
.zyhd li span::before{ width:8px; height:8px; top:calc(50% - 4px); }
}

.zyhd2 li{ width:100%; aspect-ratio: 1407 / 226; padding:0; }
.zyhd2 li .zyhd2div{ width:100%; height:100%; }
.zyhd2 li .zyhd2div>div{   width:100%; height:100%;   background: url(/cms/templates/30695975335520000/images/xwzx-bg.png) no-repeat right center;
    background-size: auto 90%;   position:relative; }
.zyhd2 li .zyhd2div>div>div{  position:absolute; right:4%; bottom:5%;  }
.zyhd img{ width:100%; height:auto; }

.hd1{ background:url(/cms/templates/30695975335520000/images/hd1.png) no-repeat left top; background-size:cover; }
.hd2{ background:url(/cms/templates/30695975335520000/images/hd2.png) no-repeat left top; background-size:cover;}
.hd3{ background:url(/cms/templates/30695975335520000/images/hd3.png) no-repeat left top; background-size:cover;}
.hd4{ background:url(/cms/templates/30695975335520000/images/hd4.png) no-repeat left top; background-size:cover;}
.hd5{ background:url(/cms/templates/30695975335520000/images/hd5.png) no-repeat left top; background-size:cover;}
.hd6{ background:url(/cms/templates/30695975335520000/images/hd6.png) no-repeat left top; background-size:100% 100%;}
.hd6 .zyhd2div{     background: url(/cms/templates/30695975335520000/images/hd6title.png) no-repeat 3% 25%;
    background-size: auto 28%;} 
.hd7{ background:url(/cms/templates/30695975335520000/images/hd7.png) no-repeat left top; background-size:100% 100%;}
 .hd7 .zyhd2div{     background: url(/cms/templates/30695975335520000/images/hd7title.png) no-repeat 8% 28%;
    background-size: auto 30%; } 

@media screen and (max-width:1000px) {
.zyhd li{ width:49%; padding: 0 0 4vw 4vw; }
.zyhd2 li{ width:100%; padding:0; height:25vw;  }
.zyhd2 li .zyhd2div>div{ padding: 0;  }
.zyhd span{ position:relative; display:block; color:#FFF; padding-left:16px;   font-size:16px;  line-height: 30px;}
.zyhd span::before{ position:absolute; display:block; content:''; width:10px; height:10px; background:#FFF; border-radius:100%; top:calc(50% - 5px); left:0;  }
.mascot{ width:120px; height:auto; top:15%; }
 .hd7 .zyhd2div{     background: url(/cms/templates/30695975335520000/images/hd7title2.png) no-repeat 2vw 25%;
    background-size: 96% auto; } 
}

.lt-list{ padding:60px 0 0 0; }
.lt-list li{ position:relative; line-height:141px; padding-left:100px; margin-bottom:60px; font-size:26px; font-weight:700;  border-radius: 12px}
.lt-list li a{ white-space:nowrap; overflow:hidden;text-overflow: ellipsis;  }
.lt-list li:hover::before{position:absolute; content:''; width:16px; height:141px; left:-26px; bottom:0px; background: linear-gradient(to bottom, #38ae94 0%, #013b90 100%); border-radius: 0 12px 12px 0;}
.lt-list li:hover::after{position:absolute; content:''; width:16px; height:141px; right:-26px; bottom:0px; background: linear-gradient(to bottom, #38ae94 0%, #013b90 100%); border-radius: 12px 0 0 12px ; visibility: visible;}

@media screen and (max-width:1000px) {
.lt-list{ padding:10px 0 0 0; }
.lt-list li{  padding:0 20px; line-height: 30px;  font-size:20px; height:100px; margin-bottom:20px;         display: flex; align-items: center; justify-content: center; }
.lt-list li a{  white-space:wrap;}
.lt-list li:hover::before{ width:8px; height:100px; left:-16px; border-radius: 0 6px 6px 0; }
.lt-list li:hover::after{ width:8px; height:100px; right:-16px; border-radius: 6px 0 0 6px;  }
}

.lt1{ background:url(/cms/templates/30695975335520000/images/lt1.jpg) no-repeat center center; 
background-size:cover;
}
.lt2{ background:url(/cms/templates/30695975335520000/images/lt2.jpg) no-repeat center center; 
background-size:cover;
}
.lt3{ background:url(/cms/templates/30695975335520000/images/lt3.jpg) no-repeat center center; 
background-size:cover;
}
.lt4{ background:url(/cms/templates/30695975335520000/images/lt4.jpg) no-repeat center center; 
background-size:cover;
}
.lt5{ background:url(/cms/templates/30695975335520000/images/lt5.jpg) no-repeat center center; 
background-size:cover;
}

.mid04-wrap{ height:1400px; background:url(/cms/templates/30695975335520000/images/bg22.jpg) no-repeat center 480px; position: relative; }

.xwzx-more2{ text-align:center;  margin-top:120px; }
.xwzx-more2 span{ display:inline-block; height:120px; border:2px solid #fff; border-radius:50px; font-size:50px; font-weight:bold; padding:0 0 0 110px;     background: linear-gradient(to right, #095fce 0%, #e40370 100%); width:930px; box-sizing:border-box; }
.xwzx-more2 font{  font-size:26px; margin-left: 350px;  }
.xwzx-more2 a{ color:#FFF; display: flex;
    align-items: center;
    height: 100%;}

@media screen and (max-width:1000px) {
.mid04-wrap{ height:200vw; background:url(/cms/templates/30695975335520000/images/bg2.jpg) no-repeat center 50vw; background-size:100% auto; }

.xwzx-more2{ text-align:center;  margin-top:12vw; }
.xwzx-more2 span{ display:inline-block; height:48px; border:2px solid #fff;  border-radius:24px; font-size:20px; font-weight:bold; padding:0 0 0 30px;   width:250px;    }
.xwzx-more2 font{  font-size:12px;  margin-left: 40px; }
}

.zbjg-list{ display:flex; padding:60px 0 50px; }
.zbjg-list li{ height:411px; transition: width 0.2s; width:21%; position:relative; }
.zb-bg{ padding:20px;     box-sizing: border-box; height:100%;  }

.zbjg-list li:nth-child(1){ background:url(/cms/templates/30695975335520000/images/img4.jpg) no-repeat center top;     background-size: cover;  }
.zbjg-list li:nth-child(2){ background:url(/cms/templates/30695975335520000/images/img3.jpg) no-repeat center center; background-size: cover;  }
.zbjg-list li:nth-child(3){ background:url(/cms/templates/30695975335520000/images/img2.jpg) no-repeat center center; background-size: cover; }
.zbjg-list li:nth-child(4){ background:url(/cms/templates/30695975335520000/images/img1.jpg) no-repeat center center; background-size: cover;  }

.zbjg-list li.active{ width:37%; }

.zbjg-list{color:#000; }
.zbjg-list a{ color:#000; }
.zb-title1{ font-weight:700; font-size:20px; display: block;}
.zb-title2{  font-size:10px; display: block;}
.zb-title3{  font-size:16px; display: block; 
    position: absolute;
    bottom: 7%;
    left: 0;
    right: 0;
    text-align: center;  color:#FFF; 
}
.zb-title4{  font-size:16px; display: block;
    position: absolute;
    bottom: 7%;
    left: 0;
    right: 0;
    text-align: center;  color:#FFF; 
display:none;
}

.zb-link{ display:none; }

.zbjg-list li.active{ color:#FFF; }
.zbjg-list li.active a{  color:#FFF;  }
.zbjg-list li.active .zb-title1{ font-size:32px;  }
.zbjg-list li.active .zb-title2{ font-size:14px; }
.zbjg-list li.active .zb-title3{ display:none; }
.zbjg-list li.active .zb-title4{ display:block; }
.zbjg-list li.active .zb-link{ display:inline; position: absolute;
    right: 5%;
    top: 5%; }
.zbjg-list li.active .zb-bg{ background: linear-gradient(to right, rgba(1,59,144,0.7) 0%, rgba(56,174,148,0.7) 100%) !important; }

@media screen and (max-width:1000px) {
.zbjg-list{ flex-wrap:wrap; padding:30px 0 50px; }
.zbjg-list li{height:35vw; margin-bottom:5vw; }
.zb-bg{ padding:0;}
.zbjg-list li:nth-child(1){ background:url(/cms/templates/30695975335520000/images/img4.jpg) no-repeat -5vw top;         background-size: auto 100%; width:100%;  }
.zbjg-list li:nth-child(2){ background:url(/cms/templates/30695975335520000/images/img3.jpg) no-repeat left top;         background-size: auto 100%;width:100%;}
.zbjg-list li:nth-child(3){ background:url(/cms/templates/30695975335520000/images/img2.jpg) no-repeat left top;         background-size: auto 100%; width:100%;}
.zbjg-list li:nth-child(4){ background:url(/cms/templates/30695975335520000/images/img1.jpg) no-repeat -10vw top;         background-size: auto 100% ; width:100%;}

 .zbjg-list li:nth-child(1) .zb-bg{  background: linear-gradient(to right, rgba(8, 90, 158, 0) 42%, rgba(24, 113, 155, 1) 50%, rgba(38, 140, 153, 1) 70%, rgba(52, 170, 150, 1) 100%) ;  }
 .zbjg-list li:nth-child(2) .zb-bg{  background: linear-gradient(to right, rgba(8, 90, 158, 0) 42%, rgba(24, 113, 155, 1) 50%, rgba(38, 140, 153, 1) 70%, rgba(52, 170, 150, 1) 100%) ; }
 .zbjg-list li:nth-child(3) .zb-bg{  background: linear-gradient(to right, rgba(8, 90, 158, 0) 42%, rgba(24, 113, 155, 1) 50%, rgba(38, 140, 153, 1) 70%, rgba(52, 170, 150, 1) 100%) ;  }
 .zbjg-list li:nth-child(4) .zb-bg{  background: linear-gradient(to right, rgba(8, 90, 158, 0) 42%, rgba(24, 113, 155, 1) 50%, rgba(38, 140, 153, 1) 70%, rgba(52, 170, 150, 1) 100%) ;  }

.zbjg-list li.active .zb-bg{ background: linear-gradient(to right, rgba(8, 90, 158, 0) 42%, rgba(24, 113, 155, 1) 50%, rgba(38, 140, 153, 1) 70%, rgba(52, 170, 150, 1) 100%) !important; }

.zbjg-list{color:#222; }
.zbjg-list a{ color:#222; }
.zb-title{   text-align: right; line-height: 1.2; padding:5vw 5vw 0 0; box-sizing: border-box; height:100%; }
.zbjg-list li.active .zb-title{ display: block; background: url(/cms/templates/30695975335520000/images/xwzx-bg.png) no-repeat right center;
    background-size: auto 90%; }
.zbjg-list li.active .zb-title1{  display: block; margin:0; font-size:4vw; color:#FFF; }
.zbjg-list li.active .zb-title2{   color:#FFF; font-size:2vw;  }
.zbjg-list li.active .zb-link{ display:block;  color:#FFF; top: unset; bottom:10%; font-size:3vw; }
.zb-title1{ font-weight:700; font-size:4vw; display: block;}
.zb-title2{   font-size:2vw; }
.zb-title3{ left:unset; right:5vw; bottom:5vw; color:#000; font-size:3vw; }
.zb-title4{ left:unset; right:5vw; bottom:5vw; color:#000; font-size:3vw; }
.zbjg-list li.active .zb-title3{ color:#FFF; font-size:3vw; }
.zbjg-list li.active .zb-title4{ color:#FFF; font-size:3vw;  }
.zb-link{ display:none; }
}


#toggleMuteBtn{position:absolute;     top:100px;     left:12px;     z-index:99;     padding:6px 10px 6px 30px;     background: linear-gradient(to right, rgb(8,78,157,0.55) 0%, rgb(54,171,150,0.55) 100%);     color:#fff;     border:none;     border-radius:4px;     cursor:pointer;  position:relative; }

.toggleMuteBtn1::before{ content:''; position:absolute; height:100%; left:0; top:0; width:100%; background: url(/cms/templates/30695975335520000/images/sound2.png) no-repeat 7px center; background-size:auto 50%;}
.toggleMuteBtn2::before{ content:''; position:absolute; height:100%; left:0;  top:0; width:100%; background: url(/cms/templates/30695975335520000/images/sound.png) no-repeat 7px center; background-size:auto 50%;}

@media screen and (max-width:1000px) {
#toggleMuteBtn{position:absolute;     top:20vw;     left:12px;      }
}



   /* 弹窗的视觉尺寸由脚本设置，内部保留真实的手机视口尺寸。 */
    .ai-dialog {    z-index: 10000; position: fixed; inset: 0; margin: auto; padding: 0; border: 0; max-width: none; max-height: none; overflow: hidden; border-radius: 18px; background: #fff; box-shadow: 0 28px 100px #00192b55; }
    .ai-dialog::backdrop { background: #071d35a6; backdrop-filter: blur(6px); }
    .ai-shell { display: flex; flex-direction: column; transform-origin: top left; background: #fff; }
    .ai-toolbar { height: 52px; flex: 0 0 52px; display: flex; align-items: center; gap: 7px; padding: 0 12px 0 16px; border-bottom: 1px solid #e7edf4; }
    .ai-toolbar h2 { margin: 0 auto 0 0; font-size: 14px; font-weight: 600; color: #1a3850; }
    .online-dot { width: 7px; height: 7px; border-radius: 50%; background: #21be87; flex-shrink: 0; }
    .icon-button { width: 32px; height: 32px; display: grid; place-items: center; border: 0; border-radius: 8px; background: #f1f5f9; color: #63778a; text-decoration: none; }
    .icon-button:hover { background: #e5eff8; color: #0f64a0; }
    .icon-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .ai-viewport { position: relative; flex: 1; min-height: 0; background: #f5f7fb; }
    .ai-frame { display: block; width: 100%; height: 100%; border: 0; background: #f5f7fb; }
    .loading-panel { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px; background: #f5f9ff; text-align: center; color: #617b91; font-size: 14px; line-height: 1.9; }
    [hidden] { display: none !important; }
    .spinner { width: 32px; height: 32px; margin-bottom: 15px; border: 3px solid #dceaf7; border-top-color: #1f7dd0; border-radius: 50%; animation: spin .85s linear infinite; }
    .loading-panel a { color: #1674c2; margin-top: 10px; }
    @keyframes spin { to { transform: rotate(360deg); } }
    @media (max-width: 600px) {
      .site-header { height: 72px; padding: 0 22px; }
      .brand strong { font-size: 16px; }
      .header-label { display: none; }
      .hero { padding: 70px 26px 85px; min-height: 480px; }
      .hero p { font-size: 14px; }
      .services { width: calc(100% - 40px); grid-template-columns: 1fr; gap: 12px; }
      .service { padding: 22px; }
      .floating-entry { right: 18px; bottom: 18px; }
    }
    @media (max-width: 480px) { .ai-dialog { border-radius: 0; } }
    @media (prefers-reduced-motion: reduce) { .spinner { animation: none; } }