@charset "utf-8";
/* 网站通用样式 */
@font-face { font-family: "syst700"; src: url("../fonts/SourceHanSerifCN-Bold.ttf") format("truetype"); }
#loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #fff; }

html { width: 100%; min-width: 320px; font-size: 100px; overflow-x: hidden; }
html::-webkit-scrollbar { width: .1rem; }
html::-webkit-scrollbar-thumb { border-radius: .1rem; background: #e4c27e; }
html::-webkit-scrollbar-track { border-radius: 0; background: rgba(0, 0, 0, 0.3); }

.overflow { height: 100vh; overflow: hidden !important; }

/* 全屏水平滑动 */
#body { width: 100vw; height: 100vh; z-index: 1; }
#body > .swiper-wrapper > .swiper-slide { position: relative; display: block; width: 100vw; height: 100vh; overflow: hidden; }
#body > .swiper-wrapper > .swiper-slide .slide-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#body > .swiper-wrapper > .swiper-slide .slide-inner::before { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 3; content: ""; width: 100%; height: 26vh; background: linear-gradient(180deg, #06358a, transparent); }
#body > .swiper-wrapper > .swiper-slide .slide-inner::after { position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 2; content: ""; width: 100%; height: 16vh; background: linear-gradient(0deg, rgba(10, 54, 129, 0.8) 30%, transparent); }

/* 通用模块 */
.header { position: fixed; top: 0; right: 0; bottom: auto; left: auto; z-index: 100; display: -ms-flexbox; display: flex; justify-content: flex-end; width: 100%; padding: 5.1vh 4.8vw 0 calc(2.94rem + 8vw); }
.header.show2 .head-t { height: 0; opacity: 0; visibility: hidden; transition-delay: 0s; }
.header.ny .nav { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.logo { position: absolute; top: 0; right: auto; bottom: auto; left: 1.5%; z-index: 1; padding: .5rem .14rem .9rem; background: url("../images/f_icon3.png") no-repeat 50% 100%/100% 100%; }
.logo img { max-width: .84rem; }

.head-t { display: -ms-flexbox; display: flex; align-items: center; width: 100%; height: .4rem; -webkit-transition: all 0.3s ease-out 1s; -moz-transition: all 0.3s ease-out 1s; -ms-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; }

.nav { flex: 1; width: 100%; margin: 0 .15rem 0 0; opacity: 0; visibility: hidden; -webkit-transform: translateX(-1rem); -moz-transform: translateX(-1rem); -ms-transform: translateX(-1rem); -o-transform: translateX(-1rem); transform: translateX(-1rem); -webkit-transition: all 0.56s ease-out 0s; -moz-transition: all 0.56s ease-out 0s; -ms-transition: all 0.56s ease-out 0s; -o-transition: all 0.56s ease-out 0s; transition: all 0.56s ease-out 0s; }
.nav ul { display: -ms-flexbox; display: flex; justify-content:center; align-items: center; }
.nav .tag { position: relative; z-index: 1;padding:0 0.16rem;}
.nav .tag::after { position: absolute; top: calc(50% - .45rem);
    right: calc(50% - 0.97rem); bottom: auto; left: auto; z-index: -1; content: ""; width: 1.94rem;
    height: 0.9rem;background-image: url("../images/f_icon4.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); visibility: hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.nav .tag.on { z-index: 2; }
.nav .tag.on::after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; }
.nav .tag.on a { font-weight: 700; }
.nav a { display: block; font-size: 0.28rem; font-weight: 400; line-height: 1.1rem; color: #fff; text-align: center; white-space: nowrap; letter-spacing: .02rem; }
.nav .line { flex-shrink: 0; width: .4rem; height: 1px; margin: 0 .16rem 0 .18rem; background: rgba(255, 255, 255, 0.4);}
.nav .line:last-child { flex-shrink: 0;margin-right: 0; }
.nav.show { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.go-home { position: relative; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: .4rem; height: .4rem; }
.go-home img { width: .2rem; }
.go-home::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; content: ""; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%; opacity: 0; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.go-home:hover::after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.search-btn { position: relative; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: .4rem; height: .4rem; margin: 0 .35rem 0 .3rem; cursor: pointer; }
.search-btn img { width: .17rem; }
.search-btn::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; content: ""; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%; opacity: 0; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.search-btn:hover::after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.pc-nav-btn { position: relative; z-index: 1; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 35px; height: 35px; background: #e4c27e; border-radius: 50%; cursor: pointer; }
.pc-nav-btn::after { position: absolute; top: -3px; right: -3px; bottom: auto; left: auto; z-index: -1; content: ""; width: calc(100% + 6px); height: calc(100% + 6px); background: rgba(255, 255, 255, 0.1); border-radius: 50%; }
.pc-nav-btn i { position: relative; display: block; width: 17px; height: 2px; margin: 2px 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.pc-nav-btn i::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; content: ""; width: 100%; height: 100%; background: #fff; }
.pc-nav-btn:hover i:nth-child(1)::after { animation: move .4s ease-in-out 1; }
.pc-nav-btn:hover i:nth-child(2)::after { animation: move .4s ease-in-out .1s 1; }
.pc-nav-btn:hover i:nth-child(3)::after { animation: move .4s ease-in-out .2s 1; }
.pc-nav-btn.close { background: #06358a !important; }
.pc-nav-btn.close i:nth-child(1) { -webkit-transform: translate(0, 9px) rotate(45deg); -moz-transform: translate(0, 9px) rotate(45deg); -ms-transform: translate(0, 9px) rotate(45deg); -o-transform: translate(0, 9px) rotate(45deg); transform: translate(0, 9px) rotate(45deg); }
.pc-nav-btn.close i:nth-child(2) { opacity: 0; }
.pc-nav-btn.close i:nth-child(3) { -webkit-transform: translate(0, -9px) rotate(-45deg); -moz-transform: translate(0, -9px) rotate(-45deg); -ms-transform: translate(0, -9px) rotate(-45deg); -o-transform: translate(0, -9px) rotate(-45deg); transform: translate(0, -9px) rotate(-45deg); }

@keyframes move { 0% { right: 0; }
  40% { right: 0; width: 0; }
  60% { right: auto; width: 0%; }
  100% { right: auto; width: 100%; } }
#mask { position: fixed; top: -100%; right: auto; bottom: auto; left: 0; z-index: 10; width: 100vw; height: 100vh; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out 0.6s; -moz-transition: all 0.3s ease-out 0.6s; -ms-transition: all 0.3s ease-out 0.6s; -o-transition: all 0.3s ease-out 0.6s; transition: all 0.3s ease-out 0.6s; background: rgba(0, 0, 0, 0.5); }
#mask::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; height: 0%; opacity: 0; content: ""; -webkit-transition: all 0.3s ease-out 0.4s; -moz-transition: all 0.3s ease-out 0.4s; -ms-transition: all 0.3s ease-out 0.4s; -o-transition: all 0.3s ease-out 0.4s; transition: all 0.3s ease-out 0.4s; background: rgba(10, 54, 129, 0.8); }
#mask.show { top: 0; opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
#mask.show::after { opacity: 1; height: 100%; -webkit-transition: all 0.45s ease-out 0.5s; -moz-transition: all 0.45s ease-out 0.5s; -ms-transition: all 0.45s ease-out 0.5s; -o-transition: all 0.45s ease-out 0.5s; transition: all 0.45s ease-out 0.5s; }
#mask .close { position: absolute; top: 6.6vh; right: 4vw; bottom: auto; left: auto; z-index: 12; width: 50px; height: 50px; cursor: pointer; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -ms-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s; transition: all 0.7s ease-out 0s; background: rgba(255, 255, 255, 0.28); border-radius: 50%; }
#mask .close .line { display: block; width: 60%; height: 2px; margin: 0 auto; }
#mask .close .line i { display: block; width: 100%; height: 2px; background: #fff; }
#mask .close .line.l1 { -webkit-transform: translate(0, 24px) rotate(45deg); -moz-transform: translate(0, 24px) rotate(45deg); -ms-transform: translate(0, 24px) rotate(45deg); -o-transform: translate(0, 24px) rotate(45deg); transform: translate(0, 24px) rotate(45deg); }
#mask .close .line.l2 { -webkit-transform: translate(0, 22px) rotate(-45deg); -moz-transform: translate(0, 22px) rotate(-45deg); -ms-transform: translate(0, 22px) rotate(-45deg); -o-transform: translate(0, 22px) rotate(-45deg); transform: translate(0, 22px) rotate(-45deg); }
#mask .close:hover { border-color: #fff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.pc-nav-box { position: absolute; top: 17%; right: auto; bottom: auto; left: 0; z-index: 10; width: 100%; height: 74%; padding: 0 0; overflow: hidden; -webkit-transition: all 0.42s ease-out 0s; -moz-transition: all 0.42s ease-out 0s; -ms-transition: all 0.42s ease-out 0s; -o-transition: all 0.42s ease-out 0s; transition: all 0.42s ease-out 0s; }
.pc-nav-box .container { width: calc(85% - 2.3rem); height: auto; margin: 0 auto; }
.pc-nav-box .container::-webkit-scrollbar { width: .08rem; }
.pc-nav-box .container::-webkit-scrollbar-thumb { border-radius: 0; background: #e4c27e; }
.pc-nav-box .container::-webkit-scrollbar-track { border-radius: 0; background: rgba(0, 0, 0, 0.2); }
.pc-nav-box li { position: relative; padding: 0 .1rem; opacity: 0; visibility: visible; top: .3rem; -webkit-transition: all 0.42s ease-out 0s; -moz-transition: all 0.42s ease-out 0s; -ms-transition: all 0.42s ease-out 0s; -o-transition: all 0.42s ease-out 0s; transition: all 0.42s ease-out 0s; }
.pc-nav-box li > a::after { display: block; content: ""; box-sizing: border-box; width: .4rem; height: 2px; border-radius: 2px; margin: 0 auto; background: #fff; }
.pc-nav-box a { position: relative; display: block; font-size: 0.28rem; font-weight: 400; line-height: 0.48rem; color: #fff; text-align: center; }
.pc-nav-box a:hover { color: #fff !important; }
.pc-nav-box .lv2 { margin: .3rem 0 0; text-align: center; }
.pc-nav-box .lv2 > dd { margin: 0 0 .15rem; }
.pc-nav-box .lv2 a { display: inline-block; font-size: .2rem; font-weight: 500; line-height: .44rem; color: white; }
.pc-nav-box .lv2 a::after { position: absolute; top: auto; right: 0; bottom: 0.06rem; left: auto; z-index: 1; content: ""; width: 0; height: 1px; background: #fff; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.pc-nav-box .lv2 a:hover { color: #fff !important; }
.pc-nav-box .lv2 a:hover::after { right: auto; left: 0; width: 100%; }
.pc-nav-box .lv3 a { font-size: .15rem; line-height: .34rem; color: rgba(255, 255, 255, 0.8); }
.pc-nav-box.show li { top: 0; opacity: 1; visibility: visible; }
.pc-nav-box.show li:nth-child(1) { transition-delay: 0.8s; }
.pc-nav-box.show li:nth-child(2) { transition-delay: 0.95s; }
.pc-nav-box.show li:nth-child(3) { transition-delay: 1.1s; }
.pc-nav-box.show li:nth-child(4) { transition-delay: 1.25s; }
.pc-nav-box.show li:nth-child(5) { transition-delay: 1.4s; }
.pc-nav-box.show li:nth-child(6) { transition-delay: 1.55s; }
.pc-nav-box.show li:nth-child(7) { transition-delay: 1.7s; }
.pc-nav-box.show li:nth-child(8) { transition-delay: 1.85s; }
.pc-nav-box.show li:nth-child(9) { transition-delay: 2s; }
.pc-nav-box.show li:nth-child(10) { transition-delay: 2.15s; }
.pc-nav-box.show li:nth-child(11) { transition-delay: 2.3s; }
.pc-nav-box.show li:nth-child(12) { transition-delay: 2.45s; }
.pc-nav-box.show li:nth-child(13) { transition-delay: 2.6s; }
.pc-nav-box.show li:nth-child(14) { transition-delay: 2.75s; }
.pc-nav-box.show li:nth-child(15) { transition-delay: 2.9s; }
.pc-nav-box .down { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; display: none; width: .5rem; height: .7rem; background-image: url("../images/arrow1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.pc-nav-box .down.up { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.pc-search-box { position: absolute; top: 40%; right: auto; bottom: auto; left: 0; z-index: 10; width: 100%; padding: .2rem 0; overflow: hidden; visibility: hidden; }
.pc-search-box .form { position: relative; white-space: nowrap; width: 80%; max-width: 8rem; padding-right: .1rem; margin: 0 auto; opacity: 0; -webkit-transition: all 0.42s ease-out 0s; -moz-transition: all 0.42s ease-out 0s; -ms-transition: all 0.42s ease-out 0s; -o-transition: all 0.42s ease-out 0s; transition: all 0.42s ease-out 0s; border-bottom: 0.02rem solid rgba(255, 255, 255, 0.8); -webkit-transform: translateY(150%); -moz-transform: translateY(150%); -ms-transform: translateY(150%); -o-transform: translateY(150%); transform: translateY(150%); }
.pc-search-box .input { width: calc(100% - .55rem); height: .7rem; padding: 0 .1rem 0 .2rem; vertical-align: top; font-size: 0.18rem; font-weight: 400; line-height: 0.7rem; color: #fff; text-align: left; }
.pc-search-box .input::placeholder { color: rgba(255, 255, 255, 0.7); }
.pc-search-box .submit { width: .5rem; height: .7rem; vertical-align: top; background-image: url("../images/search2.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 0.24rem; }
.pc-search-box.show { visibility: visible; }
.pc-search-box.show .form { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: .9s; }

.footer { position: fixed; top: auto; right: 0; bottom: 0; left: auto; z-index: 100; width: 100%; padding: 0 .1rem .07rem; background: linear-gradient(0deg, rgba(10, 54, 129, 0.8) 30%, transparent); }

.copy { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 0.14rem; font-weight: 400; line-height: 0.3rem; color: #fff; text-align: center; }
.copy p { margin: 0 .08rem; }
.copy a { color: #fff; }

/* 首页第一屏 */
.banner { width: 100%; z-index: 1; font-size: 0; overflow: hidden; }
.banner .img { position: relative; display: block; width: 100%; height: 100vh; overflow: hidden; }
.banner .img img { position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: transform 0.3s ease-out 0s; -moz-transition: transform 0.3s ease-out 0s; -ms-transition: transform 0.3s ease-out 0s; -o-transition: transform 0.3s ease-out 0s; transition: transform 0.3s ease-out 0s; }
.banner .swiper-slide-active img { -webkit-transition: transform 7s ease-out 0.3s; -moz-transition: transform 7s ease-out 0.3s; -ms-transition: transform 7s ease-out 0.3s; -o-transition: transform 7s ease-out 0.3s; transition: transform 7s ease-out 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.nav-b { position: absolute; top: auto; right: 0; bottom: 21.4%; left: auto; z-index: 5; width: 100%; }
.nav-b ul { width: 47%; margin: 0 auto; }
.nav-b a { display: block; height: 1.7rem; font-family: "syst700"; font-size: 0.28rem; font-weight: 500; line-height: 0.78rem; color: #fff; text-align: center; writing-mode: vertical-lr; writing-mode: tb-lr; letter-spacing: 3px; background-image: url("../images/f_icon2.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100% 100%; -webkit-transition: all 0.42s ease-out 0s; -moz-transition: all 0.42s ease-out 0s; -ms-transition: all 0.42s ease-out 0s; -o-transition: all 0.42s ease-out 0s; transition: all 0.42s ease-out 0s; }
.nav-b a:hover { -webkit-transform: translateY(-0.15rem); -moz-transform: translateY(-0.15rem); -ms-transform: translateY(-0.15rem); -o-transform: translateY(-0.15rem); transform: translateY(-0.15rem); letter-spacing: -1px; }

/* 首页第二屏 */
.home1 .slide-inner { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; background-image: url("../images/banner01.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.home1 .history-bg { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; content: ""; width: 0; height: 100%; background: rgba(26, 81, 162, 0.8); -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; }
.home1 .history-bg.show { width: 78.2%; }

.aside { position: relative; z-index: 5; width: 20.2%; height: 100%; margin: 0 0 0 1.5%; padding: 18.6vh .32rem 0 1.1rem; }
.aside .cur-tit { position: relative; margin: 0 0 .18rem; padding: 0 .22rem 0 0; font-size: 0.24rem; font-weight: 700; line-height: 0.57rem; color: #e4c27e; text-align: right; }
.aside .cur-tit i { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; display: none; width: .6rem; height: .6rem; background-image: url("../images/arrow1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.aside .cur-tit i.close { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.aside-bg { position: absolute; top: 0; right: auto; bottom: auto; left: 1.5%; z-index: 2; content: ""; width: 19.2%; height: 100%; background: linear-gradient(180deg, #fff 40%, transparent 90%); }

.aside-nav li.on{background: #e7e6e6;border-right: 0.05rem solid #e4c27e;}
.aside-nav li.on > span {font-weight: 700;}
.aside-nav li{padding:0.1rem 0;border-bottom: 1px solid #d7d7d7;}
.aside-nav span { display: block; padding: 0 .22rem 0 0; border-right: 0.05rem solid transparent; font-size: 0.2rem; font-weight:bold; line-height: 0.32rem; color: #333; text-align: right; cursor: pointer; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.aside-nav span:hover { font-weight: 700; }
.aside-nav span a { color: #333;font-weight:bold;}
.aside-nav .aside-sub-nav { width: 80%; margin-left: auto; }
.aside-nav .aside-sub-nav dd { border-bottom: 1px solid #d7d7d7; }
.aside-nav .aside-sub-nav dd:last-child{border-bottom:none;}
.aside-nav .aside-sub-nav span { border: none; padding: 0; font-size: .16rem; line-height: .4rem;font-weight: normal;}
.aside-nav .aside-sub-nav dd span a{font-weight: normal;}
.aside-nav .aside-sub-nav dd.active span a{font-weight:bold;}
.aside-nav .aside-sub-nav span::after { display: inline-block; vertical-align: middle; content: ""; width: 1px; height: .18rem; margin: 0 .17rem 0 .09rem; background: #e4c27e; opacity: 0; }
.aside-nav .aside-sub-nav span.on { font-weight: 700; }
.aside-nav .aside-sub-nav span.on::after { opacity: 1; }

.main { position: relative; z-index: 5; width: 78.2%; }
.main.pic-p { z-index: 99; }
.viewer-open .main.pic-p { z-index: 1000; }

.about-wrap { position: relative; z-index: 5; width: 77%; min-width: 11.6rem; height: 72vh; margin: 17vh 0 0 .3rem; padding: .35rem .8rem; background: #fff; overflow-y: auto; }
.about-wrap::-webkit-scrollbar { width: .1rem; }
.about-wrap::-webkit-scrollbar-thumb { background: #06358a; }
.about-wrap::-webkit-scrollbar-track { border-radius: 0; background: #e1e1e1; }
.about-wrap .title { font-size: 24px; font-weight: 700; line-height: 180%; color: #333; text-align: center; }
.about-wrap .content { padding: .15rem 0 0; font-size: 16px; font-weight: 400; line-height: 240%; color: #333; text-align: justify; }
.about-wrap .content p {word-break: break-all;
    color: #333;
    font-size: 0.18rem !important;
    line-height: 0.36rem !important;
    text-align: justify;}
.about-wrap .content p img, .about-wrap .content p video { max-width: 100%; height: auto !important; }
.about-wrap .content p img{border:none !important;max-width:100%;height:auto !important;}
.about-wrap .content hr{margin:10px 0;}
.about-wrap .content video { display: block; margin: 0 auto; }
.about-wrap .content table { max-width: 100%; margin: 0 auto .2rem; }
.about-wrap .content table td { word-break: break-all; }
.about-wrap .content table p { text-indent: 0; margin: 0; }
.about-wrap .content table img, .about-wrap .content table video, .about-wrap .content table iframe { margin-top: 0; margin-bottom: 0; }
.about-wrap .content iframe { display: block; max-width: 100%; margin: 0 auto .2rem; }

.slide-item { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.25s ease-out 0s; -moz-transition: all 0.25s ease-out 0s; -ms-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; }
.slide-item .about-wrap, .slide-item .news-wrap { -webkit-transform: translateY(0.3rem); -moz-transform: translateY(0.3rem); -ms-transform: translateY(0.3rem); -o-transform: translateY(0.3rem); transform: translateY(0.3rem); opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.slide-item.on { z-index: 5; opacity: 1; visibility: visible; }
.slide-item.on .about-wrap, .slide-item.on .news-wrap { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }
.slide-item.on .history { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; transition-delay: .3s; }

.history-wrap { display: -ms-flexbox; display: flex; justify-content: center; align-items: center; padding: 19vh 0 14vh; }

.history { position: relative; z-index: 1; width: 56.8vh; max-width: 5.68rem; height: 56.8vh; max-height: 5.68rem; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; visibility: hidden; }

.history-img { width: 100%; height: 100%; }

.history-list .year { font-size: 0.18rem; font-weight: 400; line-height: 0.3rem; color: #fff; text-align: left; white-space: nowrap; }
.history-list .year span { font-size: .24rem; font-weight: 700; }
.history-list .text { margin-left: 2px; }
.history-list .text p { font-size: 0.15rem;line-height: 0.3rem; color: #fff; text-align: left; white-space: nowrap; }
.history-list .img img { width: 1rem; max-width: 1rem; }
.history-list .dot { position: absolute; z-index: 1; width: 8px; height: 8px; background: #b78836; border-radius: 50%; }
.history-list .dot::after { display: block; content: ""; box-sizing: border-box; width: 100%; height: 100%; border-radius: 50%; background: #b78836; border-radius: 50%; animation: ani-scale 2s infinite; }
.history-list li { position: absolute; z-index: 2; display: -ms-flexbox; display: flex; align-items: flex-end; cursor: pointer; }
.history-list li:nth-child(1) { flex-direction: column; align-items: flex-start; bottom: 100%; left: 41.5%; }
.history-list li:nth-child(1) .dot { bottom: -.1rem; left: .48rem; }
.history-list li:nth-child(1) .year { order: 2; margin: .05rem 0 0; }
.history-list li:nth-child(1) .text { order: 1; }
.history-list li:nth-child(1) .img { position: absolute; top: auto; right: 100%; bottom: -0.05rem; left: auto; z-index: 1; }
.history-list li:nth-child(2) { bottom: 91.8%; right: 76.6%; }
.history-list li:nth-child(2) .dot { bottom: 0; left: 102%; }
.history-list li:nth-child(2) .year { order: 2; margin-left: .1rem; }
.history-list li:nth-child(2) .text { width: 100%; order: 1; }
.history-list li:nth-child(2) .text p { text-align: right; }
.history-list li:nth-child(2) .img { text-align: right; }
.history-list li:nth-child(3) { bottom: 72.4%; right: 94.6%; }
.history-list li:nth-child(3) .dot { bottom: .08rem; left: 102%; }
.history-list li:nth-child(3) .year { order: 2; margin-left: .1rem; }
.history-list li:nth-child(3) .text { width: 100%; order: 1; }
.history-list li:nth-child(3) .text p { text-align: right; }
.history-list li:nth-child(3) .img { text-align: right; }
.history-list li:nth-child(4) { bottom: 47%; right: 101.2%; }
.history-list li:nth-child(4) .dot { bottom: .12rem; left: 102%; }
.history-list li:nth-child(4) .year { order: 2; margin-left: .1rem; }
.history-list li:nth-child(4) .text { width: 100%; order: 1; }
.history-list li:nth-child(4) .text p { text-align: right; }
.history-list li:nth-child(4) .img { text-align: right; }
.history-list li:nth-child(5) { bottom: 21.6%; right: 94.5%; }
.history-list li:nth-child(5) .dot { bottom: .16rem; left: 102%; }
.history-list li:nth-child(5) .year { order: 2; margin-left: .1rem; }
.history-list li:nth-child(5) .text { order: 1; }
.history-list li:nth-child(5) .text p { text-align: right; }
.history-list li:nth-child(5) .img { text-align: right; }
.history-list li:nth-child(6) { bottom: 2.8%; right: 76.7%; }
.history-list li:nth-child(6) .dot { bottom: .2rem; left: 102%; }
.history-list li:nth-child(6) .year { order: 2; margin-left: .1rem; }
.history-list li:nth-child(6) .text { order: 1; }
.history-list li:nth-child(6) .img { text-align: right; }
.history-list li:nth-child(7) { top: 101%; left: 34.55%; flex-direction: column; align-items: flex-start; }
.history-list li:nth-child(7) .dot { top: -.1rem; right: .48rem; }
.history-list li:nth-child(7) .year { width: 100%; margin: 0 0 .05rem; text-align: right; }
.history-list li:nth-child(7) .text p { text-align: right; }
.history-list li:nth-child(7) .img { position: absolute; top: auto; right: auto; bottom: -0.05rem; left: 105%; z-index: 1; }
.history-list li:nth-child(8) { bottom: 2.8%; left: 76.2%; }
.history-list li:nth-child(8) .dot { bottom: .2rem; right: 102%; }
.history-list li:nth-child(8) .year { margin-right: .1rem; }
.history-list li:nth-child(9) { bottom: 21.6%; left: 94.4%; }
.history-list li:nth-child(9) .dot { bottom: .16rem; right: 102%; }
.history-list li:nth-child(9) .year { margin-right: .1rem; }
.history-list li:nth-child(10) { bottom: 47%; left: 101.3%; }
.history-list li:nth-child(10) .dot { bottom: .12rem; right: 102%; }
.history-list li:nth-child(10) .year { margin-right: .1rem; }
.history-list li:nth-child(11) { bottom: 72.4%; left: 94.3%; }
.history-list li:nth-child(11) .dot { bottom: .08rem; right: 102%; }
.history-list li:nth-child(11) .year { margin-right: .1rem; }
.history-list li:nth-child(12) { bottom: 91.8%; left: 76.2%; }
.history-list li:nth-child(12) .dot { bottom: 0; right: 102%; }
.history-list li:nth-child(12) .year { margin-right: .1rem; }

/* 首页第三屏 */
.home2 .slide-inner { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; background-image: url("../images/banner02.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.home2 .aside-bg { position: absolute; top: 0; right: auto; bottom: auto; left: 1.5%; z-index: 1; content: ""; width: 19.2%; height: 100%; background: linear-gradient(180deg, #fff 40%, transparent 85%); }
.home2 .aside { width: 20.2%; }
.home2 .main { width: 78.2%; }

/* 首页第四屏 */
.home3 .slide-inner { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; background-image: url("../images/banner03.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }

.news-wrap { position: relative; z-index: 5; display: -ms-flexbox; display: flex; justify-content: center; width: 85.95%; min-width: 12.9rem; height: 73.4vh; margin: 16vh 0 0 .3rem; padding: .35rem .4rem; background-image: url("../images/f_icon5.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: rgba(6, 53, 138, 0.8); background-size: 100% 100%; }

.column-tit { display: flex; align-items: center; margin: 16.5vh 1.8rem 0 0; font-size: 0.3rem; font-weight: 400; line-height: 0.4rem; color: #fff; text-align: left; writing-mode: vertical-lr; writing-mode: tb-lr; letter-spacing: .06rem; }
.column-tit img { display: block; width: .32rem; margin: 0 0 .32rem; }

.news-list1 { margin: 4vh 0 0; min-width: 4.5rem; }
.news-list1 li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.news-list1 a { display: block; font-size: 0.18rem; font-weight: 400; line-height: 0.48rem; color: #fff; text-align: left; }
.news-list1 a::before { display: inline-block; content: ""; width: 5px; height: 5px; margin: 0 .14rem 3px 0; background: #fff; border-radius: 50%; }
.news-list1 a span { margin: 0 0 0 .12rem; font-size: .14rem; }

/* 首页第五屏 */
.home4 .slide-inner { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; background-image: url("../images/banner04.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.home4 .home4-img { position: relative; z-index: 4; margin-right: 14.2vw; width: 33.65vw;margin-top: 12.2vw;}
 .slow{ overflow:hidden}
.slow img:hover{ transform:scale(1.05);}/*图片放大*/
.slow img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}/*缓慢效果*/
/* 单张幻灯片 */
.home4-img .home4-pic{
    padding-bottom: 0.5rem;
}
.home4-img .home4-pic .pic{
    padding-top: 65.8666%;position: relative;overflow: hidden;
    border: 4px solid #fff;
    border-radius: 0.08rem;
}
.home4-img .home4-pic .pic img{position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 1s;
    object-fit: cover;
}

/* 分页指示器样式 */
.home4-img .swiper-pagination {
    width: 100%;
    bottom: 0 !important;
}
.home4-img .swiper-pagination-bullet {
    width: 0.14rem;
    height: 0.14rem;
    background: transparent;
    opacity: 1;
    border: 1px solid #fff;
    margin: 0 0.08rem;
}
.home4-img .swiper-pagination-bullet-active {
    background: #fff;
}
.aside2 { position: relative; z-index: 5; margin: 20.7vh 0 0 19.8vw; }
.aside2 ul { display: flex; justify-content: space-between; width: 3.8rem; }
.aside2 li { position: relative; z-index: 1; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 1rem; height: 3.5rem; background: rgba(14, 59, 142, 0.7); border-radius: .5rem; }
.aside2 li::after { position: absolute; top: -0.08rem; right: -0.08rem; bottom: auto; left: auto; z-index: -1; content: ""; width: calc(100% + .16rem); height: calc(100% + .16rem); border: 1px dashed #06358a; border-radius: .58rem; }
.aside2 li > a { letter-spacing: .06rem; }
.aside2 li:nth-child(1) { margin-top: .7rem; }
.aside2 li:nth-child(3) { margin-top: 1rem; }
.aside2 a { writing-mode: vertical-lr; writing-mode: tb-lr; font-size: 0.36rem; font-weight: 400; line-height: 0.5rem; color: #fff; text-align: center; transition: all .3s; }
.aside2 a:hover { transform: translateY(-.1rem); }
.aside2 .sub-nav { width: 100%; margin: .3rem 0 0; text-align: center; }
.aside2 .sub-nav a { vertical-align: top; font-size: .18rem; line-height: .26rem; }
.aside2 .line { position: absolute; top: calc(100% + .1rem); right: 49%; bottom: auto; left: auto; z-index: 1; width: 1px; height: 9.5vh; background: #fff; }
.aside2 .line::after { position: absolute; top: calc(100% + 2px); right: -4px; bottom: auto; left: auto; z-index: 1; content: ""; width: 9px; height: 9px; background: #fff; border-radius: 50%; }

.aside-bg2 { position: absolute; top: 0; right: auto; bottom: auto; left: calc(19.8vw + .5rem); z-index: 1; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: flex-start; width: 2.8rem; }
.aside-bg2 .line { display: block; position: relative; width: 1px; height: calc(20.7vh - .12rem); background: #fff; }
.aside-bg2 .line.l1 { height: calc(20.7vh + .58rem); }
.aside-bg2 .line.l3 { height: calc(20.7vh + .88rem); }

/* 内页样式 */
.ny-main { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; z-index: 1; width: 100vw; height: 100vh; }
.ny-main::before { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 3; content: ""; width: 100%; height: 26vh; background: linear-gradient(180deg, #06358a, transparent); }
.ny-main::after { position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 2; content: ""; width: 100%; height: 16vh; background: linear-gradient(0deg, rgba(10, 54, 129, 0.8) 30%, transparent); }
.ny-main .ny-main-bg { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }

.article2 { position: relative; width: 85.95%; min-width: 12.9rem; height: 73.4vh; margin: 16vh 0 0 .3rem; padding: .35rem .4rem; background-image: url("../images/f_icon8.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: rgba(6, 53, 138, 0.8); background-size: 100% 100%; }
.article2 .cur-column { position: absolute; top: 0; right: auto; bottom: auto; left: 4.18%; z-index: 1; width: 10.39%; font-size: 0.18rem; font-weight: 700; line-height: 0.5rem; color: #fff; text-align: center; }
.article2 .title { padding: .1rem 0; font-size: 0.3rem; font-weight: 700; line-height: 180%; color: #fff; text-align: center; border-bottom: 1px solid rgba(228, 194, 126, 0.5); }
.article2 .content { padding: .15rem 0 0; font-size: 16px; font-weight: 400; line-height: 240%; color: #fff; text-align: justify; }
.article2 .content p {word-break: break-all;font-size:0.18rem !important;line-height:0.36rem !important;margin-bottom:10px;}
.article2 .content img, .article2 .content video { max-width: 100%; height: auto !important; }
.article2 .content p img{border:none !important;}
.article2 .content video { display: block; margin: 0 auto; }
.article2 .content table { max-width: 100%; margin: 0 auto .2rem; }
.article2 .content table td { word-break: break-all; }
.article2 .content table p { text-indent: 0; margin: 0; }
.article2 .content table img, .article2 .content table video, .article2 .content table iframe { margin-top: 0; margin-bottom: 0; }
.article2 .content iframe { display: block; max-width: 100%; margin: 0 auto .2rem; }
.article2 .scroll-box { height: calc(100% - .45rem); padding: .1rem .28rem .15rem; overflow-y: auto; }
.article2 .scroll-box::-webkit-scrollbar { width: .1rem; }
.article2 .scroll-box::-webkit-scrollbar-thumb { background: #e1e1e1; }
.article2 .scroll-box::-webkit-scrollbar-track { border-radius: 0; background: #06358a; }
.article2 .source { display: -ms-flexbox; display: flex; justify-content: center; align-items: center; font-size: 0.24rem; font-weight: 400; line-height: 0.36rem; color: #e4c27e; text-align: left; }
.article2 .source::before, .article2 .source::after { display: block; content: ""; box-sizing: border-box; width: .3rem; height: 1px; margin: 0 .09rem; background: #e4c27e; }
.article2 .cont-page { display: -ms-flexbox; display: flex; justify-content: flex-end; margin: 0 .28rem; border-top: 1px solid rgba(228, 194, 126, 0.5); }
.article2 .cont-page a { display: block; margin: 0 0 0 .36rem; font-size: 0.16rem; font-weight: 400; line-height: 0.44rem; color: #e4c27e; text-align: left; }
.article2 .cont-page a::before { display: inline-block; content: ""; width: 8px; height: 8px; margin: 0 .1rem 1px 0; background: #e4c27e; border-radius: 50%; }
.article2 .cont-page a:first-child { margin: 0; }
.article2 .cont-page a:hover { text-decoration: underline; }

.article .title { font-size: 0.26rem; font-weight: 400; line-height: 140%; color: #333; text-align: center; }
.article .sub { margin: .1rem 0 0; padding: .1rem 0 .25rem; font-size: 0.15rem; font-weight: 400; line-height: 0.22rem; color: #868686; text-align: center; border-bottom: 2px solid #eee; }
.article .content { padding: .3rem 0 .2rem; font-size: 18px; font-weight: 400; line-height: 180%; color: #333; text-align: justify; }
.article .content p { text-indent: 2em; word-break: break-all; margin: 0 0 .25rem; }
.article .content img, .article .content video { max-width: 100%; height: auto !important; }
.article .content video { display: block; margin: 0 auto; }
.article .content table { max-width: 100%; margin: 0 auto .2rem; }
.article .content table td { word-break: break-all; }
.article .content table p { text-indent: 0; margin: 0; }
.article .content table img, .article .content table video, .article .content table iframe { margin-top: 0; margin-bottom: 0; }
.article .content iframe { display: block; max-width: 100%; margin: 0 auto .2rem; }
.article .cont-page { position: relative; padding: .3rem 90px .28rem .1rem; border-top: 3px solid #e4c27e; }
.article .cont-page a { display: block; padding: 4px 0; font-size: 0.18rem; font-weight: 400; line-height: 0.28rem; color: #666; text-align: left; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.article .cont-page a span { position: relative; }
.article .cont-page a span::after { position: absolute; top: auto; right: auto; bottom: -2px; left: 0; z-index: 1; width: 0; height: 1px; background: #e4c27e; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; content: ""; }
.article .cont-page a:hover { text-decoration: none; color: #e4c27e; font-weight: 700; }
.article .cont-page a:hover span::after { width: 100%; }
.article .table-box { overflow-x: auto; }

.list1 { margin: 1vh 0 0; }
.list1 li { display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; }
.list1 a { display: block; width: calc(100% - 1.2rem); font-size: 0.18rem; font-weight: 400; line-height: 0.5rem; color: #333; text-align: left; }
.list1 a::before { display: inline-block; content: ""; width: 5px; height: 5px; margin: 0 .14rem 3px 0; background: #bbb; border-radius: 50%; }
.list1 a span { margin: 0 0 0 .12rem; font-size: .14rem; }
.list1 .date { font-size: 0.16rem; font-weight: 400; line-height: 0.5rem; color: #666; text-align: left; }

.news-wrap2 { position: relative; width: 85.95%; min-width: 12.9rem; height: 73.4vh; margin: 16vh 0 0 .3rem; padding: .35rem .4rem; background: #fff; }

.pic-wrap { position: relative; width: 85.95%; min-width: 12.9rem; height: 73.4vh; margin: 16vh 0 0 .3rem; padding: 0 .4rem .35rem; }

.picture { font-size: 0; margin: 0 -0.28rem;overflow: hidden;}
.picture > li { display: inline-block; vertical-align: top; width: 33.3333333333%; padding: 0 0.28rem; }
.picture .img-zoom { margin: .3rem 0 0; padding: .1rem .1rem 0; background: #fff; overflow: visible; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.picture .img-frame { padding: 65% 0 0; }
.picture .title { display: -ms-flexbox; display: flex; align-items: center; font-size: 0.16rem; font-weight: 400; line-height: 0.46rem; color: #333; text-align: left; }
.picture .title i { width: 12px; height: 12px; padding: 3px; margin: 0 .1rem; border-radius: 50%; background: #cdd7e8; }
.picture .title i::after { display: block; content: ""; box-sizing: border-box; width: 100%; height: 100%; background: #06358a; border-radius: 50%; }

.pic-bg { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; content: ""; width: 100%; height: 100%; background: rgba(26, 81, 162, 0.8); -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; }

/* 翻页样式 */
#list-page { margin: .4rem 0 .3rem !important; font-family: Arial; text-align: center; }
#list-page .p_pages a, #list-page span, #list-page .p_goto a { font-size: 14px; width: auto; height: auto; margin-top: 5px; }
#list-page .p_pages a, #list-page .p_no_d, #list-page .p_fun_d, #list-page .p_goto a { padding: 9px 11px; color: #e4c27e; border: 1px solid #aaa; border-radius: 4px; }
#list-page .p_pages .p_no_d, #list-page a:hover, #list-page .p_goto a { background: #e4c27e; font-weight: bold; color: #fff; border-color: #e4c27e; }
#list-page .p_t { padding: 0 2px 0 0; color: #777; }
#list-page .p_first, #list-page .p_first_d, #list-page .p_last, #list-page .p_last_d { display: inline-block; }
#list-page .p_pages span { color: #aaa; }
#list-page .p_goto input { font-family: 'Arial'; color: #333; border-radius: 4px; width: 40px; height: 32px; line-height: 32px; vertical-align: bottom; }

.to-top-part { position: fixed; top: auto; right: 0.2rem; bottom: 23%; left: auto; z-index: 1; overflow: hidden; padding: .08rem; visibility: hidden; }
.to-top-part #to-top { display: block; width: .46rem; height: .46rem; border-radius: 4px; background-image: url("../images/toTop.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: #4285cc; background-size: 0.24rem; cursor: pointer; box-shadow: 0 0 0.06rem 0 rgba(0, 0, 0, 0.3); -webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%); -webkit-transition: all 0.45s ease-out 0s; -moz-transition: all 0.45s ease-out 0s; -ms-transition: all 0.45s ease-out 0s; -o-transition: all 0.45s ease-out 0s; transition: all 0.45s ease-out 0s; }
.to-top-part #to-top:hover { background-color: #e4c27e; }
.to-top-part.show { visibility: visible; }
.to-top-part.show #to-top { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

@keyframes ani-scale { 0% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); } }
@media screen and (min-width: 1025px) { .news-list1 li { position: relative; }
  .news-list1 li::after { position: absolute; top: auto; right: auto; bottom: -1px; left: 0; z-index: 1; content: ""; width: 0; height: 1px; background: #fff; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
  .news-list1 li:hover a { font-weight: 700; }
  .news-list1 li:hover::after { width: 100%; }
  .list1 li { position: relative; }
  .list1 li::after { position: absolute; top: auto; right: auto; bottom: -1px; left: 0; z-index: 1; content: ""; width: 0; height: 1px; background: #e4c27e; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
  .list1 li:hover a { font-weight: 700; }
  .list1 li:hover a::before { background: #e4c27e; }
  .list1 li:hover::after { width: 100%; } }
@media screen and (max-width: 1780px) { .aside, .aside-bg { width: 23%; }
  .main { width: 74.5%; }
  .home1 .history-bg.show { width: 76%; }
  .home2 .aside, .home2 .aside-bg { width: 23%; }
  .home2 .main { width: 74.5%; }
  .about-wrap { min-width: 10.4rem; }
  .news-wrap, .article2, .news-wrap2, .pic-wrap { min-width: 11rem; }
  .history-list li:nth-child(10) .text p { width: 1.4rem; margin-bottom: -.3rem; white-space: initial; } }
@media screen and (max-width: 1024px) { #body { height: auto; }
  #body > .swiper-wrapper > .swiper-slide { height: auto; }
  #body > .swiper-wrapper > .swiper-slide .slide-inner { position: relative; bottom: auto; left: auto; height: auto; min-height: 100vh; display: block; padding: 1px 0; }
  #body > .swiper-wrapper > .swiper-slide .slide-inner::after { display: none; }
  .ny-main { position: relative; bottom: auto; left: auto; height: auto; min-height: 100vh; display: block; padding: 1px 0; }
  .ny-main::after { display: none; }
  .header { position: absolute; padding: .3rem 4vw 0 0; }
  .search-btn { margin: 0 .25rem 0 .2rem; }
  .head-t { justify-content: flex-end; }
  .nav { display: none; }
  .logo { left: 2%; padding: .2rem .12rem .5rem; }
  .logo img { max-width: .6rem; }
  .footer { position: relative; padding: .12rem; margin: -1px 0 0; background: #0a3681; }
  .copy { line-height: 24px; }
  .aside-bg, .history-bg { display: none; }
  .aside { width: auto !important; margin: 75px 4vw 0; padding: .2rem 0 .1rem .9rem; }
  .aside .cur-tit { margin: 0; padding: 0 .25rem; text-align: left; font-size: 0.22rem; line-height: .6rem; color: #fff; font-family: "syst700"; font-weight: 700; background: rgba(26, 81, 162, 0.8); border-left: 4px solid #e4c27e; }
  .aside .cur-tit i { display: block; }
  .aside-nav { display: none; padding: 0 .25rem .15rem; background: rgba(26, 81, 162, 0.8); }
  .aside-nav li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .aside-nav li:last-child { border: none; }
  .aside-nav li.on { border-color: #e4c27e;background:#e4c27e;}
  .aside-nav li.on > span { background: none;text-indent:16px;}
  .aside-nav li > span { border-bottom: none; }
  .aside-nav span { padding: 0; font-size: 17px; color: #fff; line-height: .36rem; border: none !important; white-space: nowrap; text-align: left; }
  .aside-nav span a { color: #fff;font-size: 0.18rem;}
  .aside-nav .aside-sub-nav { width: 94%; padding: 0 0 .1rem; }
  .aside-nav .aside-sub-nav dd { border: none; }
  .aside-nav .aside-sub-nav span { color: #fff; line-height: .36rem; }
  .main { width: auto !important; min-height: calc(100vh - 220px); margin: .2rem 4vw .5rem; background: #fff; }
  .slide-item { position: static; display: none; height: auto; opacity: 1 !important; visibility: visible !important; }
  .slide-item.on { display: block; }
  .about-wrap { min-width: auto; width: auto; height: auto; margin: 0; padding: .3rem; }
  .history-wrap { position: relative; z-index: 1; padding: 1px 0 .4rem; }
  .history-img { display: none; }
  .history { display: flex; justify-content: center; width: auto; height: auto; max-width: none; max-height: none; }
  .history-list { display: flex; flex-direction: column-reverse; padding: 0 .2rem 0 .4rem; }
  .history-list li { flex-direction: row !important; align-items: flex-end !important; position: relative; top: auto !important; left: auto !important; bottom: auto !important; right: auto !important; margin: .2rem 0 .35rem; }
  .history-list li:nth-child(odd) { margin-left: 40%; }
  .history-list .year { margin: 0 .1rem 0 0 !important; width: auto !important; color: #333; order: 1 !important; }
  .history-list .text { width: auto !important; order: 2 !important; }
  .history-list .text p { width: auto !important; margin: 0 !important; color: #333; }
  .history-list .img { position: static !important; text-align: left !important; }
  .history-list .dot { top: auto !important; left: -.2rem !important; bottom: 13px !important; right: auto !important; }
  .news-wrap, .article2, .news-wrap2, .pic-wrap { min-width: auto; width: auto; height: auto; margin: 0; padding: .4rem .3rem; background: none; }
  .article2 .title { color: #333; }
  .article2 .content { color: #333; }
  .article2 .cur-column { left: 75px; color: #333; font-size: .2rem; white-space: nowrap; }
  .article2 .scroll-box { height: auto; padding: .1rem 0; }
  .article2 .cont-page { flex-wrap: wrap; margin: 0; }
  .article2 .cont-page a { width: 100%; margin: 0; color: #666; }
  .column-tit { color: #333; margin-right: 1rem; }
  .news-list1 { margin: 0 0 .3rem; }
  .news-list1 li { border-bottom: 1px solid #e2e2e2; }
  .news-list1 a { color: #333; }
  .news-list1 a::before { background: #e4c27e; }
  .home4 .slide-inner { display: flex !important; justify-content: center; align-items: center; }
  .aside2 { padding: 0; margin: 0; }
  .aside2 .line { display: none; }
  .aside2 ul { width: 50vw; }
  .aside2 a { font-size: .3rem; }
  .pc-nav-box { top: 7%; height: 88%; }
  .pc-nav-box .container { width: calc(85% - 1.3rem); }
  .pc-nav-box li { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
  .pc-nav-box li > a { line-height: .7rem; }
  .pc-nav-box li > a::after { display: none; }
  .pc-nav-box .down { display: block; }
  .pc-nav-box a { width: 100%; font-size: .2rem; text-align: left; }
  .pc-nav-box .lv2 { display: none; margin: 0; padding: 0 0 .14rem; }
  .pc-nav-box .lv2 > dd { margin: 0; }
  .pc-nav-box .lv2 a { font-size: 16px; }
  .pc-nav-box .lv3 { display: flex; flex-wrap: wrap; margin-left: .1rem; }
  .pc-nav-box .lv3 dd { margin: 0 .1rem; }
  .pc-nav-box .lv3 a { font-size: 13px; }
  #mask::after { background: rgba(10, 54, 129, 0.95); }
  #mask .close { top: .25rem; width: 40px; height: 40px; }
  #mask .close .line.l1 { -webkit-transform: translate(0, 19px) rotate(45deg); -moz-transform: translate(0, 19px) rotate(45deg); -ms-transform: translate(0, 19px) rotate(45deg); -o-transform: translate(0, 19px) rotate(45deg); transform: translate(0, 19px) rotate(45deg); }
  #mask .close .line.l2 { -webkit-transform: translate(0, 17px) rotate(-45deg); -moz-transform: translate(0, 17px) rotate(-45deg); -ms-transform: translate(0, 17px) rotate(-45deg); -o-transform: translate(0, 17px) rotate(-45deg); transform: translate(0, 17px) rotate(-45deg); }
  .pic-bg { display: none; }
  .ny-main .header, .ny-main .footer { z-index: 100000; }
  .viewer-container { display: none !important; }
  .picture { margin: 0 -.12rem; }
  .picture > li { padding: 0 .12rem; }
  .picture .img-zoom { padding: 0; } }
@media screen and (max-width: 768px) { .nav-b ul { width: 80%; }
  .news-wrap, .news-wrap2 { display: block; padding: .15rem .2rem .3rem; }
  .column-tit { margin: 0; justify-content: center; align-items: center; text-align: center; writing-mode: horizontal-tb; letter-spacing: none; letter-spacing: 1px; }
  .column-tit img { margin: 0 .12rem 0 0; }
  .news-list1 { width: 100%; margin: .12rem 0 .2rem; }
  .aside2 ul { width: 70vw; }
  .position { padding: 0 0 5px; border-bottom: 1px solid #e4c27e; }
  .position h3, .position .line { display: none; }
  .place { padding-top: .06rem; padding-bottom: .06rem; line-height: .22rem; white-space: initial; background-position-y: 2px; }
  .main { padding: .18rem 0 0; }
  .article { padding: .25rem 0 0 !important; }
  .article .title { font-size: .22rem; }
  .article .content { padding: .2rem 0 .1rem; }
  .article .content p { margin: 0 0 .2rem; }
  .article .cont-page { padding: .15rem 0 .35rem; }
  .cont-page { padding-right: .1rem; }
  .cont-page .return-list { display: block; position: static; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  .cont-page .return-list p { font-weight: 700; }
  .teach-list { margin: 0 -7px; }
  .teach-list > li { padding: 0 7px; margin: .2rem 0 0; }
  .picture2 { margin: 0; }
  .picture2 a { padding: .2rem 0; }
  .picture2 .img-frame { width: 2.1rem; }
  .picture2 .text { width: calc(100% - 2.1rem); padding-left: .2rem; }
  .picture3 { margin: 0 -.1rem; }
  .picture3 > li { width: 50%; padding: 0 .1rem; }
  .picture3 .img-zoom { margin: .2rem 0 0; }
  #list-page { margin: .3rem 0 .4rem !important; }
  #list-page .p_pages a, #list-page .p_no_d, #list-page .p_fun_d, #list-page .p_goto a { padding: 7px 9px; }
  #list-page .p_goto input { width: 36px; height: 28px; line-height: 28px; }
  .picture { margin: 0 -.08rem; }
  .picture > li { width: 50%; padding: 0 .08rem; }
  .picture .img-zoom { margin: .2rem 0 0; } }
@media screen and (max-width: 520px) { 
  .nav-b li { width: 50%; }
  .nav-b a { margin: 0 auto; }
  .aside .cur-tit { font-size: 0.2rem;}
  .header { padding-top: .2rem; }
  .main { margin-top: .1rem; margin-left: 2vw; margin-right: 2vw; }
  .aside { padding-left: .8rem; margin: 60px 2vw 0; }
  .logo { padding: .2rem .1rem .35rem; }
  .logo img { max-width: .54rem; }
  .about-wrap { padding: .2rem .15rem .2rem; }
  .about-wrap .title { font-size: 21px; }
  .history-list li { margin: .12rem 0 .15rem !important; }
  .history-list .text p { white-space: initial; }
  .history-list .year span { font-size: .2rem; }
  .column-tit { font-size: 24px; }
  .news-list1 a { padding: .1rem 0; line-height: .26rem; }
  .aside2 ul { display: block; }
  .aside2 li { flex-direction: row; width: 100%; height: 1rem; margin: .35rem 0 !important; }
  .aside2 .sub-nav { margin: 0 0 0 .2rem; width: auto; }
  .aside2 .sub-nav a { display: block; text-align: left; }
  .aside2 a { font-size: .28rem; writing-mode: horizontal-tb; }
  .article2 { margin-top: -.1rem; padding: .4rem .15rem .2rem; }
  .article2 .title { font-size: .24rem; }
  .article2 .source { font-size: .22rem; }
  .pic-wrap { padding: 0 .12rem .1rem; }
  .list1 li{ flex-wrap: wrap; padding: .1rem  0 !important; }
  .list1 a { width: 100%; line-height: .24rem !important; overflow: visible; text-overflow: clip; white-space: initial; }
  .list1 .date { line-height: .36rem !important; } 
}


 @media screen and (max-width: 1024px){
    .home4 .home4-img {
        width: 80vw;
        margin: 0.75rem auto 0;
        margin-right: auto;
    }
    .home4-img .home4-pic .pic{
        padding-top: 60%;
    }
    .home4-img .swiper-pagination {
        width: 100%;
        bottom: 0.12rem !important;
    }
}
@media screen and (max-width: 768px){
    .home4 .home4-img {
        width: 90vw;
        margin-top: 0.5rem;
    }
    .home4-img .swiper-slide {
        border-width: 2px;
        border-radius: 8px;
    }
}
@media screen and (max-width: 520px){
    .home4 .home4-img {
        width: 95vw;
    }
    .home4-img .mySwiper {
        padding-bottom: 0.4rem;
    }
}

/*# sourceMappingURL=style.css.map */
.keywordfontcolor1158074{font-size:0.18rem !important;font-family:"微软雅黑" !important;color:#dd4b39 !important;}