@charset "utf-8";

/* */
@font-face {
  font-family: "geo";src:url("../fonts/georgia.ttf");
}
@font-face {
  font-family: sySong;src:url("../fonts/sysong.woff");
}
@font-face {
  font-family: impact;src:url("../fonts/impact.ttf");
}

.a_body { position: relative; z-index: 0; }
.section { overflow: hidden; }
.header_box {z-index: 10000;position: fixed;top: 0;left: 0;width: 100%;}
.header_box_li { position: relative; z-index: 1; }

#header { z-index: 999; width: 100%;background: linear-gradient(180deg, #20a3b1 0%, rgba(0, 0, 0, 0) 100%);}
.header_box_li #header::before {content: "";position: absolute;height: .9rem;top: 0px;left: 0px;right: 0px;transition: all 0.2s;opacity: 1;visibility: visible;background:none;}
.header_box_li #header.xg:before{height:0;}
.header_top {position: relative;margin: 0.1rem 0 0.1rem;transition: 0.5s;}
.header_top .search_btn { display: inline-block; float: none; font-size: 0.14rem; }
#header .right {/* padding-right: 0.8rem; */padding-left: 5%;flex: 1;display: flex;align-items: center;position: relative;justify-content: flex-end;}
.right-b{display:flex;align-items: center;/* width: 100%; */justify-content: flex-end;transition: 0.5s;width: 2.8rem;}
.right-b .li{margin-left: 0.1rem;padding: 0;color: #333;font-size: 0.14rem;position: relative;}
.right-b .li a{height:.35rem;line-height: .35rem;padding: 0;}
.right-b .li .top_ico{width:0.35rem;height:0.35rem;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.2);border-radius: 50%;}
.right-b .sstop .top_ico{width: 0.98rem;color: #fff;font-size: 0.14rem;border-radius: 0.25rem;}
.right-b .sstop .top_ico img{display: inline-block;margin-right: .1rem;}
.right-b .lik{font-size: 0.14rem;color: #fff;display: flex;flex-wrap: wrap;align-items: center;}
.right-b .lik a{/* display: inline-block; */padding: 0 .05rem;transition: 0.5s;}
.right-b .lik a:hover{color: #20a3b1;}

.list_box0 {display: flex;align-items: center;flex-wrap: wrap;}
.list_box0 .li {font-size: 0.15rem;color: #fff;display: inline-block;margin-right: 0.2rem;line-height: .21rem;}

.right-b .list_box0  .li{width:0.36rem;height:0.36rem;border:1px solid #fff;border-radius:50%;display: flex;align-items: center;justify-content: center;margin-left: 0.12rem;padding: 0;color: #fff;font-size: 0.16rem;position: relative;}
.right-b .list_box0  .li a{height:auto;line-height: inherit;padding: 0;}
.list_box0 .li > a {transition: 0.5s;height: 0.21rem;display: inline-block;padding: 0 0.1rem;/* background: #692ebb; */}
.list_box0 .li > a .top_ico {width: 0.2rem;height: 0.2rem;}
.list_box0 .li a > img { vertical-align: middle; }
.list_box0 .li:hover a {color: #ec9927;}

#m_header .list_box0 { float: right; }
#m_header .list_box0 .li { line-height: 60px; }
#m_header .list_box0 .li a .ewm_box { top: 60px; }
#m_header .list_box0 .li a > img { height: 12px; }
.list_box_01 { font-size: 0px; white-space: nowrap; padding: 0.1rem; }
.list_box_01 li { text-align: center; display: block !important; margin: 0px 15px !important; }

.list_box0 .li::after { content: ""; position: absolute; left: -0.26rem; width: 1px; height: 16px; top: 50%; margin-top: -8px; opacity: 0.8; }
.list_box0 .li:first-child::after { display: none; }
.header_box .w1200 {height: .9rem;position: relative;width: 17.6rem;padding: 0px;display: flex;justify-content: space-between;transition: all 0.5s;margin: 0px auto;max-width: 96%;}

.header_box #logo {padding: 0px;height: 100%;position: relative;width: 3.5rem;display: flex;align-items: center;}
.header_box #logo img {max-width: 100%;transition: all 0.5s ease 0s;max-height: 0.71rem;}
.header_box #logo img.img2 { display: none; }



#nav {width: calc(100% - 2.8rem);max-width: 11rem;padding-right: .4rem;}
.right-b .list_box0{width: 1.1rem;justify-content: flex-end;}
#nav ul { display: flex; justify-content: space-between; }
#nav ul li {float: left;z-index: 0;height: 100%;position: relative;/* padding: 0 0.2rem; */}
#nav ul li a { display: block; padding: 0px; position: relative; z-index: 2; }
#nav ul li h3 {font-size: 0.18rem;color: #fff;line-height: 0.75rem;position: relative;transition: all 0.36s ease 0s;display: inline-block;white-space: nowrap;}
#nav ul li h3:before{content:"";position:absolute;left: 50%;top: 74%;transition:.6s;background: #ad282b;margin-left: -.5px;opacity:0;visibility:hidden;width: 1px;height: 1px;}
#nav ul li h3:after{content:"";position:absolute;bottom: 26%;transition:.6s;background: #ad282b;margin-left: 0;opacity:0;visibility:hidden;width: 0;height: 1px;left: 50%;margin-left: 0;}
#nav ul li .sub{position:absolute;top: 100%;background: url(../images/nav-bg.jpg) center right no-repeat #fff;width: 6.5rem;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;filter: drop-shadow(0px 5px 25.11px rgba(47, 44, 52, 0.24));border-radius: 0;overflow: hidden;padding: .4rem;}
/* #nav ul li .sub:after{content: '';height: 2px;width: 100%;position: absolute;left: 0;top: 0;background: #b6061b;} */
#nav ul li .sub .box{padding: 0;display: flex;align-items: flex-start;}
#nav ul li .sub .box .img{ width: 1.7rem}
#nav ul li .sub .box .rr{width: calc(100% - 1.7rem);padding: 0 1.3rem 0 .3rem;display: flex;align-items: center;}
#nav ul li .sub .box .img p{font-size: 0.28rem;color: #20a3b1;margin-bottom: .3rem;font-weight: bold;}

#nav ul li .sub .box .rr dl{display: flex;flex-wrap: wrap;margin: 0 -0.2rem;min-height: 1.5rem;align-items: flex-start;}
#nav ul li .sub .box .rr dl dd{ width: 50%; padding: 0 0.2rem}
#nav ul li .sub .rr a{padding: 0;line-height: .45rem;transition:.6s;font-size: .16rem;color: #20a3b1;text-align: left;white-space: nowrap;border-bottom: 1px solid #ddd;}
#nav ul li .sub .rr a::after{width: 0.3rem;height: 0.01rem;background: #b6061b;bottom: -1px;}
#nav ul li:last-child .sub{ margin-left: -1.75rem}

#nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateX(-50%) scaleY(1);}
#nav>ul>li.on h3,#nav ul li:hover h3{/* color: #b6061b; */}

#nav>ul>li:hover h3.on:before{height: 35%;opacity: 1;visibility: visible;}
#nav>ul>li:hover h3.on:after{width: 100%;opacity: 1;visibility: visible;margin-left: -50%;}
#nav>ul>li.noSubMenu h3:before{ display:none}
#nav ul li .sub a:hover{ color: #b6061b;}
#nav ul li .sub a:hover::after{width: 100%;}

.search_btn { cursor: pointer; text-align: center; float: left; transition: all 0.6s ease 0s; margin: 0px; position: relative; }
.search_btn img { margin: 0px; }
/* #header.xg::before{height: .9rem;background:#fff;} */
.header_box .xg .w1200 {align-items:center;}
#header.xg { background: #fff; }
#header.xg  img.img2 { display: block; }
#header.xg  img.img1 { display: none; }
#header.xg  #nav ul li h3{color: #333;}
#header.xg .right-b .li .top_ico{background: #20a3b1;}
#header.xg .right-b .lik{color: #333;}

#m_nav * { transition: all 0s ease 0s; }
.m_header_box { transition: all 0.6s ease 0s; display: none; position: relative; z-index: 100000; }
.m_header_box header {padding: 0px 0px 0px 15px;height: 0.7rem;background: #fff;box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 5px;position: fixed;top: 0px;left: 0px;right: 0px;z-index: 100;display: flex;justify-content: space-between;align-items: center;}
.m_header_box header #logo img {height: auto;max-height: 0.6rem;}
.m_header_box header #logo { padding: 0px; width: calc(100% - 80px); }
#nav_btn_box.on { background: none; }
#nav_btn_box {position: relative;width: 0.7rem;height: 0.7rem;display: flex;align-items: center;justify-content: center;z-index: 1;}
#nav_btn_box::before { content: ""; position: absolute; z-index: -1; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgb(255, 255, 255); }
#nav_btn_box::after {content: "";position: absolute;z-index: -1;top: 0px;left: -.15rem;border-right: .15rem solid rgb(255, 255, 255);border-top: 0.7rem solid transparent;display: none;}
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 0.4rem; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 0.28rem; }
#nav_btn .navbtn {position: absolute;top: 12px;left: 0px;display: inline-block;width: 18px;height: 2px;transition: all 0.3s ease-out 0s;background: #20a3b1;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0px;display: inline-block;width: 24px;height: 2px;content: "";transition: all 0.3s ease-out 0s;background: #20a3b1;}
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { transform: rotate(-45deg); top: 0px; }
.m_nav_list { flex-direction: column; width: 100%; height: 100%; overflow: auto; align-items: center; display: flex; background: rgba(255, 255, 255, 0.1); }
.m_nav_list::-webkit-scrollbar { display: none; }
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0px;padding: 70px 20px 30px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out 0s;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background:  0% 0% / cover rgb(247, 247, 247);opacity: 0;visibility: hidden;}
#m_nav .close { position: absolute; top: 7px; right: 15px; left: 15px; font-size: 30px; color: rgb(51, 51, 51); z-index: 10000; width: auto; height: 35px; border-radius: 0px; display: flex; align-items: center; justify-content: flex-end; padding: 0px; }
#m_nav.act { pointer-events: auto; right: 0px; opacity: 1; visibility: visible; }
#m_nav .search_box input.submit { background: url("../fonts/submit.svg") center center / 0.28rem no-repeat #20a3b1; }
#m_nav .list_box0 {width: 90%;margin: 0.32rem auto 0px;}
#m_nav .list_box0 .li {text-align: center;color: #20a3b1;margin: 0px 0rem 0.15rem;font-size: 14px;}
#m_nav .list_box0 .li a{background:none;padding: 0 0.2rem 0 0;}
#m_nav .old_rukou { margin: 0.24rem 0px 0px; width: 100%; }
.list_box_nav_mobile {width: 100%;/* height: calc(100% - 3rem); */padding: 0px 0px 10px;overflow: hidden scroll;margin: 0px;/* flex: 1 1 0%; */}
.list_box_nav_mobile > li { width: 90%; overflow: hidden; padding: 0px; position: relative; margin: 0px auto; }
.list_box_nav_mobile > li .con { position: relative; }
.list_box_nav_mobile > li .a { width: 100%; border-bottom: 1px solid rgb(226, 226, 226); line-height: 0.64rem; color: rgb(51, 51, 51); padding: 0px; font-size: 16px; display: flex; position: relative; transition: all 0.5s ease 0s; }
.list_box_nav_mobile > li i { opacity: 1; width: 0.64rem; height: 0.64rem; background-image: url("../fonts/arrow_down.svg"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; position: absolute; display: block; right: 0px; top: 2px; background-size: 15px 15px !important; }
.list_box_nav_mobile > li.on1 i { transform: rotate(-90deg); }
.list_box_nav_mobile > li.on .a { border-bottom: 1px solid rgb(226, 226, 226); }
.list_box_nav_mobile > li .list { padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: none; }
.list_box_nav_mobile > li .list a { display: block; font-size: 13px; color: rgb(102, 102, 102); line-height: 2.5; }
.nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none; }
/* 手机搜索 */
.wap_search {font-size: 0.16rem;border-radius: 5px;color: rgb(255, 255, 255);width: 100%;height: 0.6rem;display: block;margin-bottom: .1rem;}
.wap_search form {height: 100%;border-radius: 0.2rem;background: rgb(255, 255, 255);position: relative;width: 3.68rem;margin: 0rem auto;}
.wap_search .input {font-size: 0.14rem;color: #333;height: 0.6rem;line-height: 0.5rem;padding: 0px 0.24rem;box-shadow: none;appearance: none;float: left;border-right: 0px;background: none;width: calc(100% - 40px);}
.wap_search .btn_blue {position: absolute;cursor: pointer;top: 0px;right: 0px;width: 0.6rem;height: 0.6rem;line-height: 0.6rem;border: 0px;background: url("../images/submit.svg") center center no-repeat #20a3b1;border-radius: 50%;}
.wap_search .btn_blue.fr { background: rgb(233, 237, 239); color: rgb(78, 79, 83); }
.wap_search input::-webkit-input-placeholder { color: rgb(153, 153, 153); }
.wap_search input:focus::-webkit-input-placeholder { color: transparent; }

/* pc搜索 */
.search_btn { cursor: pointer; }
.search_btn svg { fill: rgb(255, 255, 255); width: 16px; height: 16px; }
.search-dialog-box { position: fixed; left: 0px; top: 0px; 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: 0px; height: 0px; background: #20a3b1; transition: all 0.6s ease 0s; left: 0px; right: 0px; 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: 0px; top: 0px; width: 100%; height: 0px; margin: 0px; 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: 0px; 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: 0px; }
.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: #666;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.7rem;width: 1rem;}
.search-dialog .search-input input[type="submit"] {background-color: #20a3b1;background-repeat: no-repeat;background-position: center center;background-size: 0.4rem;background-image: url("../fonts/search-btn.svg");font-size: .2rem;color: #fff;}
.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("../fonts/close-btn.svg"); 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: 0px; width: 0.49rem; margin: 0.096rem auto 0px; 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: 5px; position: relative; }
.search-dialog .hot-link a::before { content: ""; position: absolute; left: 0%; bottom: 0px; width: 100%; height: 2px; 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: 0px; 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: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #20a3b1; transform: scale(0); border-radius: 100%; transition: transform 0.3s ease 0s; }
.pub-close i { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: center center; background-size: 0.12rem; background-repeat: no-repeat; background-image: url("../fonts/close-btn.svg"); transition: all 0.6s ease 0s; }
.pub-close i:hover { transform: rotate(180deg); }
@keyframes spin { 
  100% { transform: rotate(1turn); }
}
@keyframes spin2 { 
  100% { transform: rotate(-1turn); }
}
@keyframes spin-reverse { 
  0% { transform: rotate(1turn); }
}
@keyframes spin-reverse2 { 
  0% { transform: rotate(-1turn); }
}
/* 全站导航 */
body.fixed{ overflow: hidden;}
.slide_down_nav{position:fixed;top:0;right:0;bottom:0;left:15%;z-index: 10000;visibility: hidden;border-radius: 1.5rem 0 0 0;overflow: hidden;}
.slide_down_nav .slide_down_nav_bg{position:fixed;right:0;top:0;height:0;left:15%;background: #fff url(../images/slide-down.png) center no-repeat;background-size: cover;transition: .9s cubic-bezier(.165,.84,.44,1) .2s;    border-radius: 1.5rem 0 0 0;}
.slide_down_nav .slide_down_nav_bg.on{height:100%;}

.slide_down_nav .slide_down_nav_content{position:relative;z-index:10;/* transform: translateY(100%); */transition:0.6s;height: 100%;opacity: 0;padding: 0;}
.slide_down_nav.on{ visibility:visible}
.slide_down_nav .slide_down_nav_content.on{/* transform:translateY(0); */transition:0.6s;opacity: 1;}
.slide_down_nav .slide_down_nav_content .nav-r{width: 100%;padding: 0.2rem .2rem .4rem;}
.slide_down_nav .total_web{justify-content: flex-end;}
.slide_down_nav .total_web img{width: 0.31rem;}
.slide_down_nav .nav-t{padding: 0.4rem 5% .5rem 0;align-items: flex-start;border-bottom: 1px solid #ddd;}
.slide_down_nav .nav-t:last-child{padding-bottom:0;border-bottom:none;}
.slide_down_nav .nav-t .h3{width: 1.2rem;font-size: 0.2rem;color: #20a3b1;font-weight: bold;}
.miso_wzmap{width: calc(100% - 1.2rem);padding-left: .3rem;}
.miso_wzmap li{padding: .25rem 0rem;transition: .5s;opacity: 0;width: 100%;display: flex;align-items: center;border-bottom: 1px dashed #ddd;}
.miso_wzmap li:first-child{padding-top:0;}
.miso_wzmap li:last-child{border-bottom:none;}
.miso_wzmap li h3{width: 1.3rem;}
.miso_wzmap li h3 a{font-size: .18rem;color: #20a3b1;position: relative;display: block;transition: 0.5s;align-items: center;}
.miso_wzmap li h3 a img{display: inline-block;margin-right: .1rem;}
.miso_wzmap li dl{display: flex;flex-wrap: wrap;width: calc(100% - 1.3rem);padding-left: .3rem;}
.miso_wzmap li dl dd{color: #333;width: 14%;}
.miso_wzmap li dl dd a{font-size: .16rem;color: #333;display: block;transition: .5s;opacity: 1;padding: 0 0.15rem;position: relative;line-height: .26rem;white-space: nowrap;}
.miso_wzmap.xsb li{width: 16.6%;padding: 0;border: none;}
.slide_down_nav_content.on .miso_wzmap li{transform: translateY(0);opacity: 1;}
.miso_wzmap li dl dd a:hover{color: #20a3b1;}
.miso_wzmap li h3 a:hover{transform:translateX(.15rem);}
/* banner */
.container00 .fp-tableCell{padding-top: 0rem !important;}
.main-visual-wrapper { width: 100%; overflow: hidden; position: relative; }
.main-visual-slider { overflow: hidden; position: relative; }
.main-visual-slider .swiper-slide { overflow: hidden;}
.swiper-box1 .imged{padding-bottom: 100vh;}
.slide-inner{overflow: hidden;}
.main-visual-slider .imged{transform: translate3d(0px, 0px, 0px) scale(1.05); transition: opacity 0.5s}
.main-visual-slider .swiper-slide-active .imged{transform: scale(1); transition: all 6s ; }
.main-visual-slider video{transform: scale(1.1)\0;}
.banner .dot{position: absolute;right: 6%;top: 50%;align-items: center;transform: translateY(-50%);z-index: 100;}
.banner .btn{font-size: 0.2rem;width: auto;bottom: auto;text-align: center;padding: 0 .2rem;position: relative;color:#fff;}
.banner .swiper-container .btn span{position: relative;width: 0.12rem;height: 0.12rem;margin: 0 0.2rem;opacity: .5;background: none;color: #fff;margin: 0;
}
.banner .swiper-container .btn .swiper-pagination-current{opacity: 1;}
.banner .arror{ width: 0.16rem;height: 0.12rem ;margin-top: 0;
  background-repeat: no-repeat;background-position: 50%;background-size: 100% !important;opacity: 1;position: relative;top: auto;margin: 0;background: url("../images/prev.png") no-repeat;background-size: 100% !important;transition: 0.5s;}
.banner .swiper-button-prev{left: auto;}
.banner .swiper-button-next{right: auto;transform: rotateY(180deg);}
.banner .arror::after{display: none;}
.banner .arror:hover{width: 0.34rem;height: 0.27rem;background: url("../images/prev2.png") no-repeat;}
.banner .con{position: absolute;left: 15%;top: 50%;width: 40%;z-index: 100;}
.banner .con h3{font-size: 0.54rem;color: #fff;font-weight: bold;}
.banner .con .img{margin: 0.25rem 0 0.27rem;width: 1.6rem;}
.banner .con p{font-size: 0.17rem;color: #fff;line-height: 0.3rem;text-shadow: 1px 1px 5px #909399;}
.banner2{position: absolute;right: 21%;top: 0;bottom: 0;width: 3rem;overflow: hidden;}
.swiper-box1 .slide-inner::after{width: 15.76rem;height: 100%;left: auto;right: 0;bottom: auto;top: 0%;background:url(../images/ban-cshad.png) no-repeat;background-size:100% 100%;content:"";position:absolute;z-index:-1;z-index: 1;}
.banner2 .swiper-container{height: 65%;position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 100%;padding: .4rem 0;}
/* .banner2 li{transform: translateX(-.2rem);} */
.banner2 li .img{width: .3rem;height: .3rem;float: right;z-index: 10;transform: translateX(-0rem);}
.banner2 li .img::before{width: 100%;height: 100%;background: #fff;/* animation: circleScale2 4s linear infinite; */border-radius: 50%;content: "";position: absolute;z-index: -1;background:url(../images/ban-c1.png) no-repeat;background-size: 100% !important;}
.banner2 li .img::after{width: 100%;height: 100%;/* background: #fff; */border-radius: 50%;}
.banner2 li.swiper-slide-thumb-active{transform:translateX(.2rem);}
.banner2 li.swiper-slide-thumb-active .img{width: .74rem;height: .74rem;}
.banner2 li.swiper-slide-thumb-active .img::before{background: url(../images/ban-c2.png) no-repeat;}
.banner2 li.swiper-slide-active .img{transform:translateX(-1rem)}
.banner2 li.swiper-slide-active+li .img{transform: translateX(-.5rem);}
.banner2 li.swiper-slide-active+li+li .img{transform:translateX(-.35rem)}
.banner2 li.swiper-slide-active+li+li+li .img{transform:translateX(-.65rem)}

/* home1 */
.fp-tableCell{padding-top: 0.9rem;}
.container01{background: url(../images/hbg1.jpg) no-repeat center/cover;}
.home1{width: 100%;padding: .4rem 0 0rem;/*! overflow: hidden; */z-index: 100;}
.title{margin-bottom: .45rem;position: relative;align-items:baseline;justify-content: space-between;z-index: 10;}
.title .h3{align-items: center;}
.title .h3::after{width: 100vw;height: 1px;background: #20a3b1;bottom: auto;top: .15rem;transform: translateY(-50%);opacity: .4;left: auto;right: 100%;}
.title h3{color: #20a3b1;font-size: 0.3rem;font-weight: bold;line-height: .3rem;padding-left: .2rem;}
.title h3::after{width: 1px;height: 0.2rem;background: #20a3b1;opacity: .4;bottom: auto;top: 50%;transform: translateY(-50%);opacity: .4;}
.title p{font-size: 0.12rem;color: #b2b2b2;line-height: 1.5;padding-left: .25rem;font-family: "geo";align-items: center;}
.title p i{display: inline-block;margin-right: .1rem;width: 0.05rem;height: 0.05rem;background: #d01027;border-radius: 50%;font-style: normal;}
.more a{/* display: block; */align-items: center;font-size: 0.14rem;color: #20a3b1;align-items: center;}
.more a img{margin-right: .1rem;display: inline-block;width: 0.27rem;}

.home1-t{align-items:flex-start;}
.home1-t .left{width: 53%;padding-right: .6rem;}
.home1-t .right{width: 47%;padding-left: 0.7rem;/* padding-top: .4rem; */}
.home1-t .right::after{background: url(../images/h1bg.jpg) no-repeat center/cover;border-radius: 1.8rem 0 0 0;height: 95%;height: auto;width: calc((100vw - 15rem)/2 + 100%);top: 0;bottom: -.5rem;}

.home1-t .left li{margin-bottom: .3rem;}
.home1-t .left li a{align-items: center;/* margin-bottom:.2rem; */}
.home1-t .left .scale{width: 50%;}
.home1-t .left .con{width: 50%;padding-left: .3rem;}
.home1-t .left .scale .imged{padding-bottom: 2rem;}
.home1-t .left li .con>span{font-size: 0.16rem;color: #20a3b1;transition: 0.5s;font-family: "geo";}
.home1-t .left li h3{font-size: 0.17rem;color: #333;line-height: 0.28rem;margin: 0.1rem 0;transition: 0.5s;font-weight: bold;max-height: 0.56rem\0;}
.home1-t .left h4{font-size: 0.15rem;color: #4c4c4c;line-height: 0.25rem;max-height: .75rem\0;margin-bottom: .1rem;}
.home1-t .left li  p{justify-content: flex-end;}
.home1-t .left li p span{align-items: center;font-size: 0.16rem;color: #888a8d;font-family: "geo";line-height: 1.6;align-items: center;}
.home1-t .left li p i{width: 0.2rem;height: 0.15rem;background: url(../images/xq1.png) no-repeat;background-size: 100% !important;font-style: normal;display: block;margin-right: .1rem;}
.home1-t .right .title{padding-left:.3rem;}
.home1-t .right .title .h3:after{width:.5rem;}
.home1-t .right .swiper-container{margin-top: -.35rem;}
.home1-t .right li a{align-items: center;padding: .35rem 0;border-bottom: 1px solid rgba(255, 255, 255, 0.3);transition: 0.5s;}
.home1-t .right li .date{width: 2.1rem;align-items: center;}
.home1-t .right li .con{width: calc(100% - 2.1rem);padding-left: .25rem;}
.home1-t .right li .date .img{width: 1.1rem;}
.home1-t .right li .date span{font-family: "geo";font-size: 0.16rem;color: #fff;transition: 0.5s;display: inline-block;padding-left: .1rem;white-space: nowrap;}
.home1-t .right li h3{font-size: 0.17rem;color: #fff;line-height: 0.28rem;margin: 0rem 0 .15rem;transition: 0.5s;font-weight: bold;}
.home1-t .right li p{font-size: 0.15rem;color: #fff;line-height: 0.25rem;height: .5rem;}
.home1-t .right .swiper-container{height: 6.55rem;}
.home1-t .right .h1-r{position: relative;padding-top: .6rem;}
.home1-t .right .arrow{position: absolute;left: 102%;top: 20%;z-index: 100;}
.home1-t .right .arror{width: 0.4rem;height: 0.4rem;background: url(../images/p-2.png) no-repeat;background-size: 100% !important;position: relative;margin: 0rem  0 .25rem;top: auto;left: auto;right: auto !important;transition: 0.5s;}
.home1-t .right .swiper-button-next{transform: rotateX(180deg);}
.home1-t .right .arror:after{display:none;}
.home1-t .right .arror:hover{background: url(../images/p-22.png) no-repeat;}
/* home2 */
.bg-mask .pic{overflow: hidden;}
.bg-mask .pic .a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;
  display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;transform: scale(1.01);}
.bg-mask:hover .pic .a{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);}

.container02{background: url(../images/hbg2.jpg) no-repeat center/cover;}
.home2{width: 100%;/* margin-top: .7rem; */position: relative;padding-top: .8rem;}
.home2 .title .more a{color: #fff;}
.home2 .title h3::after,.home2 .title .h3::after{opacity: .4;background: #fff;}
.home2-t{margin-top: -.7rem;}
.home2-t .left{width: 35%;margin-top: -1.83rem;}
.home2-t .right{width: 65%;padding-left: .5rem;margin-top: -.4rem;}
.home2-t .left .item{display: flex;flex-direction: column;justify-content: flex-end;width: calc((100vw - 15rem)/2 + 100%);margin-left: calc((-100vw + 15rem)/2);position: relative;height: 100vh;}
.home2-t .left .pic{position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.home2-t .left .pic::after{width: 100%;background: url(../images/n-shad2.png) no-repeat;background-size: 100% 100%;z-index: 1;right: 0;}
.home2-t .left .txt{padding: 0 .5rem .5rem;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 100;}
.home2-t .left .txt::after{width: 100%;background: url(../images/n-shad1.png) repeat-x;background-size: 100% 100%;}
.home2-t .left .txt a{display: block;width: 60%;}
.home2-t .left .txt h4{font-size: 0.24rem;color: #fff;font-weight: bold;line-height: 0.28rem;margin-bottom: .25rem;}
.home2-t .left .txt p{color: #fff;font-size: 0.15rem;line-height: 0.25rem;max-height: 1rem\0;}

.home2-t .right .h2-t{margin-bottom: .65rem;height: 1.1rem;z-index: 100;width: calc(100% - 1.1rem);}
.home2-t .right .h2-t::after{width: 100vw;height: 1px;background: rgba(255, 255, 255, 0.3);bottom: auto;top: 50%;transform: translateY(-50%);left: auto;right: 0;}
.home2-t .right .h2-t li{margin-right: 0.9rem;}
.home2-t .right .h2-t li h3{width: 0.9rem;height: 0.9rem;border-radius: 50%;font-size: 0.18rem;font-weight: bold;text-align: center;line-height: 1.5;transition: 0.5s;display: flex;align-items: center;justify-content: center;color: #fff;cursor: pointer;}
.home2-t .right .h2-t li.on h3::before{content: "";position: absolute;width: 100%;height: 100%;background: #fff;opacity: .8;animation: circleScale2 4s linear infinite;border-radius: 50%;left: 0;bottom: 0;z-index: -1;}
.home2-t .right .h2-t li h3::after{width: 100%;background: #396ea2;border-radius: 50%;}
.home2-t .right .h2-t li.on h3::after{background: url(../images/tab-i.png) no-repeat;background-size: 100%;}
.home2-t .right .h2-t li.on h3{color: #20a3b1;}
.home2-t .right .h2-b>.swiper-container{padding-bottom: .3rem;}
.home2-t .right .h2-b ul{margin: 0 -.25rem;}
.home2-t .right .h2-b li{margin-bottom: .4rem;padding: 0 0.3rem;width: 25%;}
.home2-t .right .h2-b li a{height: 0.5rem;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 0.25rem;background: rgba(255, 255, 255, 0.1);transition: 0.5s;display: flex;justify-content: center;align-items:center;padding:0 .05rem;}
.home2-t .right .h2-b li img{display: none;margin-right: 0.05rem;max-width: .28rem;}
.home2-t .right .h2-b li h3::after{display: none;}
.home2-t .right .h2-b li h3{line-height: 1.3;text-align: center;color: #fff;font-size: 0.18rem;}
.home2-t .right .h2-b li h3::after{width: 0.24rem;height: 0.28rem;background: url(../images/ks-i.png) no-repeat ;background-size: 100%;opacity: 0;bottom: auto;top: 50%;margin-top: -.14rem;}
.h2-b .btn{bottom:0rem;}
.h2-b .btn span{opacity: .3;margin: 0 0.1rem !important;}
.h2-b .btn span.swiper-pagination-bullet-active{opacity:1;background:#d01027;}
/* .h2-b .swiper-container{overflow: visible;} */


/* home3 */
.container03{background: url(../images/hbg3.jpg) no-repeat center/cover;}
.containerbgi{background: url(../images/hbg4.jpg) no-repeat center/cover ;}
/* 原 home4 位置：名师在身边；蓝底色叠 hbg3，内容偏左上不扎堆居中 */
#fullpage .section.section-home4-insert {
  /* height: 100vh; */
  max-height: 100vh;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
#fullpage .section.section-home4-insert.section-mszb {
 
}
#fullpage .section.section-home4-insert.section-mszb .fp-tableCell {
  overflow: visible;
}
.section-home4-insert .section-home4-insert-bg {
  flex: 1;
  width: 100%;
  min-height: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.35rem 0;
  box-sizing: border-box;
}
.section-mszb .section-home4-insert-bg.mszb-wrap {
  position: relative;
  padding-top: 0.65rem;
  padding-bottom: 0.52rem;
  padding-left: 0.48rem;
  padding-right: 0.48rem;
  box-sizing: border-box;
  /* 全屏一屏 + 全局 .section{overflow:hidden} 会裁切超出一屏的内容；内层滚动以露出底部轮播按钮 */
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  justify-content: flex-start;
  align-items: stretch;
}
.section-mszb .mszb-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  z-index: 0;
}
.section-home4-insert .mszb-inner {
  position: relative;
  z-index: 1;
  /* width: 96%;
  max-width: 20.5rem; */
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 0.02rem;
  padding-right: 0.02rem;
}
.section-mszb .mszb-inner {
  /* width: 100%;
  max-width: 20.5rem; */
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  min-height: 70vh;
}
.section-mszb .mszb-head {
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  margin-bottom: 1.06rem;
  overflow: visible;
  width: 100%;

}
.section-mszb .mszb-head::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(50% - 50vw);
  width: calc(50vw - 50%);
  height: 0.02rem;
  background: #20a3b1;
  transform: translateY(-50%);
  z-index: 0;
  pointer-events: none;
}
.section-mszb .mszb-head-left {
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 0;
  position: relative;
  z-index: 1;
  /* padding-left: 1rem; */
}
.section-mszb .mszb-deco-pipe {
  flex: 0 0 auto;
  margin-left: 0;
  margin-right: 0.1rem;
  color: rgba(32, 163, 177, 0.9);
  font-size: 0.16rem;
  font-weight: 300;
  line-height: 1;
  user-select: none;
}
.section-mszb .mszb-title-block {
  align-items: center;
  gap: 0.12rem;
  flex-wrap: wrap;
  min-width: 0;
}
.section-mszb .mszb-title-block h3 {
  opacity: 0.8;
  margin: 0;
  color: #fff;
  font-size: 0.3rem;
  font-weight: bold;
  line-height: 1.2;
}
.section-mszb .mszb-title-dot {
  flex-shrink: 0;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background: #20a3b1;
}
.section-mszb .mszb-title-en {
  opacity: 0.8;
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.13rem;
  font-family: "geo", "Segoe UI", sans-serif;
  font-weight: normal;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
.section-mszb .mszb-head .more {
  position: relative;
  z-index: 1;
  opacity: 0.8;
}
.section-mszb .mszb-head .more a {
  color: #fff;
  font-size: 0.14rem;
}
.section-mszb .mszb-head .more a img {
  filter: brightness(0) invert(1);
  opacity: 0.95;
}
.section-mszb .mszb-carousel-viewport {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.section-mszb .mszb-carousel-viewport .mszb-cards {
  gap: 0.3rem;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow: visible;
  margin: 。5rem 0 0rem 0;
  padding-top: 0.08rem;
  padding-bottom: 0.12rem;
  box-sizing: border-box;
  transition: transform 0.45s ease;
  will-change: transform;
}
.section-mszb .mszb-card {
  position: relative;
  flex: 1 1 2rem;
  min-width: 1.55rem;
  max-width: 2.65rem;
 
  /* border: 0.02rem solid rgba(58, 127, 188, 0.4); */
  border-radius: 0.08rem;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.12);
  /* background-image: url("../images/bg9.png"); */
}
.section-mszb .mszb-carousel-viewport .mszb-card {
  flex: 0 0 auto;
  min-width: 0;
  max-width: none;
}
/* 装饰底图：bg9 / bg10 双图层叠，opacity 交叉淡入淡出 */
.mszb-cardone-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.mszb-cardone-wrap .mszb-cardone {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: opacity 0.45s ease;
}
.mszb-cardone-wrap .mszb-cardone-default {
  opacity: 1;
  z-index: 1;
}
.mszb-cardone-wrap .mszb-cardone-hover {
  opacity: 0;
  z-index: 2;
}
.section-mszb .mszb-card:hover .mszb-cardone-default,
.section-mszb .mszb-card:focus-within .mszb-cardone-default {
  opacity: 0;
}
.section-mszb .mszb-card:hover .mszb-cardone-hover,
.section-mszb .mszb-card:focus-within .mszb-cardone-hover {
  opacity: 1;
}
.section-mszb .mszb-card:hover,
.section-mszb .mszb-card:focus-within {
  /* border-color: #3a7fbc; */
  /* box-shadow: 0 0.04rem 0.16rem rgba(58, 127, 188, 0.38); */
  /* background-color: #3a7fbc; */
}
.section-mszb .mszb-card-ph {
  position: relative;
  flex: 0 0 auto;
  /* 供底部波浪层用百分比高度对齐照片区 */
  overflow: visible;
}
.section-mszb .mszb-card-img {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-bottom: 118%;
  overflow: hidden;
  background: #c8e8f0;
}
.section-mszb .mszb-card-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transform-origin: center top;
  transition: transform 0.45s ease;
}
.section-mszb .mszb-card:hover .mszb-card-img img,
.section-mszb .mszb-card:focus-within .mszb-card-img img {
  transform: scale(1.03);
}
/* 无底块色过渡，避免与上方图层不同步的「分割感」；默认由 .mszb-card 白底衬托，无单独色块 */
.section-mszb .mszb-card-body {
  flex: 0 0 auto;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
  padding: 0.2rem 0.16rem 0.26rem;
  text-align: center;
  background: none;
}
.section-mszb .mszb-card-name {
  position: relative;
  z-index: 1;
  margin: 0 0 0.1rem;
  font-size: 0.22rem;
  font-weight: bold;
  color: #111;
  line-height: 1.25;
  transition: color 0.45s ease;
}
.section-mszb .mszb-card-title {
  position: relative;
  z-index: 1;
  margin: 0 0 0.1rem;
  font-size: 0.13rem;
  color: #555;
  line-height: 1.55;
  transition: color 0.45s ease;
}
.section-mszb .mszb-card-dept {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 0.13rem;
  color: #555;
  line-height: 1.5;
  transition: color 0.45s ease;
  overflow:hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.section-mszb .mszb-card:hover .mszb-card-name,
.section-mszb .mszb-card:focus-within .mszb-card-name,
.section-mszb .mszb-card:hover .mszb-card-title,
.section-mszb .mszb-card:focus-within .mszb-card-title,
.section-mszb .mszb-card:hover .mszb-card-dept,
.section-mszb .mszb-card:focus-within .mszb-card-dept {
  color: #fff;
}
.section-mszb .mszb-nav {
  justify-content: center;
  gap: 0.24rem;
  margin-top: 0.36rem;
  flex-shrink: 0;
  padding-bottom: 0.12rem;
}
.section-mszb .mszb-arrow {
  width: 0.35rem;
  height: 0.35rem;
  padding: 0;
  border-radius: 50%;
  background: #fff;
  /* border: 0.02rem solid #20a3b1; */
  cursor: pointer;
  position: relative;
  /* 与下方图标动画同时长，避免「背景先变完、图标还在切」的两段感 */
  transition: background 0.32s linear, border-color 0.32s linear, box-shadow 0.32s linear;
  box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.08);
}
/* 默认 icon-arrow3；移入先 5 再 4，最后停在 4（与按钮变色同一节奏） */
/* @keyframes mszb-arrow-hover-seq {
  0%,
  45% {
    background-image: url(../images/icon-arrow5.png);
  }
  55%,
  100% {
    background-image: url(../images/icon-arrow5.png);
  }
} */
.section-mszb .mszb-arrow-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 35% auto;
  background-image: url(../images/icon-arrow3.png);
  pointer-events: none;
}
.section-mszb .mszb-prev .mszb-arrow-icon {
  transform: scaleX(-1);
}
.section-mszb .mszb-arrow:not(:hover) .mszb-arrow-icon {
  animation: none;
  background-image: url(../images/icon-arrow3.png);
}
.section-mszb .mszb-arrow:hover {
  /* background: rgba(46, 96, 183, 0.1);
  border-color:rgba(46, 96, 183, 0.1);
  border: 1px solid #fff; */
  /* box-shadow: 0 0.04rem 0.12rem rgba(32, 163, 177, 0.35); */
}
.section-mszb .mszb-arrow:hover .mszb-arrow-icon {
  animation: mszb-arrow-hover-seq 0.32s linear forwards;
}
.section-mszb .mszb-arrow:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .section-mszb .mszb-arrow:hover .mszb-arrow-icon {
    animation: none;
    background-image: url(../images/icon-arrow4.png);
  }
  .section-mszb .mszb-carousel-viewport .mszb-cards {
    transition: none;
  }
}
@media screen and (max-width: 960px) {
  .section-mszb .section-home4-insert-bg.mszb-wrap {
    padding-left: 0.28rem;
    padding-right: 0.28rem;
    padding-top: 0.5rem;
  }
  .section-mszb .mszb-carousel-viewport .mszb-cards {
    justify-content: flex-start;
  }
}
#fullpage .fp-section.section-home4-insert {
  width: 100% !important;
  max-width: none !important;
}
#fullpage .fp-section.section-home4-insert .fp-tableCell {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
/* 博士工作站：内容高于一屏时避免垂直居中把底部按钮顶出裁切区，顶部对齐 + 内层滚动 */
#fullpage .fp-section.section-home4-insert.section-mszb .fp-tableCell {
  vertical-align: top;
}
#fullpage .fp-section.section-home4-insert .section-home4-insert-bg {
  min-height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.home3{width: 100%;padding: .7rem 0 0rem;overflow: hidden;z-index: 10;}
.home3-t .left{width: 4.25rem;}
.home3-t .right{width: calc(100% - 4.25rem);padding-left: .55rem;overflow: hidden;height: 100%;}

.home3-t .left .scale{padding: 0.15rem 0.15rem 0 0;}
.home3-t .left .scale::after{background: #b6061b;bottom: auto;top: 0;left: auto;right: 0;height: 95%;width: auto;left: .15rem;}

.home3-t .left .imged{padding-bottom: 130%;}
.home3-t .left ul{padding-bottom:.7rem;}
.home3-t .left .slick-arrow{width:.4rem;height:.4rem;background:url(../images/p-3.png) no-repeat;background-size: 100% !important;bottom:0;top: auto;left: 38%;transform:translateY(0px);transition:0.5s;}
.home3-t .left .slick-arrow:before{display:none;}
.home3-t .left .slick-next{right:38%;transform: rotateY(180deg) translateY(0px);left: auto;}
.home3-t .left .slick-arrow:hover{background:url(../images/p-33.png) no-repeat;}

.home3-t .right .h3-t{margin-bottom: 2vh;}
.home3-t .right .h3-t a{display:block;padding-top:1vh;}
.home3-t .right .h3-t h3{color: #333;font-size: 0.3rem;line-height: 0.38rem;position: relative;}
.home3-t .right .h3-t h3::after{content: "";position: absolute;width: 1.49rem;height: 1.44rem;background: url(../images/zj-i.png) no-repeat;background-size: 100% 100% !important;left: 0;top: -.35rem;}
.home3-t .right .h3-t h4{color: #20a3b1;font-size: 0.18rem;line-height: 0.38rem;margin-bottom: 1.5vh;}
.home3-t .right .h3-t p{font-size: 0.15rem;color: #333;line-height: 0.32rem;max-height: 0.94rem\0;}
.home3-t .right .h3-b .slick-slider{height: 55vh;}
.home3-t .right .h3-b .slick-list{padding-top: 9vh;margin-top: -4vh;}
.home3-t .right .h3-b li{margin: 0 0.15rem;/* padding-top: .4rem; */transition:0.5s;}
.home3-t .right .h3-b li .con{padding-left: 0.25rem;}
.home3-t .right .h3-b li .con::before{content: "";position: absolute;width: 0.1rem;height: 0.1rem;border-radius: 50%;background: #20a3b1;left: 0;top: 0.25rem;}
.home3-t .right .h3-b li .con::after{left: 0.05rem;height: 100vh;width: 1px;background: #20a3b1;bottom: auto;top: .26rem;}
.home3-t .right .h3-b li .scale{/* width: 1.4rem; *//* height: 1.4rem; */padding: 0.04rem;overflow: visible;}
.home3-t .right .h3-b li .scale .imged{padding-bottom: 100%;border-radius: 50%;}

.home3-t .right .h3-b li .scale::before{content: "";position: absolute;z-index: -1;width: 100%;height: 100%;background: #20a3b1;opacity: .7;left: 0;bottom: 0;border-radius: 50%;}
.home3-t .right .h3-b li .scale::after{width: 100%;background: #20a3b1;border-radius: 50%}
.home3-t .right .h3-b li h3{font-size: 0.2rem;color: #333;line-height: 0.4rem;margin: .25rem 0;text-align: center;}
.home3-t .right .h3-b li p{text-align: center;font-size: 0.14rem;color: #666;line-height: 1.5;}

.home3-t .right .h3-b li.slick-current{
/*   transform:translateY(6vh); */
  padding-top:6vh
}
.home3-t .right .h3-b li.slick-current+li+li{
/*   transform:translateY(10vh); */
    padding-top:10vh
}
.home3-t .right .h3-b li.slick-current+li+li+li{
/*   transform:translateY(7vh); */
    padding-top:6vh
}
.home3-t .right .h3-b li.slick-current+li+li+li+li{
/*   transform:translateY(10vh); */
    padding-top:10vh;
}
.home3-t li img{display: none;}

/* home4 */
.container04{background: url(../images/hbg4.jpg) no-repeat center/cover;}
.home4{width: 100%;padding: .4rem 0 0;overflow: hidden;}
.container04::after{width: 0.06rem;height: 100vh;background: url(../images/h4-line.png) no-repeat;background-size: 100% 100%;left: 50%;transform: translateX(-50%);}/*  */
.home4 .title h3,.home4 .title p,.home4 .title .more a{color: #fff;opacity: .7;}
.home4 .title{margin-bottom: .3rem;}
.home4 .title .h3::after,.home4 .title h3::after{background: #fff;opacity: .4;}
.home4-t{justify-content: space-between}
.home4 .left{width: 50%;padding-right: .5rem;}
.home4 .right{width: 50%;overflow: hidden;padding-left: .5rem;}

.home4 .left li a{padding: .15rem 0;border-bottom: 1px solid rgba(255, 255, 255, 0.2);align-items: center;}
.home4 .left li:first-child a{padding-top: 0;}
.home4 .left li:last-child a{border: none;}
.home4 .left li a::after{height: 1px;background: #fff;bottom: -1px;}
.home4 .left li .scale{width: 1.95rem;}
.home4 .left li .con{width: calc(100% - 1.95rem);padding-right: .3rem;}
.home4 .left li .scale .imged{padding-bottom: 1.35rem;}
.home4 .left li h3{color: #fff;font-size: 0.18rem;font-weight: bold;line-height: 0.28rem;margin-bottom: .2rem;}
.home4 .left li p{font-size: 0.15rem;color: #fff;opacity: .7;line-height: 0.23rem;max-height: 0.46rem\0;}
.home4 .right .h4-t{margin-bottom: .2rem;}
.home4 .right .h4-t a{background: #fff;align-items: center;}
.home4 .right .h4-t .scale{width: 55%;}
.home4 .right .h4-t .con{width: 45%;padding: .3rem .2rem;}
.home4 .right .h4-t h3{font-size: 0.18rem;font-weight: bold;line-height: 0.28rem;color: #b6061b;max-height: 0.56rem\0;margin-bottom: .2rem;}
.home4 .right .h4-t p{font-size: 0.15rem;color: #898b8e;opacity: .8;line-height: 0.23rem;max-height: 0.69rem\0;}
.home4 .right .h4-t .imged{padding-bottom: 2.7rem;}
.home4 .right li a{display: block;padding: .25rem 0;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.home4 .right li a::after{height: 1px;background: #fff;bottom: -1px;}
.home4 .right li h3{font-size: 0.18rem;color: #fff;}


/* home5 */
.container05{background: url(../images/hbg5.jpg) no-repeat center/cover;}
.home5{width: 100%;overflow: hidden;z-index: 1;}
.home5 .left{width: 45%;}
.home5 .right{width: 55%;padding: .5rem 0 0 .5rem;overflow: hidden;}
.home5 .left .title p{margin-top: .15rem;}
.home5 .left .imged{padding-bottom: 3rem;}
.home5 .left .title{position: absolute;bottom: 0;left: .35rem;}
.home5 .left ul{padding: .3rem .2rem .3rem .35rem;background: url(../images/h5bg1.jpg) no-repeat center/cover #fff;overflow: hidden;}
.home5 .left ul::after{width: 100%;height: 0.11rem;background: url(../images/h5bg2.png) no-repeat;background-size: 100% 100%;}
.home5 .left li a{padding: .25rem 0;border-bottom: 1px solid #ced9e7;display: block;position: relative;/* overflow: hidden; */}

.home5 .left li a .scale{transition: 0.5s;position: absolute;top: 0;right: 0;transform: translateX(calc(100% + .3rem));width: 2rem;}
.home5 .left li:last-child a .scale{top:auto;bottom:0;}
.home5 .left li a .scale .imged{padding-bottom: 1.45rem;border-radius: .03rem .1rem 0 0;}
.home5 .left li a:hover .scale{transform: translateX(0);}
.home5 .left li a:hover .imged{transform:scale(1,1)}
.home5 .left li:last-child a{border-bottom: none;}
.home5 .left li h3{padding-left: .15rem;font-size: 0.18rem;color: #333;transition: 0.5s;line-height: 1.5;}
.home5 .left li h3::after{width: 0.05rem;height: 0.05rem;background: #b6061b;border-radius: 50%;top: 50%;transform: translateY(-50%);}
.home5 .h5-t {justify-content: space-between;}
.home5 .h5-t ul{width: 49%;}
.home5 .h5-t li{margin-bottom: .2rem;}
.home5 .h5-t li .con{height: 1.4rem;background: #fff;padding: .3rem .2rem;}
.home5 .h5-t li .con::after{width: 100%;height: 0;background: #20a3b1;}
.home5 .h5-t li a{display: block;border-radius: 0.1rem 0 0.1rem 0;overflow: hidden;}
.home5 .h5-t li a *{transition: 0.5s;}
.home5 .h5-t li h3{font-size: 0.18rem;color: #333;line-height: 0.28rem;max-height: 0.56rem\0;margin-top: .15rem;}
.home5 .h5-t li span{font-size: 0.16rem;color: #20a3b1;font-family: "geo";}
.home5 .h5-t li p{font-size: 0.15rem;color: #666;line-height: 0.25rem;max-height: 1rem\0;margin-top: .25rem;}
.home5 .h5-t li.no-p a{padding: .4rem .2rem;height: 3rem;background: url(../images/h5bg.jpg) no-repeat center/cover;}
.home5 .h5-t li.no-p a::after{width: 100%;height: 0;background:#20a3b1; /*background: url(../images/h5bg.png) no-repeat center/cover;*/}

.home5 .h5-t .imged{padding-bottom: 2.25rem;}



/* foot */
.container06{background:url(../images/fbg.jpg) no-repeat center/cover;}
.container06 .fp-tableCell{padding-top: 0;}
footer{width: 100%;overflow: hidden;}
.foot-t {
  justify-content: space-between;
  align-items: center;
  padding: 0.55rem 0 0.3rem;
}
footer .fot-1{width: 58%;}
footer .fot-2{width: 42%;padding-left: 0.7rem;}
.mymap{width: 100%;height: 100%;}
.mymap img{border-radius:10px;}
/* .amap-toolbar{display: none;} */
.amap-icon img{/* -webkit-animation-name: bounce; *//* animation-name: bounce; *//* -webkit-animation-duration: 1.6s; *//* animation-duration: 1.6s; *//* -webkit-animation-fill-mode: both; *//* animation-fill-mode: both; *//* animation-iteration-count: infinite; */}
.amap-toolbar{display: none;}


footer .fot-2 .h3{margin: 0.25rem 0;height: 0.79rem;align-items: center;}
footer .fot-2 .h3::after{width: 6.9rem;height: 0.79rem;background: url(../images/f-l.png) no-repeat;background-size: 100% 100%;left: auto;right: 0;}
footer .fot-2 h3{color: #fff;font-size: 0.28rem;}
footer .fot-2 .h3 p{padding-left: .15rem;font-size: 0.2rem;font-family: geo;
align-items: center;color:#fff;}
footer .fot-2 .h3 p em{display: inline-block;margin-right: .1rem;width: 0.05rem;height: 0.05rem;background: #d01027;border-radius: 50%;font-style: normal;}

footer .fot-2>p{color: #fff;font-size: 0.15rem;align-items:baseline;
line-height: 0.28rem;margin-bottom:.1rem}
footer .fot-2 p.fot-route-bus{margin-bottom: 0.06rem;}
footer .fot-2 p i{font-style: normal;width: 0.15rem;height: 0.17rem;display: flex;align-items: center;justify-content: center;display: inline-block;}
footer .fot-2 p span{display: inline-block;padding-left: .1rem;max-width: calc(100% - .15rem);}
footer .fot-qr-block {
  margin-top: 0.18rem;
  padding-top: 0.12rem;
  background-image: repeating-linear-gradient(
    -36deg,
    transparent 0,
    transparent 0.11rem,
    rgba(255, 255, 255, 0.035) 0.11rem,
    rgba(255, 255, 255, 0.035) 0.12rem
  );
}
footer .fot-qr-row {
  gap: 0.36rem;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;
}
footer .fot-qr-item {
  margin: 0;
  text-align: center;
  max-width: 1.05rem;
}
footer .fot-qr-item img {
  display: block;
  width: 0.92rem;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  background: transparent;
  border-radius: 0;
  vertical-align: top;
}
footer .fot-qr-item figcaption {
  margin-top: 0.12rem;
  color: #fff;
  font-size: 0.13rem;
  line-height: 1.4;
}
.foot {padding: .25rem 0;border-top: 1px solid rgba(255, 255, 255, 0.2);}
.foot .wp{justify-content: space-between;}
.foot p{font-size: 0.14rem;color: #fff;line-height: 0.28rem;}

.ul-iconsb1 li{margin-left:0.25rem;}
.ul-iconsb1 .con{position:relative;cursor:pointer;}
.ul-iconsb1 .con:hover .qrbox{opacity:1;visibility:visible}
.ul-iconsb1 .icon{width: 0.52rem;height: 0.52rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.2);}
.ul-iconsb1 .icon img{max-width:0.31rem;max-height: .26rem;}
.ul-iconsb1 .qrbox{bottom: 100%;right: 0;/* transform:translateX(-50%); */opacity:0;visibility:hidden;margin-bottom: .15rem;transition: 0.5s;position: absolute;width: 1rem;z-index: 10;}
.ul-iconsb1 .qrbox .qr{border-radius:0.03rem;padding: 0.1rem .1rem .1rem;background: #fff;text-align: center;}
.ul-iconsb1 .qrbox::before{content:"";/* width:0; */border-left:.08rem solid transparent;border-right:.08rem solid transparent;border-bottom:.1rem solid #fff;bottom: -0.1rem;right: .15rem;transform: translateX(0%) rotateX(180deg);position: absolute;}
.ul-iconsb1 .qrbox .qr img{width:.85rem;}
.ul-iconsb1 .qrbox .p{font-size: 0.14rem;overflow:hidden;text-align: center;margin-top: .1rem;line-height: 1.5;}




#fp-nav{display: none;}

/* 全屏滚动：右侧黄色圆点导航（与 fullpage 联动） */
.fp-section-dots {
  position: fixed;
  right: 0.32rem;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  z-index: 2500;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.22rem;
  margin: 0;
  padding: 0.12rem 0;
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.42s cubic-bezier(0.33, 1, 0.68, 1),
    transform 0.42s cubic-bezier(0.33, 1, 0.68, 1),
    visibility 0s;
}
/* 首屏：淡出并向右微移；用类名过渡，避免 display:none 无法动画 */
.fp-section-dots.fp-section-dots--concealed {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-50%) translateX(0.48rem);
  transition: opacity 0.42s cubic-bezier(0.33, 1, 0.68, 1),
    transform 0.42s cubic-bezier(0.33, 1, 0.68, 1),
    visibility 0s linear 0.42s;
}
.fp-section-dot {
  width: 0.12rem;
  height: 0.12rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #20a3b1;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  box-sizing: border-box;
  transition: box-shadow 0.28s ease, transform 0.22s ease;
}
.fp-section-dot:hover {
  transform: scale(1.12);
}
.fp-section-dot:focus {
  outline: none;
}
.fp-section-dot:focus-visible {
  box-shadow: 0 0 0 0.03rem #fff, 0 0 0 0.06rem rgba(32, 163, 177, 0.55);
}
.fp-section-dot.is-active {
  box-shadow: 0 0 0 0.1rem rgba(32, 163, 177, 0.45);
}

@media screen and (max-width: 1200px) {
  .fp-section-dots {
    display: none !important;
  }
}

/* 右侧固定 */
.rr2{position:fixed;top:50%;margin-top: -1.4rem;right:0;color:#fff;cursor:pointer;opacity:0;width:1.45rem;height:2.8rem;transform:scale(0);background:url(../images/png27.png) center center no-repeat;transform-origin:right center;z-index:2000;background-size: 100%;}
.rr2.showdiv{opacity:1;transform:none;transition:all 1s ease-out 0.5s;}
.rr2 a{display: block;height: 100%;}
.rr2 .p{width:100%;height:100%;position:relative;opacity:0;z-index:1;font-size: 0.18rem;color: #fff;justify-content: flex-end;align-items:center;flex-wrap: nowrap;padding-right: .1rem;line-height: 0.32rem;}
.rr2 .p p{font-size: 0.18rem;color: #fff;font-weight: bold;}
.rr2.showdiv .p{opacity:1;transition:all 1s ease-out 1s;}
.rr2 .hz-nav .p img{display: none;}
.rr2 .hz-nav.on .p img{display: block;}
.rr2 .hz-nav.on .p p{display: none;}
/* 弹窗 */
.hz-tc{position: fixed;right: 0;bottom: 0;left: 15%;top: 15%;background: rgba(7,73,138,.98);border-radius: 2rem 0 0 0;overflow: hidden;z-index: 100;transition: 0.5s;transform: translateX(100%);}
.hz-tc.on{transform: translateX(0%);}
.hz-tc .swiper-container{padding-bottom: .4rem;}
.hzfw{padding: 0.7rem 1.5rem 0.7rem 0;} 
.hzfw ul{margin: 0 -0.2rem;}
.hzfw li{padding: 0 0.2rem;margin-bottom: 0rem;height: 2.2rem;width: 25%;}
.hzfw li a{height: 1.8rem;border-bottom: 1px solid rgba(255, 255, 255, 0.5);padding: .7rem 0 .25rem;}
.hzfw li a::after{background: url(../images/hzbg.jpg) no-repeat center/cover;width: 100%;height: 0;}
.hzfw li .img{width: 0.65rem;height: 0.65rem;display: flex;align-items: center;justify-content: center;}
.hzfw li .con{width: calc(100% - .65rem);padding-left: .2rem;justify-content: space-between;align-items: center;}
.hzfw li .img .img2{display: none;}
.hzfw li .con h3{font-size: 0.2rem;color: #fff;color: #fff;font-weight: bold;line-height: 0.38rem;}
.hzfw li .con p{font-size: 0.14rem;color: #fff;opacity: .7;}
.hzfw li .con i{font-style: normal;width: 0.28rem;height: 0.28rem;border-radius: 50%;border: 1px solid #fff;display: flex;align-items: center;justify-content: center;}
.hzfw li .con .i span{display: none;width: 0.96rem;height: 0.28rem;line-height: 0.28rem;background: #d01027;color: #fff;font-size: 0.14rem;align-items: center;justify-content: center;border-radius: 0.25rem;margin-top: .2rem;}
.hzfw li .con .i img{display: inline-block;width: 0.13rem;}
.hzfw li .con .i span img{margin-left: .05rem;}

/* 引导页 */
.yindaoye{position: relative;width: 100vw;height: 100vh;z-index: 1;overflow: hidden;}
.yindaoye .header_box{position: relative;}
.yindaoye #header{background: none;}
.yindaoye .header_box .w1200{height: 1.5rem;}
.yindaoye  #header .right{padding-right: 1.3rem;}
.yindaoye .m_header_box header{background: #fff;}
.yindaoye .pic{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

.yindaoye .pic .imged{padding-bottom: 100vh;}

.yindaoye .flnav{padding-top: 10vh;}
.yindaoye .flnav ul{flex-direction: column;align-items: flex-end;}
.yindaoye .flnav li{margin-bottom: 0.15rem;width: 3.7rem;transition: 0.5s;overflow: hidden;background: rgba(255,255,255,.2);position: relative;z-index: 10;padding: 0.1rem 0.3rem;}
.yindaoye .flnav li .a{height: 1.45rem;align-items: center;position: relative;}
.yindaoye .flnav li .left{width: 2.75rem;position: absolute;top: 50%;transform: translateY(-50%);}
.yindaoye .flnav li .right{width: calc(100% - 2.75rem);padding-left: .3rem;position: absolute;right: 0;opacity: 0;align-items:center;top: 50%;transform: translateY(-50%);}
.yindaoye .flnav li .right .ico{width:1rem;}
.yindaoye .flnav li .right .p{width:calc(100% - 1rem);padding-left:.2rem;color:#fff;line-height:.26rem;font-size:.16rem;}
.yindaoye .flnav li .left a{align-items: center;}
.yindaoye .flnav li .left .img{width: 1.19rem;height: 1.19rem;display: flex;align-items: center;justify-content: center;}
.yindaoye .flnav li .left .img::after{width: 100%;height: 100%;background: url(../images/fl-ibg.png) no-repeat;background-size: 100% 100%;/* animation:play 25s linear infinite; */}
.yindaoye .flnav li .left .img img{max-height: 0.59rem;max-width: 0.68rem;}
.yindaoye .flnav li .left .con{width: calc(100% - 1.19rem);padding-left: .3rem;}
.yindaoye .flnav li .left .con h3{color: #fff;font-size: 0.28rem;font-weight: bold;line-height: 1.5;}
.yindaoye .flnav li .left .con p{color: #fff;font-size: 0.17rem;line-height: 1.5;font-family: Arial;}
.yindaoye .flnav li .right a{color: #fff;font-size: 0.16rem;width: 33.3%;display: inline-block;/* margin-bottom: .15rem; */line-height: .4rem;}
.yindaoye .flnav li.on{width: 6.8rem;background: rgba(182,6,27,.8);}
.yindaoye .flnav li.on .right{opacity:1;}
.yindaoye .flnav li.on .left .img::after{animation: play 25s linear infinite;}
@media screen and (max-width: 1200px) {
  .yindaoye .m_header_box{height: auto;}
  .yindaoye #header .right{padding-right: 0;}
}
@media screen and (max-width: 1024px) {
  .yindaoye .flnav li{width: 80% !important;background: rgba(182,6,27,.5);}
  .yindaoye .flnav li .left{width: 2.75rem !important;}
  .yindaoye .flnav{padding-top: 30vh;}
  .yindaoye .flnav li .right{opacity:1;}
}

@media screen and (max-width: 768px) {
  .yindaoye .flnav{padding-top: 20vh;} .yindaoye .pic .imged {background: url(../images/ydy.png) no-repeat bottom/cover! important;}
}
@media screen and (max-width: 640px) {
  .yindaoye .flnav li{width: 100% !important;}
  .yindaoye .flnav li .a{height: auto;}
  .yindaoye .flnav li .left .con h3{font-size: .22rem;}
  .yindaoye .flnav li .left{position: relative;width: 2rem !important;top: auto;transform: translateY(0px);}
  .yindaoye .flnav li .right{width: calc(100% - 2rem);padding-left: .2rem;position: relative;right: auto;top: auto;transform: translateY(0px);}
  .yindaoye .flnav li .left a{align-items: center;}
  .yindaoye .flnav li .left .img{width: .8rem;height: .8rem;}
  .yindaoye .flnav li .left .con{width: calc(100% - .8rem);padding-left: .15rem;}
  .yindaoye .flnav li .left .img img{max-height: 0.45rem;max-width: 0.55rem;}
  .yindaoye .flnav li .right a{line-height: .34rem;}
}
@media screen and (max-width: 500px) {
  .yindaoye .flnav li .left{width: 100% !important;margin-bottom: .2rem;}
  .yindaoye .flnav li .right{width: 100%;padding-left: 0rem;}
  .yindaoye .flnav{padding-top: 12vh;}
}






@media screen and (min-width: 1200px) {
  .more a:hover img{transform:rotateY(360deg);transition:0.5s;}
 .home5 .left a:hover h3,.home1-t .left a:hover h3,.home6-t li a:hover p,.home1-t .left a:hover .date span,.home1-t .left a:hover .date p{color: #20a3b1;}
 .hzfw li a:hover{height: 2.2rem;padding: 0.25rem;flex-direction: column;}
 .hzfw li a:hover::after{height: 100%;border-bottom: 1px solid #b6061b;}
 .hzfw li a:hover .img .img1{display: none;}
 .hzfw li a:hover .img .img2{display: block;}
 .hzfw li a:hover .con{flex-direction: column;padding: 0;align-items: flex-start;width: 100%;}
 .hzfw li a:hover .con h3{color: #20a3b1;}
 .hzfw li a:hover .con p{color: #666;}
 .hzfw li a:hover .con .i span{display: flex;}
 .hzfw li a:hover .con i{display: none;}
 .home1-t .left li a:hover h3,.home1-t .left li a:hover span{color: #d01027;}
 .home1-t .left li a:hover p span{border-bottom: 1px solid #d01027;}
 .home1-t .left li a:hover p i{background: url(../images/xq.png) no-repeat;}
 .home1-t .right li a:hover{transform: translateX(.2rem);}
 .home2-t .right .h2-b li a:hover{background: #fff;}
 .home2-t .right .h2-b li a:hover h3{/*padding-left: .35rem;*/color: #b6061b;font-weight: bold;}
 .home2-t .right .h2-b li a:hover h3::after{opacity: 1;}
  .home2-t .right .h2-b li a:hover img{display:inline-block;}
  .home3-t .right .h3-b li:hover .scale::before{animation: circleScale2 4s linear infinite;}
  .home4 .left li a:hover::after,.home4 .right li a:hover::after{width: 100%;}
  .home5 .h5-t li.no-p a:hover::after,.home5 .h5-t li a:hover .con::after{height: 100%;}
  .home5 .h5-t li a:hover h3,.home5 .h5-t li a:hover span,.home5 .h5-t li a:hover p{color: #fff;}
  .home5 .h5-t li a:hover h3,.home5 .left a:hover h3{font-weight: bold;}
}




@media screen and (max-width: 1600px) {
  #logo{width:4rem;}
  #header .right{padding-left:5%;}
  .banner2{right: 23%;}


}
@media screen and (max-width: 1400px) {
  #header .right { padding-left: 5%; }
  #nav ul li h3 { font-size: 0.18rem; }
  .list_box0 .li {padding-right: 0.05rem;}
  .list_box0 .li > a .top_ico { margin-right: 0.05rem; }
  .banner2{right: 25%;}
  
}
@media screen and (max-width: 1300px) {
  .banner2{right: 27%;}
}
@media screen and (max-width: 1200px) {
  .header_box,.home3 .titl ul{ display: none; }
  .m_header_box {display: block;height: .7rem;}
  .swiper-box1 .imged{padding-bottom: 50%;}
  .swiper-box1 .slide-inner::after{display:none;}
  .banner2{
    width: 100%;
    height: 1rem;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0rem;
    top: auto;
    padding: 0px 20%;
}
.banner2 .swiper-container{position:relative;height: 100%;top: auto;right: auto;padding: 0;transform: translateY(0px);overflow: visible;}
.banner2 li{display:flex;align-items:center;justify-content: center;}
.banner2 li.swiper-slide-thumb-active{transform: translateX(0);}
.banner2 li .img{transform: translateX(0rem) !important;}

/*   .slide_down_nav,.banner2{display:none !important;} */
  .home1-t .right::after{width: calc(100% + 15px );}
  .home1,.home3,.home4,.home5,.home6,.home7{padding: 0.4rem 0;}
  .home1-t .right{padding: 0 .3rem 0 .4rem;}
  .home2-t .left .item{width: calc(100% + 15px );margin-left: -15px;}
  .hzfw li .img{width: .5rem;height: .5rem;}
  .hz-tc{left: 5%;display: none !important;}
  .rr2{display: none !important;}
  .home3-t .right .h3-b .slick-slider{height: auto;}
}
@media screen and (max-width: 1024px) {
  .home2{padding-top: .4rem;}
  .banner .con h3{font-size: .34rem;}
  .banner .con .img{margin: .1rem 0;}
  .home3-t .left{width: 3.5rem;}
  .home3-t .right{width: calc(100% - 3.5rem);padding-left: .35rem;overflow: hidden;}
  .home4 .left{width: 50%;padding-right: .3rem;}
  .home4 .right{width: 50%;overflow: hidden;padding-left: .3rem;}
  footer .fot-2 .h3::after{width:5.8rem;}
  .home3-t .left .slick-arrow{left: 10%;}
  .home3-t .left .slick-next{left: auto;right: 10%;}
}
@media screen and (max-width: 980px) {
  .home2{padding: .4rem 0;}
  .home2-t{margin: 0;}
  .home2-t .left{width: 100%;margin-top: 0rem;}
  .home2-t .right{width: 100%;padding-left: 0rem;margin-top: 0.3rem;}
  .home2-t .left .pic::after{display: none;}
  .home2 .title h3{color: #fff;}
  .home2-t .left .item{width: 100%;margin-left: 0px;height: auto;}
  .home2-t .left .pic{position: relative;height: 4.5rem;}
  .home2-t .left .txt{padding: 0 .25rem .25rem;}
  .home2-t .left .txt a{width: 100%;}
  .home2-t .right .h2-t{margin-bottom: .3rem;}
  .home2-t .right .h2-b ul{margin: 0 -.1rem;}
  .home2-t .right .h2-b li{padding: 0 .1rem;margin-bottom: .3rem;}
  .home2-t .right .h2-t{width: 100%;}
}
@media screen and (max-width: 768px) {
  .txt1 { font-size: 0.18rem !important; }
  .p1 {line-height: .28rem!important;font-size: 0.16rem !important;}
  .banner .con{left: 5%;width: 50%;transform: translateY(-50%);}
  .banner .con h3 {font-size: .24rem;}
  .title{margin-bottom: .3rem;}
  .title h3{font-size: .24rem;}
  .tit h3 span{font-size:.2rem;width:.26rem;height:.26rem;line-height:.26rem;}
  .home1-t .left,.home4 .left,.home5 .left{width: 100%;padding: 0;}
  .home1-t .right,.home4 .right,.home5 .right{width: 100%;padding-left: 0rem;margin-top:.3rem;padding: 0;}
  .home1-t .right .h1-r{padding-top: 0;}
  .home1-t .right{
    padding: 0 .45rem 0 0rem;
}
  .home1-t .right::after{height: 100%; width: calc(100% + 30px);left: -15px;}
  .home5-t .left{width: 100%;}
  .home5-t .right{width: 100%;}
  footer .fot-1{width: 100%;height:4rem;}
  footer .fot-2{width: 100%;margin-top:.25rem;padding: 0;}
  footer .fot-2 .log{text-align:center;}
  .home1-t .right li .date .img{width: .8rem;}
  .home1-t .right li .date{width: 1.8rem;}
  .home1-t .right li .con{width: calc(100% - 1.8rem);}
  .home1-t .right .title{padding-left: 0;}
  .home1-t .right li a{padding: .2rem 0;}
  .home1-t .right .swiper-container{height: 5.35rem;margin-top: -.2rem;}
  .home2-t .right .h2-t li{margin-right: .3rem;}
  .home3-t .left{width: 2.5rem;}
  .home3-t .right{width: calc(100% - 2.5rem);padding-left: .35rem;overflow: hidden;}
  .home3-t .right .h3-t h4{margin-bottom:.1rem;}
  .home3-t .right .h3-b .slick-list{padding:0;margin:0;}
  .home3-t .right .h3-b li h3{margin: .1rem 0;}
  .home4 .left li .con{padding-right: .15rem;}
  .home5 .left li a{padding:.15rem 0;}
  .home3-t .right .h3-t h3::after{width:.9rem;height:.9rem;}
 footer .fot-2 .h3::after{display:none;}
 footer .fot-2 .h3{margin:0;justify-content: center;}
 footer .fot-2>p{justify-content: center;}
 footer .fot-route-bus{justify-content: center;}
 footer .fot-route-bus span{text-align: center;}
 footer .fot-qr-row{justify-content: center;}
 .container04::after{display: none;}
 .rr2{width: .8rem;height: 1.5rem;}
 .banner2{height:.6rem;}
 .banner2 li.swiper-slide-thumb-active .img{width:.45rem;height:.45rem;}
  .home3-t .right .h3-b li{padding: 0 !important;}
}

@media screen and (max-width: 600px) {
  .home3-t .left{width: 100%;}
  .home3-t .right{width: 100%;padding-left: 0rem;margin-top: .3rem;}
  .home3-t .right .h3-b li{margin: 0 .1rem;}
/*   .home3-t .right .h3-b .slick-slider{height: 4rem;} */
  footer .fot-1{height:3rem;}
   .foot .left{width:100%;text-align:center;margin-top:.15rem}
   .foot .right{width:100%;order:-1;display: flex;justify-content: center;}
   .home3-t .left .slick-arrow{left: 35%;}
   .home3-t .left .slick-next{left: auto;right: 35%;}
}
@media screen and (max-width: 420px) {
  .home1-t .right li .date .img{width: .5rem;}
  .home1-t .right li .date span{width: 100%;margin-top: .1rem;}
  .home1-t .right li .date{width: 1rem;}
  .home1-t .right li .con{width: calc(100% - 1rem);}
  /* .home2-t .right .h2-t li{margin-right: .1rem;} */
  .home2-t .right .h2-b li{width: 33.3%;}
  .home4 .right .h4-t .imged{padding-bottom: 1.8rem;}
  .home4 .right .h4-t .con{padding: .15rem;}
  .home5 .h5-t ul{width: 100%;}
   .home2-t .right .h2-t li{margin-right: .2rem;}
 
}
@media (min-width: 200px) {
  [aos="zoom-in"] { transform: scale(0.5); }
  html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}
  html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}
  html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(-150px,-150px,0);transform:translate3d(-150px,-150px,0)}

  html:not(.no-js) .active [data-aos^=fade][data-aos^=fade],html:not(.no-js) .active [data-aos^=zoom][data-aos^=zoom]{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}


.active [data-aos] {pointer-events: auto;}

}
.foot div div {
  text-align: center;
  width: 100%;
}

/* 第二屏：集团介绍（全屏一屏 + 背景图 cenbg2） */
.section-intro-cen.container01 {
  background: none;
}
#fullpage .section.section-intro-cen {
  height: 100vh;
  min-height: 100vh;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: url(../images/cenbg2.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: scroll;
}
.section-intro-cen .intro-cen-bg {
  flex: 1;
  width: 100%;
  min-height: 0;
  align-self: stretch;
  box-sizing: border-box;
  padding: 0.42rem 0.24rem 0.48rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: transparent;
}
/* fullpage 注入 fp-table / fp-tableCell 时，保证整屏铺满背景与内容区高度 */
#fullpage .fp-section.section-intro-cen,
#fullpage .fp-section.section-party-dj {
  width: 100% !important;
  max-width: none !important;
  background-origin: border-box;
  background-clip: border-box;
}
#fullpage .fp-section.section-intro-cen .fp-tableCell,
#fullpage .fp-section.section-party-dj .fp-tableCell {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
#fullpage .fp-section.section-intro-cen .intro-cen-bg,
#fullpage .fp-section.section-party-dj .party-dj-bg {
  min-height: 100%;
  width: 100%;
  box-sizing: border-box;
}
/* 加宽容器，避免只占屏宽约 2/3 */
/* .section-intro-cen .intro-cen-inner.wp {
  width: 96%;
  max-width: 18rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
} */
.section-intro-cen .intro-cen-inner {
  text-align: left;
}
.section-intro-cen .intro-cen-top {
  align-items: stretch;
  justify-content: space-between;
  gap: 0.55rem;
  margin-bottom: 0.3rem;
}
/* PC：顶对齐，避免右侧文案把行高撑得高于左侧图，进而把下方 Tab 挤出视口被 .section 裁切 */
@media screen and (min-width: 961px) {
  .section-intro-cen .intro-cen-top {
    align-items: flex-start;
  }
  .section-intro-cen .intro-cen-media {
    align-self: flex-start;
  }
  .section-intro-cen .intro-cen-bg {
    justify-content: space-evenly;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.section-intro-cen .intro-cen-media {
  flex: 0 0 50%;
  max-width: 50%;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
/* 尺寸由父级撑满左侧列（与右侧文案等高）；图片仅铺满该容器，可拉伸变形 */
.section-intro-cen .intro-cen-media-box {
  position: relative;
  /* flex: 1 1 auto; */
  width: 90%;
  min-height: 3.6rem;
  box-sizing: border-box;
  border-radius: 0.12rem;
  overflow: hidden;
  border: none;
  box-shadow: 0.2rem 0.2rem 0 0 #20a3b1;
}
.section-intro-cen .intro-cen-poster {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: fill;
  display: block;
}
.section-intro-cen .intro-cen-play {
  position: absolute;
  left: 0.2rem;
  bottom: 0.2rem;
  width: 0.52rem;
  height: 0.52rem;
  padding: 0;
  border: 0.02rem solid rgba(255, 255, 255, 0.95);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.35);
  cursor: pointer;
  transition: transform 0.2s, background 0.2s;
}
.section-intro-cen .intro-cen-play::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-40%, -50%);
  border-style: solid;
  border-width: 0.09rem 0 0.09rem 0.14rem;
  border-color: transparent transparent transparent #fff;
}
.section-intro-cen .intro-cen-play:hover {
  transform: scale(1.05);
  background: rgba(32, 163, 177, 0.5);
}
.section-intro-cen .intro-cen-article {
  flex: 1;
  min-width: 0;
  padding-top: 0.08rem;
}
@media screen and (min-width: 961px) {
  .section-intro-cen .intro-cen-article {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-start;
    min-height: 0;
    box-sizing: border-box;
  }
  .section-intro-cen .intro-cen-title {
    flex-shrink: 0;
  }
  .section-intro-cen .intro-cen-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    word-break: break-word;
  }
  .section-intro-cen .intro-cen-more {
    flex-shrink: 0;
    margin-top: 0.2rem;
  }
}
.section-intro-cen .intro-cen-title {
  font-size: 0.36rem;
  font-weight: bold;
  color: #20a3b1;
  line-height: 1.3;
  margin: 0 0 0.24rem;
}
.section-intro-cen .intro-cen-body p {
  font-size: 0.19rem;
  color: #606060;
  line-height: 0.34rem;
  margin: 0 0 0.18rem;
  text-align: justify;
  text-indent: 2em;
}
.section-intro-cen .intro-cen-more {
  width:2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.2rem;
  padding: 0.1rem 0.32rem;
  font-size: 0.18rem;
  color: #20a3b1;
  background: transparent;
  border: 0.02rem solid #20a3b1;
  border-radius: 0.22rem;
  text-decoration: none;
  transition: background 0.25s, color 0.25s, box-shadow 0.25s;
}
.section-intro-cen .intro-cen-more:hover {
  background: rgba(32, 163, 177, 0.1);
  color: #178a96;
  box-shadow: 0 0.02rem 0.08rem rgba(32, 163, 177, 0.2);
}
.section-intro-cen .intro-cen-bottom {
  margin-top: 0.5rem;
}
.section-intro-cen .intro-cen-tabs {
  justify-content: center;
  gap: 0.55rem;
  margin-bottom: 0.22rem;
}
.section-intro-cen .intro-cen-tab {
  background: transparent;
  border: none;
  padding: 0.08rem 0.04rem;
  font-size: 0.25rem;
  color: #606060;
  cursor: pointer;
  border-bottom: 0.02rem solid transparent;
  transition: color 0.25s, border-color 0.25s;
}
.section-intro-cen .intro-cen-tab.on {
  color: #20a3b1;
  border-bottom-color: #20a3b1;
}
.section-intro-cen .intro-cen-tab:not(.on):hover {
  color: #111;
}
.section-intro-cen .intro-cen-panel:not(.is-active) {
  display: none;
}
.section-intro-cen .intro-cen-swiper-row {
  align-items: center;
  gap: 0.16rem;
}
.section-intro-cen .intro-cen-swiper {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.section-intro-cen .intro-cen-swiper .swiper-wrapper {
  align-items: stretch;
}
.section-intro-cen .intro-cen-swiper .swiper-slide {
  height: auto;
  box-sizing: border-box;
}
.section-intro-cen .intro-cen-arrow {
  flex-shrink: 0;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: #fff;
  border: 0.02rem solid #20a3b1;
  cursor: pointer;
  position: relative;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.08);
}
.section-intro-cen .intro-cen-arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.1rem;
  height: 0.1rem;
  border-left: 0.03rem solid #20a3b1;
  border-bottom: 0.03rem solid #20a3b1;
}
.section-intro-cen .intro-cen-prev::after {
  transform: translate(-35%, -50%) rotate(45deg);
}
.section-intro-cen .intro-cen-next::after {
  transform: translate(-65%, -50%) rotate(-135deg);
}
.section-intro-cen .intro-cen-arrow:hover {
  background: #f5fcfd;
  box-shadow: 0 0.04rem 0.12rem rgba(32, 163, 177, 0.25);
}
.section-intro-cen .intro-cen-arrow:hover::after {
  border-color: #178a96;
}
/* 单卡：上图（四角圆角）+ 紧贴其下的渐变条与机构名 */
.section-intro-cen .intro-cen-thumb {
  margin: 0;
  padding-bottom: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.section-intro-cen .intro-cen-thumb-img {
  flex: 0 0 auto;
  width: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
  border: none;
  background: #e8f2f3;
}
.section-intro-cen .intro-cen-thumb-img img {
  display: block;
  width: 100%;
  height: 1.65rem;
  object-fit: cover;
  border-radius: 0.1rem;
  vertical-align: top;
}
.section-intro-cen .intro-cen-thumb figcaption {
  flex: 0 0 auto;
  position: relative;
  width: 90%;
  box-sizing: border-box;
  margin: 0.1rem 0 0;
  padding: 0.1rem 0.28rem;
  min-height: 0.4rem;
  font-size: 0.17rem;
  font-weight: 500;
  font-family: "geo", "Microsoft YaHei", "PingFang SC", sans-serif;
  color: #fff;
  line-height: 1.55;
  text-align: center;
  border-radius: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(10, 138, 150, 0.35) 12%,
    #0a8a96 50%,
    #20a3b1 30%,
    #0a8a96 30%,
    rgba(10, 138, 150, 0.35) 88%,
    transparent 100%
  );
}
/* 右侧淡入的浅色网点，叠在渐变之上、文字之下 */
.section-intro-cen .intro-cen-thumb figcaption::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40%;
  pointer-events: none;
  background-image: radial-gradient(circle, rgba(220, 255, 255, 0.5) 1px, transparent 1px);
  background-size: 4px 4px;
  opacity: 0.65;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.45) 38%, #000 100%);
  mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.45) 38%, #000 100%);
}

/* 与 index 中 screen.width<=1200 不加载 fullpage 一致：避免集团介绍锁死视口高度裁切底部 */
@media screen and (max-width: 1200px) {
  #fullpage .section.section-intro-cen {
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }
  .section-intro-cen .intro-cen-bg {
    flex: none;
    min-height: 0;
    justify-content: flex-start;
    padding-bottom: 0.35rem;
  }
  /* 党建动态的规则写在文件后方，此处曾会被覆盖；见下方「党建动态」后的 max-width 块 */
}

@media screen and (max-width: 960px) {
  .section-intro-cen .intro-cen-inner.wp {
    width: 100%;
    max-width: 100%;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
  }
  .section-intro-cen .intro-cen-top {
    flex-direction: column;
    align-items: stretch;
    gap: 0.28rem;
  }
  .section-intro-cen .intro-cen-media {
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
  }
  /* 宽度铺满列，高度随图片比例自适应（不再强制 min-height + 拉伸） */
  .section-intro-cen .intro-cen-media-box {
    flex: 0 0 auto;
    width: 100%;
    min-height: 0;
    height: auto;
    box-shadow: 0.1rem 0.1rem 0 0 #20a3b1;
  }
  .section-intro-cen .intro-cen-poster {
    position: static;
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  .section-intro-cen .intro-cen-article {
    width: 100%;
    padding-top: 0;
    max-height: none !important;
  }
  .section-intro-cen .intro-cen-bg {
    overflow-y: visible !important;
    overflow-x: hidden;
  }
  .section-intro-cen .intro-cen-more {
    margin-top: 0.2rem !important;
  }
  .section-intro-cen .intro-cen-body {
    display: block !important;
    -webkit-box-orient: unset !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    max-height: none !important;
    flex: none !important;
  }
  .section-intro-cen .intro-cen-title {
    font-size: 0.28rem;
  }
  .section-intro-cen .intro-cen-body p {
    font-size: 0.16rem;
    line-height: 0.3rem;
  }
  .section-intro-cen .intro-cen-arrow {
    display: none;
  }
  .section-intro-cen .intro-cen-thumb-img img {
    height: 1.35rem;
  }
}

/* 党建动态（全屏，介于集团新闻与科室介绍之间） */
.section-party-dj.container01 {
  background: none;
}
#fullpage .section.section-party-dj {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-image: url(../images/dj_bg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  /* 宽度铺满、高度按比例缩放，避免 cover 在极端比例下裁切感或拉伸误解 */
  background-size: 100% auto;
}
/* 仅宽屏 fullpage：限制一屏高度；窄屏由下方 max-width:1200px 解除，避免规则顺序把移动端覆盖掉 */
@media screen and (min-width: 1201px) {
  #fullpage .section.section-party-dj {
    max-height: 100vh;
  }
  .section-party-dj .party-dj-bg {
    flex: 1;
    min-height: 0;
    justify-content: center;
    overflow-y: auto;
  }
}
.section-party-dj .party-dj-bg {
  width: 100%;
  align-self: stretch;
  box-sizing: border-box;
  padding: 0.38rem 0 0.42rem;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  background: transparent;
}
/* 必须在 #fullpage .section.section-party-dj / .party-dj-bg 整段定义之后，否则会被上面的 max-height、flex 覆盖 */
@media screen and (max-width: 1200px) {
  #fullpage .section.section-party-dj {
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }
  .section-party-dj .party-dj-bg {
    flex: none;
    min-height: 0;
    justify-content: flex-start;
    overflow-y: visible;
  }
}
.section-party-dj .party-dj-inner.wp {
  /* width: 96%; */
  max-width: 94%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.24rem;
  padding-right: 0.24rem;
  box-sizing: border-box;
}
.section-party-dj .party-dj-head {
  margin: 0 auto 0.32rem;
  text-align: center;
  background: transparent;
}
.section-party-dj .party-dj-banner-img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: top;
  background: transparent;
}
.section-party-dj .party-dj-featured {
  gap: 0.2rem;
  margin-bottom: 0.28rem;
  align-items: stretch;
}
.section-party-dj .party-dj-card {
  flex: 1;
  min-width: 0;
  position: relative;
  display: block;
  border-radius: 0.1rem;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 0.04rem 0.14rem rgba(0, 0, 0, 0.12);
  transition: transform 0.25s, box-shadow 0.25s;
}
.section-party-dj .party-dj-card:hover {
  transform: translateY(-0.03rem);
  box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.18);
}
.section-party-dj .party-dj-card-img {
  position: relative;
  width: 100%;
  padding-bottom: 56%;
  background: #eee;
  height: 3.5rem;
}
.section-party-dj .party-dj-card-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-party-dj .party-dj-card-cap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.12rem 0.1rem;
  font-size: 0.16rem;
  line-height: 1.45;
  color: #fff;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.55) 0.08rem, rgba(0, 0, 0, 0.72) 100%);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.section-party-dj .party-dj-news {
  gap: 0;
  margin-bottom: 0.28rem;
  align-items: flex-start;
}
.section-party-dj .party-dj-col {
  flex: 1;
  min-width: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-party-dj .party-dj-col:first-child {
  border-right: 0.01rem dashed #727272;
  padding-right: 0.22rem;
  box-sizing: border-box;
}
.section-party-dj .party-dj-col:last-child {
  padding-left: 0.22rem;
  box-sizing: border-box;
}
.section-party-dj .party-dj-col li {
  margin-bottom: 0.12rem;
}
.section-party-dj .party-dj-col li:last-child {
  margin-bottom: 0;
}
.section-party-dj .party-dj-col a {
  display: flex;
  align-items: flex-start;
  gap: 0.08rem;
  text-decoration: none;
  font-size: 0.18rem;
  line-height: 0.24rem;
  color: #333;
  transition: color 0.2s;
}
.section-party-dj .party-dj-col a:hover {
  color: #c62828;
}
.section-party-dj .party-dj-arrow {
  flex-shrink: 0;
  color: #d32f2f;
  font-weight: bold;
  font-family: Georgia, serif;
}
.section-party-dj .party-dj-txt {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section-party-dj .party-dj-date {
  flex-shrink: 0;
  color: #888;
  font-size: 0.18rem;
  white-space: nowrap;
  margin-left: 0.06rem;
}
.section-party-dj .party-dj-foot {
  text-align: center;
}
.section-party-dj .party-dj-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.08rem 0.36rem;
  font-size: 0.15rem;
  color: #c62828;

  border: 0.02rem solid #e53935;
  border-radius: 0.22rem;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
.section-party-dj .party-dj-more:hover {
  background: rgba(229, 57, 53, 0.08);
  color: #b71c1c;
}
@media screen and (max-width: 960px) {
  .section-party-dj .party-dj-inner.wp {
    width: 100%;
    max-width: 100%;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
  }
  .section-party-dj .party-dj-featured {
    flex-direction: column;
    align-items: stretch;
  }
  /* 避免 flex:1 + flex-basis:0 在纵向布局下把卡片高度算成 0，导致 padding-bottom 比例图不显示 */
  .section-party-dj .party-dj-card {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
  .section-party-dj .party-dj-card-img {
    padding-bottom: 0;
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 0;
  }
  .section-party-dj .party-dj-news {
    flex-direction: column;
    gap: 0.2rem;
  }
  .section-party-dj .party-dj-col:first-child {
    border-right: none;
    border-bottom: 0.01rem dashed #111;
    padding-right: 0;
    padding-bottom: 0.2rem;
  }
  .section-party-dj .party-dj-col:last-child {
    padding-left: 0;
  }
  /* 日期单独一行右对齐，避免与标题抢宽被裁切 */
  .section-party-dj .party-dj-col a {
    flex-wrap: wrap;
    align-items: center;
    row-gap: 0.06rem;
  }
  .section-party-dj .party-dj-date {
    flex: 0 0 100%;
    width: 100%;
    margin-left: 0;
    text-align: right;
    box-sizing: border-box;
  }
}





/*.fanye{*/
/*  width:100%;*/
/*  margin-top:20px;*/
/*}*/
/*@media (max-width: 1200px) {*/
/*  .listcen{*/
/*    max-width:1200px;*/
/*  }*/
/*}*/
/*@media (max-width: 1300px) {*/
/*  .listcen{*/
/*    max-width:1300px;*/
/*  }*/
/*}*/
/*@media (max-width: 1000px) {*/
/*  .listcen{*/
/*    max-width:1000px;*/
/*  }*/
/*}*/
/*.pagebox{overflow:hidden; zoom:1; font-size:14px; }*/
/*.pagebox table{margin-bottom:30px!important;}*/
/*.pagebox span{ float:left; margin-right:2px; overflow:hidden; text-align:center; background:#fff;}*/
/*.pagebox span a{display:block; overflow:hidden; zoom:1; _float:left;}*/
/*.pagebox span.pagebox_prev_nolink, span.pagebox_next_nolink, span.pagebox_first_nolink, span.pagebox_last_nolink{border:1px #ddd solid; width:70px; height:35px; line-height:35px; text-align:center; color:#999; cursor:default;}*/
/*.pagebox span.pagebox_prev{color:#0067b1;}*/
/*.pagebox span.pagebox_prev a,.pagebox span.pagebox_prev a:visited,.pagebox span.pagebox_next a,.pagebox span.pagebox_next a:visited,.pagebox span.pagebox_fisrt a,.pagebox span.pagebox_first a:visited,.pagebox span.pagebox_last a,.pagebox span.pagebox_last a:visited{border:1px #d9d9d9 solid; color:#999999; text-decoration:none; text-align:center; width:70px; cursor:pointer; height:35px; line-height:35px;}*/
/*.pagebox span.pagebox_prev a:hover,.pagebox span.pagebox_prev a:active,.pagebox span.pagebox_next a:hover,.pagebox span.pagebox_next a:active,.pagebox span.pagebox_first a:hover,.pagebox span.pagebox_first a:active,.pagebox span.pagebox_last a:hover,.pagebox span.pagebox_last a:active{color:#999999; border:1px #d9d9d9 solid;}*/
/*.pagebox span.pagebox_num_nonce{width:35px;height:35px;border:1px solid #20a3b1; line-height:35px; color:#fff; cursor:default; background:#20a3b1; font-weight:bold;}*/
/*.pagebox span.pagebox_num{color:#999999;}*/
/*.pagebox span.pagebox_num a,.pagebox span.pagebox_num a:visited{border:1px #d9d9d9 solid; color:#999999; text-decoration:none; cursor:pointer;width:35px; height:35px; line-height:35px;}*/
/*.pagebox span.pagebox_num a:hover,.pagebox span.pagebox_num a:active{border:1px #0067b1 solid;color:#363636;}*/
/*.pagebox span.pagebox_num_ellipsis{color:#393733; width:22px; background:none; line-height:35px;}*/
/*.pagebox_first{*/
/*  border:1px solid #d9d9d9!important;*/
/*  text-decoration: none;*/
/*  text-align: center;*/
/*  width: 70px;*/
/*  cursor: pointer;*/
/*  height: 35px;*/
/*  line-height: 35px;*/
/*}*/
/*.pagebox_first a{*/
/*  color:#999999;*/
/*}*/
.fanye {
  width: 100%;
  margin: 20px 0;
  text-align: center;
}

/* 核心：让 table 内部的 td 变成 flex 容器 */
.pagebox table td {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 14px;
  color: #666;
}

/* 所有的按钮方块 */
.pagebox span {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border: 1px solid #d9d9d9;
  margin: 0 2px;
  background: #fff;
  vertical-align: middle;
  box-sizing: border-box; /* 保证边框不撑大盒子 */
}

.pagebox span a {
  display: block;
  padding: 0 10px;
  color: #666;
  text-decoration: none;
  height: 100%;
}

/* 数字页码固定宽度 */
.pagebox span.pagebox_num,
.pagebox span.pagebox_num_nonce {
  width: 35px;
  padding: 0;
  text-align: center;
}

/* 当前页（蓝色） */
.pagebox span.pagebox_num_nonce {
  background-color: #2b85fb;
  border-color: #2b85fb;
  color: #fff !important;
}

/* 跳转区域容器 */
.pagebox_jump {
  display: inline-flex; /* 内部也用 flex 对齐 */
  align-items: center;
  margin-left: 10px;
  white-space: nowrap;
}

/* 输入框 */
.pagebox_jump input {
  width: 40px;
  height: 35px;
  border: 1px solid #d9d9d9;
  margin: 0 5px;
  text-align: center;
  box-sizing: border-box;
}

/* 跳转按钮 */
.pagebox_jump_btn {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border: 1px solid #d9d9d9;
  background: #fff;
  padding: 0 10px;
  cursor: pointer;
  margin-left: 5px;
  box-sizing: border-box;
}

.pagebox_jump_btn:hover {
  border-color: #2b85fb;
  color: #2b85fb;
}

/* 兼容可能出现的无链接按钮 */
.pagebox_prev_nolink, .pagebox_next_nolink {
  color: #ccc;
  padding: 0 10px;
}