/* BASIC css start */
#header {position:fixed;top:0;left:0;width:100%;z-index: 999; transition:all  0.2s ease-in-out; }
.header_box { padding:10px 20px 0; box-sizing:border-box; }
.header_box .wrapper {display:flex;justify-content: space-between;align-items: center;}
.header_box .logo {display:inline-block; }
.header_box .logo img {height:31.5px; }
.header_box .right_box {display:flex;justify-content: flex-start;align-items: center;}
.header_box .right_box li {margin-left:18px; }
.header_box .right_box li img {height:17px; }


.menu_box {box-sizing:border-box; width:100%; background:rgba(255,255,255,0.8); display:none;  }
.menu_box .menuSwiper  {height:40px; width:100%; box-sizing:border-box; padding:0 10px}
.menu_box .menuSwiper .swiper-slide {width: auto;}
.menu_box .menuSwiper .swiper-slide a {display: flex; justify-content:center; align-items: center; font-size:1.4rem; font-weight:500; padding:0 10px; height:40px; color:#000 }


#header .is_bk {display:none; }
#header.slideDown {transform: translateY(0) !important;}
#header.slideDown .header_box { background: rgba(255, 255, 255, 0.8); padding-bottom:10px}
#header.slideDown .menu_box .menuSwiper {display:none; }

#header.slideDown .is_wh {display:none; }
#header.slideDown .is_bk {display:block; }


#header.headroom--top .header_box { background:transparent !important;}
#header.headroom--top .is_wh { display:block !important;;}
#header.headroom--top .is_bk { display:none !important;; }



/*ÃÖ»ó´Ü ¹è³Ê*/
#topBanner {position:relative; z-index:100; display:none; }
#topBanner .img {display:none; }
#topBanner .txt {display:none; }
#topBanner .has_img .img {display:block;}
#topBanner .has_txt .txt {display:flex;justify-content: center;align-items: center}
#topBanner .swiper { margin: 0 auto;    position: relative; overflow: hidden; list-style: none; padding: 0;  z-index: 1;}
#topBanner .swiper-slide a {display:inline-block; width:100%}
#topBanner .swiper-slide .txt { height: 36px; text-align:center; font-size:1.1rem;font-weight:500; }
#topBanner .swiper-slide .img img {width:100%;}
#topBanner #topClosed {position:absolute;top:50%;right:10px;z-index:10;transform: translate(0, -50%);align-items: center;); border:none; background:transparent; display:flex;justify-content:center; width:24px; height:24px;  }
#topBanner #topClosed img {height:10px; }


#header.hasTop.headroom--not-top .header_box {display:none; }
#header.hasTop.slideDown .header_box {display:block; }
/* BASIC css end */