@charset "utf-8";
/* CSS sxf 2013 */



*{margin:0;padding:0;list-style-type:none;}
body{ font-family:"Microsoft YaHei",Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:16px;background-color: #fff;-webkit-overflow-scrolling:touch;line-height: 1.7;}
a,img{border:0;}
a { text-decoration:none;transition: .3s}
a:hover{ text-decoration: none;}
input:focus,
a:focus,a:visited{ outline:none}
a i{ display:none; cursor:pointer; }
.fl{ float:left;*display:inline}
.fr{ float:right;*display:inline}
img{ display:block;outline:none;border:none; max-width: 100%}
.wp{width:1200px;margin:0 auto;}
.clearfix:after {visibility:hidden;  display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix {zoom:1;}
ul,li,p,h1,h2,h3,h4,h5,h6{margin-bottom: 0;margin-top: 0;list-style: none;}

a[href^="tel:"] {
  color: inherit;         /* 使用父元素的文本颜色 */
  text-decoration: none;  /* 去除下划线 */
  pointer-events: none;   /* 禁止点击事件 */
  cursor: default;        /* 使用默认光标 */
}

.fbg{overflow: hidden;}


.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;} 



/*logo和导航*/
.logo{width: 320px;margin-top: 15px;}


.headdiv{width: 100%;background-color: #fff;padding: 15px 0 15px;position: fixed; top:0;left:0; height: 105px;z-index: 22;}
.headdiv button {z-index:22;width:25px;height:30px;position:absolute;top:25px;right:10px;background-color:transparent;border:none;outline:none;cursor:pointer;display:none;}
.headdiv button span {display:block;width:25px;height:2px;background:#163f8f;margin-bottom:6px;transition:0.5s;}
.headdiv button span.spa1 {transform:rotate(45deg);}
.headdiv button span.spa3 {transform:rotate(-45deg) translate(5px,-5px);}
.headdiv-mobile{position: fixed;width: 100%;top:0;left:0;z-index: 10000;background-color: #fff}
.headdiv .top{display: flex;justify-content: flex-end;align-items: center;}
.countDown{flex: 1}
.countDown span{height: 27px; background: #000; line-height: 27px; text-align: center;color: #fff;display: inline-block;margin: 0 4px;vertical-align: middle; padding: 0 6px}
.headdiv .email{background: url(../images/ic_email.png) no-repeat left center;padding-left: 30px; color: #333;margin-right: 25px;}
.headdiv .email:hover{color: #666}
.headdiv .language-switch{background: url(../images/ic_en.png) no-repeat left center;padding-left: 21px;margin-left: 30px;background-size:  18px auto}
.headdiv .language-switch a{color: #333;display: inline-block;margin: 0 3px}
.headdiv .language-switch:hover{}

.headdiv .wp{display: flex;justify-content: space-between;position: relative;}
.headdiv .nav-box{display: flex; align-items: center;margin-top: 25px;}
.loginbox{position: absolute;top:0;right:0;display: flex;justify-content: center;gap:10px;-ms-align-items: center;
align-items: center;}
.loginbox a{background-color: #0e479e;border-radius: 4px;color: #fff;font-size: 12px;padding: 6px 18px;transition: .3s}
.loginbox a:hover{background-color: #296bcf;}
.loginbox a:first-child{background-color: #f28337;}

.layui-nav > li{display: inline-block;padding: 18px 12px 0;margin: 0 10px;position: relative;height: 65px;}
.layui-nav > li:before{content: "";width: 0;height: 3px;background-color: #286b9e;position: absolute;bottom:0;left:0;transition: .3s;display: block;}
.layui-nav > li:last-child{margin-right: 0;}
.layui-nav > li.cli{padding-right: 20px;}
.layui-nav > li.cli h3{position: relative;}
.layui-nav > li.cli h3 a:after{content: "";width: 10px;height: 10px;background: url(../images/ar.png) no-repeat center center;display: block;position: absolute;right:-15px;top:50%;margin-top: -5px;}
.layui-nav > li h3{display: block;}
.layui-nav > li h3 a{font-size: 16px;color: #666666;display: inline-block;position: relative;}
.layui-nav > li h3 a:hover{color: #286b9e}
.layui-nav > li:hover:before{width: 100%}
.layui-nav .nav-item{background-color: rgba(14,71,158,.9); position: absolute; width: 240px;display: none; top:65px; left:50%;z-index: 99;padding: 0px 0;box-shadow: 0 0 10px rgba(0,0,0,.3); transform: translateX(-50%); border-radius: 10px}
.layui-nav .nav-item .subtit{color: #92d2f6;font-size: 18px;margin: 15px 25px 0 25px;background: url(../images/subnav-ico.jpg) no-repeat left center;padding-left: 16px; }
.layui-nav .nav-item .subtit + .sublist{padding-top: 5px;}
.layui-nav .nav-item ul{padding: 15px 15px}
.layui-nav .nav-item li{display: block;float: none;height: auto;line-height: initial;}
.layui-nav .nav-item li.subitem{padding-left: 30px;}
.layui-nav .nav-item li a{display: block;color: #fff;font-size: 14px;height: 40px;line-height: 40px;text-indent: 10px;font-weight: bold;}
.layui-nav .nav-item li a:hover{text-decoration: none;color: #0e479e;font-weight: bold; background-color: #68d0fd;}
.layui-nav .subnav{width: 480px}
.sub-navlist{width: 480px; display: flex;justify-content: space-between;}
.subbox{width: 50%}


.search{display: flex;}
.search input{height: 40px;line-height: 40px;padding: 0 20px;border:solid 1px #ccc;}
.search a{width: 40px;height: 40px;background: url(../images/ic_sc.png) no-repeat right center;display: block;}


.copyright .wp{display: flex;justify-content: space-between; padding: 20px 0}
.copyright .wp .img{display: flex;-ms-align-items: center;align-items: center;}
.copyright p{color: #666;font-size: 14px}
.copyright a{color: #999;}
.copyright a:hover{color: #ccc}
.copyright .img p{margin: 0 30px;}

.headdiv + div,.headdiv + section{ margin-top: 105px;}
.stage-wrap{ position: relative;}
.stage{width: 1200px;position: absolute;z-index: 2; color: #fff; left:50%;top:0px;margin-left: -600px;}
.m-exh .time,
.stage .time{font-size: 18px; padding:0px 0 20px;margin-top: 20px; }
.m-exh .time span,
.headdiv .time span{background-color: #ff4525;border-radius: 5px;color: #fff;font-size: 20px;padding: 0 6px;display: inline-block;margin: 0 3px}
.headdiv .time{font-size: 16px; margin-left: 20px;}
.stage .slg{width: 603px; margin-top: 80px;}
.stage .info{margin-top: 30px; width:670px;display: none;}
.stage .txt{margin-top: 100px;width: 900px;position: absolute;top:300px;left:0;}

.stage .action{display: flex; padding-top: 20px;position: absolute;top:80px;right:0;background: url(../images/ban_logo.png) no-repeat right top;background-size: 150px auto;padding-top: 100px;}
.stage .action a{width: 170px;height: 54px;line-height: 50px;display: block;text-align: center;margin-left: 30px;font-size:18px;border: solid 2px #fff;font-weight: bold;transition: .3s}
.stage .action a.bt1{background-color: #fff;color: #0f449b;}
.stage .action a.bt2{color: #fff}
.stage .action a.bt2:hover{border-color: #ccc;}
.stage .action a.bt1:hover{    background-color: #ddd;}
.text-rich{font-size: 18px;padding: 50px 0; width: 850px;margin: auto;}
.text-rich h4{font-size: 32px;padding-bottom: 20px;font-weight: normal;line-height: 1.5;}
.text-rich ul{}
.text-rich li{position: relative;padding-left: 15px;margin-bottom: 5px;font-size: 16px}
.text-rich li:before{content: "";width: 5px;height: 5px;border-radius: 5px;background-color: #333;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.swiper-ban img{margin: auto;}
.swiper-ban .pc{display: block;}
.swiper-ban .phone{display: none;}

.swiper-ban .swiper-pagination-bullet{opacity: .4;transition:.2s;width: 10px; height: 4px;border-radius: 4px; margin:0 4px!important; background-color: #fff; }
.swiper-ban .swiper-pagination-bullet-active{ opacity: 1; width: 30px}


.hero{position: relative;height: 550px;background-color: #ebebeb;}
.hero-content{width: 55%;}
.hero-content h3{font-size: 26px;margin-bottom: 20px;padding-top: 70px;}
.hero-content p{font-size: 14px;line-height: 1.6;margin-bottom: 30px;padding-right: 30px;}
.hero-content .action{display: flex;}
.hero-content .action .btn1{ margin-right: 30px;}
.btn1 {
padding: 10px 30px;
 border: 2px solid #0e479e;
 position: relative;
 overflow: hidden;
 background-color: transparent;
 text-align: center;
 text-transform: uppercase;
 font-size: 16px;
 transition: .3s;
 z-index: 1;
 font-family: inherit;
 color: #0e479e;
}

.btn1::before {
 content: '';
 width: 0;
 height: 300%;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) rotate(45deg);
 background: #0e479e;
 transition: .5s ease;
 display: block;
 z-index: -1;
}
.btn1:hover::before {width: 105%;}
.btn1:hover { color: #fff;}



.btn2 {
padding: 10px 50px;
 border: 2px solid #0e479e;
 position: relative;
 overflow: hidden;
 background-color: #0e479e;
 text-align: center;
 text-transform: uppercase;
 font-size: 16px;
 transition: .3s;
 z-index: 1;
 font-family: inherit;
 color: #fff;
}

.btn2::before {
 content: '';
 width: 0;
 height: 800%;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) rotate(45deg);
 background: #fff;
 transition: .5s ease;
 display: block;
 z-index: -1;
}
.btn2:hover::before {width: 105%;}
.btn2:hover { color: #0e479e;}

.stats{position: absolute;top: 0%;right: 0%;display: flex;flex-direction: column;background-color: #333;color: #fff;width: 45%;height: 100%;justify-content: space-between; padding: 50px}
.stat-item{display: flex;align-items: center;font-size: 22px;font-weight: normal;}
.stat-item img{width: 30px;height: 30px;margin-right: 10px;}
.stat-number{margin-right: 5px;font-style: inherit;font-size: 40px;font-weight: bold;}

.events{padding: 70px 0;text-align: center;}
.events h2{font-size: 36px; margin-bottom:50px;}

.events .content{display: flex;justify-content: space-between;flex-wrap: wrap;}

.event-item {position: relative;overflow: hidden; }
.events .content > .event-item{display: inline-block;width: 49%;margin-top: 20px;}
.events .content > .event-item:first-child{margin-bottom: 0px;margin-top: 0;}
.events .content .list{display: flex;justify-content: space-between;flex-direction: column; width: 49%;margin-bottom: 0px;}
.event-item img{width: 100%;height: auto;transition: .5s}
.event-item h3{background: rgba(0,0,0,.5);position: absolute;bottom:0;width: 100%;left:0;font-size: 18px;color: #fff;padding: 15px;text-align: left;transition: .3s}
.event-item h3 a{color: #fff;}
.event-item:hover h3{background: rgba(0,0,0,.7);}
.event-item:hover img{transform: scale(1.1);}

.news{padding: 70px 0;background-color: #f4f7fc;; color: #333}
.news h2{font-size: 36px; margin-bottom:50px;text-align: center;}
.news .content{display: flex;justify-content: space-between;}
.news-item{width: 49%;position: relative;}
.news-item img{width: 100%;display: block;}
.news-item .box{background-color: rgba(14,57,122,.6);width: 50%;height: 50%;position: absolute;display: block; top:50%;left:50%;transform: translate3d(-50%,-50%,0);}
.news-item .box a{color: #fff;font-size: 18px;width: 60%; padding: 10px 10px;border: solid 2px #fff;position: absolute;display: block; top:50%;left:50%;transform: translate3d(-50%,-50%,0);text-align: center;
 position: relative;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;
  background: transparent;
  cursor: pointer;
  transition: ease-out 0.5s;
  box-shadow: inset 0 0 0 0 #fff;

}

.news-item .box a:hover {
  color: white;
  box-shadow: inset 0 -100px 0 0 #0c2b5c;
}



.reasons{padding: 70px 0;text-align: center;background:url(../images/bg_map.jpg) no-repeat top center #0e479e; color: #333}
.reasons h2{font-size: 36px; margin-bottom:50px;}
.reasons .list{display: flex;justify-content: space-between;}
.reason-item{width: 32%;text-align: left;background-color: #fff;}
.reason-item .img{width: 100%;position: relative;}
.reason-item .img img{width: 100%}
.reason-item .img:before{content: "";width: 100%;height: 100%;background-color: rgba(0,0,0,.6);display: block;z-index: 2; position: absolute;top:0;left:0;}
.reason-item .img h3{position: absolute;top:90px;left:0;width: 100%;text-align: center;color: #fff;font-size: 30px;z-index: 4;}
.reason-item p{ padding: 15px 15px 0;color: #000;font-size: 16px;height: 120px}
.reason-item a{margin: auto;display: block;width: 140px;margin-bottom: 20px;}

.highlights{padding: 70px 0;text-align: center;}
.highlights .wp{position: relative;}
.highlights h2{font-size: 36px; margin-bottom:50px;}
.swiper-photo{}
.highlights .swiper-button-prev,
.highlights .swiper-button-next{width: 60px;height: 60px;display: block;position: absolute;top:56%;border: solid 1px #ebebeb;}
.highlights .swiper-button-prev{left:50%;margin-left: -680px;}
.highlights .swiper-button-next{right:50%;margin-right: -680px;}
.highlights .swiper-button-prev:after, .highlights .swiper-button-next:after{font-size: 24px;margin-top: 20px;display: block; color: #0f489e}



.media-partners1{padding: 70px 0;text-align: center; background-color: #f4f7fc;}
.media-partners1 h2{font-size: 36px; margin-bottom:50px;}
.media-partners1 h2 span{display: block;font-size: 16px;color: #999;margin-top: 10px;}
.media-partners2{padding: 70px 0;text-align: center; background-color: #fff;}
.media-partners2 h2{font-size: 36px; margin-bottom:50px;}
.media-logos{overflow: hidden; }
.media-logos ul{margin-left: -18px;}
.media-logos li{width: 185px;margin-top: 15px;margin-left: 18px; border: solid 1px #ddd; float:left;}
.media-logos li img{display: block; width: 100%; height: 83px;}
.exhibitors{padding: 70px 0;text-align: center;}
.exhibitors h2{font-size: 36px; margin-bottom:50px;}
.exhibitor-logos{display: flex;justify-content: center;flex-wrap: wrap;}
.exhibitor-logos img{height: 50px;margin: 0 10px;}
.footer{background-color: #333;color: #fff;}
.footer .content{display: flex; justify-content: space-between;padding: 40px 0;}
.footer .content h4{font-size: 16px;padding-bottom: 25px; font-weight: normal;color: #ddd}
.footer .content p{}
.footer-link a{color: #999;transition: .3s}
.footer-link a:hover{text-decoration: underline; color: #ccc}
.footer-link p,
.footer-info p{font-size: 14px;margin-bottom: 6px;color: #999}
.footer-info p.c1{background: url(../images/ic_ft1.png) no-repeat left 5px;padding-left: 25px;}
.footer-info p.c2{background: url(../images/ic_ft2.png) no-repeat left 5px;padding-left: 25px;}
.footer-info p.c3{background: url(../images/ic_ft3.png) no-repeat left 5px;padding-left: 25px;}
.footer-info p.c4{background: url(../images/ic_ft4.png) no-repeat left 5px;padding-left: 25px;}
.footer-info ul{display: flex;}
.footer-info li{position: relative;}
.footer-info li{margin-right: 20px;width: 110px;}
.footer-info li p{color: #000;font-size: 12px;width: 100%;background-color: #fff;text-align: center; padding: 0 0 2px 0}
.footer-codes .cont{display: flex;}
.footer-codes ul{display: flex;}
.footer-codes li{position: relative;}
.footer-codes li{margin-right: 20px;}
.footer-codes li p{color: #000;font-size: 12px;width: 100%;position: absolute;bottom:5px;text-align: center;}
.footer-codes .lik{margin-left: 80px;display: flex;justify-content: space-between;flex-direction: column;}
.copyright{background-color: #3e3e3e;padding: 20px 0;text-align: center;color: #999;font-size: 14px}


.footer .wp .content2{display: flex; justify-content: space-between;;flex-wrap: wrap;padding-bottom: 50px;}
.footer .wp .content2 .footer-link{width: auto}
.footer .wp .content2 .footer-link h4{padding: 30px 0 25px ;font-size: 16px; font-weight: normal;color: #ddd}



.m-exh{background-color: #ebebeb;}
.m-exh .content{display: flex;}
.m-exh .hd{width: 663px;height: 580px;background: url(../images/bg_exh.jpg) no-repeat;background-size: 100% 100%;padding: 50px;position: relative;}
.m-exh .hd img{width: 90%}
.m-exh .time{color: #fff;margin-left: 0px;}
.exh-stats{display: flex;margin-top: 30px; position: absolute;bottom:50px;width: 100%}
.exh-stats .item{color: #fff;font-size: 16px;position: relative;padding-right:26px;padding-left: 26px; }
.exh-stats .item:before{content: "";width: 1px; height:40px;background-color: #ccc;position: absolute;right:0;bottom:5px;display: block;}
.exh-stats .item:first-child{margin-left: -36px;}
.exh-stats .item:last-child:before{display: none;}
.exh-stats .stat-label{display: block;margin-bottom: 8px;}
.exh-stats .stat-number{margin-right: 0;font-size: 26px;display: inline-block;}
.m-exh .bd{flex: 1;margin: 40px 0 40px 40px}
.m-exh .bd h3{font-size: 24px;}
.m-exh .bd p{font-size: 14px;line-height: 1.7;margin-top: 20px;}
.m-exh .bd .action{display: flex;padding: 20px 0 0 0}
.m-exh .bd .action a{ margin-right: 30px; }

.m-hoe {background-color: #fff;padding: 70px 0}
.ftit{font-size: 34px;text-align: center;padding-bottom: 50px;font-weight: normal;}
.ftit span{font-size: 16px;color: #666;display: block;text-align: center;padding-top: 12px;}
.m-hoe .ftit:nth-of-type(2){margin-top: 15px; padding-bottom: 10px;}
.m-hoe .list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.m-hoe .list li{width: 48.2%;position: relative;margin-bottom: 40px;overflow: hidden;}
.m-hoe .list li .txt{position: absolute;bottom:0;left:0;width: 100%;background-color: rgba(0,0,0,.6);height: 50px;color: #fff; transition: 0.4s;}
.m-hoe .list li .txt p{padding: 10px 20px;font-size: 14px;;}
.m-hoe .list li h4{margin: 15px 40px 20px 20px;font-size: 18px;display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; }
.m-hoe .list li h4:before{content: "";width: 22px;height: 13px;background: url(../images/ar1.png) no-repeat;background-size: 100% auto;display: block;position: absolute;top:20px;right:20px;transition: transform 0.3s ease;}
.m-hoe .list li:hover .txt{height: 100%;}
.m-hoe .list li:hover h4:before{transform: rotate(180deg);}
.m-hoe .bs-list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.m-hoe .bs-list li{width: 24%;margin-bottom: 30px;}
.m-hoe .bs-list .tip{text-align: center;padding-top: 0px;font-size: 14px}

.closelayer{position:absolute;left:0;top:0;width:100%;height:100%;z-index: 2;display: block;}
.showBigImg {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,.6);}
.showBigImg .closeBigImg {position:absolute;right:35px;top:35px;width:30px;height:30px;border-radius:50%;background:#000;text-align:center;line-height:25px;font-size:25px;color:#fff;z-index:9999;user-select:none;}
.showBigImg .showBigImgWrap {position:relative;width:100%;height:100%;overflow:hidden;}
.showBigImg .showBigImgWrap .allImgBox {position:relative;width:100%;height:100%;}
.showBigImg .showBigImgWrap .allImgBox .imgIte {float:left;width:100%;height:100%;text-align:center;}
.showBigImg .showBigImgWrap .allImgBox .imgIte span {display:inline-block;width:0;height:100%;vertical-align:middle;}
.showBigImg .showBigImgWrap .allImgBox .imgIte img {max-width:90%;max-height:90%; position: absolute;top:50%;left:50%;transform: translate3d(-50%,-50%,0);z-index: 33;}
.small-img img {width:150px;}




.m-ces{background-color: #ebebeb; padding: 70px 0}
.m-ces h5{margin-top: -20px;font-weight: normal;font-size: 18px;color: #777; line-height: 1.8;text-align: center;}
.m-ces .list{display: flex;justify-content: space-between;padding-top: 160px;}
.m-ces .list .item{width: 32%;background-color: #fff; padding-bottom: 20px;transition: .4s}
.m-ces .list .item:hover{transform: translateY(-10px);}
.m-ces .list .item img{position: relative;margin: -120px auto 0; width: 88%}
.m-ces .list .item h3{color: #0e479e;margin: 15px 24px 10px;font-size: 24px; text-align: center;}
.m-ces .list .item h3 span{font-size: 14px;color: #999;font-weight: normal;display: block; padding-top: 10px;}
.m-ces .list .item p{padding: 0 0px 15px;height: 170px;margin: 0 25px 0}
.m-ces .list .item a{display: block;width: 150px;margin: auto;}

.m-act{padding: 70px 0}
.m-act .ctit{text-align: center;font-size: 36px;padding-top: 50px;}
.m-act .ctit span{font-size: 18px;color: #666;display: block;padding-top: 0px;}
.m-act .events{padding: 0}
.m-act .events h2{margin-bottom: 40px;}
.m-act .events h2 span{font-size: 18px;color: #666;display: block;padding-top: 15px;}
.m-act .toptxt{padding-bottom: 50px;font-size:16px;}
.m-act .toptxt h4{font-weight: bold;color: #000;font-size:16px;margin-top: 15px;margin-bottom: 6px;}
.m-act .toptxt p{color: #666}
.m-act .list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.m-act .list li{width: 32%;background-color: #fff;border: solid 1px #a5d6f7;margin-bottom: 30px;padding: 15px;position: relative; color: #000}
.m-act .list li a{display: block;}
.m-act .list li .hd{border-bottom: solid 1px #a5d6f7;padding-bottom: 15px;font-size: 12px}
.m-act .list li .icon{background-color: #e4f3fd;width: 52px;height: 52px;border-radius: 100%;margin: 25px auto 0;}
.m-act .list li .icon img{display: block;margin: auto;}
.m-act .list li h3{font-size: 16px;margin: 15px 0 10px;line-height: 1.6;text-align: center;color: #333; height: 50px}
.m-act .list li p{font-size: 12px;line-height: 1.5; color: #999;margin-bottom: 30px;}
.m-act .list li .tip {position: absolute; bottom: 15px;left:15px;}
.m-act .list li .tip{color: #0e479e;font-size: 14px;}
.m-act .list li:hover .tip{color: #fff;}
.m-act .list li:hover{background-color: #0e479e;border-color: #0e479e;color: #fff}
.m-act .list li:hover .hd{border-bottom-color: #87a3cf; }
.m-act .list li:hover .hd p,
.m-act .list li:hover h3,
.m-act .list li:hover p,
.m-act .list li:hover a{color: #fff;}

.m-brands{background-color: #f4f7fc; padding: 70px 0}



.ban{height: 245px;background: url(../images/bg_ban.jpg) no-repeat top center;}
.ban .wp{position: relative;}
.ban .slg{ width: 330px;position: absolute;left:0;top:50px; display: none; }
.ban h1{text-align: center;font-size:32px;color: #fff;font-weight: normal; padding: 80px 0 20px}
.ban .website{text-align: center;color: #fff;}
.ban .website a{color: #fff;display: inline-block;}

.bgevents{background-color: #f9f9f9;}
.m-act .tcont{ padding: 0 0 30px 0;margin-top: 0px;}
.m-act .tcont h3{color: #000}
.m-act .tcont p{font-size: 16px;margin-top: 20px;}
.m-act .tinfo{background-color: #fff;padding: 30px;margin-top: 40px;}
.m-act .tinfo .content{display: flex;margin-top: 20px;}
.m-act .tinfo .img{display: flex; width:520px;justify-content: space-between;}
.m-act .tinfo .con{flex: 1;margin-left: 50px;}
.m-act .tinfo .con ul{display: flex;flex-wrap: wrap;}
.m-act .tinfo .con li{width: 50%; background-repeat: no-repeat;background-position: left center;padding-left: 32px;margin-top: 20px;background-size: 20px auto;font-size: 14px}
.m-act .tinfo .con li.c1{background-image: url(../images/icon_evt_1.png);}
.m-act .tinfo .con li.c2{background-image: url(../images/icon_evt_2.png);}
.m-act .tinfo .con li.c3{background-image: url(../images/icon_evt_3.png);}
.m-act .tinfo .con li.c4{background-image: url(../images/icon_evt_4.png);}
.bgevents .m-act .list li{width: 24%;}

.m-speaker{margin-top: 50px;}
.m-speaker h3{color: #000}
.m-speaker h3 span{font-size: 16px;color: #666;display: inline-block;margin-left: 0px;}
.m-speaker .content{margin-top:40px;}
.m-speaker .content ul{display:flex;    flex-wrap: wrap;}
.m-speaker .content li{margin: 0 auto 30px;text-align: center; width: 100%}
.m-speaker .content li img{display: block;margin: auto; width: 120px;height: 120px;border-radius: 50%;border: solid 3px #54b4c9;}
.m-speaker .content li h4{padding: 15px 0 10px; font-size: 14px}
.m-speaker .content li p{font-size: 16px;padding-top: 15px; color: #666}
.m-speaker .content li p strong{color: #333}

.speaker_swiper{overflow: hidden;}
/* 4行4列网格样式 */
.speaker-slide {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 0px;
  padding: 10px 0;
}

/* 轮播分页器 */
.speaker_swiper .swiper-pagination { position: relative;}




.forumbox{margin-top: 40px;}
.forumbox .hd ul{display: flex;margin-left: -1%;}
.forumbox .hd li{width: 19%;background-color: #ececec;color: #333;height: 60px;line-height: 60px;text-align: center;font-size: 15px;cursor: pointer;margin-left: 1%;}
.forumbox .hd li span{font-size: 12px;}
.forumbox .hd li.on{background-color: #0e479e;color: #fff}
.forumbox .info{position: relative; padding: 30px;background-color: #efefef;margin-top: 20px;}
.forumbox .info h4{font-size: 20px;}
.forumbox .info p{margin-top: 10px; line-height: 2;}
.forumbox .info a{display: block; width: 150px;position: absolute;right:20px;top:30px;}
.forumbox .clist li{display: flex;-ms-align-items: center;align-items: center;border-bottom: solid 1px #e7e7e7;padding: 25px 0;transition: .3s}
.forumbox .clist li .time{width: 20%;padding-left:30px;}
.forumbox .clist li .user{width: 30%;display: flex; -ms-align-items: center;
align-items: center; display: none;}
.forumbox .clist li .user p{margin-left: 15px;font-size: 14px}
.forumbox .clist li > p{width: 50%;padding-right: 15px;}
.forumbox .clist li:hover{background-color: #d9e2ee;}
.forumbox .blist {display: flex;justify-content: center;padding: 30px 0;-ms-align-items: center;
align-items: center;}
.forumbox .blist a{background-color: #0e479e;color: #fff;text-align: center;height: 50px;width: 140px;text-align: center; line-height: 50px;margin: 0 20px}
.forumbox .blist a:hover{background-color: #1c59b6;}
.forumbox .blist span{margin-left: 20px;color: #999}
.forumbox .bd{margin-top: 30px;}
.forumbox .item h3{font-size: 18px;font-weight: bold;color: #0e479e;margin: 35px 0 20px; padding-left: 20px;}
.forumbox .item h3:not(:first-child) {
  margin-top: 60px;
}
.forumbox .item li{background-color: #fff;padding: 20px;margin-bottom: 15px;}

.forumbox .item li h4{color: #666;font-weight: bold;font-size: 16px;display: flex;-ms-align-items: center;
align-items: center;}
.forumbox .item li p{color: #999;margin-top: 6px;font-size: 14px;display: none;background: url(../images/icon2.png) no-repeat left 5px;background-size: 13px auto;padding-left: 20px;margin-left: 20px;}
.forumbox .item li h4 i{position: relative; }
.forumbox .item li h4 i.active:before {
  content: '';
  position: absolute;
  left: 12px;
  width: 8px;
  height: 8px; top:-1px;
  border-bottom: solid 1px #0e479e;
  border-right: solid 1px #0e479e;
  transform: rotate(-135deg); transition: .3s
}
.forumbox .item li h4 i:before {
  content: '';
  position: absolute;
  left: 12px;
  width: 8px;
  height: 8px; top:-4px;
  border-bottom: solid 1px #0e479e;
  border-right: solid 1px #0e479e;
  transform: rotate(45deg);
}

.forumbox .bd2 .item h3{background-color: #4768a5;color: #fff;font-weight: bold;height: 50px;line-height: 50px;}
.forumbox .bd2 .item h4{background: url(../images/icon2.png) no-repeat left center;background-size: 13px auto;padding-left: 20px;}
.forumbox .bd2 .item p{padding-left: 20px;}












.tip-update{color: #999;text-align: center;display: block;}

.m-traInfo{background-color: #eff2f7;padding: 60px;margin: 40px 0}
.m-traInfo h3{text-align: center;font-size: 32px;padding-bottom:40px;}
.m-traInfo .bd{display: flex;}
.m-traInfo .bd .con{padding-right: 50px;padding-top: 20px;}
.m-traInfo .bd .con p{line-height: 1.8;}
.m-tramode{background-color: #0e479e;padding: 60px;margin-bottom: 40px;}
.m-tramode h3{text-align: center;font-size: 32px;padding-bottom:40px; color: #fff}
.m-tramode .bd img{margin: auto;}
.m-tramode .list li{background-color: #2659a7;padding: 15px;margin: 20px 0 0 0;  color: #fff;}
.m-tramode .list li em{display: inline-block;width: 27px;height: 10px;}
.m-ck{background-color: #fff;padding: 60px;margin-bottom: 100px;}
.m-ck h3{text-align: center;font-size: 32px;padding-bottom:40px;}
.m-download{margin: 50px 0}
.m-download .bd{background-color: #fff;padding: 60px;}
.m-download .bd h3{text-align: center;font-size: 30px;padding-bottom: 30px;}
.m-download .bd img{display: block;margin: auto;}
.m-download .bd a{width: 180px;display: block;margin: 40px auto 0;}


.m-range{margin: 50px 0}
.m-range .bd{background-color: #fff;padding: 60px;}
.m-range .bd h3{text-align: center;font-size: 26px;padding-bottom: 10px;}
.m-range .bd p{color:#999;font-size: 16px;text-align: center;padding-bottom: 50px;}
.m-range .bd a{width: 180px;display: block;margin: 40px auto 0;}
.m-range .hd{padding-top: 20px;}
.m-range p{margin-bottom: 15px;}
.m-range p img{display: block;width: 100%}

.m-media{ padding: 60px 0 }
.m-media h3{text-align: center;font-size: 30px;padding-bottom: 20px; color: #0e479e}
.m-media h3.ctit{margin-top: 100px;}
.media-list{}
.media-list li{display: flex;-ms-align-items: center;align-items: center; background-color: #fff;box-shadow: 0 0 6px rgba(0,0,0,.1);margin-top: 30px; padding: 30px}
.media-list li img{width: 130px;}
.media-list li .con{border-left:solid 1px #ddd;flex: 1;margin-left: 30px;padding-left: 30px;}
.m-news .cnav{display: flex;justify-content: center; padding: 60px 0}
.m-news .cnav a{color: #444;margin: 0 30px;position: relative;font-size: 18px;font-weight: bold;}
.m-news .cnav a:hover,
.m-news .cnav a.on{color: #163f8e}
.m-news .cnav a.on:before{content: "";width: 40px;height: 4px;background-color: #163f8e;display: block;position: absolute;bottom:-10px;left:50%;transform: translateX(-50%);}
.news-list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.news-list ul::after { content: ""; width: calc(390px - 10px);}
.news-list li{width: calc(390px - 10px);background-color: #f0f0f0;margin-bottom: 30px;}
.news-list li img{display: block;width: 100%}
.news-list li h4{padding: 15px 20px;font-size: 16px;font-weight: normal;line-height: 1.7;}
.news-list li .bm{display: flex;justify-content:space-between;flex-wrap: wrap; padding: 0 20px 20px}
.news-list li .bm span{color: #666;font-size: 16px}
.news-list li .bm a{}
.news-list li .bm a:hover{color: #000}
.news-view{padding: 60px 0px}
.news-tit{font-size: 36px;font-weight: normal;padding-bottom: 30px; line-height: 1.5; color: #333}
.news-view .content {padding-top: 40px;padding-bottom: 50px; color: #666}
.news-view .content img{display: block;margin: 20px auto}
.news-view .date{border-bottom: solid 1px #ddd;padding-bottom: 30px;color: #999}
.page-nav{padding: 30px 0;margin-bottom: 40px;}
.page-nav ul{display: flex;justify-content: center; -ms-align-items: center;align-items: center;}
.page-nav li{padding: 0 15px;cursor: pointer;font-size: 18px;color: #999;}
.page-nav li a{color: #999;}
.page-nav li.on,
.page-nav li.on a{color: #163f8e}
.page-nav li:hover{color: #163f8e}
.page-nav .prev,
.page-nav .next{width:50px; height: 50px; border-radius:50px;display: block;background-color: #fff;background-repeat: no-repeat; background-position: center center; padding: 0;border: none;background-size: 10px auto}
.page-nav .prev{background-image: url(../images/aprev2.png);left:0;margin-right: 0px;}
.page-nav .next{background-image: url(../images/anext2.png);right:0;margin-left: 0px;}
.inside-page-news ul{display: flex;justify-content: space-between; padding: 40px 0}
.inside-page-news li{padding: 10px 20px;width: 48%;background-color: #efefef;transition: .3s}
.inside-page-news li a{color: #666;display: block;}
.inside-page-news li:hover{background-color: #e2e2e2;}
.inside-page-news li:hover a{color: #0e479e}
.inside-xg-news{}
.inside-xg-news h4{font-size: 20px;padding-bottom: 20px;border-bottom: solid 1px #ccc;margin-bottom:15px;color: #1f54a5}
.inside-xg-news li{padding: 10px 0;position: relative; text-indent: 20px;overflow: hidden;}
.inside-xg-news li span{float: right;color: #999}
.inside-xg-news li:before{content: "";width:6px;height:6px;border-radius:6px;display: block;position: absolute;left:3px;top:50%;transform: translateY(-50%); background-color: #1f54a5;}
.inside-xg-news li a{color: #666}
.inside-xg-news li a:hover{color: #163f8e}
.m-service{}
.m-service h2{color: #0e479e;font-size: 26px; padding: 60px 0 70px}
.sv-list{padding-bottom: 100px;}
.sv-list h4{font-weight: bold;font-size: 18px;padding-bottom: 10px;margin-top: 40px;}
.sv-list p{font-size: 18px;line-height: 2;margin-bottom: 10px;}
.sv-list p a{color: #333;text-decoration: underline;}
.m-service .stit{border-top:solid 1px #0e479e; position: relative;display: flex;justify-content: center;margin-bottom: 30px;}
.m-service .stit span{padding: 0 30px;background-color: #fff;position: relative;color: #333;font-size: 22px;transform: translateY(-51%);}
.m-about .box1 .wp{display: flex; padding: 90px 0;-ms-align-items: flex-start;
align-items: flex-start;}
.m-about .box1 .wp .con{flex: 1;margin-left: 50px;}
.m-about .box1 .con{padding-top: 30px;}
.m-about .box2{background-color: #ebebeb; padding: 90px 0}
.m-about .box2 .wp{flex-direction: row-reverse;}
.m-about .box2 .con{padding-top: 0px;margin-left: auto;margin-right: 0px;}
.m-about .con h3{margin-bottom: 20px;}

.box2 img {float: right;height: auto; margin-left: 30px; margin-bottom: 0px; object-fit: cover;shape-outside: rectangle(0 0 300px 100%);shape-margin: 0px; }
.m-about .con p {text-align: justify;overflow: visible; text-indent: 2em;}
.m-about .con::after {content: ""; display: block;clear: both;margin-bottom: 1px;    }


/* 组织架构 - 3列布局 */
.org-structure {
    padding: 20px 0;
    margin-top: 0;
    position: relative;
    transform: translateY(-0%);
    z-index: 2;
}

.org-grid-3col {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 40px; /* 列间距 */
    background: #ffffff;
    border-radius: 12px;
    padding: 0px 0px;
    flex-wrap: wrap; /* 移动端自动换行 */
}

.org-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 1 auto; /* 关键：宽度由内容决定，不拉伸也不压缩 */
    min-width: 150px; /* 最小宽度，防止太挤 */
    /* 不设置 max-width，让内容自然撑开 */
}

.org-role {
    font-size: 20px;
    color: #0a2a44;
    text-align: center;
    margin-bottom: 16px;
    line-height: 1.5;
    white-space: nowrap; /* 标题不换行 */
}

.org-logo-group {
    display: flex;
    flex-wrap: nowrap; /* 关键：强制Logo不换行 */
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
}

.org-logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 auto;
}

.org-logo-wrap img {
    width: 150px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    background: #fff;
    border-radius: 8px;
    padding: 6px 0;
    border: 1px solid #eef2f7;
}

/* ===== 响应式：屏幕过窄时 ===== */
@media (max-width: 992px) {
    .org-grid-3col {
        gap: 25px;
        padding: 0px 15px;
    }
    
    .org-logo-wrap img {
        width: 110px; /* 屏幕变窄时Logo缩小 */
    }
}

@media (max-width: 768px) {
    .org-grid-3col {
        flex-direction: column; /* 手机改为纵向排列 */
        align-items: center;
        gap: 30px;
        padding: 0px 15px;
    }
    
    .org-col {
        flex: none;
        width: 100%;
        min-width: unset;
    }
    
    .org-logo-wrap img {
        width: 120px;
    }
}


@media(max-width:1920px){
    .wp{width:1100px;margin:0 auto;}
    .logo{width: 310px}
    .stage{width: 1100px;margin-left: -550px;}
    .layui-nav > li{padding: 18px 10px 0;margin: 0 6px}
    .headdiv .language-switch{margin-left: 15px;}
    .stage .slg{width: 620px}
    .stage .info{width: 600px}
    .stage .action{background-size: 130px auto; padding-top: 100px;}
    .highlights .swiper-button-prev{margin-left: -620px;}
    .highlights .swiper-button-next{margin-right: -620px;}

    .media-logos ul{margin-left: -10px;}
    .media-logos li{width: 175px;margin-top: 15px;margin-left: 10px;}
    .m-ces .list .item{}
    .m-ces .list .item h3{font-size: 20px;margin: 12px 25px 10px }
    .m-ces .list .item p{margin: 0 25px 15px;font-size: 14px;height: 140px}
    .news-list ul::after { width: calc(360px - 10px);}
    .news-list li{width: calc(360px - 10px);}
    .m-exh .bd{margin: 30px 0 0px 30px}
    .m-exh .bd p{font-size: 13px}
    .m-act .list li .hd{font-size: 12px}

}

@media(max-width:1000px){
	*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;   box-sizing: border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}
	body {font-family:  Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica,  "Hiragino Sans GB", tahoma, SimSun, sans-serif;font-size: 12px;line-height: 1.6;}
	a{background:transparent;text-decoration:none;color:#333;
    color: #163f8f;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    -webkit-text-decoration-skip: objects;
	}
    ::-webkit-scrollbar {
        width: 0.1rem;
        background-color: #fff;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #cc9bff;
        cursor: pointer;
    }
    .wp{width: 100%;min-width: 100%; max-width: 100%; padding: 0 10px}
    .fbs{overflow: hidden;}
    
    .logo{width: 200px;margin-top: 0px;margin-bottom: 0px;float:none;margin-left: 10px;}
    .logo img{float: none;}
    .language-switch{position: absolute;top:57px;right:52px;}
    .headdiv{ position: relative;padding:0px 0 55px; margin-top: 0px;}
    .headdiv .wp{padding: 20px 0px 0 0;}
    .headdiv button {display: block;z-index: 199;top:55px;}
    .headdiv .nav-box{display: block;}
    .headdiv .top{padding: 50px 0 0 0;justify-content: space-between;position: relative;}
    .countDown{position: absolute;top:10px;left:0px;}
    .countDown span{height: 24px; line-height: 24px;font-size: 12px}
    .headdiv .action{  -webkit-flex-basis:60%; flex-basis:60%;}
    .headdiv .action a{width: 80px;height: 32px;line-height: 32px;margin-right: 10px;font-size: 12px}
    .headdiv .lang{height: 32px;line-height: 32px;background: url(../images/ic_en.png) no-repeat 10px center;background-size: 15px auto;padding-left: 30px;padding-right: 10px;font-size: 12px}
    .headdiv .email{font-size: 12px;margin-right: 10px;float:left;}
    .headdiv + div,.headdiv + section{ margin-top: 0px;}
	.layui-nav > li{display: block;width: 100%;border-bottom: solid 1px #ccc;opacity: 1; padding: 12px 0;margin: 0;float: none;height: auto;line-height: inherit;}
	.layui-nav > li a{color: #333;display: block;opacity: 1;font-size: 16px;}
    .layui-nav > li h3 a{height: auto;line-height: inherit;font-size: 16px;font-weight: bold;}
    .layui-nav > li h3 a:hover{text-decoration: none;}
    .layui-nav > li.cli{padding-right: 0;}
    .layui-nav .nav-item{position: static;box-shadow: none; width: 100%;text-align: center; transform: translateX(0);background-color: #fff;}
    .layui-nav .nav-item li:last-child{border-bottom: none;}
    .layui-nav .nav-item li a{color: #2457a6;font-size: 12px}
    .layui-nav .nav-item li a:hover{background-color: #b4c8e8;}
    .layui-nav .nav-item .subtit{text-align: left;display: inline-block;font-size: 14px;color: #000}
    .layui-nav .nav-item ul{padding: 5px 5px 0}
    .sub-nav,
    .sub-navlist{width: 100%;}
    .subbox{flex: 1;
        width:auto;
    }
    .layui-nav .nav-item li.subitem{padding-left: 0;}

    .headdiv .time{position: absolute;top:70px;left:10px;font-size: 12px;margin-left: 0;}
    .headdiv .time span{font-size: 16px;}

    .loginbox{top:20px;right:10px;gap:4px;}
    .loginbox a{padding: 2px 6px}

	
	.nav{transition: all .5s cubic-bezier(.645,.045,.355,1); will-change: transforml;width: 100%;z-index: 99;overflow: hidden;background: #fff; padding: 0;height: 0px;position: absolute;left:0;top:98px;}
    .menu{width: 100%;display: block;position: relative;}
    .menu .wp{ padding: 0;display: block;}

	.headdiv-mobile .nav{position: fixed;}
	.fiexd{box-shadow: 0 3px 3px rgba(0,0,0,.1)}
	.layui-nav{    
	position: absolute;left:0;height: 0; padding-top: 0;
    z-index: 99; top:0px;
    width: 100%;
    text-align: center;
    background: #fff;
    transition: all .5s ease; }
	.nav-open {height: 100vh; }
	.nav-open  .layui-nav{height: 100%; }

    .swiper-ban .pc{display: none;}
    .swiper-ban .phone{display: block;}

    

    .stage-wrap{padding-bottom: 0px;margin-top: 0px;overflow: hidden;}
    .stage{width: 92%;padding: 0 0px;margin: 0px auto 0;background-size: auto 100%;left:4%;top:20px; }
    .stage img{width: 70%}
    .m-exh .time,
    .stage .time{padding: 0px 0 15px;font-size: 12px;}
    .m-exh .time span,
    .stage .time span{padding: 4px 6px;font-size: 14px}
    .stage .action{justify-content: center;padding-top: 100px;background:none;width: 100%;top:145px;padding-top: 0px;}
    .stage .action a{width: 120px;height: 40px;line-height: 40px;font-size: 14px; margin-right: 0; margin: 0 15px}
    .stage .action a.bt2{background-color: #0e479e;color: #fff}
    .stage .btn-sq{width: 120px;height: 36px;line-height: 36px;margin-top: 20px;}
    .text-rich{width: 100%;padding: 20px 10px;font-size: 14px}

    .stage .slg{width: 100%;margin-top: 10px;}
    .stage .info{width: 90%;margin-top: 20px;}
    .stage .txt{width: 100%;top:229px;margin-top: 0;}

    
    .hero{height: auto;}
    .hero .wp{padding: 0;display: flex;  flex-direction: column-reverse;}
    .hero-content{display: block;width: 100%; padding: 20px 10px}
    .hero-content h3{font-size: 16px;padding-top: 0px;margin-bottom: 15px;}
    .hero-content p{font-size: 12px; padding-right: 0;margin-bottom: 15px; }
    .hero-content .action{justify-content: center;width: 100%}
    .hero-content .action .btn1{margin:0 15px;}
    .action .btn1{padding: 5px 24px;font-size: 12px}
    .stats{position: static;width: 100%;margin-top: 0px;padding: 20px;flex-direction:row;    flex-wrap: wrap; }
    .stat-item{font-size: 14px;margin: 8px 0; width: 50%}
    .stat-item img{width: 20px;height: 20px}
    .stat-number {font-size: 18px;}
    .events{padding: 35px 0}
    .highlights h2,
    .media-partners1 h2,
    .media-partners2 h2,
    .news h2,
    .events h2{font-size: 20px;margin-bottom: 15px;}
    .events .wp{}
    .events .content{}
    .events .content .list,
    .events .content .event-item{margin-bottom: 0px;}
    .events .content .event-item{margin-top: 10px;}
    .events .content .list .event-item {margin-top: 0;}
    .event-item h3{font-size: 12px;line-height: 1.4;padding: 6px}
    .event-item h3 a{font-size: 12px;}
    .news .content{}
    .news-item .box{width: 80%;height: 70%}
    .news-item .box a{width: 80%;font-size: 14px;padding: 7px }

    .reasons {padding: 30px 0;}
    .reasons .list{ flex-wrap: wrap;}
    .reason-item{width: 32.1%;margin-bottom: 10px;}
    .reason-item .img h3{font-size: 14px;top:50%;transform: translateY(-50%);}
    .reason-item p{font-size: 12px;padding: 7px 7px 0;height: 150px}
    .reason-item a{width: 110px;margin-top: 10px;margin-bottom: 10px;}
    .media-partners1,
    .media-partners2,
    .news,
    .highlights{padding: 30px 0}
    .highlights .swiper-button-prev:after, .highlights .swiper-button-next:after{margin-top: 8px;font-size: 14px;}
    .highlights .swiper-button-prev,
    .highlights .swiper-button-next{width: 30px;height: 30px;background-color: #fff; top:120px;}
    .highlights .swiper-button-prev{margin-left: -47%;}
    .highlights .swiper-button-next{margin-right:-47%;}
    .media-logos ul{margin-left: 0px;display: grid;grid-template-columns: repeat(4, 1fr);}
    .media-logos li{width: auto;margin-left: auto;margin-top: auto; margin: 5px}
    .footer .content{ flex-wrap: wrap;}
    
    .footer-codes{width: 100%}
    .footer p{font-size: 12px}
    .footer-link a{font-size: 12px}
    .footer-codes .cont{justify-content: space-between;}
    .footer-codes .lik{margin-left: auto;}
    .footer-codes .lik a{width: 36px;}
    .footer-info li{width: 86px;margin-right: 15px;}
    .footer-info li p{font-size: 9px;}
    .footer-info p img{width: 86px}
    .footer-info p.c1{background: url(../images/ic_ft1.png) no-repeat left 3px;padding-left: 22px;}
    .footer-info p.c2{background: url(../images/ic_ft2.png) no-repeat left 3px;padding-left: 22px;}
    .footer-info p.c3{background: url(../images/ic_ft3.png) no-repeat left 3px;padding-left: 22px;}
    .footer-info p.c4{background: url(../images/ic_ft4.png) no-repeat left 3px;padding-left: 22px;}
    .footer-codes{margin-top: 30px;}
    .footer-codes li{margin-right: 15px;width: 86px;}
    .footer-codes li p{bottom:3px;font-size: 9px;}
    .btn1{padding: 7px 10px;font-size: 14px}




    .m-exh .wp{padding: 0}
    .m-exh .content{display: block;}
    .m-exh .hd img{width: 90%}
    .m-exh .hd{width: 100%;height: auto;padding: 20px}
  
    .exh-stats {display: flex;justify-content: space-between;position: static;}
    .exh-stats .item{padding-left: 0px;padding-right: 0px;}
    .exh-stats .item:before{right:-18px;height: 85%}
    .exh-stats .item:first-child{margin-left: 0px;}
    .exh-stats .stat-label{font-size: 14px}
    .exh-stats .stat-number{font-size: 18px}


    .m-exh .bd{display: block;padding: 20px;margin: 0}
    .m-exh .bd h3{font-size: 20px}
    .m-exh .bd p{font-size: 12px}
    .ftit{padding-bottom: 20px;font-size: 22px;}
    .m-hoe,
    .m-ces,
    .m-act,
    .m-brands{padding: 30px 0}
    .m-hoe .list li{width: 49.2%;margin-bottom: 15px;}
    .m-hoe .list li img{width: 100%}
    .m-hoe .list li h4{font-size: 12px;font-weight: bold;display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; margin: 10px 21px 10px 10px}
    .m-hoe .list li h4:before{background-size: 12px auto; width: 12px; right: 4px;top:13px;}
    .m-hoe .list li .txt{height: 32px}
    .m-hoe .list li .txt p{overflow-y: auto;height: 58%;font-size: 10px;padding:0;margin: 10px 10px;line-height: 1.3;}
    .m-ces h5{margin-top: -10px;font-size: 12px;color: #777; }
    .m-ces .list{ flex-wrap: wrap;padding-top: 20px;}
    .m-ces .list .item{width: 32%;margin-bottom: 0px; height: auto;padding-bottom: 15px;}
    .m-ces .list .item h3{font-size: 14px; margin: 10px;display: block;}
    .m-ces .list .item h3 span{display: block;font-size: 12px;margin-top: 0px;}
    .m-ces .list .item p{font-size: 12px;margin: 0 10px 8px;-webkit-line-clamp: 5; padding: 0;height: 230px}
    .m-ces .list .item:last-child{}
    .m-ces .list .item img{width: 280px; margin-top: 0px;}
    .m-ces .list .item a{width: 100px; padding: 3px 10px;font-size: 12px}
    .m-act .list li{width: 100%; height: auto;padding: 7px;margin-bottom: 7px;font-size: 14px;}
    .m-act .list li p{margin-bottom: 30px;}
    .m-act .list li a{display: block;}
    .m-act .list li h3{font-size: 14px;line-height: 1.4;margin: 15px 0 10px;word-wrap:break-word; display: block;
    word-break:normal;}
    .m-act .list li .icon{width: 36px;height: 36px; margin: 15px auto 0}
    .m-act .list li .hd {}
    .m-act .list li .hd p{font-size: 12px;color: #666;margin-bottom: 0;}
    .m-act .list li .tip{bottom:10px;font-size: 12px;left:10px;}


    .media-logos ul{margin-left: 0px;display: grid;grid-template-columns: repeat(4, 1fr);}
    .media-logos li{width: auto;margin-left: auto;margin-top: auto; margin: 5px}

    .ban {height: auto;background-size: auto 100%; padding: 30px 0}
    .ban .slg{width: 280px;position: static;margin: auto;padding-top: 30px;}
    .ban h1{font-size: 20px;padding-top: 0px;}
    .ban .website{font-size: 12px}

    .media-logos li img{height: auto;}

    .m-act .list li .hd{padding-bottom: 10px;}
    .m-act .ctit{font-size: 20px;padding-top: 30px;}
    .m-act .ctit span{font-size: 14px}
    .m-act .events h2{margin-bottom:20px;}
    .m-act .events h2 span{font-size: 12px;}

    .m-act .tcont{padding: 0}
    .m-act .tcont h3{font-size: 16px}
    .m-act .tcont p{font-size: 12px;}
    .m-act .tinfo{padding: 15px;margin-top: 20px;}
    .m-act .tinfo h3{font-size: 18px}
    .m-act .tinfo .content{display: block;margin-top: 10px;}
    .m-act .tinfo .img{width: 100%;}
    .m-act .tinfo .img img{width: 48%}
    .m-act .tinfo .con{margin-left: 0; padding: 10px 0 0 0}
    .m-act .tinfo .con ul{display: block;}
    .m-act .tinfo .con li{width: 100%;background-size: 18px auto;margin-top: 10px;}

    .forumbox .bd{margin-top: 15px;}
    .forumbox .info{padding: 20px}
    .forumbox .info h4{font-size: 16px}
    .forumbox .info a{position: static;margin-top: 15px; width: 100px;padding: 5px 8px;font-size: 12px}
    .forumbox .hd ul{ flex-wrap: wrap;}
    .forumbox .hd li{width: 49%;margin-bottom: 10px;font-size: 14px;height: 46px;line-height: 46px;}
    .forumbox .clist li{ flex-wrap: wrap;padding: 15px }
    .forumbox .clist li .time{width: 30%;padding: 0;margin-top: 0;}
    .forumbox .clist li .user{width: 70%}
    .forumbox .clist li .user p{font-size: 12px}
    .forumbox .clist li .user img{width: 40px}
    .forumbox .clist li > p{width: 100%;flex: 1;font-size: 12px;padding-top: 10px;}
    .forumbox .blist{ flex-wrap: wrap;}
    .forumbox .blist a{width: 120px;height: 40px;line-height: 40px;}
    .forumbox .blist  span{padding-top: 20px;width: 100%;text-align: center;margin-left: 0;}
    .forumbox .item h3{font-size: 16px;margin: 25px 0 15px}
    .forumbox .item h3:not(:first-child) {
      margin-top: 40px;
    }
    .forumbox .item li{padding: 15px}
    .forumbox .item li h4{font-size: 14px;}
    .forumbox .item li p{font-size: 12px}
    .m-traInfo{margin: 10px 0;padding: 15px}
    .m-traInfo h3{font-size: 18px;padding-bottom: 20px;}
    .m-traInfo .bd{display: block;}
    .m-traInfo .bd .con{padding-top: 0;padding-right: 0;margin-bottom: 10px;}

    .m-about .box1 .wp{padding: 30px 10px;display: block;}
    .m-about .box1 .wp .con{margin-left: auto;}
    .m-about .box2 .con{margin-right: auto;padding-top: 30px;}
    .m-about .con h3{font-size: 18px;margin-bottom: 10px; margin-top: 0px;}
    .m-about .con p{font-size: 12px}
    .m-about .box2{padding: 30px 0}
    .box2 img{display: block;float: none;margin: 0}

    .m-ck{padding: 10px;margin-bottom: 30px;}
    .m-tramode{padding: 10px}
    .m-ck h3,
    .m-tramode h3{padding-bottom: 20px;padding-top: 10px;font-size: 20px}

    .m-range,
    .m-download{margin: 10px 0}
    .m-download .bd{padding: 40px 20px}
    .m-download .bd h3{font-size: 20px;padding-bottom: 20px;}
    .m-download .bd a{width: 160px;margin-top: 20px;}
    .btn2{padding: 8px 30px}
    .m-range .bd{padding: 20px}
    .m-range .bd h3{font-size: 20px;}
    .m-range .bd p{font-size: 12px;padding-bottom: 30px;}
    .m-range .info .btn2{display: block;margin: 10px auto 0;}
    .m-media{padding: 25px 0;}
    .m-media h3{font-size: 20px;padding-bottom: 10px;}
    .m-media h3.ctit{margin-top: 30px;}
    .media-list li{display: block; padding: 15px}
    .media-list li .con{margin-left: 0;padding-left: 0;margin-top: 15px;border-left: none;}
    .m-news .cnav{padding: 30px 0}
    .m-news .cnav a{font-size: 16px}
    .news-list li h4{font-size: 12px;padding: 10px 10px}
    .news-list li .bm{padding: 0 10px 10px}
    .news-list li .bm span{font-size: 12px}
    .news-list li .bm a{font-size: 12px}
    .news-list li{width: 49%}
    .page-nav{padding: 0;margin-bottom: 20px;}
    .page-nav li{font-size: 16px}
    .news-tit{font-size: 16px;padding-bottom: 10px;}
    .news-view{padding: 20px 0;}
    .news-view .date{padding-bottom: 15px;}
    .news-view .content{padding-top: 20px;}
    .news-view .content p{}
    .inside-page-news ul{padding: 0;display: block;}
    .inside-page-news li{width: 100%;margin-bottom: 15px;}
    .inside-xg-news{padding-top: 20px;}
    .inside-xg-news h4{font-size: 20px;padding-bottom: 10px;margin-bottom: 10px;}
    .inside-xg-news li{text-indent: 15px;}
    .inside-xg-news li a{font-size: 12px;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
    .m-service h2{padding: 20px 0 40px;font-size: 18px;}
    .m-service .stit{margin-bottom: 15px;}
    .sv-list h4{margin-top: 20px;font-size: 16px}
    .m-service .stit span{font-size: 16px;padding: 0 15px}
    .sv-list p{font-size: 14px;line-height: 1.6;}
    .sv-list{padding-bottom: 50px;}

    .m-speaker h3{font-size: 16px;}
    .m-speaker h3 span{font-size: 12px}
    .m-speaker .content{margin-top: 10px;}
    .m-speaker .content ul{}
    .m-speaker .content li{width: 90%;margin-bottom: 15px;}
    .m-speaker .content li img{width: 80px;height: 80px;border-radius: 80px;border-width: 2px}
    .m-speaker .content li p{font-size: 12px;padding-top: 10px;}


}


@media(max-width:600px){
    .ban .slg{width: 290px}
}