@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-family:"Arial"; letter-spacing:0.005rem}
html{}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
b{font-weight: normal;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.clear_fix:after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.fl{float:left}
.fr{float:right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.pos-r{position: relative;}
.pos-a{position: absolute;}


.c-nav .show{display: flex;}
.c-nav .hiden{display:none}
.c-nav{width:100%; position: relative; z-index: 9999;}
.c-nav .navFlex{display:flex; display:-webkit-flex; align-items:center; -webkit-align-content:center;color:#fff; 
    justify-content:space-between; -webkit-justify-content:space-between;}
.c-nav .logo{width: 15%;}
.c-nav .logo img{width: 100%;}
.c-nav ul{display: flex; }
.c-nav ul li{line-height:0.9rem; font-size:0.18rem; margin: 0 0.3rem;}
.c-nav ul li a{display: block; color:#333;text-decoration:none;width:100%}
.c-nav ul li.active{ border-bottom: 2px solid #009ce0;}
.c-nav ul li.active a{color: #009ce0;}
.c-nav ul li:hover{ border-bottom: 2px solid #009ce0;}
.c-nav ul li:hover a{ color: #009ce0;}
.c-nav .btnImg{height:20px;width:25px;padding:3px 8px 3px 8px;box-sizing:content-box;margin-right:5px;}
.circular{display: flex;}
.circular a{display: block; width: 100%; height: 100%;}
#wechat-btn{width: 0.42rem; height: 0.9rem; margin: 0 0.1rem; background: url(../images/wechat-btn1.png) no-repeat center; background-size: contain;}
#EN{width: 0.42rem; height: 0.9rem; margin: 0 0.1rem; background: url(../images/EN.png) no-repeat center; background-size: contain; }
#Complex{width: 0.42rem; height: 0.9rem; margin: 0 0.1rem; background: url(../images/Complex.png) no-repeat center; background-size: contain; }
#wechat-btn:hover{cursor: pointer;}
#wechat-box{width: 0; height: 150px; position: absolute; right: 0%; bottom: -1.5rem; z-index: 99999; transition: all 0.3s; 
  overflow: hidden; }
#wechat-close{width: 40px; height: 50px; box-sizing: border-box; float: left;  background:  url(../images/close.png) no-repeat center; cursor: pointer; background-size: 70%;}


.hamburger {
    display: none;
  }
  
.bar {
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #333;
}


@media screen and (max-width: 1420px) and (min-width:1200px){
}
@media screen and (max-width: 1238px) and (min-width:1200px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:992px){
}
@media screen and (max-width:768px){
}
@media screen and (max-width:576px){
.c-nav{opacity:.9; margin: 0; box-sizing: border-box;}
.c-nav .container{padding: 0;}
.c-nav .navFlex{font-size:0.2rem; justify-content:space-between;flex-wrap:wrap; }
.c-nav .logo{margin: 0.2rem; width: 35%;}
.c-nav .logo img{height: 100%;}
.c-nav ul{display: flex; flex-direction: column;}
.c-nav ul li{padding-top:0;margin-left:0;display:block;line-height:0.7rem;background:#000; border-bottom: none; margin-right: 0;
font-size: 0.25rem;}
.c-nav ul li a{color:#fff;width:100%;display:block}
.c-nav .hiden{display:block; position: absolute; right: 0; top: 0.2rem}
.c-nav .show{width:100%;font-size:14px;text-align:center;display:none}
.c-nav #wechat-btn{display: none;}
.circular{display: none;}

.hamburger {
    display: block;
    cursor: pointer;
  }
  
  .hamburger.active .bar:nth-child(2) {
    opacity: 0;
  }
  
  .hamburger.active .bar:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
  }
  
  .hamburger.active .bar:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
  }
}

.shrink {
  background: #59276c;
}

header{width: 100%; height: auto; position: fixed; left: 0; top: 0; z-index: 99; background:#59276c; font-size:0.16rem;}
header:after{content:" ";display:table;clear:both}
.main .dev-output pre{overflow:auto;max-height:500px;background-color:#eeeeef;padding:0 1em 1em}
header .wrapper{}
.brand{width: 15%; height:1rem; float: left; line-height: 1rem;}
.rm-nav{letter-spacing:1px}
.rm-container.rm-layout-expanded{float: right; }
.rm-nav li a,.rm-top-menu a{line-height: 0.5rem; display: block;}
.rm-layout-expanded .rm-nav>ul>li>a,.rm-layout-expanded .rm-top-menu>.rm-menu-item>a{height:.8rem;line-height:.8rem}
.main{background-image:url(../images/cloud.jpg);background-position:center top;background-repeat:repeat-x;min-height:100%;
  padding-top:1px}
.tagline{width:360px;font-size:1.75em;font-weight:700;letter-spacing:2px;line-height:1.2;text-align:center;margin:275px auto;
  color:#1a88d3}
.tagline strong{font-size:1.3em}
.dev-output{background-color:#e1eaf3;background-color:rgba(255,255,255,.85);color:#000;padding:2em;margin-bottom:2em}


.header-top{width: 10%; float: right; position: relative; display: none;}
.header-btn{display: flex; justify-content: flex-end; align-items: center; height: 1.2rem;}
#search{width: 0.5rem; height: 0.5rem; background: url(../images/search.png) no-repeat center;}
#search:hover{cursor: pointer;}
#Multilingual{width: 0.5rem; height: 0.5rem; background: url(../images/Multilingual.png) no-repeat center; margin-left: 0.2rem;}
#Multilingual:hover{cursor: pointer;}


#search-inp{width: 0; height: 0.5rem; position: absolute; right: 0%; bottom: -0.5rem; z-index: 99999; transition: all 0.3s; 
  overflow: hidden; }
#search-inp-close{width: 40px; height: 50px; box-sizing: border-box; float: left;  background:  url(../images/close.png) no-repeat center; cursor: pointer; background-size: 70%;}
#search-inp-text{width: 300px; float: left;}
#search-inp-text input{width: 100%; height: 50px; line-height: 50px; box-sizing: border-box; padding-left: 12px; outline: none; border: none;}
#search-inp-btn{width: 40px; height: 50px; box-sizing: border-box; float: left;  background: #f3f3f3 url(../images/search1.png) no-repeat center; cursor: pointer;}

#Multilingual-box{width: 0; position: absolute; right: 0%; top: 1.2rem; z-index: 99999; transition: all 0.3s; overflow: hidden;}
#Multilingual-close{width: 40px; height: 50px; box-sizing: border-box; float: left;  background:  url(../images/close.png) no-repeat center; cursor: pointer; background-size: 70%;}
#Multilingual-content{width: 1.5rem; float: right; background: #fff; box-sizing: border-box; text-align: center;}
#Multilingual-content-li{line-height: 0.5rem; box-sizing: border-box;}
#Multilingual-content-li a{display: block;}

.header-h{height:1rem;}
@media screen and (max-width:576px){

  .brand{width: 30%; height:auto; float: left; margin-top: 0rem;}

  .rm-top-menu {background: #7a1c70;}

  .header-top{display: none;}
  
}


.responsive-ban{position: relative; display:none;}
.pc-ban{display: block;}
.mobile-ban{display: none;}
.responsive-banner-info{width: 50%; position: absolute; right: 0; bottom: 10%; display: flex; justify-content: center; left:49%;
 box-sizing: border-box;}
.responsive-banner-btn{width: 2.4rem; height: 0.95rem; box-sizing: border-box; text-align: center; font-size: 0.24rem; font-family: 'Arial';
line-height: 0.35rem; margin: 0 0.5rem;}
.responsive-banner-btn a{color: #fff; display: block;}
.responsive-banner-info .btn1{background: url(../images/responsive-banner-btn1.png) no-repeat center; padding: 0.125rem 0.3rem;}
.responsive-banner-info .btn2{background: url(../images/responsive-banner-btn2.png) no-repeat center; padding: 0.125rem 0.1rem;}

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

  
.responsive-ban{position: relative;}
.pc-ban{display: none;}
.mobile-ban{display: block;}
.responsive-banner-info{width: 100%; position: absolute; right: 0; bottom: 1%; display: flex; justify-content: center;
 box-sizing: border-box; margin: 0.2rem 0;}
.responsive-banner-btn{width: 2.4rem; height: 0.95rem; box-sizing: border-box; text-align: center; font-size: 0.24rem; font-family: 'Arial';
line-height: 0.35rem; margin: 0 0.5rem; border-radius: 0.1rem;}
.responsive-banner-btn a{color: #fff; display: block;}
.responsive-banner-info .btn1{background: url(../images/responsive-banner-btn1.png) no-repeat center; padding: 0.125rem 0.3rem;}
.responsive-banner-info .btn2{background: url(../images/responsive-banner-btn2.png) no-repeat center; padding: 0.125rem 0.1rem;}

}


.index-why{position: relative;}
.index-why-content{width: 45%; position: absolute; top: 2.15rem; right: 8%;}
.index-why-content-tit{font-size: 0.6rem; font-weight: bold; font-family: "Arial"; color: #7a1c70;}

.index-why-ul{display: flex; width: 80%; margin: .5rem 0;}
.index-why-li{width: 30%; box-sizing: border-box; border-right: 1px solid #dedede;}
.index-why-li:nth-child(2n){text-align: center; width: 40%;}
.index-why-li:last-child{text-align: right; border-right: none;}
.index-why-li-tit{font-size: 0.6rem; color: #7a1c70; font-family: 'Arial'; font-weight: bold;}
.index-why-li-tit span.num{font-size: 0.7rem; }
.index-why-li-tit b{font-weight: bold; margin-top: -0.3rem;}
.index-why-li-txt{font-size: 0.24rem; text-transform: uppercase; font-family: "Arial"; color: #222;}
.index-why-info{font-size: 0.18rem; line-height: 1.8; color: #222; height:4.5rem; overflow-y:scroll; padding-right:0.2rem}

.index-why-info img{max-width:100%;}


.nicescroll-rails { /* 滚动条轨道 */
    background-color: #f0f0f0; /* 轨道背景色 */
    width: 10px; /* 轨道宽度 */
}
@media screen and (max-width:576px){

  .index-why{position: relative;}
  .index-why-content{width: 100%; position: static; top: 2.15rem; right: 0; box-sizing: border-box; padding: 0.2rem;}
  .index-why-content-tit{font-size: 0.6rem; font-weight: bold; font-family: "Arial"; color: #7a1c70;}
  
  .index-why-ul{display: flex; width: 100%; margin: 0; box-sizing: border-box;}
  .index-why-li{width: 30%; box-sizing: border-box; border-right: 1px solid #dedede;}
  .index-why-li:nth-child(2n){text-align: center; width: 40%;}
  .index-why-li:last-child{text-align: right; border-right: none;}
  .index-why-li-tit{font-size: 0.5rem; color: #7a1c70; font-family: 'Arial'; font-weight: bold;}
  .index-why-li-tit span.num{font-size: 0.6rem; }
  .index-why-li-tit b{font-weight: bold; margin-top: -0.3rem;}
  .index-why-li-txt{font-size: 0.24rem; text-transform: uppercase; font-family: "Arial"; color: #222;}
  .index-why-info{font-size: 0.22rem; line-height: 1.8; color: #222; margin: 0.2rem 0;}
  

}


.index-news{background: #f5f5f5 url(../images/index-news-line.png) no-repeat 6.8% 0.7rem; padding: 0.4rem 0; }
.index-news-tit{font-size: 0.48rem; color: #7a1c70; font-family: "Arial"; font-weight: bold;}

.index-news-content {width: 100%; display: flex; flex-wrap: wrap;}

.index-news-content .swiper-slide {
  width: 23.5%; margin-right: 2%; 
  text-align: center;
  font-size: 0.18rem;
}
.index-news-content .swiper-slide:nth-child(4n){margin-right: 0;}

.index-news{}
.index-news-li{position: relative; margin: 0.2rem 0;}
.index-news-li-pic{}
.index-news-li-pop{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);}
.index-news-li-content{display: flex; justify-content: space-between; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
box-sizing: border-box; padding: 0.2rem; flex-direction: column; text-align: left; }
.index-news-li-time{color: #fff; font-size: 0.16rem;}
.index-news-li-tit{color: #fff; font-size: 0.2rem; font-family: "Arial"; font-weight: bold;}
.index-news-li-txt{color: #fff; font-size: 0.16rem; font-family: "Arial"; line-height: 1.8; margin-top: 0.15rem; height: 0; overflow: hidden;}
.index-news-more{text-align: center; font-family: "Arial"; font-size: 0.22rem; text-decoration: underline; text-decoration-color: #7a1c70;
text-underline-offset: 0.1rem; height: 0.4rem;}
.index-news-more a{color: #7a1c70;}

.swiper-slide:hover{transform: scale(1.03);  transition: 0.5s;}
.swiper-slide:hover .index-news-li-pop{top: 55%; height: 45%; transition: 0.5s;}
.swiper-slide:hover .index-news-li-txt{height: 100%; transition: 0.5s;}

@media screen and (max-width:576px){
  
.index-news-content {width: 100%; display: flex; flex-wrap: wrap;}

.index-news-content .swiper-slide {
  width: 49%; margin-right: 2%; 
  text-align: center;
  font-size: 0.18rem;
}
.index-news-content .swiper-slide:nth-child(4n){margin-right: auto;}
.index-news-content .swiper-slide:nth-child(2n){margin-right: 0;}

  .index-news{}
  .index-news-li{position: relative; margin: 0.2rem 0.05rem;}
  .index-news-li-pic{}
  .index-news-li-pop{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);}
  .index-news-li-content{display: flex; justify-content: space-between; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  box-sizing: border-box; padding: 0.2rem; flex-direction: column; text-align: left; }
  .index-news-li-time{color: #fff; font-size: 0.16rem;}
  .index-news-li-tit{color: #fff; font-size: 0.2rem; font-family: "Arial"; font-weight: bold;}
  .index-news-li-txt{color: #fff; font-size: 0.16rem; font-family: "Arial"; line-height: 1.8; margin-top: 0.15rem; height: 0; overflow: hidden;}
  .index-news-more{text-align: center; font-family: "Arial"; font-size: 0.22rem; text-decoration: underline; text-decoration-color: #7a1c70;
  text-underline-offset: 0.1rem; height: 0.4rem;}
  .index-news-more a{color: #7a1c70;}
  
  .swiper-slide:hover{transform: scale(1.03);  transition: 0.5s;}
  .swiper-slide:hover .index-news-li-pop{top: 60%; height: 40%; transition: 0.5s;}
  .swiper-slide:hover .index-news-li-txt{height: 100%; transition: 0.5s;}

}

.index-Organizer{width: 100%; box-sizing: border-box; padding: 0.4rem 0;}
.index-Organizer-tit{font-size: 0.28rem; color: #7a1c70; font-weight: bold; margin-bottom: 0.1rem;}
.index-Organizer-content{width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; margin-bottom: 0.2rem;}
.index-Organizer-li{width: calc(100%/7); text-align: center; line-height: 100%; display: flex; align-items: center; justify-content: center;}
.index-Organizer-li img{width: 100%;}


.mySwiper2{padding: 0 0.3rem;}
.mySwiper2 .swiper-slide{line-height: 0.8rem; display: flex; align-items: center; justify-content: center;}

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

  .index-Organizer{width: 100%; box-sizing: border-box; padding: 0.2rem;}
  .index-Organizer-tit{font-size: 0.28rem; color: #7a1c70; font-weight: bold; margin-bottom: 0.1rem;}
  .index-Organizer-content{display: flex; flex-wrap: wrap; margin-bottom: 0.2rem;}
  .index-Organizer-li{width: 20%; text-align: center; line-height: 100%; display: flex; align-items: center; justify-content: center;}
  .index-Organizer-li img{width: 100%;}
  
  .mySwiper2{width: 100%; box-sizing: border-box; padding: 0 0.3rem;}
  .mySwiper2 .swiper-slide{ line-height: 1.5rem; display: flex; align-items: center; justify-content: center;}
  .mySwiper2 .swiper-slide img{width: 100%;}
  

}

.footer-box{padding: 0.45rem 0; background: url(../images/footer-bg.jpg) no-repeat center;  position: relative; z-index: 99;}
.footer{display: flex; justify-content: space-between; flex-wrap: wrap;}
.footer-l{width: 17%;}
.footer-l-copy{color: #c5aad5; font-size: 0.14rem; line-height: 1.8; margin-top: 0.1rem;}
.footer-m{width: 45%; color: #fff;}
.footer-m-tit{font-size: 0.24rem; font-weight: bold; text-transform: uppercase; margin-bottom: 0.1rem;}
.footer-m-txt{font-size: 0.16rem; line-height: 1.8;}
.footer-r{width: 20%; margin-top:5%}
.footer-r a{width: 0.48rem; height: 0.48rem; margin: 0 0.05rem;}


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

  .footer-box{padding: 0.5rem 0; background: #7a1c70; width: 100%; box-sizing: border-box;}
  .footer{display: flex; justify-content: space-between; flex-wrap: wrap;}
  .footer-l{width: 100%;}
  .footer-l-copy{color: #c5aad5; font-size: 0.2rem; line-height: 1.8; margin-top: 0.1rem;}
  .footer-m{width: 100%; color: #fff; margin: 0.2rem 0;}
  .footer-m-tit{font-size: 0.26rem; font-weight: bold; text-transform: uppercase; margin-bottom: 0.1rem;}
  .footer-m-txt{font-size: 0.22rem; line-height: 1.8;}
  .footer-r{width: 100%;}
  .footer-r a{width: 0.48rem; height: 0.48rem; margin: 0 0.05rem; display: inline-block;}
  .footer-r a img{width: 100%;}
  

}

/*Exhibit_Why Exhibit*/
@media screen and (max-width:576px){

.Why-responsive{display: none;}

}

.Exhibit-tab{width: 100%; background: #f0f0ff; display:none;}
.Exhibit-tab-ul{display: flex; justify-content: center; line-height: 0.6rem;}
.Exhibit-tab-li{margin: 0 0.2rem; font-size: 0.2rem;}
.Exhibit-tab-li a{color: #000;}
.Exhibit-tab-li.active{border-bottom: 3px solid #7a1c70;}
.Exhibit-tab-li.active a{color: #7a1c70; font-weight: bold;}

.Exhibit-why{display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; padding: 0.6rem 0;}
.Exhibit-why-info{width: 50%; box-sizing: border-box; padding-right: 5%;}
.Exhibit-why-tit{font-size: 0.48rem; font-weight: bold; margin-bottom: 0.2rem;}
.Exhibit-why-txt{font-size: 0.18rem; line-height: 1.8;}
.Exhibit-why-pic{width: 50%;}

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

  .Exhibit-tab{width: 100%; background: #f0f0ff;}
  .Exhibit-tab-ul{display: flex; justify-content: center; line-height: 0.8rem;}
  .Exhibit-tab-li{margin: 0 0.2rem; font-size: 0.24rem;}
  .Exhibit-tab-li a{color: #000;}
  .Exhibit-tab-li.active{border-bottom: 2px solid #7a1c70;}
  .Exhibit-tab-li.active a{color: #7a1c70; font-weight: bold;}
  
  
.Exhibit-why{display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; padding: 0.6rem  0.3rem;}
.Exhibit-why-info{width: 100%; box-sizing: border-box; padding-right: 0%; margin-bottom: 0.4rem;}
.Exhibit-why-tit{font-size: 0.4rem; font-weight: bold; margin-bottom: 0.2rem;}
.Exhibit-why-txt{font-size: 0.22rem; line-height: 1.8;}
.Exhibit-why-pic{width: 100%;}

}

/*about*/
.about-information{display: flex; height: 5.4rem; width:85%; margin:0 auto; padding-bottom:30px }
.about-information-map{width: 98%;margin:0 auto;}
.about-information-info{width: 50%; background: #3d2f68; padding: 1.3rem 0.75rem; color: #fff; display:none;}
.about-information-info-tit{font-size: 0.3rem; font-weight: bold; margin-bottom: 0.3rem;}
.about-information-info-txt{font-size: 0.2rem; line-height: 1.8; padding-right: 1.3rem;}

.about-plan-box{width: 100%; background: url(../images/about-plan-bg.jpg) no-repeat center; padding: 0.8rem 0;}
.about-plan{width: 55%; box-sizing: border-box; padding: 0.55rem; margin: 0 auto; background: #fff;}
.about-plan-tit{font-size: 0.36rem; color: #7a1c70; font-weight: bold;}
.about-plan-txt{font-size: 0.24rem; margin: 0.15rem 0;}
.about-plan-inp{display: flex; flex-wrap: wrap;}
.about-plan-half{width: 50%; display: flex; align-items: center; margin-bottom: 0.2rem;}
.about-plan-l{width: 35%; text-align: right; margin-right: 5%; font-size: 0.2rem; color: #222;}
.about-plan-l span{color: #7a1c70;}
.about-plan-r{width: 60%;}
.about-plan-r input,
.about-plan-r select{width: 100%; height: 0.5rem; line-height: 0.5rem; box-sizing: border-box; border: 1px solid #999999; padding-left: 0.1rem; font-size:16px}
.about-plan-btn{width: 1.6rem; height: 0.6rem; line-height: 0.6rem; text-align: center; background: #7a1c70;
border-radius: 0.1rem; margin: 0 auto; font-size: 0.2rem; margin-top: 0.2rem;}
.about-plan-btn a{color: #fff; display: block;}

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

  .about-information{display: flex; flex-wrap: wrap; height: auto;width:100%;}
  .about-information-map{width: 100%; height: 5rem;}
  .about-information-info{width: 100%; background: #3d2f68; padding: 0.4rem; color: #fff;}
  .about-information-info-tit{font-size: 0.3rem; font-weight: bold; margin-bottom: 0.3rem;}
  .about-information-info-txt{font-size: 0.22rem; line-height: 1.8; padding-right: 0;}
  
  .about-plan-box{width: 100%; background: url(../images/about-plan-bg.jpg) no-repeat center; padding: 0.8rem 0;}
  .about-plan{width: 90%; box-sizing: border-box; padding: 0.55rem; margin: 0 auto; background: #fff;}
  .about-plan-tit{font-size: 0.36rem; color: #7a1c70; font-weight: bold;}
  .about-plan-txt{font-size: 0.24rem; margin: 0.25rem 0;}
  .about-plan-inp{display: flex; flex-wrap: wrap;}
  .about-plan-half{width: 100%; display: flex; align-items: center; margin-bottom: 0.2rem;}
  .about-plan-l{width: 30%; text-align: right; margin-right: 5%; font-size: 0.22rem; color: #222;}
  .about-plan-l span{color: #7a1c70;}
  .about-plan-r{width: 60%;}
  .about-plan-r input{width: 100%; height: 0.5rem; line-height: 0.5rem; box-sizing: border-box; border: 1px solid #999999;}
  .about-plan-btn{width: 30%; height: 0.6rem; line-height: 0.6rem; text-align: center; background: #7a1c70;
  border-radius: 0.1rem; margin: 0 auto; font-size: 0.22rem; margin-top: 0.2rem;}
  .about-plan-btn a{color: #fff; display: block;}
  
}

/*contact*/
.contact-box{width: 100%; box-sizing: border-box; padding: 0.6rem 0; position: relative;
  background: linear-gradient(to right, #fff 0, #fff 50%, #f0eef1 50%, #f0eef1 100%);}
.contact-line{width: 5px; height: 100%; position: absolute; inset: 0; margin: auto;
  background: linear-gradient(to bottom, #000000 0, #000000 33%, #d2333b 33%, #d2333b 66%, #ffd200 66%, #ffd200 100%);}
.contact{display: flex; justify-content: space-between;}
.contact-info{width: 48%; color: #222;}
.contact-info-tit{font-size: 0.48rem; font-weight: bold;}
.contact-info-txt{font-size: 0.24rem; font-weight: bold; margin: 0.25rem 0;}
.contact-info-li{display: flex; margin-bottom: 0.15rem;}
.contact-info-icon{margin-right: 0.15rem;}
.contact-info-litxt{font-size: 0.16rem; color: #222; line-height: 1.6;}
.contact-link{margin-top: 0.2rem;}
.contact-link a{margin-right: 0.1rem;}
.contact-link img{width: 0.48rem; height: 0.48rem; display: inline-block;}


.contact-inp{width: 44%; box-sizing: border-box; padding-right: 2%;}
.contact-inp-li{display: flex; align-items: center; margin-bottom: 0.2rem;}
.contact-inp-l{width: 25%; text-align: right; box-sizing: border-box; padding-right: 0.2rem;}
.contact-inp-l span{color: #7a1c70;}
.contact-inp-r{width: 70%;}
.contact-inp-r input,select{width: 100%; height: 0.5rem; line-height: 0.5rem; outline: none; border: 1px solid #999999;
padding-left: 0.1rem; box-sizing: border-box; font-size:16px}
.contact-inp .textarea-li{align-items: flex-start;}
.contact-inp .textarea-li .contact-inp-l{margin-top: 0.1rem;}
.contact-inp-r textarea{width: 100%; height: 1rem; outline: none; box-sizing: border-box; padding: 0.1rem; line-height: 1.7; font-size:16px;font-family:Arial, Helvetica, sans-serif}
.contact-inp-btn{width: 30%; height: 0.6rem; line-height: 0.6rem; text-align: center; background: #7a1c70;
border-radius: 0.1rem; color: #fff; font-size: 0.2rem;}
.contact-inp-btn a{}

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

  .contact-box{width: 100%; box-sizing: border-box; padding: 0.4rem 0; position: relative;
    background: none;}
  .contact-line{width: 5px; height: 100%; position: absolute; inset: 0; margin: auto; display: none;
    background: linear-gradient(to bottom, #000000 0, #000000 33%, #d2333b 33%, #d2333b 66%, #ffd200 66%, #ffd200 100%);}
  .contact{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .contact-info{width: 100%; color: #222; margin-bottom: 0.5rem;}
  .contact-info-tit{font-size: 0.48rem; font-weight: bold;}
  .contact-info-txt{font-size: 0.24rem; font-weight: bold; margin: 0.25rem 0;}
  .contact-info-li{display: flex; margin-bottom: 0.15rem;}
  .contact-info-icon{width: 0.3rem; margin-right: 0.15rem;}
  .contact-info-icon img{width: 100%;}
  .contact-info-litxt{font-size: 0.22rem; color: #222; line-height: 1.6;}
  .contact-link{margin-top: 0.2rem;}
  .contact-link a{margin-right: 0.1rem;}
  .contact-link img{width: 0.4rem; height: 0.4rem; display: inline-block;}
  
  
  .contact-inp{width: 100%; box-sizing: border-box; padding-right: 0; background: #f0eef1; padding: 0.3rem;}
  .contact-inp-li{display: flex; align-items: center; margin-bottom: 0.2rem; font-size: 0.22rem;}
  .contact-inp-l{width: 32%; text-align: right; box-sizing: border-box; padding-right: 0.2rem;}
  .contact-inp-l span{color: #7a1c70;}
  .contact-inp-r{width: 65%;}
  .contact-inp-r input{width: 100%; height: 0.6rem; line-height: 0.6rem; outline: none; border: 1px solid #999999;
  padding-left: 0.1rem; box-sizing: border-box;}
  .contact-inp .textarea-li{align-items: flex-start;}
  .contact-inp .textarea-li .contact-inp-l{margin-top: 0.1rem;}
  .contact-inp-r textarea{width: 100%; height: 1rem; outline: none; box-sizing: border-box; padding: 0.1rem; line-height: 1.7;}
  .contact-inp-btn{width: 40%; height: 0.6rem; line-height: 0.6rem; text-align: center; background: #7a1c70;
  border-radius: 0.1rem; color: #fff; font-size: 0.22rem;}
  .contact-inp-btn a{}

}

/*contact*/

/*Exhibit_Exhibitor List*/
.Exhibitor{padding: 0.6rem 0;}
.Exhibitor-top{display: flex; align-items: center;}
.Exhibitor-tit{font-size: 0.48rem; color: #222222; font-weight: bold; margin-right: 0.8rem;}
.Exhibitor-inp{display: flex; width: 4rem; height: 0.5rem; box-sizing: border-box; border-radius: 0.1rem; overflow: hidden;
}
.Exhibitor-inp-text{width: 70%;}
.Exhibitor-inp-text input{width: 100%; height: 0.5rem; line-height: 0.5rem; background: #e8e8ef; outline: none;
border: none; box-sizing: border-box; padding-left: 0.1rem;}
.Exhibitor-inp-btn{width: 30%;  height: 0.5rem; line-height: 0.5rem; background: #7a1c70; text-align: center;}
.Exhibitor-inp-btn a{display: block; color: #fff;}

.Exhibitor-list{display: flex; flex-wrap: wrap; margin: 0.45rem 0;}
.Exhibitor-li{width: 0.53rem; height: 0.53rem; background: #eeeeee; line-height: 0.53rem; text-align: center; margin-right: 0.06rem;}
.Exhibitor-li a{display: block; font-size: 0.2rem; font-weight: bold; color: #222222;}

.Exhibitor-news{ display: flex; flex-wrap: wrap;}
.Exhibitor-news-li{border: 1px solid #dedede; width: 20%; text-align: center; padding: 0.35rem; box-sizing: border-box;}
.Exhibitor-news-li-num{font-size: 0.36rem; font-weight: bold;}
.Exhibitor-news-li-tit{font-size: 0.2rem; line-height: 1.7; margin: 0.1rem 0;}
.Exhibitor-news-li-pic img{max-width: 100%;}

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

  .Exhibitor{padding: 0.6rem 0;}
  .Exhibitor-top{display: flex; align-items: start; flex-direction: column;}
  .Exhibitor-tit{font-size: 0.48rem; color: #222222; font-weight: bold; margin-right: 0.8rem; margin-bottom: 0.2rem;}
  .Exhibitor-inp{display: flex; width: 80%; height: 0.7rem; box-sizing: border-box; border-radius: 0.1rem; overflow: hidden; font-size: 0.25rem;
  }
  .Exhibitor-inp-text{width: 70%;}
  .Exhibitor-inp-text input{width: 100%; height: 0.7rem; line-height: 0.7rem; background: #e8e8ef; outline: none;
  border: none; box-sizing: border-box; padding-left: 0.1rem;}
  .Exhibitor-inp-btn{width: 30%;  height: 0.7rem; line-height: 0.7rem; background: #7a1c70; text-align: center;}
  .Exhibitor-inp-btn a{display: block; color: #fff;}
  
  .Exhibitor-list{display: flex; flex-wrap: wrap; margin: 0.45rem 0;}
  .Exhibitor-li{width: 0.55rem; height: 0.55rem; background: #eeeeee; line-height: 0.55rem; text-align: center; margin-right: 0.06rem;
  margin-bottom: 0.1rem;}
  .Exhibitor-li a{display: block; font-size: 0.2rem; font-weight: bold; color: #222222;}
  
  .Exhibitor-news{ display: flex; flex-wrap: wrap;}
  .Exhibitor-news-li{border: 1px solid #dedede; width: 33%; text-align: center; padding: 0.35rem; box-sizing: border-box;}
  .Exhibitor-news-li-num{font-size: 0.36rem; font-weight: bold;}
  .Exhibitor-news-li-tit{font-size: 0.2rem; line-height: 1.7; margin: 0.1rem 0;}
  .Exhibitor-news-li-pic img{max-width: 100%;}
  

}

/*Exhibit_Exhibitor List*/


/*Exhibit_Book Your Stand*/

.bookstall-box{position: relative;}
.bookstall{display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; padding: 0.7rem 0;}
.bookstall-info{width: 60%; box-sizing: border-box; padding-right: 5%;}
.bookstall-tit{font-size: 0.48rem; font-weight: bold; margin-bottom: 0.2rem; margin-bottom: 0.7rem;}

.bookstall-pic{position: absolute; right: 0; top: -0.1rem; width: 38%; z-index: 1;}

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


  .bookstall-box{position: relative;}
  .bookstall{display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; padding: 0.5rem 0;}
  .bookstall-info{width: 100%; box-sizing: border-box; padding-right: 5%;}
  .bookstall-tit{font-size: 0.4rem; font-weight: bold; margin-bottom: 0.2rem; margin-bottom: 0.5rem;}
  
  .bookstall-pic{display: none; position: absolute; right: 0; top: -0.1rem; width: 38%; z-index: 1;}
}

/*Exhibit_Book Your Stand*/

/*Visit_Visiting Register*/
.Visitor-box{position: relative; overflow: hidden;}
.Visitor-pic{position: absolute; right: 0; top: 0rem; width: 40%; z-index: 1;}
.Visitor{display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; padding: 0.7rem 0;}
.Visitor-info{width: 60%; box-sizing: border-box; padding-right: 5%;}
.Visitor-tit{font-size: 0.48rem; font-weight: bold; margin-bottom: 0.2rem; margin-bottom: 0.3rem;}

.Visitor-inp-tit{width: 100%; display: flex; align-items: center; margin-bottom: 0.2rem;}
.Visitor-inp-tit .about-plan-l{width: 18%; text-align: right; margin-right: 2%;}
.Visitor-inp-tit .about-plan-r{width: 80%;}

.Visitor-line{height: 1px; width: 100%; background: #353535; margin: 0.3rem 0;}
.Visitor-interested{font-size: 0.24rem; color: #222; margin-bottom: 0.2rem;}
.Visitor-interested span{color: #7a1c70;}
.Visitor-interested-inp{margin-bottom: 0.4rem;}
.Visitor-interested-inp input{width: 100%; height: 0.5rem; line-height: 0.5rem; border: 1px solid #999999; padding-left:0.1rem;box-sizing: border-box; font-size:16px}

.Defenpol{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0.4rem;}
.Defenpol-li{ font-size: 0.2rem; color: #000; display: flex; flex-wrap: wrap; align-items: center;
margin-bottom: 0.2rem; margin-right: 0.4rem;}
.Defenpol-li input{width: 0.3rem; height: 0.3rem; border: 1px solid #666; margin-right: 0.1rem;}
.Defenpol-other{width: 100%; display: flex; align-items: center; font-size: 0.2rem;}
.Defenpol-other input[type="checkbox"]{width: 0.3rem; height: 0.3rem; border: 1px solid #666; margin-right: 0.1rem;}
.Defenpol-other input[type="text"]{width: 2rem; height: 0.5rem; border: none; border-bottom: 1px solid #000; outline: none;
  margin-left: 0.1rem;font-size:16px; font-family:Arial, Helvetica, sans-serif}

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


    .Visitor-box{position: relative; overflow: hidden;}
    .Visitor-pic{position: absolute; right: 0; top: 0rem; width: 40%; z-index: 1; display: none;}
    .Visitor{display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; padding: 0.5rem 0;}
    .Visitor-info{width: 100%; box-sizing: border-box; padding-right: 5%;}
    .Visitor-tit{font-size: 0.4rem; font-weight: bold; margin-bottom: 0.2rem; margin-bottom: 0.3rem;}
    
    .Visitor-inp-tit{width: 100%; display: flex; align-items: center; margin-bottom: 0.2rem;}
    .Visitor-inp-tit .about-plan-l{width: 33%; text-align: right; margin-right: 2%;}
    .Visitor-inp-tit .about-plan-r{width: 60%;}
    
    .Visitor-line{height: 1px; width: 100%; background: #353535; margin: 0.3rem 0;}
    .Visitor-interested{font-size: 0.24rem; color: #222; margin-bottom: 0.2rem;}
    .Visitor-interested span{color: #7a1c70;}
    .Visitor-interested-inp{margin-bottom: 0.4rem;}
    .Visitor-interested-inp input{width: 100%; height: 0.5rem; line-height: 0.5rem; border: 1px solid #999999;}
    
    .Defenpol{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0.4rem;}
    .Defenpol-li{ font-size: 0.22rem; color: #000; display: flex; flex-wrap: wrap; align-items: center;
    margin-bottom: 0.2rem; margin-right: 0.4rem;}
    .Defenpol-li input{width: 0.3rem; height: 0.3rem; border: 1px solid #666; margin-right: 0.1rem;}
    .Defenpol-other{width: 100%; display: flex; align-items: center; font-size: 0.22rem;}
    .Defenpol-other input[type="checkbox"]{width: 0.3rem; height: 0.3rem; border: 1px solid #666; margin-right: 0.1rem;}
    .Defenpol-other input[type="text"]{width: 2rem; height: 0.5rem; border: none; border-bottom: 1px solid #000; outline: none;
      margin-left: 0.1rem;}
  }

/*Visit_Visiting Register*/

/*News*/
.news{padding: 0.6rem 0;}
.news-content{ display: flex; flex-wrap: wrap;}
.news-li{width: 23.5%; box-sizing: border-box; border: 1px solid #dedede; overflow: hidden; margin-right: 2%;
margin-bottom: 0.5rem;}
.news-li:nth-child(4){margin-right: 0;}
.news-li-info{padding: 0.2rem;}
.news-li-time{font-size: 0.16rem; margin-bottom: 0.1rem;}
.news-li-tit{font-size: 0.2rem; font-weight: bold;}
.news-li-txt{font-size: 0.16rem; color: #888; margin: 0.2rem 0; line-height: 1.6;}
.news-li-more{font-family: "Lucida Sans Unicode"; font-size: 0.16rem; text-decoration: underline; text-underline-offset: 0.08rem;
  text-decoration-color: #7a1c70;}
.news-li-more a{color: #7a1c70;}
.news-more{width: 2.4rem; height: 0.6rem; line-height: 0.6rem; text-align: center; background: #7a1c70;
margin: 0 auto; border-radius: 0.3rem; color: #fff; font-size: 0.16rem;}
.news-more img{margin-left: 0.1rem;}
.news-li img{ height:278px}
@media screen and (max-width:576px){

  .news{padding: 0.6rem 0;}
  .news-content{ display: flex; flex-wrap: wrap;}
  .news-li{width: 49%; box-sizing: border-box; border: 1px solid #dedede; overflow: hidden; margin-right: 2%;
  margin-bottom: 0.5rem;}
  .news-li:nth-child(2n){margin-right: 0;}
  .news-li-info{padding: 0.3rem;}
  .news-li-time{font-size: 0.22rem; margin-bottom: 0.1rem;}
  .news-li-tit{font-size: 0.25rem; font-weight: bold;}
  .news-li-txt{font-size: 0.22rem; color: #888; margin: 0.2rem 0; line-height: 1.6;}
  .news-li-more{font-family: "Lucida Sans Unicode"; font-size: 0.22rem; text-decoration: underline; text-underline-offset: 0.08rem;
    text-decoration-color: #7a1c70;}
  .news-li-more a{color: #7a1c70;}
  .news-more{width: 2.4rem; height: 0.6rem; line-height: 0.6rem; text-align: center; background: #7a1c70;
  margin: 0 auto; border-radius: 0.3rem; color: #fff; font-size: 0.25rem;}
  .news-more img{margin-left: 0.1rem; width: 0.2rem;}
  .news-li img{ height:auto}

}

/*News*/

/*Brochure*/
.Brochure{padding: 0.6rem 0; display: flex;}
.Brochure-li{width: 32%; margin-right: 2%; position:relative;}
.Brochure-li:nth-child(3n){margin-right: 0;}
.Brochure-li-tit{position:absolute; top:0; left:0; width:100%; height:1.1rem; line-height:1.1rem; text-align:center;
background:rgba(0,0,0,0.3); color:#fff; font-size:0.4rem;}

.Brochure-li:hover {transform: scale(1.03);  transition: 0.5s;}

.Brochure-plan{width: 55%; height: 5rem; box-sizing: border-box; padding: 0.55rem; margin: 0 auto; background: #fff;
position: fixed; inset: 0; margin: auto; display: none; z-index: 999;}
.Brochure-poptit{position:absolute; right:0.2rem; top:0.2rem; transform:scale(2);}

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

  .Brochure-plan{width: 90%; height: 8rem; box-sizing: border-box; padding: 0.55rem; margin: 0 auto; background: #fff;
    position: fixed; top: 20%; left: 0%; display: none; z-index: 999;}

}

/*Brochure*/

/*Visit_Why Visit*/
.Visit-box{width: 100%; height: 9.6rem; background: url(../images/Visit-banner2.jpg) no-repeat center;}
.Visit{padding-top: 0.8rem; box-sizing: border-box; display: flex; flex-wrap: wrap;}
.Visit-l{width: 61%; padding-left: 35%; margin-right:2%; box-sizing: border-box;}
.Visit-ltit{font-size: 0.25rem; color: #fff; font-family: "Arial"; font-weight: bold;}
.Visit-ltxt{font-size: 0.16rem; color: #fff; line-height: 1.8; margin: 0.2rem 0; position:relative; z-index:2}

.Visit-lli{display: flex; align-items: center; margin-bottom: 0.15rem;}
.Visit-lli-icon{width: 0.6rem; margin: 0 0.3rem 0 0;}
.Visit-lli-info{}
.Visit-lli-info-num{font-size: 0.6rem; color: #fff;}
.Visit-lli-info-num span{font-size: 0.5rem;}
.Visit-lli-info-tit{font-size: 0.24rem; color: #f2ab00;}

.Visit-r{width: 35%; box-sizing: border-box; padding: 0.3rem 0.5rem;  background: rgba(31, 91, 126, 0.3); border-radius: 0.3rem;
border: 1px solid rgba(255, 255, 255, 0.3); position:relative}
.Visit-icon1{position:absolute; right:0; top:-0.4rem;}
.Visit-icon2{position:absolute; left:-1.3rem; top:2rem;}
.Visit-icon3{position:absolute; left:34%; bottom:2.8rem;}
.Visit-icon4{position:absolute; right:0; bottom:0.3rem;}
.Visit-content{ display: flex; position:relative; z-index:2}
.Visit-half{width: 50%; box-sizing: border-box;}
.Visit-half:nth-child(2){padding-left:5%;}
.Visit-half-tit{font-size: 0.3rem; font-weight: bold; color: #fff; background: #f2ab00; border-radius: 0.2rem;
text-align: center; line-height: 0.5rem; display: inline-block; padding: 0 0.2rem;}
.Visit-half-txt{font-size: 0.18rem; color: #fff; line-height: 1.8; margin:0.2rem;}


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

  .Visit-box{width: 100%; height: auto; background: url(../images/Visit-banner.jpg) no-repeat center; background-size: cover; overflow: hidden;}
  .Visit{padding: 0.5rem; box-sizing: border-box; display: flex; flex-wrap: wrap;  overflow: hidden;}
  .Visit-l{width: 100%; padding-left: 0%; box-sizing: border-box;}
  .Visit-ltit{font-size: 0.48rem; color: #fff; font-family: "Arial"; font-weight: bold;}
  .Visit-ltxt{font-size: 0.22rem; color: #fff; line-height: 1.8; margin: 0.2rem 0;}
  
  .Visit-lli{display: flex; align-items: center; margin-bottom: 0.15rem;}
  .Visit-lli-icon{width: 0.6rem; margin: 0 0.3rem;}
  .Visit-lli-info{}
  .Visit-lli-info-num{font-size: 0.6rem; color: #fff;}
  .Visit-lli-info-num span{font-size: 0.5rem;}
  .Visit-lli-info-tit{font-size: 0.24rem; color: #f2ab00;}
  
  .Visit-r{width: 100%; box-sizing: border-box; padding: 0.3rem 0.7rem; background: rgba(0, 0, 0, 0.3); border-radius: 0.3rem;
  border: 1px solid rgba(255, 255, 255, 0.3); display: flex; flex-wrap: wrap;}
  .Visit-half{width: 50%;}
  .Visit-half-tit{font-size: 0.3rem; font-weight: bold; color: #fff; background: #f2ab00; border-radius: 0.2rem;
  text-align: center; line-height: 0.5rem; display: inline-block; padding: 0 0.3rem;}
  .Visit-half-txt{font-size: 0.22rem; color: #fff; line-height: 1.8; margin:0.2rem;}
  

}
/*Visit_Why Visit*/

/*news_view*/
.news_view{display: flex; flex-wrap: wrap;}
.news_view_l{padding: 0.5rem 0; width: 75%; border-right: 1px solid #dedede; box-sizing: border-box; padding-right: 5%;}
.news_view_ltime{font-size: 0.18rem; color: #222;}
.news_view_ltime span{margin-left: 1rem;}
.news_view_lline{width: 0.8rem; height: 2px; background: #e66127; margin: 0.3rem 0;}
.news_view_ltit{font-size: 0.36rem; color: #222; font-weight: bold; margin-bottom: 0.4rem;}
.news_view_ltxt{font-size: 0.18rem; color: #222; line-height: 1.8;}
.news_view_ltxt img{max-width: 100%;}
.news_view_lbline{width: 100%; height: 1px; background: #eeeeee; margin: 0.5rem 0;}
.news_view_link{display: flex; justify-content: space-between;}
.news_view_link-l{}
.news_view_link-lt{font-size: 0.16rem; color: #333; margin-bottom: 0.1rem;}
.news_view_link-lb{font-size: 0.16rem; line-height: 0.35rem; padding: 0 0.15rem; border: 0px solid #000; font-weight:bold}
.news_view_link-rt{text-align: right;font-size: 0.16rem; color: #333; margin-bottom: 0.1rem;}

.news_view_r{ padding: 0.5rem 0; width: 25%; box-sizing: border-box; padding-left: 0.3rem;}
.news_view_rtit{font-size: 0.3rem; color: #333; position: relative; margin-bottom: 0.3rem;}
.news_view_rtit::before{position: absolute; left: -0.3rem; top: 0.02rem; width: 3px; height: 0.32rem; background: #7a1c70;
content: "";}
.news_view_li{width: 100%; margin-bottom: 0.2rem;}

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


  .news_view{display: flex; flex-wrap: wrap;}
  .news_view_l{padding: 0.5rem 0; width: 100%; border-right: none; box-sizing: border-box; padding-right: 0%;}
  .news_view_ltime{font-size: 0.22rem; color: #222;}
  .news_view_ltime span{margin-left: 1rem;}
  .news_view_lline{width: 0.8rem; height: 2px; background: #e66127; margin: 0.3rem 0;}
  .news_view_ltit{font-size: 0.36rem; color: #222; font-weight: bold; margin-bottom: 0.4rem;}
  .news_view_ltxt{font-size: 0.22rem; color: #222; line-height: 1.8;}
  .news_view_ltxt img{max-width: 100%;}
  .news_view_lbline{width: 100%; height: 1px; background: #eeeeee; margin: 0.5rem 0;}
  .news_view_link{display: flex; justify-content: space-between;}
  .news_view_link-l{}
  .news_view_link-lt{font-size: 0.22rem; color: #333; margin-bottom: 0.1rem;}
  .news_view_link-lb{font-size: 0.25rem; line-height: 0.35rem; padding: 0 0.15rem; border: 1px solid #000;}
  .news_view_link-rt{text-align: right;font-size: 0.22rem; color: #333; margin-bottom: 0.1rem;}
  
  .news_view_r{ padding: 0.5rem 0; width: 100%; box-sizing: border-box; padding-left: 0.3rem;}
  .news_view_rtit{font-size: 0.3rem; color: #333; position: relative; margin-bottom: 0.3rem;}
  .news_view_rtit::before{position: absolute; left: -0.3rem; top: 0.02rem; width: 3px; height: 0.32rem; background: #7a1c70;
  content: "";}
  .news_view_li{width: 100%; margin-bottom: 0.2rem;}
  


}


.share {
  width: 100%; box-sizing: border-box;
}
.share ul {
  font-size: 0;
}
.share ul li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.2rem;
}
.share ul li:last-child {
  margin-right: 0;
}
.share ul li.on .hidebox {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
.share ul li.on a img {
  display: none;
}
.share ul li.on a img.on {
  display: block;
}
.share ul li a {
  position: relative;
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 999;
  border-radius: 50%;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.share ul li a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 10;
  border-radius: 50%;
}
.share ul li a img.on {
  display: none;
}
.share .hidebox {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.15rem);
  z-index: 1;
  margin-left: -0.6rem;
  width: 1.2rem;
  background-color: #fff;
  box-shadow: 0px 0px 46px 0px rgba(6, 0, 1, 0.16);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  text-align: center;
  padding-bottom: 0.08rem;
}
.share .hidebox img {
  display: block;
  width: 100%;
}
.share .hidebox p {
  font-size: 12px;
  color: #999;
  line-height: 20px;
}


/*Exhibit_Exhibitor List_view*/
.Exhibitorview{padding: 0.7rem 0; display: flex;}
.Exhibitorview-l{width: 60%; box-sizing: border-box; border-right: 1px solid #dedede; padding-right: 0.3rem;
margin-right: 0.3rem;}
.Exhibitorview-information{margin-bottom: 0.4rem;}
.Exhibitorview-information-tit{font-size: 0.48rem; color: #222222; font-weight: bold; margin-bottom: 0.2rem;}
.Exhibitorview-information-ul{}
.Exhibitorview-information-li{display: flex; font-size: 0.18rem; margin-bottom: 0.15rem;}
.Exhibitorview-information-li-l{width: 20%; text-align: right; color: #666;}
.Exhibitorview-information-li-r{width: 70%; margin-left: 0.1rem; color: #222;}

.Exhibitorview-pro{}
.Exhibitorview-pro-tit{font-size: 0.3rem; font-weight: bold; color: #222; margin-bottom: 0.2rem;}
.Exhibitorview-pro-ul{display: flex;}
.Exhibitorview-pro-li{width: 32%; margin-right: 2%;}
.Exhibitorview-pro-li-pic{width: 100%;}
.Exhibitorview-pro-li-tit{font-size: 0.18rem; color: #222; text-align: center; margin-top: 0.1rem;}

.Exhibitorview-r{width: 40%;}
.Exhibitorview-rlogo{text-align: center; max-width: 80%;}
.Exhibitorview-rlogo img{max-width: 100%;}
.Exhibitorview-rtit{font-size: 0.3rem; color: #7a1c70; margin-bottom: 0.2rem; font-weight: bold;}
.Exhibitorview-rtxt{font-size: 0.2rem; color: #222; line-height: 1.8;}


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


  .Exhibitorview{padding: 0.7rem 0; display: flex; flex-wrap: wrap;}
  .Exhibitorview-l{width: 100%; box-sizing: border-box; border-right: none; padding-right: 0rem;
  margin-right: 0rem; margin-bottom: 0.5rem;}
  .Exhibitorview-information{margin-bottom: 0.4rem;}
  .Exhibitorview-information-tit{font-size: 0.48rem; color: #222222; font-weight: bold; margin-bottom: 0.2rem;}
  .Exhibitorview-information-ul{}
  .Exhibitorview-information-li{display: flex; font-size: 0.25rem; margin-bottom: 0.15rem;}
  .Exhibitorview-information-li-l{width: 30%; text-align: right; color: #666;}
  .Exhibitorview-information-li-r{width: 70%; margin-left: 0.1rem; color: #222;}
  
  .Exhibitorview-pro{}
  .Exhibitorview-pro-tit{font-size: 0.3rem; font-weight: bold; color: #222; margin-bottom: 0.2rem;}
  .Exhibitorview-pro-ul{display: flex;}
  .Exhibitorview-pro-li{width: 32%; margin-right: 2%;}
  .Exhibitorview-pro-li-pic{width: 100%;}
  .Exhibitorview-pro-li-tit{font-size: 0.22rem; color: #222; text-align: center; margin-top: 0.1rem;}
  
  .Exhibitorview-r{width: 100%;}
  .Exhibitorview-rlogo{text-align: center; max-width: 60%; margin: 0 auto;}
  .Exhibitorview-rlogo img{max-width: 100%;}
  .Exhibitorview-rtit{font-size: 0.3rem; color: #7a1c70; margin-bottom: 0.2rem; font-weight: bold;}
  .Exhibitorview-rtxt{font-size: 0.2rem; color: #222; line-height: 1.8;}
  

}
/*Exhibit_Exhibitor List_view*/