.rel {position: relative;}
.abs {position: absolute;}

.bg {background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%);background-blend-mode: normal, normal;}
 
.inline-block {display: inline-block;}
.block {display: block;}
.bold {font-weight: 700;}
 

.font {font-family: Arial;}
.txt {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 
.box-container {width: 15.36rem;margin: 0 auto;}
.w1200 {width: 1200px;margin: 0 auto;}
.box-container-fluid {width: 100%;margin: 0 auto;}

body {font-size: 16px;overflow-x: hidden;}
.rl {writing-mode: tb-rl;writing-mode: vertical-lr;}

.pic {font-size: 0;overflow: hidden;display: block;width: 100%;}
.pic img {width: 100%;display: block;transition: transform 0.8s ease;}
 
.content,
.desc {text-align: justify;}
.content {color: #666;line-height: 0.3rem;}
.content img {max-width: 100%;height: auto!important;display: block;margin: 16px auto 16px;}
.swiper-box {position: relative;}
:root {--fs16: 16px;}

.header-wrapper {position: fixed;left: 0;top: 0;z-index: 30;transition: all 0.4s ease;}
.header-wrapper.shadow {box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);}
.header-wrapper.active {transform: translate(0, -1.2rem);}
.header-wrapper.on {background-color: #fff;}
.header-wrapper.on .logo-box img.init {display: none;}
.header-wrapper.on .logo-box img.on {display: block;}
.header-wrapper.on .pc-nav-box ul li:hover > a {color: #082c7e;}
.header-wrapper.on .pc-nav-box ul li:hover > a:after {transform: scale(1);}
.header-wrapper.on .pc-nav-box ul li .nav a:hover {color: #082c7e;}
.header-wrapper.on .pc-nav-box ul li a {color: #333;}
.header-wrapper.on .pc-nav-box ul li a:after {background-color: #082c7e;}
.header-wrapper.on .language .caption {color: #333;}
 
.header-wrapper .box {display: flex;align-items: center;height: 0.9rem;padding: 0 0.6rem 0 0.56rem;}
.header-wrapper .logo-box {width: 1.68rem;}
.header-wrapper .logo-box a {display: block;}
.header-wrapper .logo-box img {width: 100%;}
.header-wrapper .logo-box img.on {display: none;}
.header-wrapper .other-box {display: flex;align-items: center;}
 
.header-wrapper .language {position: relative;}
.header-wrapper .language.on .caption:after {opacity: 1;visibility: visible;}
.header-wrapper .language.on .list {opacity: 1;visibility: visible;}
.header-wrapper .language.on .list a {display: block;animation: navInUp50 0.6s ease;animation-fill-mode: forwards;}
.header-wrapper .language .caption {color: #fff;font-family: Arial;font-weight: 700;cursor: pointer; padding-left: 33px;line-height: 50px;}
.header-wrapper .language .caption:after {content:"";border:0.06rem solid transparent;position:absolute;left:50%;bottom:0;z-index:10;margin-left:-0.06rem;border-bottom-color:#fff;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.header-wrapper .language .caption i {display: inline-block;vertical-align: middle;margin-left: 12px;width: 8px;height: 5px;}
.header-wrapper .list {position:absolute;left:50%;top:100%;z-index:10;text-align:center;width:1.2rem;margin-left:-0.6rem;padding:0.16rem;overflow:hidden;opacity:0;visibility: hidden;box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);}
.header-wrapper .list:before {content: "";width: 100%;height: 100%;background-color: #fff;position: absolute;left: 0;top: 0;z-index: 0;transition: all 0.5s ease;box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);}
.header-wrapper .list a {position: relative;z-index: 1;font-family: Arial;font-weight: 700;line-height: 0.3rem;margin-bottom: 0.1rem;transition: all 0.4s ease;display: none;opacity: 0;visibility: hidden;}
.header-wrapper .list a:last-child {margin-bottom: 0;}
.header-wrapper .list a:hover {color: #082c7e;}

.pc-nav-box {margin: 0 2rem;flex: 1;}
.pc-nav-box ul {display: flex;}
.pc-nav-box li {position: relative;margin-right: 0.55rem;}
.pc-nav-box li:hover > a:after,
.pc-nav-box li.on > a:after {transform: scale(1);}
.pc-nav-box li:nth-child(2):hover .nav,.pc-nav-box li:nth-child(3):hover .nav,.pc-nav-box li:nth-child(4):hover .nav {opacity: 1;visibility: visible;}
.pc-nav-box li:hover .nav:before {transform: translateY(0);}
.pc-nav-box li:hover .nav a {display: block;animation: navInUp50 0.6s ease;animation-fill-mode: forwards;}
.pc-nav-box li:first-child a:before {display: none;}
.pc-nav-box li:hover > a:before {opacity: 1;visibility: visible;}
.pc-nav-box li > a {position: relative;font-size: var(--fs16);line-height: 0.9rem;color: #fff;}
.pc-nav-box li > a:after {content: "";width: 100%;height: 0.03rem;background: #fff;position: absolute;left: 0;top: 0;z-index: 10;transform: scale(0);transition: transform 0.3s ease;}
.pc-nav-box li > a:before {content: "";border: 0.08rem solid transparent;position:absolute;left:50%;bottom:0;z-index:10;margin-left: -0.08rem;border-bottom-color: #fff;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.pc-nav-box a {display: block;transition: all 0.4s ease;}
.pc-nav-box .nav {position: absolute;left: 50%;top: 100%;z-index: 10;text-align: center;width: 2.2rem;margin-left: -1.1rem;padding: 0.16rem;background-color: #fff;overflow: hidden;opacity: 0;visibility: hidden;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);}
.pc-nav-box .nav:before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;transform: translateY(-110%);transition: all 0.5s ease;}
.pc-nav-box .nav a {position: relative;z-index: 1;font-size:0.14rem;line-height: 0.3rem;margin-bottom: 0.1rem;display: none;opacity: 0;visibility: hidden;}
.pc-nav-box .nav a:last-child {margin-bottom: 0;}
.pc-nav-box .nav a:hover {color: #082c7e;font-weight: 700;}

@keyframes navInUp50 {0% {opacity: 0;visibility: hidden;transform: translateY(-30px);}100% {opacity: 1;visibility: visible;transform: translateY(0);}}
 

.banner { width:100%;position: relative;z-index: 1;}
.banner .bg img {width: 100%; height:100vh;}
.banner ul li {position: absolute;z-index: 5;}
.banner ul li a {display: block;position: relative;}
.banner ul li a .box {position: absolute;left: 30px;top: 50%;z-index: 1;transform: translateY(-50%);white-space: nowrap;padding: 0 30px;line-height: 54px;pointer-events: none; display:flex;align-items: center;}
.banner ul li a .box::before {content: "";position: absolute;left: 0;top: 0;z-index: -1;width: 0;height: 100%;background: rgba(0, 30, 180, .77);border-radius: 30px;}
.banner ul li a .box span {opacity: 0;}
.banner ul li a .box .icon { width:30px;margin-right: 15px;}
.banner ul li a .box .icon img{ width:25px;}
.banner ul li a .box .tit {width: calc(100% - 75px);color: #fff;font-size: 16px;margin-right: 20px;}
.banner ul li a .box .more { width:10px;}
.banner ul li a .box .more img{ width:6px;opacity:0.7;}
.banner ul li a .dian {position: relative;animation: bordershow 3s infinite;}
.banner ul li a .dian {display: block;width: 18px;height: 18px;background: #fff;border: 7px solid #001eb4;border-radius: 50%;}
.banner ul li a .dian::before {content: '';display: block;position: absolute;left: 50%;top: 50%;z-index: -1;transform: translate(-50%, -50%);width: 25px;height: 25px;border-radius: 50%;background: rgba(0, 30, 180, 0.2);}
.banner ul li a .dian::after {content: '';display: block;position: absolute;left: 50%;top: 50%;z-index: -1;transform: translate(-50%, -50%);width: 25px;height: 25px;border-radius: 50%;background: rgba(0, 30, 180, 0.2);}
.banner ul li a .dian::before {animation: boderM 3s .75s infinite;}
.banner ul li a .dian::after {animation: boderM 3s infinite;}
@keyframes boderM {0% {transform: translate(-50%, -50%) scale(1);opacity: 0}20% {opacity: 1}75% {transform: translate(-50%, -50%) scale(2);opacity: 0}100% {opacity: 0}}
.banner ul li:hover .box {pointer-events: all;}
.banner ul li:hover .box::before {width: 100%;transition: all .4s cubic-bezier(.34, .44, .41, 1.12);}
.banner ul li:hover .box span {opacity: 1;transition: all .36s .4s;}
.banner ul li:nth-child(1) {left: 56%; top: 57.5%;}
.banner ul li:nth-child(2) {left: 66.1%; top: 61%;}
.banner ul li:nth-child(3) {left: 23.3%; top: 73%;}
.banner ul li:nth-child(4) {left: 43.2%; top: 79.2%;}
.banner ul li:nth-child(5) {left: 51.8%; top: 50.6%;}
.banner ul li:nth-child(6) {left: 45.8%; top: 38.8%;}
.banner ul li:nth-child(7) {left: 43.1%; top: 29.4%;}
.banner ul li:nth-child(8) {left: 40.1%; top: 24.5%;}
.banner ul li:nth-child(15) {left: 85.4% !important;top: 66% !important;}
.banner ul li:nth-child(15) .box {left: auto !important;right: 45px !important;top: 50% !important;transform: translateY(-50%) !important;}
.banner ul li:nth-child(15) .box::after {right: auto !important;left: 100% !important;}


.index-more {display: block;width: 1.46rem;height: 0.5rem;line-height: 0.5rem;text-transform: uppercase;color: #082c7e;text-align: center;position: relative;background-image: url(titbg3.png);
  background-size: contain;background-repeat: no-repeat;background-position: center center;background-size: 100%;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.index-more:hover {color: #fff;background-image: url(titbg.png);}
.index-more:hover i {transform: translateX(0.1rem);-webkit-transform: translateX(0.1rem);-moz-transform: translateX(0.1rem);-ms-transform: translateX(0.1rem);-o-transform: translateX(0.1rem);background-image: url(more.png);}
.index-more.white {color: #fff;background-image: url(titbg2.png);}
.index-more.white i {background-image: url(more.png);}
.index-more.white:hover {background-image: url(titbg.png);}
.index-more.white:hover i {transform: translateX(0.1rem);-webkit-transform: translateX(0.1rem);-moz-transform: translateX(0.1rem);-ms-transform: translateX(0.1rem);-o-transform: translateX(0.1rem);}
.index-more i {display: inline-block;width: 0.14rem;height: 0.12rem;background-image: url(more2.png);background-size: contain;background-repeat: no-repeat;background-position: center center;vertical-align: middle;
  position: relative;top: -2px;margin-left: 0.18rem;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.more {display: block;color: #999;line-height: 0.3rem;transition: color 0.3s ease;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;font-weight: 700;}
.more.white {color: #fff;}
.more.white i {background-image: url(iright3.png);}
.more i {display: inline-block;width: 0.17rem;height: 0.07rem;background-image: url(iright4.png);background-size: contain;background-repeat: no-repeat;background-position: center center;vertical-align: middle;
  position: relative;top: -2px;margin-left: 0.18rem;transition: background 0.3s ease;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;}
.index-title-box {margin-bottom: 0.65rem;}
.index-title-box.center {text-align: center;}
.index-title-box.center .line {margin: 0 auto;}
.index-title-box h3 {font-size: 0.36rem;line-height: 0.48rem;font-weight: 700;letter-spacing: 2px;}
.index-title-box .en {font-size: 0.18rem;color: #d3d3d3;line-height: 0.24rem;margin: 0.05rem auto 0.26rem;}
.index-title-box .line {width: 0.4rem;height: 0.05rem;background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%);background-blend-mode: normal, normal;}
.index-title-box .brief {font-size: 0.18rem;line-height: 0.36rem;margin-top: 0.3rem;color: #666;}
 


.ind02 {display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.ind02 .info,
.ind02 .pic {width: 50%;}
.ind02 .info {background: url(indexbg.jpg) no-repeat center center;background-size: cover;padding-right: 1.4rem;padding-left: calc((100% - 15.36rem) / 2);}
.ind02 .pic {position: relative;}
.ind02 .pic:hover img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}
.ind02 .pic:hover .button-svg {stroke-dashoffset: 0;}
.ind02 .pic img {transition-duration: 2s;}
.ind02 h1 {font-size: 0.36rem;font-weight: 700;}
.ind02 .since {font-size: 0.48rem;text-transform:uppercase;line-height:0.48rem;margin-top:0.2rem;background-image: -webkit-linear-gradient(#0036d6, #03236b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.ind02 .desc {line-height: 0.3rem;margin: 0.4rem auto 0.34rem;}
.ind02 .data {margin-bottom: 0.44rem;}
.ind02 .data ul {display: flex;justify-content: space-between;}
.ind02 .data p {line-height: 0.24rem;}
.ind02 .data .num {font-size: 0.48rem;line-height: 0.48rem;height: 0.48rem;color: #082c7e;}
.ind02 .data em {font-size: var(--fs16);color: #333;margin-left: 0.08rem;}
.ind02 .data p {margin-top: 0.07rem;line-height: 0.24rem;}
.ind02 .data em,
.ind02 .data i {display: inline-block;font-style: normal;}
.ind02 .data em {position: relative;}
.ind02 .data i {color: #082c7e;font-size: 22px;line-height: 16px;height: 16px;position: absolute;left: 0;top: -5px;z-index: 10;}

.ind03 {position: relative;}
.ind03 .tab-box {display: flex;flex-flow: wrap;position: absolute;left: 0;bottom: 0;z-index: 10;width: 100%;}
.ind03 .tab-box a {position: relative;width: 20%;text-align: center;display: flex;justify-content: center;align-items: center;height: 1.08rem;box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.05);border-right: 1px solid rgba(255, 255, 255, 0.4);border-top: 1px solid rgba(255, 255, 255, 0.4);background-color: rgba(0, 0, 0, 0.4);}
.ind03 .tab-box a.on:before {opacity: 1;visibility: visible;}
.ind03 .tab-box a:hover .icon {animation: shake 0.4s ease;}
.ind03 .tab-box a:before {content: "";position: absolute;left: 0;top: 0;z-index: -1;background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%);background-blend-mode: normal, normal;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: all 0.4s ease;}
.ind03 .tab-box .icon {margin-right: 0.2rem;}
.ind03 .tab-box .icon img {height: 0.25rem;}
.ind03 .tab-box .icon .init {display: none;}
.ind03 .tab-box .name {font-size: 0.17rem;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 0.36rem;max-width: calc(100% - 1rem);}
.ind03 .swiper-slide.swiper-slide-active .name,
.ind03 .swiper-slide.swiper-slide-active .ename,
.ind03 .swiper-slide.swiper-slide-active .desc,
.ind03 .swiper-slide.swiper-slide-active .index-more {opacity:1;visibility:visible;transform:translateY(0);}
.ind03 .swiper-slide a {display: block;}
.ind03 .swiper-slide .pic {position: relative;}
.ind03 .swiper-slide .pic:before {content: "";width: 100%;height: 100%;background: url(shadow.png) no-repeat center left;background-size: cover;position: absolute;left: 0;top: 0;z-index: 1;}
.ind03 .swiper-slide .info {position: absolute;left: 0;top: 0;z-index: 10;width: 100%;padding-top: 2.02rem;}
.ind03 .swiper-slide .name,
.ind03 .swiper-slide .ename,
.ind03 .swiper-slide .desc,
.ind03 .swiper-slide .index-more {opacity: 0;visibility: hidden;transition: all 0.8s ease;transform: translateY(1rem);}
.ind03 .swiper-slide .name,
.ind03 .swiper-slide .ename,
.ind03 .swiper-slide .desc {width: 62.57%;color: #fff;}
.ind03 .swiper-slide .name {font-size: 0.4rem;line-height: 0.6rem;font-weight: 700;}
.ind03 .swiper-slide .ename {font-size: 0.18rem;line-height: 0.3rem;font-family: "mb";text-transform: uppercase;margin: 0.1rem 0 0.5rem;transition-delay: 0.12s;}
.ind03 .swiper-slide .desc {line-height: 0.3rem;margin-bottom: 0.43rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;max-height: 1.5rem;transition-delay: 0.24s;}
.ind03 .swiper-slide .index-more {transition-delay: 0.36s;}
.ind03 .swiper-slide .index-more:hover {transition-delay: 0s;}

.ind04 {position: relative;overflow: hidden;padding: 0.8rem 0 1.24rem;background: #f7f7f7;}
.ind04 .top {display: flex;justify-content: space-between;}
.ind04 .canvas {position: absolute;left: 0;bottom: -2rem;z-index: 0;opacity: 0.2;width: 100%;height: 5rem;}
.ind04 .box-container {position: relative;z-index: 10;}
.ind04 .main ul{width: 100%;display: flex;opacity: 1;visibility: visible;animation: fadeInRight50 0.8s ease;}
.ind04 .main li {width: 48%;margin-right: 2%;}
.ind04 .main li:hover .pic img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}
.ind04 .main li:hover .info {background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%);background-blend-mode: normal, normal;}
.ind04 .main li:hover .title {color: #fff;}
.ind04 .main li:hover .desc {color: rgba(255, 255, 255, 0.5);}
.ind04 .main li:hover .time {color: rgba(255, 255, 255, 0.3);}
.ind04 .main li:hover .more {color: #fff;}
.ind04 .main .info {position: relative;padding: 0.3rem 0.2rem;} 
.ind04 .main .info .title {font-size: 0.22rem;font-weight: 700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 0.3rem;}
.ind04 .main .info .desc {color: #666;line-height: 24px;height: 72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin: 0.16rem auto 0.18rem;}
.ind04 .main .info .time {font-size:16px;color: rgba(51, 51, 51, 0.3);line-height: 24px;margin-bottom: 0.2rem;}
.ind04 .wave {margin-left: -25%;position: absolute;left: 0;bottom: -20%;z-index: 0;}
 


.ind06 {position: relative;padding: 0.6rem 0 0.9rem;background: url(ind06bg.jpg) no-repeat center center;background-size: cover;overflow: hidden;}
.ind06 .swiper-container {padding: 0.16rem 0;}
.ind06 .swiper-slide {background: #ffffff;box-shadow: 0px 0px 40px 0px rgba(5, 8, 15, 0.07);border-radius: 10px;}
.ind06 .swiper-slide img {height: 0.9rem;object-fit: contain;}


.footer {padding: 0.92rem 0 0.2rem;background: #012247;position: relative;}
.footer #particles-js {position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;opacity: 0.5;}
.footer .box-1{ width:100%; position:relative;display: flex;justify-content: space-between; z-index:10;}
.footer .box-1 .f-nav {flex: 1;}
.footer .box-1 .f-nav ul { display: flex;justify-content: space-between;}
.footer .box-1 .f-nav ul li a { display: block;line-height: 0.32rem;font-size:0.18rem;color: #fff;}
.footer .box-1 .f-nav ul li .sub {margin-top: 0.17rem;}
.footer .box-1 .f-nav ul li .sub a {font-size:0.14rem;color: rgba(255, 255, 255, 0.7); margin-bottom:0.1rem;}
.footer .box-1 .f-nav ul li .sub a:hover {color: #fff;}
.footer .box-1 .contact-box {width: 26.04%;text-align: right;}
.footer .box-1 .contact-box .tel { width:100%;font-size:0.36rem;color: #fff;margin-bottom: 0.15rem;}
.footer .box-1 .contact-box .add { width:100%;font-size:0.16rem;color: #fff;margin-bottom: 0.15rem;}
.footer .box-2 {display: flex;justify-content: space-between;}
.footer .box-2 {margin-top: 0.6rem;}
.footer .box-2 .link {font-size: 0;margin-bottom: 0.2rem;}
.footer .box-2 .link a {position: relative;font-size: 14px;margin-right: 0.24rem;display: inline-block;color: #999;vertical-align: top;line-height: 24px;transition: color 0.3s ease;}
.footer .box-2 .link a:hover {color: #fff;}
.footer .box-2 .link a:last-child {margin-right: 0;}
.footer .box-2 .link {font-size:0.14rem;color: #d4d4d4;}
.footer .box-2 .link a {font-size:0.14rem;color: #d4d4d4;}
.footer .box-2 .copyright,
.footer .box-2 .copyright a {font-size:0.14rem;color: #d4d4d4;}
.footer .box-2 .copyright a:hover {color: #fff;}
 
  
.padding {
  padding: 1.2rem 0;
}
.mt {
  margin-top: 0.6rem;
}

@keyframes shake {
  0%,100% {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1); letter-spacing:}
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
  0%,100% {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
}

.index-title-box {text-align: center;margin-bottom: 0.3rem;}
.index-title-box.white p,
.index-title-box.white h2 {color: #fff;}
.index-title-box .line {width: 0.44rem;height: 2px;background-color: #45b474;margin-top: 0.48rem;}
.index-title-box p {font-size:0.3rem;line-height: 0.36rem;color: #00428f;text-transform: uppercase;}
.index-title-box h2 {font-size:0.4rem;color: #2e2624;line-height: 0.48rem;font-weight: 700;}
.index-title-box .brief {font-size:0.18rem;line-height: 0.3rem;color: #666;margin-top: 0.3rem;}






.page-banner-wrapper {position: relative;z-index: 10;}
.page-banner-wrapper .box-container {position: relative;text-align: center;}
.page-banner-wrapper .info2 {position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;display: flex;align-items: center;}
.page-banner-wrapper h1 {display: inline-block;font-size: 0.72rem;line-height: 0.8rem;font-weight: 700;color:#fff;/*text-shadow:1px -6px 0px #082c7e;*/letter-spacing: 0.04rem;margin-bottom: 0.5rem;-webkit-text-stroke:1px rgba(8,44,126,0.5);-webkit-text-fill-color: #fff;}
.page-banner-wrapper .info2 p {position: relative;z-index: 10;font-size:0.24rem;color: #fff;line-height: 0.3rem;margin-bottom: 0.08rem;}
.page-banner-wrapper .info2 .en {color: rgba(255, 255, 255, 0.11);line-height: 1rem;font-size: 1.1rem;text-transform: uppercase;position: absolute;left: 0;top: -0.24rem;z-index: 0;width: 100%;}
.page-banner-wrapper .info2 h1{margin-bottom: 0.32rem;position: relative;z-index: 10;}
.page-banner-wrapper .line {width: 0.8rem;height: 0.04rem;background-color: #a6836b;margin: 0 auto;}

.page-nav-wrapper {position: relative;z-index: 20;background-color: #fff;}
.page-nav-wrapper:after {content: "";width: 100%;height: 1px;background-color: #e6e6e6;position: absolute;left: 0;bottom: 0;z-index: 1;}
.page-nav-wrapper .nav {position: relative;z-index: 2;font-size: 0;display: flex;justify-content: center;}
.page-nav-wrapper .nav > a {position: relative;font-size: var(--fs16);line-height: 1.1rem;text-align: center;transition: color 0.5s ease; margin-right: 1rem;}
.page-nav-wrapper .nav > a:last-child {margin-right: 0;}
.page-nav-wrapper .nav > a:last-child:after {display: none;}
.page-nav-wrapper .nav > a.on,
.page-nav-wrapper .nav > a:hover {color: #a6836b;}
.page-nav-wrapper .nav > a.on:before,
.page-nav-wrapper .nav > a:hover:before {transform: scale(1);}
.page-nav-wrapper .nav > a:before {content: "";display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;z-index: 0;transform: scale(0);background-color: #a6836b;transition: all 0.3s ease;}



.page-box {padding: 1.25rem 0 1.4rem;position: relative;overflow: hidden;}

 
.ab01 {padding: 0.6rem 0;background: url(aboutbg.jpg) no-repeat center bottom;background-size: cover;}
.ab01 .box-container {display: flex;justify-content: space-between;box-shadow: 0px 34px 40px 0px rgba(0, 0, 0, 0.06);}
.ab01 .index-title-box {text-align: left;}
.ab01 .text{width: 50%; position:relative;background: #fff;padding: 0.35rem 0.6rem;}
.ab01 .text .sum { width:100%;font-size:0.14rem;color: #555;line-height: 0.3rem; text-align:justify;}
.ab01 .text .sum p{ margin-bottom:0.15rem;}
.ab01 .img {width: 50%; position:relative;}
.ab01 .img img{width: 100%;height: 100%;object-fit: cover;}


.wenhua01 { width:100%; position:relative;}
.wenhua01 .wh01 { width:100%; position:relative;}
.wenhua01 .wh01 img{ width:100%;}
.wenhua01 .wh02{ width:100%;}
.wenhua01 .wh02 ul{ width: 100%; position:relative;display: flex; margin-top:0.6rem;}
.wenhua01 .wh02 ul li{ width: 100%; position:relative; overflow:hidden; margin-right:1%;background:rgba(255,255,255,0.1); padding:0.2rem 0.1rem; margin-bottom:0.6rem;box-shadow: -2px 2px 20px #dcdcdc;}
.wenhua01 .wh02 ul li img {width: 100%;transition: all 0.5s ease 0s;}
.wenhua01 .wh02 ul li:hover img{transform: scale(1.15, 1.15);}


.fz01 {background: url(fzbg.jpg) no-repeat center bottom;background-size: cover; padding:0.6rem 0;}
.fz01 .detail-box .box-container {position: relative;}
.fz01 .detail-box .swiper-slide {display: flex;justify-content: space-between;}
.fz01 .detail-box .swiper-slide-active .pic,
.fz01 .detail-box .swiper-slide-active .info {opacity: 1;visibility: visible;}
.fz01 .detail-box .pic {width: 50%;opacity: 0;visibility: hidden;transition: all 0.6s ease;transition-delay: 0.15s;}
.fz01 .detail-box .info {opacity:0;visibility:hidden;transition:all 0.6s ease;transition-delay:0.15s;width:50%;background:url(historybg.jpg) no-repeat center center;background-size:cover;display:flex;align-items:center;}
.fz01 .detail-box .inner {width: 100%;padding: 0 1rem;}
.fz01 .detail-box .year {display: inline-block;font-size: 0.44rem;line-height: 0.48rem;}
.fz01 .detail-box .line {width: 0.44rem;height: 2px;background-color: #cbcbcb;margin: 0.22rem 0 0.3rem;}
.fz01 .detail-box .desc {font-size:0.16rem;color: #666;line-height: 0.36rem;height: 2.52rem;padding-left: 0.2rem;position: relative;}
.fz01 .detail-box .desc:before {content: "";width: 5px;height: 5px;background-color: #a6836b;position: absolute;left: 0;top: calc((0.36rem - 5px) / 2);z-index: 10;}
.fz01 .year-box {margin-top: 0.7rem;}
.fz01 .year-box .swiper-container {padding-top: 0.08rem;}
.fz01 .year-box .swiper-slide {cursor: pointer;width: 25%;text-align: center;}
.fz01 .year-box .swiper-slide.on p {font-size:0.24rem;color: #00428f;}
.fz01 .year-box .swiper-slide.on .icon i {opacity: 0;visibility: hidden;}
.fz01 .year-box .swiper-slide.on .icon:before {opacity: 0;visibility: hidden;}
.fz01 .year-box .swiper-slide.on .icon:after {opacity: 1;visibility: visible;transform: scale(1);}
.fz01 .year-box .swiper-slide p {font-size:0.18rem;color: #666;line-height: 0.3rem;margin-top: 0.14rem;transition: color 0.45s ease;}
.fz01 .year-box .icon {width: 0.49rem;height: 0.4rem;position: relative;margin: 0 auto;}
.fz01 .year-box .icon:before,
.fz01 .year-box .icon:after {content: "";position: absolute;left: 0;z-index: 10;width: 100%;height: 100%;background-position: top center;background-repeat: no-repeat;transition: all 0.4s ease;}
.fz01 .year-box .icon:before {top: -0.07rem;background-size: 0.23rem;background-image: url(local.png);}
.fz01 .year-box .icon:after { background-image: url(local_on.png);opacity: 0;visibility: hidden;top: 0;transform: scale(0);}
.fz01 .year-box .icon i {width:0.2rem;height:0.2rem;background:#fff;box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.1);border-radius:50%;display:block;margin:0 auto;position:relative;top:0.14rem;transition:all 0.4s ease;}
.fz01 .year-box .icon i:after {content: "";width: 0.1rem;height: 0.08rem;background: #d9d9d9;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -0.05rem;margin-top: -0.04rem;z-index: 1;}
.fz01 .year-box {position: relative;}
.fz01 .year-box:before {content: "";width: 100%;height: 1px;opacity: 0.4;background: #cbcbcb;position: absolute;left: 0;top: 0.32rem;z-index: 0;}
.fz01 .year-box .box-container {padding: 0 0.8rem;position: relative;z-index: 10;}
.fz01 .swiper-btn {display: inline-block;position: absolute;z-index: 10;top: 50%;transform: translateY(-50%);transition: all 0.5s ease;background-position: center center;background-repeat: no-repeat;border-radius: 50%;}
.fz01 .year-box .swiper-btn {transform: none;top: 0.08rem;width: 0.48rem;height: 0.48rem;background-color: #ffffff;box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);}
.fz01 .year-box .swiper-btn:hover {background: #00428f;background-repeat: no-repeat;background-position: center center;}
.fz01 .year-box .prev {left: 0;background-image: url("i-prev8.png");}
.fz01 .year-box .prev:hover {background-image: url("i-prev3.png");}
.fz01 .year-box .next {right: 0;background-image: url("i-next8.png");}
.fz01 .year-box .next:hover {background-image: url("i-next3.png");}

.fz02{width: 100%;position: relative;background: #f2f2f2;padding:1.2rem 0;}
.fz02 .con{position: relative;}
.fz02 .fz-swiper h1{ font-size:0.36rem; color:#013268; margin-bottom:10px;}
.fz02 .fz-swiper .swiper-slide{ border-right:1px solid #ccc; height:auto;padding: 0 20px;}
.fz02 .fz-swiper .swiper-slide .s_txt{ font-size:0.16rem; min-height:107px;line-height: 30px; position:relative;padding-left:25px;}
.fz02 .fz-swiper .swiper-slide .s_txt::before {content: "";display: block;position: absolute;width:12px; height:12px;top:9px;left: 0;border-radius:50%; background:#666;}
.fz02 .fz-swiper .swiper-slide .s_img{overflow: hidden; margin-top:10px; width:80%;transition: all 0.6s;}
.fz02 .fz-swiper .swiper-slide .s_img img{transition: all 0.6s;}
.fz02 .fz_prev{width: 45px;height: 45px;background: none;left: -70px;}
.fz02 .fz_next{width: 45px;height: 45px;background: none;right: -70px;}
.fz02 .fz-swiper .swiper-slide:hover .s_img img{transform: scale(1.15);transition: all 0.6s;}
.fz02 .fz-swiper .swiper-slide:hover .s_txt{color: #004190;transition: all 0.6s;}
 
.zz01 { width:100%; position:relative; padding:0.6rem 0;}
.zz01 ul {display: flex;flex-flow: wrap; justify-content:center;list-style-type: none;}
.zz01 li {width: 18%;background: #fff;box-shadow: 0px 0px 40px 0px rgba(5, 8, 15, 0.15);border-radius: 0.1rem;margin:0 1%;margin-bottom: 2.2%;padding: 0.1rem 0.1rem 0;}
.zz01 li .img{ width:100%; position:relative; overflow:hidden;} 
.zz01 li .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: all 0.5s ease 0s;}
.zz01 li .img .hezi{padding-bottom: 137% !important;}
.zz01 li .tit {font-size:0.14rem;color: #2e2624;line-height: 0.2rem;padding:0.15rem 0;transition: color 0.3s ease; text-align:center;}
.zz01 li:hover .img img{transform: scale(1.15, 1.15);transition: all 0.5s ease 0s;}
.zz01 li:hover tit {color: #00428f;}


.zz01 { width:100%; position:relative; background:#fff; padding:0.9rem 0;}
.zz01 .box-container{position: relative;}
.zz01 .box {position: relative;width: 100%;margin: 0 auto;max-width: 90%;}
.zz01 .box .swiper-slide {width: 400px;max-width: 35%; position:relative;box-shadow: -1px 6px 8px rgba(0, 0, 0, 0.15);}
.zz01 .box .swiper-slide .img{ width:100%; position:relative;transition: .5s;} 
.zz01 .box .swiper-slide .img img{position:absolute;left:0;top:0;width:100%;height:100%;}
.zz01 .box .swiper-slide .img .hezi{padding-bottom: 133% !important;}
.zz01 .box .swiper-slide .img {background: rgba(0, 0, 0, 0.7);}
.zz01 .box .swiper-slide-active .img:before {background: rgba(0, 0, 0, 0);}
.zz01 .box .img:before {content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 9;background: rgba(0, 0, 0, 0.4);}
.zz01 .box .img:after {padding-top: 139.55%;} 
.zz01 .arr {position:absolute;top:52%;width:50px;height:50px;transition: .5s;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 1px solid #7d8594}
.zz01 .arr_right {right: 0;}
.zz01 .arr_left {left: 0;}
.zz01 .arr img{ width:8px;}
.zz01 .arr:hover { background:rgba(0,66,143,0.2)}


.hx01 { width:100%; position:relative; padding:0.6rem 0;}
.hx01 .sum { width:100%; margin:0 auto;font-size:0.18rem;color: #2e2624;line-height: 0.35rem;transition: color 0.3s ease; text-align:center;}
.hx01 ul {display: flex;flex-flow: wrap;list-style-type: none; margin-top:0.5rem;}
.hx01 li {width: 32%; position:relative;background: #fff;box-shadow: 0px 0px 40px 0px rgba(5, 8, 15, 0.15);margin-right: 2%;margin-bottom: 1.5%;}
.hx01 li:nth-child(3n) {margin-right: 0;}
.hx01 li .img{ width:100%; position:relative; overflow:hidden; z-index:1;} 
.hx01 li .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: all 0.5s ease 0s;}
.hx01 li .img .hezi{padding-bottom: 75% !important;}
.hx01 li .tit { width:100%; position:absolute; left:0; bottom:0; text-align:center;font-size:0.16rem; font-weight:700;color: #fff; height:0.9rem; padding:0.15rem 0 0.25rem; background:rgba(0,0,0,0.3); z-index:20;}
.hx01 li .tit .hcon{ width:100%;display: flex; justify-content:center;align-items: center;}
.hx01 li .tit .hcon img{ width:0.35rem;margin-right:0.1rem;}

.hx01 li .tit p{font-size:0.13rem; font-weight:500;color:rgba(255,255,255,0.7);line-height: 0.3rem;text-align:center;}
.hx01 li:hover .img img{transform: scale(1.15, 1.15);transition: all 0.5s ease 0s;}
.hx01 li:hover tit {color: #00428f;}

.hx02 { width:100%; position:relative; padding:0.6rem 0 1.2rem;}
.hx02 .sum { width:100%; margin:0 auto;font-size:0.18rem;color: #2e2624;line-height: 0.35rem;transition: color 0.3s ease; text-align:center;}
.hx02 .box { width:100%; position:relative; display:flex; overflow:hidden; margin-top:0.4rem;}
.hx02 .box .item { width: 25%;position: relative;height: 600px;transition: all .36s;}
.hx02 .box .item .bg {position: relative;z-index: 1;width: 100%;height: 100%;}
.hx02 .box .item .bg::before {content: "";position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;background: rgba(0, 0, 0, .44);}
.hx02 .box .item .bg::after {content: "";position: absolute;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;background: rgba(10, 56, 165, .57);opacity: 0;transition: all .36s;}
.hx02 .box .item .con {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;width: 100%;color: #fff;transition: all .36s;white-space: normal;}
.hx02 .box .item .con h3 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.hx02 .box .item .con .tit {width: 100%;top: 40%;font-size: 0.3rem;line-height: 1.5;font-weight: bold;text-align: center;transition: all .36s;display: flex; justify-content:center;align-items: center;}
.hx02 .box .item .con .tit img{ width:0.5rem;margin-right:0.1rem;}

.hx02 .box .item .con .txt {opacity: 0;width: 100%;height: 100%;padding: 1.5rem 0.9rem;overflow: hidden;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.hx02 .box .item .con .txt .tit {top: 0;margin-bottom: 0.3rem;text-align: left;opacity: 1;}
.hx02 .box .item .con .txt p {color: #b2c8fa;font-size: 0.16rem;line-height: 0.3rem;white-space: normal;}
.hx02 .box:hover .item {width: 22%;}
.hx02 .box .item:hover {width: 34%;}
.hx02 .box .item:hover .bg::after {opacity: 1;}
.hx02 .box .item:hover .con h3 {opacity: 0;}
.hx02 .box .item:hover .txt {opacity: 1;transition: all .4s .4s;}
 

.hx03 { padding: 0.6rem 0 1.2rem; position: relative; overflow: hidden;}
.hx03 .sum { width:100%; margin:0 auto;font-size:0.18rem;color: #2e2624;line-height: 0.35rem;transition: color 0.3s ease; text-align:center;}
.hx03 .box{display: flex;margin-top:0.6rem;box-shadow: -2px 2px 20px #dcdcdc; }
.hx03 .wen { width: 30%; height: 100%; position:relative;}
.hx03 .wen .item { position: absolute; left: 0; top: 0; display:none; padding: 1.2rem 0.6rem;}
.hx03 .wen .item:nth-child(1){ display:block;}
.hx03 .wen .item h1 { width:100%; position: relative; font-size: 24px; font-weight: bold; margin: 30px 0; color:#333; }
.hx03 .wen .item p { width:100%; position: relative; font-size: 16px; font-weight: 500; margin: 30px 0; color:#333; line-height:30px; }
.hx03 .wen .item.active { opacity: 1; z-index: 1000; display: block; animation: mysacle 4s ease both; }
.hx03 .tup { width: 70%; position:relative; z-index:1000; }
.hx03 .tup .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.hx03 .tup .bg::after { content:""; display: block; width: 100%; height:100%; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; bottom: 0px; z-index: 10; }
.hx03 .tup .bg img { height: 100%; display: none; position: absolute; left:0; top:0; width: 100%; display:none; }
.hx03 .tup .bg img:nth-child(1){ display:block;}
.hx03 .tup .bg img.active { opacity: 1; z-index: 10; display: block; animation: mysacle 4s ease both; }
.hx03 .biao { width: 100%; margin: auto; position: relative; z-index: 20; }
.hx03 .biao ul { width:100%; display: flex; justify-content: space-between; }
.hx03 .biao ul li { width:25%; background: rgba(0, 0, 0, 0.2); padding: 1.5rem 0; border-radius: 0.1rem; border-right: 1px solid rgba(255, 255, 255, 0.3); overflow: hidden; z-index: 1;}
.hx03 .biao ul li .icon { border-radius: 50%; width: 1.2rem; height: 1.2rem; display: flex; justify-content: center; align-items: center; margin:0 auto; border: 1px solid rgba(255, 255, 255, 0.4); }
.hx03 .biao ul li .icon img { width: 0.5rem; }
.hx03 .biao ul li h4 { position:relative;font-size:0.18rem; margin: 0.3rem 0; padding-bottom: 0.3rem;text-align: center; color:#fff; }
.hx03 .biao ul li:hover { background:rgba(8,44,126,0.5) }
 



.hx04{width: 100%; position:relative;padding: 0.6rem 0 1.2rem; background:url(hx04.png) no-repeat;}
.hx04 .sum { width:100%; margin:0 auto;font-size:0.18rem;color: #2e2624;line-height: 0.35rem;transition: color 0.3s ease; text-align:center;}
.hx04 .galthu { width:100%; position:relative;display: flex; justify-content:space-between; margin-top:0.4rem; }
.hx04 .swiper {width: 46%;}
.hx04 .swiper img{width: 100%;}
.hx04 .s_pro_nav {width: 46%;padding: 0.3rem 0;}
.hx04 .s_pro_nav ul li{padding-bottom: 0.15rem;border-bottom: 1px solid #e5e7ec;margin-bottom: 0.15rem;}
.hx04 .s_pro_nav ul li .lntit {display: flex;justify-content: space-between;align-items: center;}
.hx04 .s_pro_nav ul li .lntit h1 {font-size: 0.24rem;line-height: 0.5rem;color: #373737;transition: all .5s;}
.hx04 .s_pro_nav ul li .lntit h2 {font-size: 0.28rem;line-height: 0.5rem;color: #393a3c;transition: all .5s;}
.hx04 .s_pro_nav ul li.on .lntit h1{color: #013281;}
.hx04 .s_pro_nav ul li.on .lntit h2 {color: #013281;}
.hx04 .swiper-pagination-bullet {width: 12px;height: 12px;background: #cfd2da;border-radius: 0;opacity: 1;margin: 0 6px 0 0 !important;}
.hx04 .swiper-pagination-bullet-active {background: #013281;}
.hx04 .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 0.3rem !important;width: auto;right: 0;}

.hexin01 { width:100%; position:relative; padding:0.6rem 0;}
.hexin01 .box-container {display: flex;justify-content: space-between;align-items: center;}
.hexin01 .pic {width: 58%;}
.hexin01 .info {width: 35%;}
.hexin01 .index-title-box {text-align: left;}
.hexin01 .index-title-box p{margin-bottom: 0.1rem}
.hexin01 .cn {font-size:0.16rem;color: #333;line-height: 0.34rem; margin-bottom:0.1rem;}
.hexin01 .en {font-size:0.16rem;color: #777;line-height: 0.34rem;}
 
.hexin02 {background: url(hexin02bg.jpg) no-repeat center center;background-size: cover;position: relative;overflow: hidden;padding: 1.2rem 0 0.6rem;}
.hexin02 .index-title-box {margin-bottom: 0;}
.hexin02 .box-container {position: relative;z-index: 10;}
.hexin02 .swiper-slide {width: 25%;height: 4.8rem;cursor: pointer;padding-top: 1rem;text-align: center;}
.hexin02 .swiper-slide:first-child {background-repeat: no-repeat;background-size: 1px;background-position: left center;background-image: url(hx.png);}
.hexin02 .swiper-slide:last-child {background-repeat: no-repeat;background-size: 1px;background-position: right center;background-image: url(hx.png);}
.hexin02 .swiper-slide:hover:before {opacity: 1;visibility: visible;}
.hexin02 .swiper-slide:hover h1{color: #00428f;}
.hexin02 .swiper-slide:hover img {transform: rotateY(180deg);}
.hexin02 .swiper-slide:before,
.hexin02 .swiper-slide:after {content: "";position: absolute;top: 0;z-index: 0;height: 100%;}
.hexin02 .swiper-slide:before {left:0;width:100%;background-repeat:no-repeat;background-size:100%;background-position:center center;background-image:url(hxbg.png);transition:all 0.35s ease;opacity:0;visibility:hidden;}
.hexin02 .swiper-slide:after {right: 0;width: 1px;background-repeat: no-repeat;background-size: 1px;background-position: right center;background-image: url(hx.png);}
.hexin02 .swiper-slide .img:before,
.hexin02 .swiper-slide .img:after {content: "";width: 0.8rem;height: 0.8rem;border: 1px dotted #fff;border-radius: 50%;position: absolute;left: 50%;top: 50%;z-index: 0;opacity: 0;margin-top: -0.4rem;margin-left: -0.4rem;}
.hexin02 .swiper-slide .img img {position: relative;z-index: 2;display: block;height: 0.8rem;margin: 0 auto;transition: transform 0.6s ease;}
.hexin02 .swiper-slide h1 {font-size:0.2rem; font-weight:bold;color: #333;line-height: 0.36rem;margin: 0.55rem auto 0;transition: color 0.3s ease;}
.hexin02 .swiper-slide p {font-size:0.14rem;color: #999;line-height: 0.2rem;padding: 0 0.3rem;margin-top: 0.05rem;transition: color 0.3s ease;}
.hexin02 .swiper-btn {display: inline-block;position: absolute;z-index: 10;top: 50%;transform: translateY(-50%);transition: all 0.5s ease;width: 0.5rem;height: 0.5rem;}
.hexin02 .swiper-btn {background-color: #fff;box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);}
.hexin02 .swiper-btn:hover {background-color: #00428f;}
.hexin02 .swiper-btn.prev {left: -0.9rem;background-image: url("i-prev8.png");}
.hexin02 .swiper-btn.prev:hover {background-image: url("i-prev3.png");}
.hexin02 .swiper-btn.next {right: -0.9rem;background-image: url("i-next8.png");}
.hexin02 .swiper-btn.next:hover {background-image: url("i-next3.png");}


.hexin03 {background-image:url(banner.jpg);background-position:center center;background-repeat:no-repeat;background-size: cover;background-attachment: fixed; padding:1.5rem 0 0.9rem;display: flex;align-items: center;}
.hexin03 .box-container {text-align: center;}
.hexin03 h2 {color: #fff;font-size:0.48rem;line-height: 0.6rem;font-weight: 700;}
.hexin03 .brief {font-size:0.2rem;line-height: 0.36rem;color: #fff;margin: 0.3rem auto 0.75rem;}
.hexin03 .index-more { margin: 0.3rem auto 0.75rem;}



.n_chan{ width:100%; position:relative; padding:0.6rem 0;}
.n_chan .sum { max-width:1100px; margin:0 auto;font-size:0.18rem;color: #2e2624;line-height: 0.35rem;transition: color 0.3s ease; text-align:center;}
.n_chan .box{ width:100%; position:relative; margin-top:0.4rem;}
.n_chan .box ul {display: flex;flex-wrap:wrap; justify-content:center;}
.n_chan .box ul li{ width:19%; position:relative; margin-right:1.2%; margin-bottom:0.3rem; }
.n_chan .box ul li:nth-child(5){ margin-right:0;}
.n_chan .box ul li .img{ width:100%; position:relative; overflow:hidden;} 
.n_chan .box ul li .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: all 0.5s ease;}
.n_chan .box ul li .img .hezi{padding-bottom: 90% !important;}
.n_chan .box ul li .img::before {content: "";position: absolute;width: 100%;height: 100%;background: rgb(0 9 23 / .5);opacity: 1;z-index: 1;}
.n_chan .box ul li:hover .img img { transform: scale(1.1);}
.n_chan .box ul li:hover .img::before {opacity: 0;}
.n_chan .box ul li .tit {position:absolute;left:0;bottom:0.2rem;z-index: 2;width: 100%; text-align:center;color: #fff;font-size:0.18rem;}

.chan { width:100%; position:relative; padding:0.9rem 0; background:url({TPL}images/cpbg.jpg) no-repeat; background-size:100% 100%;}
.chan .swiper { max-width: 1000px;margin:0 auto; position:relative;}
.chan .swiper .swiper-slide { width: 100%; position:relative;}
.chan .swiper .swiper-slide img { width: 100%;}
.chan .swiper .chan-pagination {bottom:50px !important;}
.chan .swiper .chan-pagination .swiper-pagination-bullet {width:15px;height:15px;border-radius:50%;background:#fff;opacity:1;margin:0 5px;}
.chan .swiper .chan-pagination .swiper-pagination-bullet-active { background:#082c7e;}
.chan .bot { max-width: 1300px;margin:0 auto;display: flex;justify-content: space-between;margin-top: 0.9rem;} 
.chan .bot .item {width: 30%; position:relative; line-height: 0.3rem;}
.chan .bot .item .tit{font-size: 0.24rem; font-weight:700;color:#082c7e;border-bottom:1px solid #ccc;padding-bottom:0.2rem;}
.chan .bot .item .sum{font-size: 0.14rem; font-weight:500;color:#666;margin-top: 0.2rem;}

/********** 公共箭头 **********/
.public-prev {position: absolute;top: 50%;transform: translateY(-50%);width: 0.56rem;height: 0.56rem;border-radius: 50%;z-index: 2;background: #fff;display: flex;align-items: center;justify-content: center;
  cursor: pointer;left: -0.9rem;}
.public-prev svg path {fill: #333;opacity: 1;stroke: none;}
.public-prev:hover {background-color: #005aaa;}
.public-prev:hover svg path {fill: #fff;}
.public-next {position: absolute;top: 50%;transform: translateY(-50%) rotate(180deg);width: 0.56rem;height: 0.56rem;border-radius: 50%;z-index: 2;background: #ffffff;display: flex;align-items: center;
  justify-content: center;cursor: pointer;transition: all 0.4s;right: -0.9rem;}
.public-next svg path {fill: #333;opacity: 1;stroke: none;}
.public-next:hover {background-color: #005aaa;}
.public-next:hover svg path {fill: #fff;}

.deve {padding: 1.4rem 0;background-image: url(zimg141.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.deve .devea {margin-top: 0.9rem;position: relative;overflow: hidden;}
.deve .devea .swiper-slide .cn2 { color: #333;text-align: center;font-size: 1rem;letter-spacing: 3px;text-indent: -3px;}
.deve .devea .swiper-slide .cn3 { font-size:0.16rem; font-weight:500; width:60%; margin:0 auto;text-align: center;line-height: 1.5em;color: rgba(0, 0, 0, 0.8);}
.deve .deveb {position: relative;overflow: hidden;padding-top: 1rem;}
.deve .deveb .bgimg {position: absolute;left: 50%;transform: translateX(-50%);width: 96.07142857%;bottom: 0.55rem;}
.deve .deveb .bgimg img {width: 100%;}
.deve .deveb .swiper-slide {text-align: center;}
.deve .deveb .swiper-slide .dian {margin: 0 auto 0.06rem;width: 0.24rem;height: 0.24rem;transition: all 0.4s;background:rgba(1,50,129,0.3);border-radius: 50%;position: relative;}
.deve .deveb .swiper-slide .dian::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:0.12rem;height:0.12rem;border-radius:50%;transition:all 0.4s;background:#fff;}
.deve .deveb .swiper-slide .year {line-height: 0.4rem;}
.deve .deveb .swiper-slide .year .cn4 { font-size:0.24rem; font-weight:700;color: #333;}
.deve .deveb .swiper-slide.swiper-slide-active .dian {width: 0.32rem;height: 0.32rem;background: #fff;}
.deve .deveb .swiper-slide.swiper-slide-active .dian::before {width:0.2rem;height:0.2rem;background: #005aaa;}
.deve .deveb .deveprev {left: 0;background: rgba(1,50,129,1);top: initial;bottom: 0.3rem;transform: translateY(0);}
.deve .deveb .deveprev svg path {fill: #fff;}
.deve .deveb .deveprev:hover {background:rgba(1,50,129,0.7);}
.deve .deveb .devenext {right: 0;background:rgba(1,50,129,1);top: initial;bottom: 0.3rem;transform: translateY(0) rotate(180deg);}
.deve .deveb .devenext svg path {fill: #fff;}
.deve .deveb .devenext:hover {background:rgba(1,50,129,0.7);}


.chixu { width:100%; position:relative; padding:0.6rem 0;}
.chixu .box-container{ max-width:1280px; margin:0 auto;}
.chixu .sum {font-size:0.2rem;color: #2e2624;line-height: 0.35rem;transition: color 0.3s ease; text-align:center; margin-bottom:0.6rem;}
.chixu .list{background: #f4f7fb;padding:0.6rem 0;}
.chixu ul {display: flex;flex-flow: wrap;list-style-type: none; margin-top:0.5rem;}
.chixu li {width: 31%;border-radius: 0.1rem;margin-right: 3.5%;margin-bottom: 1.5%;padding: 0.7rem;background-image:linear-gradient(to bottom, rgba(0,66,143,0.5), rgba(0,66,143,0.3),rgba(0,66,143,0.2), rgba(0,66,143,0.05));}
.chixu li:nth-child(3n) {margin-right: 0;}
.chixu li .img{ width:100%; position:relative; overflow:hidden;} 
.chixu li .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: all 0.5s ease 0s;}
.chixu li .img .hezi{padding-bottom: 141% !important;}
.chixu li .tit {font-size:0.18rem;color: #2e2624;line-height: 0.6rem; text-align:center;}
.chixu li:hover .img img{transform: scale(0.7, 0.7);transition: all 0.5s ease 0s;}
.chixu li:hover tit {color: #00428f;}


 

.xw_show { width:100%; position:relative; padding:0.9rem; background:#f2f2f2;}
.xw_show .box-container {display: flex;justify-content: space-between;}
.xw_show .img {width: 73%;overflow: hidden; background:#fff; padding:0.3rem; line-height:0.3rem;min-height:3.5rem;}
.xw_show .img .time{display: flex;align-items:center;font-size: 14px;color: #aaaaaa;margin-bottom: 0.3rem;}
.xw_show .img .time img{ width:0.15rem; margin-right:0.1rem;}
.xw_show .img .x_tit{font-size: 0.26rem;color: #000;margin-bottom: 0.25rem;font-weight: 500;}
.xw_show .txt {width: 24%;position: relative; background:#fff; padding:0.3rem;}
.xw_show .txt .top {gap: 20px;display: flex !important;}
.xw_show .txt .top h5{ font-size:0.2rem; font-weight:700;flex-shrink: 0 !important;margin-bottom: 0 !important;}
.xw_show .txt .top span {display: block;width:100%;height:2px;background:rgba(11,22,63,0.005);position: relative;transform: translateY(-4px);border-bottom:1px solid rgba(11,22,63,0.2);align-self: flex-end !important;}
.xw_show .txt .top span::before {content: "";position: absolute;left: 0;top: 0;width: 45px;height: 2px;background: #0054a7;}
.xw_show .txt .bot{width: 100%; position: relative; margin-top:0.3rem;}
.xw_show .txt .bot li{height: 0.5rem;line-height: 0.5rem;font-size: 0.16rem; padding:0 0.2rem;color: #333333;background: url(next02.png) no-repeat 93% center rgba(0,58,143,0.1); margin-bottom:0.1rem;}
.xw_show .txt .bot li a{color: #333333;display: block;}
.xw_show .txt .bot li:hover,.xw_show .bot li.cur{background: url(next01.png) no-repeat 93% center rgba(0,58,143,1);}
.xw_show .txt .bot li:hover a,.xw_show .bot li.cur a{color: #fff;}
.xw_show .txt .bot i{display: block;width: 3px;background: #044b2d;position: absolute;left: -1px;top: 0;z-index: 9;}


.hz01 { width:100%; position:relative; padding:0.6rem 0 1.2rem;}
.hz01 ul {display: flex;flex-flow: wrap;list-style-type: none; margin-top:0.5rem;}
.hz01 li {width: 13%;background: #fff;box-shadow: 0px 0px 40px 0px rgba(5, 8, 15, 0.15);border-radius: 0.1rem;margin-right: 1.5%;margin-bottom: 1.2%;padding: 0.3rem 0.1rem;}
.hz01 li:nth-child(7n) {margin-right: 0;}
.hz01 li .img{ width:100%; position:relative; overflow:hidden;} 
.hz01 li .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: all 0.5s ease 0s;}
.hz01 li .img .hezi{padding-bottom: 40% !important;}
.hz01 li .tit {font-size:0.2rem;color: #2e2624;line-height: 0.6rem;transition: color 0.3s ease; text-align:center;}
.hz01 li:hover .img img{transform: scale(1.15, 1.15);transition: all 0.5s ease 0s;}
.hz01 li:hover tit {color: #00428f;}


.yq02 { width:100%; position:relative; padding:0.9rem 0; background:url({TPL}images/cpbg.jpg) no-repeat; background-size:100% 100%;}
.yq02 .box-container {display: flex;justify-content: space-between;}
.yq02 .box-container .txt1 {width: 40%; position:relative;padding:0 0.6rem; background:rgba(0,66,143,1);display: flex;justify-content:center;align-items: center;border-radius:0.1rem;}
.yq02 .box-container .txt1 .x_tit{ font-size:0.24rem; font-weight:700;color:#fff;}
.yq02 .box-container .txt1 .sum {font-size: 0.16rem;color:#fff;line-height: 0.3rem;margin-top: 0.2rem;}
.yq02 .box-container .txt1 .sum div{width:100%;height:100%; border:1px solid red;}
.yq02 .box-container .txt1 .sum strong{ font-weight:700;}
.yq02 .box-container .img {width:58%;min-height:4.8rem;position: relative;padding:0.3rem;background:rgba(0,66,143,0.05);border-radius:0.1rem;} 
.yq02 .box-container .img img {width: 100%;height: 100%;object-fit: cover;}

 
@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
@keyframes round1{0%{opacity:1;transform:translate(-50%, -50%) scale(0)}100%{opacity:0;transform:translate(-50%, -50%) scale(1)}}
@keyframes fudong1{0%{opacity:0;}20%{opacity:0.2;}40%{opacity:0.4;}60%{opacity:0.6;}80%{opacity:0.8;}100%{opacity:1;}}