.a_body { position: relative; z-index: 0; }
@font-face { font-family: sy; src: url("/font/sySong.woff"); }
@font-face { font-family: Bebas; src: url("/font/Bebas.ttf"); }
@font-face { font-family: ba; src: url("/font/ba.ttf"); }
.section { overflow: hidden; }
.header_box_li { position: relative; z-index: 1; }
.header_box {position: relative;z-index: 10000;/* border-top: 0.04rem solid #A40000; */}
#header {position: fixed;z-index: 999;width: 100%;transition: all 0.36s ease 0s;border-top: 0.04rem solid #A40000;}
.header_box_li #header::before { content: ""; position: absolute; height: 1.7rem; top: -0.01rem; left: 0px; right: 0px; transition: all 0.2s ease 0s; opacity: 1; visibility: visible; pointer-events: none; background: linear-gradient(rgb(29, 26, 26), transparent);z-index: -1; }

#header.xg {background: #A40000;background: linear-gradient(180deg, rgba(164, 0, 0, 0.8) 0%, rgba(164, 0, 0, 0.272) 52%, rgba(255, 255, 255, 0) 100%);}
#header.xg::before { height: 0px; }
#header.xg .wp {height: 1.15rem;}
#header.xg .header_top {/* display: none; */}
.header_top { position: relative; }

.header_top .li img { width: 0.24rem; display: inline-block; margin-right: 0.05rem; }
#header .right { padding-left: 13%; flex: 1; display: flex; flex-direction: column; align-items: flex-end; position: relative; }
.list_box0 {display: flex;align-items: center;justify-content: flex-end;/* padding-bottom: 0.15rem; */}
.list_box0 .li { font-size: 0.16rem; color: rgb(255, 255, 255); display: inline-block; transition: all 0.6s ease 0s; position: relative; opacity: 0.7; }
.list_box0 .li:hover { color: rgb(255, 255, 255); opacity: 1; }
.list_box0 .li a {align-items: center;display: flex;padding: 0px 0.24rem;border-right: 1px solid rgba(255, 255, 255, 0.8);}
.list_box0 .li:last-child a { padding-right: 0px; border-right: none; }
.header_box .wp {height: 1.3rem;position: relative;display: flex;justify-content: space-between;transition: all 0.5s ease 0s;width: 100%;max-width: 100%;align-items: center;padding: 0 1.5rem 0 1rem;}


#logo {position: relative;max-width: 3.75rem;transition: all 0.5s ease 0s;}
#logo img { max-width: 100%; }
#nav { width: 100%; max-width: 11rem; }
#nav ul { display: flex; justify-content: space-between; }
#nav ul li { z-index: 0; height: 100%; position: relative; }
#nav ul li a { display: block; padding: 0px; position: relative; z-index: 2; }
#nav ul li h3 {font-size: 0.22rem;color: rgb(255, 255, 255);line-height: 0.65rem;position: relative;transition: all 0.36s ease 0s;display: inline-block;/* font-weight: bold; */}
#nav ul li .sub {position: absolute;top: 100%;background: rgb(255, 255, 255);width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility: hidden;opacity: 0;transition: all 0.5s ease 0s;transform-origin: center top;box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0.1rem;    min-width: 1.5rem;}
#nav ul li .sub::after { content: ""; position: absolute; left: 50%; bottom:100%; transform: translateX(-50%);border-left: 0.1rem solid transparent;border-right: 0.1rem solid transparent;border-bottom: 0.1rem solid #fff;}
#nav ul li .sub .box {padding: 0.14rem 0.18rem .07rem;text-align: center;}
#nav ul li .sub a {padding: 0.1rem 0.05rem;line-height: 0.28rem;transition: all 0.6s ease 0s;font-size: 0.16rem;color: #777;text-align: center;min-width: 1rem;border-bottom: 1px solid #ddd;font-weight: 500;}
#nav ul li .sub a:last-child{border-bottom:none;}
#nav ul li .sub a:hover {color: #A40000;border-bottom: 1px solid #A40000;font-weight: 600;}
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateX(-50%) scaleY(1); }
#nav ul li.on h3 { font-weight: bold;}

/*  */
.search_btn { cursor: pointer; }
.search_btn svg { fill: rgb(255, 255, 255); width: 0.16rem; height: 0.16rem; }
.search-dialog-box { position: fixed; left: 0rem; top: 0rem; width: 100%; height: 100vh; z-index: 1000000; opacity: 0; visibility: hidden; transition: all 0.6s ease 0s; }
.search-dialog-box::before { content: ""; position: absolute; top: 0rem; height: 0rem; background: #A40000; transition: all 0.6s ease 0s; left: 0rem; right: 0rem; z-index: 1; opacity: 0.9; }
.search-dialog-box.on::before { height: 100%; display: none; }
.search-dialog-box .bubbles-bg { opacity: 0; visibility: hidden; display: none; }
.search-dialog-box .search-bg { position: absolute; left: 0rem; top: 0rem; width: 100%; height: 0rem; margin: 0rem; background: 0% 0% / cover no-repeat rgba(0, 0, 0, 0.7); transform-origin: center center; transition: height 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s; }
.search-dialog-box .wrap-inner { transform: translateY(100%); transition: all 0.6s ease 0s; }
.search-dialog { position: absolute; left: 0rem; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; }
.search-dialog .search-tit { font-size: 0.44rem; line-height: 0.56rem; color: rgb(255, 255, 255); text-align: center; overflow: hidden; display: none; }
.search-dialog .search-inner { overflow: hidden; margin-top: 0rem; }
.search-dialog .search-input { width: 8rem; margin: 0px auto; background-color: rgba(255, 255, 255, 0.1); box-sizing: border-box; transition: all 0.3s ease 0s; max-width: 94%; }
.search-dialog .search-input input[type="text"] { float: left; height: 0.7rem; width: calc(100% - 1rem); background-color: rgb(255, 255, 255); font-size: 0.2rem; line-height: 0.08rem; color: rgb(102, 102, 102); transition: all 0.3s ease 0s; padding: 0px 0.2rem; }
.search-dialog .search-input input[type="submit"], .search-dialog .search-input .clear-btn { float: right; height: 0.72rem; width: 1rem; }
.search-dialog .search-input input[type="submit"] { background-color: #A40000; font-size: 0.2rem; color: rgb(255, 255, 255); }
.search-dialog .search-input .clear-btn { background-color: rgba(0, 0, 0, 0.2); background-repeat: no-repeat; background-position: center center; background-image: url("/images/close-btn.png"); background-size: 0.56rem; border-radius: 100%; margin-right: 0.16rem; display: none; }
.search-dialog .search-input.on { background-color: rgb(255, 255, 255); }
.search-dialog .hot-search { font-size: 0rem; width: 0.49rem; margin: 0.096rem auto 0rem; box-sizing: border-box; padding: 0px 0.096rem; overflow: hidden; }
.search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link { display: inline-block; zoom: 1; vertical-align: top; }
.search-dialog .hot-search .hot-tit { font-size: 0.06rem; line-height: 0.08rem; color: rgb(255, 255, 255); font-weight: bold; padding-left: 0.096rem; background-repeat: no-repeat; background-position: left center; background-size: 0.08rem; }
.search-dialog .hot-link { margin-left: 0.16rem; }
.search-dialog .hot-link a { display: inline-block; zoom: 1; font-size: 0.06rem; line-height: 0.08rem; margin-right: 0.12rem; color: rgb(255, 255, 255); padding-bottom: 0.05rem; position: relative; }
.search-dialog .hot-link a::before { content: ""; position: absolute; left: 0%; bottom: 0rem; width: 100%; height: 0.02rem; background-color: rgb(255, 255, 255); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s ease 0s; }
.search-dialog-box .bottom-box { position: absolute; left: 0rem; bottom: 5.1%; width: 100%; }
.search-dialog-box .bottom-box .share-box { overflow: hidden; }
.search-dialog-box .bottom-box .copy { font-size: 0.35rem; line-height: 0.5rem; color: rgb(255, 255, 255); font-family: gilroy-regular; margin-top: 0.5rem; overflow: hidden; }
.header-right.is-open .bubbles-bg { visibility: visible; opacity: 1; }
.header-right.is-open .search-btn .con-box { display: none; }
.header-right.is-open .close-btn { display: block; }
.header-right.is-open .item .search-bg { transform: scale(1); }
.search-dialog-box.on { opacity: 1; visibility: visible; }
.search-dialog-box.on .search-bg { height: 100vh; }
.search-dialog-box.on .bubbles-bg { opacity: 1; visibility: visible; }
.search-dialog-box.on .wrap-inner { transform: translateY(0px); }
.pub-close { position: absolute; width: 0.48rem; height: 0.48rem; z-index: 10; right: 0.24rem; top: 0.216rem; background-color: rgba(255, 255, 255, 0.1); border-radius: 100%; }
.pub-close .bg { position: abso