/* base公共样式 */
@font-face {
    font-family: 'MiSans';
    src: url('HarmonyOSMedium.woff') format('truetype');
}

* {padding: 0;margin: 0;  box-sizing: border-box;}
html {font-size: calc(100vw/19.2);}
@media (min-width: 1921px) {html {font-size: 100px;}}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
body {color: #333;font-size: 16px;font-family:"MiSans";}
@media (max-width: 1440px) {body {font-size: 14px;}}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
a {color: #333;text-decoration: none;}
a:hover {text-decoration: underline;text-decoration: none;}
i {font-style: normal;}
ol,ul,li {list-style: none;} 


.icen {width: 100%; max-width:17rem;position: relative; margin:0 auto; padding:0 0.2rem;}
.icen1 {width: 100%; max-width:15rem;position: relative; margin:0 auto; padding:0 0.2rem;}


/* header */
.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 20;transition: all .3s; background:rgba(255,255,255,0.9);}
.header .box{width: 100%;height: 0.9rem;display: flex;align-items: center;}
.header .box .logo{width: 20%; height:100%;background:#202540;display: flex;justify-content: center;align-items: center;}
.header .box .logo img{ width: 2rem; margin:0 auto;}
.header .box .logo .logo02{display: none;}
.header .box .nav{width: 65%;display: flex;justify-content: flex-start;align-items: center; padding-left:0.6rem;}
.header .box .nav ul{display: flex;justify-content: flex-start;align-items: center;}
.header .box .nav ul li>a{display: block;height: 0.9rem;line-height: 0.9rem;font-size: 0.16rem;color: #333;position: relative;padding: 0 0.3rem;}
.header .box .nav ul li>a:hover{ background:#4d557f;}
.header .box .nav ul li .nav02{width:100%;position:absolute;background: rgba(249,240,236,1);position: absolute;left: 50%;top:0.9rem;z-index: 999;transform-origin: 0 0 0;transform: scaleY(0.2) translateX(-50%);
	transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;overflow: hidden; display:flex;justify-content:center; padding:0.6rem 0.8rem;}
.header .box .nav ul li .nav02 .le{display: block;width: 25%; position:relative; padding-right:0.6rem;}
.header .box .nav ul li .nav02 .le::before{content:'';width:1px;height:100%;background: rgba(32,27,64,.1);position:absolute;top:0;right:-0.4rem;z-index:2;}
.header .box .nav ul li .nav02 .le h1{display: block; font-size:0.3rem; text-align:left; border-bottom:1px dotted rgba(32,27,64,.2); padding-bottom:1.2rem; margin-bottom:0.2rem;}
.header .box .nav ul li .nav02 .le h2{display: block; font-size:0.16rem; text-align:left; color:#333;}
.header .box .nav ul li .nav02 .le:hover h2{ color:#4d557f;}
.header .box .nav ul li .nav02 .re{display: flex;width: 73%; position:relative; margin-left:2%; padding-left:0.6rem;}
.header .box .nav ul li .nav02 .re a{display: block;width: 2rem;font-size: 0.16rem;color: #666; margin-right:0.3rem;position: relative;}
.header .box .nav ul li .nav02 .re a:hover{color: #202540;}
.header .box .nav ul li .nav02 .re a img{ width:2rem; height:1.6rem; border-radius:0.2rem 0 0.2rem 0;}
.header .box .nav ul li .nav02 .re a .tit{ width:100%; position:relative; text-align:center; padding:0.2rem 0;}
.header .box .nav ul li .nav02 .re a .tit::before{content:'';width:0;height:2px;background: rgba(32,27,64,.9);position:absolute;bottom:0;left:0;z-index:2; bold; transition: all 0.4s;}
.header .box .nav ul li .nav02 .re a:hover .tit::before{width:100%;}
.header .box .nav ul li:hover .nav02{font-size:0.36rem; color:#1571ff; opacity: 1;visibility:visible;transform: translateY(0px) translateX(-50%);}
.header .box .lang {width: 15%; height:100%;position: relative;display: flex;justify-content: center;align-items: center;border-left:1px solid #ddd;}
.header .box .lang a {width: 100%;position: relative;display: flex;justify-content: center;align-items: center; transition: all 0.4s;}
.header .box .lang a img{ width:0.35rem; margin-right:0.05rem;}
.header .box .lang a h1{ font-size:0.14rem;color: #333;font-weight: 700; line-height:0.16rem;}
.header .box .lang a h2{font-size: 0.18rem;color: #333;font-weight: 700; line-height:0.16rem; margin-left:-2px;}

.header:hover{background: #fff;}
.header:hover .box .logo .logo01{display: none;}
.header:hover .box .logo .logo02{display: block;}
.header:hover .box ul li:hover>a{color: #fce7c6;}
.header:hover .box .le{color: #333;}
.header:hover .box .le a{color: #333;}
.header:hover .box .le span{background-color: #333;}
.header:hover .lang:before {border: 1px solid #333;}
.header:hover .lang a {color: #333;}
.header:hover .lang a.on {border-color: #333;}
.header:hover .lang a:hover{color: #202540;}

.div1.header{background: #fff;}
.div1.header .box .logo .logo01{display: none;}
.div1.header .box .logo .logo02{display: block;}
.div1.header .lang:before {border: 1px solid #333;}
.div1.header .lang a {color: #333;}
.div1.header .lang a.on {border-color: #333;}
.div1.header .lang a:hover{color: #202540;}

 
/*banner*/
.banner{ width:100%; height:100vh;position:fixed; top:0;}
.banner .swiper-slide { width:100%;position:relative;}
.banner .swiper-slide .img { width: 100%; position:relative;}
.banner .swiper-slide .img img{ width: 100%; height:100vh;}
.banner .swiper-slide .img::before{content:'';width:100%;height:100%;background:rgba(0,0,0,.35);position:absolute;top:0;left:0;z-index:2;}
.banner .swiper-slide .txt { width: 100%; max-width:16rem; height:100%; position:absolute; left:50%;transform: translateX(-50%);top:0;display: flex; align-items: center;z-index:20;}
.banner .swiper-slide .txt h1{ font-size:0.3rem;margin-bottom:0.3rem;color:#fff;}
.banner .swiper-slide .txt h2{ font-size:0.48rem;font-weight:bold;color:#fff;}
.banner .banner-pagination { bottom:50px !important;}
.banner .banner-pagination .swiper-pagination-bullet {width:0.12rem;height:0.12rem;border-radius:0.06rem;background:#fff;opacity:1;margin:0 0.05rem;}
.banner .banner-pagination .swiper-pagination-bullet-active {width:0.3rem;background:#0370aa;}


.more { width:2rem; height:0.5rem; line-height:0.5rem; background:#15569d; color:#fff; text-align:center; font-size:0.16rem; border-radius:0.25rem; margin-top:0.3rem;}
.more a { display:block; color:#fff; border-radius:0.25rem;}
.more a:hover { background:#682313; border-radius:0.25rem;}
 
.ind01{ width:100%; position:relative; padding:1.8rem 0 1.2rem; background:url(ind01bg.jpg) no-repeat; background-size:100% 100%; margin-top:100vh;}
.ind01 .box {display: flex; justify-content: space-between;}
.ind01 .box .img{width: 49%;position: relative;}
.ind01 .box .img img{width: 100%;}
.ind01 .box .text{ width:45%; position:relative;}
.ind01 .box .text .top{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 32px;}
.ind01 .box .text .top h1 { font-size: 0.3rem; font-weight: 500; letter-spacing: 4px; color:#a98667; position:relative;}
.ind01 .box .text .top h1 img{ width:3rem; height:1.4rem; position:absolute; top:-0.99rem; right:-1.8rem;}
.ind01 .box .text .txt{ width:100%;color:#666; font-size: 17px; line-height: 1.8; margin-bottom: 10px;}
.ind01 .box .text dl { display: flex;justify-content: center;align-items: center; padding:30px 0; margin-top:15px;}
.ind01 .box .text dl dd{ width:33.333%; position:relative; border-left: 1px solid rgba(255,255,255,0.1); padding-left:5%;}
.ind01 .box .text dl dd h4 {display: flex;align-items:center;}
.ind01 .box .text dl dd h4 strong { font-weight: bold; font-size:0.48rem;color:#ceb590; margin-right:10px;}
.ind01 .box .text dl dd h4 span{ font-size:0.3rem; position:relative; color: #ceb590;}
.ind01 .box .text dl dd h5{font-size: 12px; position: relative; color: #ceb590;}

.ind02{ width:100%; position:relative; background:#1d2029; padding:0.9rem 0 0.9rem;}
.ind02 .swiper2{ width: 100%; position:relative; overflow:hidden;}
.ind02 .swiper-slide { width:100%;position:relative;overflow:hidden;}
.ind02 .swiper-slide .img{ width:100%; position:relative; overflow:hidden; transition: all 0.9s; border-radius:0.3rem 0 0.3rem 0; border:1px solid #1d2029;} 
.ind02 .swiper-slide .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;transition: all 0.4s ease;}
.ind02 .swiper-slide .img .hezi{padding-bottom: 100% !important;}
.ind02 .swiper-slide:hover .img img{width: 99.9%; transform: scale(1.05);transition: all 0.9s;}
.ind02 .swiper-slide .tit { width:1.8rem; position:absolute; left:0;bottom:0;background-image:linear-gradient(to right, #252b47, #536188); text-align:center; border-radius:0.3rem 0 0.3rem 0; height:0.9rem; line-height:0.9rem; color:#fce7c6; font-size:0.2rem;}
.ind02 .ind02-pagination {bottom:50px !important; left:50%;transform: translateX(-50%);}
.ind02 .ind02-pagination .swiper-pagination-bullet {width:12px;height:12px;border-radius:50%;background:#fff;opacity:1;margin:0 5px;}
.ind02 .ind02-pagination .swiper-pagination-bullet-active {background:#ceb590;}
 
.ind03{ width:100%;position:relative;}
.ind03 .bg{ width:100%; position:relative;}
.ind03 .bg img{ width:100%;}
.ind03 .con{ width:100%; position:absolute; left:0; top:1.2rem; z-index: 6;}
.ind03 .con .tit{ width:100%; font-size:0.48rem; font-weight:bold; position:relative; color:#fff;}
.ind03 .con .txt{ width:40%; margin-top:0.3rem; font-size: 0.16rem;line-height: 0.3rem; color: #fff;}
.ind03 .con .more{ margin-top:0.6rem;}
.ind03 .waves { width: 100%; height: 120px; left: 0; bottom: 0; width: 100%; z-index: 3; position:absolute;}
.ind03 .waves .parallax > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;}
.ind03 .waves .parallax > use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
.ind03 .waves .parallax > use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.ind03 .waves .parallax > use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;}
.ind03 .waves .parallax > use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}
@keyframes move-forever {0% {transform: translate3d(-90px,0,0);}100% { transform: translate3d(85px,0,0);}}


.ind04 {width:100%;position: relative; background:#f9f0ec; padding:0.9rem 0;}
.ind04 .top {display: flex;justify-content: space-between;align-items: center; border-bottom:2px solid #455175; padding-bottom:0.2rem;}
.ind04 .top .tit h2 {color: #202540;margin-bottom:0.1rem;font-size: 0.48rem;opacity: 1;}
.ind04 .top .tit p {font-size: 0.18rem;color: #333;line-height: 1.4;}
.ind04 .top .gen img { width:0.4rem; margin-right:0.1rem;transition: 0.6s;}
.ind04 .top .gen:hover img { margin-right:0;}
.ind04 .con {width:100%;position: relative;margin-top:0.5rem;}
.ind04 .con ul {display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.ind04 .con ul li {width: 30.5%; position: relative;}
.ind04 .con ul li .txt { width:100%; position:relative;}
.ind04 .con ul li .txt h1 {font-size: 0.14rem;color:#999; margin-bottom:0.2rem;}
.ind04 .con ul li .txt h2 { width:100%; position:relative;font-size: 0.2rem;color:#333;transition:0.3s; padding-bottom:0.1rem; margin-bottom:0.3rem;}
.ind04 .con ul li .txt h2::before {content: "";position: absolute;width: 0;height: 2px;left: 0;bottom: 0;background: #455175;transition: 0.6s;}
.ind04 .con ul li:hover .txt h2::before {width: 100%;}
.ind04 .con ul li .txt h3 {font-size: 0.14rem;color: #999; line-height:0.25rem; margin-bottom: 0.3rem;}
.ind04 .con ul li .img{ position:relative; width:100%; overflow:hidden;} 
.ind04 .con ul li .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition: 0.6s;}
.ind04 .con ul li .img .hezi{padding-bottom: 67% !important;}
.ind04 .con ul li:hover .img img{ transform: scale(1.1);}
.ind04 .con ul li:hover .txt h2 {color: #455175;}

.ind05 { width:100%; position:relative; padding:1.2rem 0; background:url(ind05bg.jpg) no-repeat; background-size:100% 100%;}
.ind05 .top { width:100%; position:relative;}
.ind05 .top h2 {color: #fff;margin-bottom:0.1rem;font-size: 0.48rem;}
.ind05 .box { width:100%; position:relative;}
.ind05 .box ul {display: flex;flex-wrap: wrap;overflow: hidden;margin-top: 0.5rem;}
.ind05 .box ul li {width: 11%;position: relative; margin-right:1.4%; margin-bottom:0.2rem; border-radius:0.2rem 0 0.2rem 0; padding:0.1rem 0.2rem; background:#fff;}
.ind05 .box ul li:nth-child(8n) {margin-right: 0;}
.ind05 .box ul li a {width: 100%; display:block;}
.ind05 .box ul li img {width: 100%;}



 /* footer */
.footer { width:100%;padding: 0.3rem 0;position: relative;background:#1b1f32;}
.footer::before{content: "";width: 100%;height: 5px;position: absolute;left: 0;top: 0;background-image:linear-gradient(to right, #8c673d, #eedab7);}
.footer .fo01 { width:100%; position:relative; padding:0.5rem 0;display: flex;justify-content: space-between;align-items: center;}
.footer .fo01 .item1 { width:33.333%; position:relative;display: flex;align-items: center; font-size:0.17rem; color:rgba(255,255,255,0.7);}
.footer .fo01 .item1 img{ width:0.28rem; margin-right:0.1rem;opacity:0.7;}
.footer .fo01 .item2 { width:33.333%; position:relative;display: flex;justify-content: center;align-items: center;}
.footer .fo01 .item2 img{ width:2.8rem;}
.footer .fo01 .item3 { width:33.333%; position:relative;display: flex; justify-content: flex-end;align-items: center; font-size:0.17rem; color:rgba(255,255,255,0.7);}
.footer .fo01 .item3 img{ width:0.28rem; margin-right:0.1rem;opacity:0.7;}


.footer .fo02 { width:100%; position:relative; padding-top:0.3rem; border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5);}
.footer .fo02 .con{display: flex;justify-content: space-between;align-items: center;font-size: 0.14rem;}
.footer .fo02 .con .le {width: 50%;}
.footer .fo02 .con .le a{ margin-right:0.05rem;}
.footer .fo02 .con .re { width:50%;color:rgba(255,255,255,.5); text-align:right;}
.footer .fo02 .con .re a {font-size: 0.14rem;color:rgba(255,255,255,.5); line-height:0.25rem;}


.n_banner{width: 100%; height:100vh;position:fixed; top:0;}
.n_banner .img{width: 100%; height:100%;position: relative;}
.n_banner .img img{width: 100%; height:100%;}
.n_banner .tit{width: 100%; height:100%; position:absolute; left:0; top:15%;display: flex;flex-wrap:wrap;align-items: center; font-size:0.48rem; color:#fff;}
.n_banner .tit .icen {height:1.6rem;display: flex;flex-wrap:wrap;align-items: center; padding-left:1rem;}
.n_banner .tit .icen:before {content: "";position: absolute;width: 1px;height:1.6rem;left: 0;top: 0.1rem;background:rgba(255,255,255,0.4);transition: 0.6s;}

.n_banner1{width: 100%; height:50vh;position:fixed; top:0;}
.n_banner1 .img{width: 100%; height:100%;position: relative;}
.n_banner1 .img img{width: 100%; height:100%;}
.n_banner1 .tit{width: 100%; height:100%; position:absolute; left:0; top:15%;display: flex;flex-wrap:wrap;align-items: center; font-size:0.48rem; color:#fff;}
.n_banner1 .tit .icen {height:1.6rem;display: flex;flex-wrap:wrap;align-items: center; padding-left:1rem;}
.n_banner1 .tit .icen:before {content: "";position: absolute;width: 1px;height:1.6rem;left: 0;top: 0.1rem;background:rgba(255,255,255,0.4);transition: 0.6s;}

.n_menu{width: 100%; position:relative; background:#f7f7f7; border-bottom:1px solid #ccc;}
.n_menu ul{width: 100%;display: flex;z-index:1;}
.n_menu li{width: 100%; max-width:2.2rem;height: 0.55rem;line-height: 0.55rem;transition: all .4s ease;margin-right:0.6rem;}
.n_menu li a{width: 100%; display:block;font-size: 0.16rem;color: #333;font-weight: 500; text-align:center;}
.n_menu li:hover, .n_menu li.active{background-image:linear-gradient(to right, #8c673d, #eedab7);}
.n_menu li:hover a, .n_menu li.active a{color: #fff;}

.n_home { width:100%;font-size:0.16rem; height:0.8rem; line-height:0.8rem;color: #747679; display:flex;align-items: center; border-bottom:1px solid #ccc;}
.n_home img{ position:absolute; left:0.15rem; top:0.35rem; margin-right: 0.1rem; width: 0.18rem;}
.n_home i{font-size:14px;color: #747679;margin: 0 0.05rem 0 0.08rem;font-style: normal; width: 4px; }
.n_home em {font-size:14px;color: #747679; font-style: normal;}
.n_home a {font-size:14px;color: #747679; padding-left:0.2rem;}

.n_main{ width:100%; position:relative; background:#fff;margin-top:100vh;}
.n_main1{ width:100%; position:relative; background:#fff;margin-top:50vh;}


.n_tit{font-size: 0.36rem;color: #333; padding-bottom: 0.15rem;font-weight: bold; position:relative; text-align:center;}
.n_tit:after{display: block; content: ''; width: 0.6rem; height: 3px; background: #666; position:absolute; left:50%; bottom:0;transform: translateX(-50%);}

/* 关于我们 */
.n_about{width: 100%; position:relative; padding:0.9rem 0;}
.n_about .txt{width: 100%; position:relative; min-height:3.5rem; margin-top:0.3rem; text-align:justify; line-height:0.3rem;}



.ab01{width: 100%; position:relative; padding:0.9rem 0;}
.ab01 .icen1{display: flex;justify-content:space-between;}
.ab01 .icen1 .img{width: 45%; position:relative;}
.ab01 .icen1 .img img{width: 100%; border-radius:0.2rem;}
.ab01 .icen1 .txt{width: 50%; position:relative;}
.ab01 .icen1 .txt .tit{font-size: 0.36rem;color: #333;line-height: 0.3rem; margin-bottom:0.3rem;}
.ab01 .icen1 .txt .sum{font-size: 0.18rem;color: #333;line-height: 0.3rem; text-align:justify;}

.ab02{ width:100%;position:relative;}
.ab02 .bg{ width:100%; position:relative;}
.ab02 .bg img{ width:100%;}
.ab02 .con{ width:100%; height:100%; position:absolute; left:0; top:0; z-index: 6;display: flex;justify-content: center;align-items: center;}
.ab02 .con .re{ width:60%;background-image:linear-gradient(to right, #8c673d, #cdb38e); padding:0.6rem; border-radius:0.2rem;}
.ab02 .con .tit{ width:100%; font-size:0.48rem; font-weight:bold; position:relative; color:#fff;}
.ab02 .con .txt{ width:100%; margin-top:0.3rem; font-size: 0.16rem;line-height: 0.3rem; color: #fff;}
.ab02 .con .more{ margin-top:0.6rem;}

.ab03{ width:100%; position:relative; padding:0.9rem 0;}
.ab03 .icen{ display: flex;justify-content:space-between;align-items: center;}
.ab03 .item{width: 48.5%; position:relative;}
.ab03 .item .img{width:100%; position:relative; overflow:hidden;}
.ab03 .item .img img{width:100%; transition:.5s;}
.ab03 .item:hover .img img { transform: scale(1.1); transition:.5s;}
.ab03 .item .txt{width: 100%; height:1.5rem; position:absolute; left:0; bottom:0; display: flex;align-items: center; padding:0.3rem;background-image:linear-gradient(to top, rgba(27,31,50,0.9), rgba(27,31,50,0));}
.ab03 .item .txt .ico{ width:0.8rem; margin-right:0.4rem; position:relative;}
.ab03 .item .txt .ico img{ width:0.8rem;}
.ab03 .item .txt .sum{width: calc(100% - 1.2rem);}
.ab03 .item .txt .sum h1{font-size: 0.22rem;color: #fff; font-weight:700; margin-bottom:0.1rem;}
.ab03 .item .txt .sum h2{font-size: 0.14rem;color: #fff; font-weight:500; line-height:0.25rem;}

.fw01{ width:100%; position:relative; padding:0.9rem 0;}
.fw01 .top{ width:100%; position:relative;}
.fw01 .top h1{font-size: 0.36rem;color: #333; font-weight:500; margin-bottom:0.1rem;}
.fw01 .top h2{font-size: 0.19rem;color: #666; font-weight:500; margin-bottom:0.4rem;}
.fw01 .box{ display: flex;justify-content:space-between;align-items: center;}
.fw01 .item{width: 23.5%; position:relative;}
.fw01 .item .img{width:100%; position:relative; overflow:hidden;}
.fw01 .item .img img{width:100%; transition:.5s;}
.fw01 .item:hover .txt{background:rgba(32,37,64,0.8);}
.fw01 .item:hover .img img { transform: scale(1.1); transition:.5s;}
.fw01 .item .txt{width: 100%; height:100%; position:absolute; left:0; top:0; background:rgba(32,37,64,0.5);}
.fw01 .item .txt .ico{ width:100%; position:relative; text-align:center; margin:0.3rem 0;}
.fw01 .item .txt .ico img{ width:0.8rem;}
.fw01 .item .txt .sum{width:100%; position:relative; text-align:center;}
.fw01 .item .txt .sum h1{font-size: 0.22rem;color: #fce7c6; font-weight:700; margin-bottom:0.2rem; padding-bottom:0.2rem; position:relative;}
.fw01 .item .txt .sum h1:before {content: "";position: absolute;width: 0.6rem;height:1px;left: 50%;transform: translateX(-50%);bottom: 0;background:rgba(255,255,255,1);transition: 0.6s;}
.fw01 .item .txt .sum h2{font-size: 0.14rem;color: #fff; font-weight:500; line-height:0.25rem;}

.fw02 { width:100%; position:relative; background:#202540;}
.fw02 .icen1{display: flex;align-items: center;}
.fw02 .txt {width: 55%; height:100%; position:absolute; left:0; top:0;}
.fw02 .txt .top {margin-top:1rem;}
.fw02 .txt .top h1 {font-size: 0.3rem;color: #fff; position:relative; padding-bottom:0.15rem; margin-bottom:0.15rem;}
.fw02 .txt .top h1:before {content: "";position: absolute;width: 0.6rem;height:1px;left: 0;bottom: 0;background:rgba(255,255,255,1);transition: 0.6s;}
.fw02 .txt .sum {font-size: 0.14rem;;color: #fff;line-height: 0.3rem; margin-top:0.3rem;}
.fw02 .img { width:7.5rem;position: relative; margin-left:auto;} 
.fw02 .img img {width: 100%;}

.fw03 { width:100%; position:relative; padding:0.6rem 0;}
.fw03 .img { width:100;position: relative;} 
.fw03 .img img {width: 100%;}


.zp01{ width:100%; position:relative; padding:0.9rem 0;}
.zp01 .top{ width:100%; position:relative;}
.zp01 .top h1{font-size: 0.36rem;color: #333; font-weight:500; margin-bottom:0.1rem;}
.zp01 .top h2{font-size: 0.19rem;color: #666; font-weight:500; margin-bottom:0.4rem;}
.zp01 .box{ display: flex;justify-content:space-between;align-items: center; background:#f6f6f6;}
.zp01 .img{width:45%; position:relative; overflow:hidden;}
.zp01 .img img{width:100%; transition:.5s;}
.zp01 .txt{width:55%; position:relative; padding:0.6rem;}
.zp01 .txt .sum{width:100%; position:relative;}
.zp01 .txt .sum h1{font-size: 0.36rem;color: #000; font-weight:500; margin-bottom:0.2rem;}
.zp01 .txt .sum h2{font-size: 0.16rem;color: #666; font-weight:500; line-height:0.25rem;}
.zp01 .txt .bot{ display: flex;flex-wrap:wrap;justify-content:space-between;align-items: center; margin-top:0.3rem;}
.zp01 .txt .bot h1{ width:30%;font-size: 0.16rem;color: #666; font-weight:500; margin-bottom:0.2rem; border:1px solid #ddd; padding:0 0.1rem; height:0.6rem;display: flex;align-items: center; border-radius:0.2rem 0 0.2rem 0;}

.zp02{width: 100%;position: relative; background:#202540; padding:0.9rem 0 0.6rem;}
.zp02 .box{width: 100%; position:relative;}
.zp02 .box .item{ display:flex;align-items: center;transition: all 0.3s; background:#eee; margin-bottom:10px; border-radius: 0.2rem 0 0.2rem 0;}
.zp02 .box .item .tit{ width:22%; height:0.9rem; line-height:0.9rem; font-size:0.16rem; padding-left:0.3rem;}
.zp02 .box .item:hover{background: #fce7c6;color: #333;}
.zp02 .box .item:hover .icon span{background-image: url(xia.png);}
.zp02 .box .item .icon{text-align: center; width:12%; display:flex;justify-content:center;align-items: center;}
.zp02 .box .item .icon span{display: inline-block;width: 15px;height: 15px;background: url(xia.png) no-repeat center;transition: all 0.3s;}
.zp02 .box .item .icon span.open{background-image: url(xia.png);}
.zp02 .box .zhankai{ margin-bottom:0.2rem; border-radius: 0.2rem 0 0.2rem 0;}
.zp02 .box .zhankai .xiangxi{background: #fafafa;font-size: 0.14rem;padding:0.3rem; line-height:0.3rem;}

.xw01 { width:100%; position:relative; padding:0.9rem 0;}
.xw01 .item{display: block;width: 100%;margin-bottom:0.3rem;border-bottom: 1px solid #DDDDDD;transition: all .3s;}
.xw01 .item .con{width: 96%;padding:2%;display: flex;justify-content: space-between;align-items: center;background:#fff;}
.xw01 .item .con .img{ width:30%; position:relative; overflow:hidden;} 
.xw01 .item .con .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: all .3s;}
.xw01 .item .con .img .hezi{padding-bottom: 67% !important; }
.xw01 .item .con .text{width: 70%;box-sizing: border-box;padding-left: 60px;}
.xw01 .item .con .text p{display: flex;align-items:center;font-size: 14px;color: #aaaaaa;margin-bottom: 0.2rem;}
.xw01 .item .con .text p img{ width:0.15rem; margin-right:0.1rem;}
.xw01 .item .con .text h3{font-size: 0.26rem;color: #000;margin-bottom: 0.25rem;font-weight: 500;}
.xw01 .item .con .text h4{font-size: 0.16rem;line-height: 30px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xw01 .item .con .text h5 {display: inline-block;min-width: 1.4rem;line-height: 0.44rem;height: 0.44rem;border-radius: 27px;font-size:0.15rem; color: #8b663c;transition: all 0.3s ease; margin-top:0.3rem;}
.xw01 .item .con .text h5 i {display: inline-block;vertical-align: middle;position: relative;top: -2px;width: 0.14rem;height: 0.1rem;margin-left: 0.1rem;transition: all 0.35s ease;background-image: url(more2.png);}
.xw01 .item:hover .con .img img{transform: scale(1.1);}
.xw01 .item:hover .con .text h3{color: #8b663c;}
.xw01 .item:hover .con h5 {color: #fff;background: #8b663c;padding: 0 0.28rem;box-shadow: 0 2px 30px rgba(166, 131, 107, 0.35);}
.xw01 .item:hover .con h5 i {background-image: url(more.png);transform: translateX(0.1rem);}


.xw_show { width:100%; position:relative; padding:0.9rem 0; background:#f2f2f2;}
.xw_show .icen1 {display: flex;justify-content: space-between;}
.xw_show .img {width: 73%;overflow: hidden; background:#fff; padding:0.3rem; line-height:0.3rem;}
.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;}


.n_menu1{width: 100%; position:relative; height: 70px;line-height: 70px;}
.n_menu1 .icen{display: flex;justify-content: space-between;align-items: center;}
.n_menu1 .n_home { width:30%;font-size:14px;color: #747679; display:flex;align-items: center;}
.n_menu1 .n_home img{ margin-right: 10px; width: 15px;}
.n_menu1 .n_home i{font-size:14px;color: #747679;margin: 0 5px;font-style: normal; width: 4px; }
.n_menu1 .n_home em {font-size:14px;color: #747679; font-style: normal; margin-left:5px;}
.n_menu1 .n_home a {font-size:14px;color: #747679;}

.n_chan {width:100%;position: relative; z-index: 9;padding:0.9rem 0; background:#f7f7f7;}
.n_chan .icen1 { position: relative; display: flex; justify-content: space-between;}
.n_chan .le { width:22%; position: relative;}
.n_chan .le .n_menu2{width:100%;position: relative; background:#fff; }
.n_chan .le .n_menu2 h1 { width: 100%; background-image:linear-gradient(to right, #8b663c, #eed9b6); height:1rem; line-height:1rem; font-size:0.28rem; padding-left:0.3rem; border-top-left-radius:0.1rem; color:#fff;}
.n_chan .le .n_menu2 ul li { width: 100%;border-top: 1px solid #e4e4e4; line-height:0.6rem; padding-left:0.3rem;}
.n_chan .le .n_menu2 ul li a { display: block; overflow: hidden; color: #333; transition: all .3s; position: relative; font-size: 0.16rem; text-decoration:none;}
.n_chan .le .n_menu2 ul li.active a{color: #202540;}
.n_chan .le .n_menu2 ul li:hover a{color: #202540;}
.n_chan .le .n_lian{width:100%;position: relative; background:#fff; margin-top:0.4rem;}
.n_chan .le .n_lian h1 { width: 100%; background-image:linear-gradient(to right, #8b663c, #eed9b6); height:0.8rem; line-height:0.8rem; font-size:0.28rem; padding-left:0.3rem; border-top-left-radius:0.1rem; color:#fff;}
.n_chan .le .n_lian .desc{ padding:0.3rem;}
.n_chan .le .n_lian .desc h2 { font-size: 0.16rem; font-weight:700;color: #000;}
.n_chan .le .n_lian .desc h3 { font-size: 0.21rem; font-weight:700;color: #000; margin:0.15rem 0;}
.n_chan .le .n_lian .desc h4 { font-size: 0.14rem;color: #333; line-height:0.3rem;}


.n_chan .re { width:76%; position: relative;}
.n_chan .re .p_home { width:100%; background:#fff; height:0.6rem; line-height:0.6rem; border-top-left-radius:0.1rem;display: flex;justify-content: space-between;align-items: center; margin-bottom:0.4rem;}
.n_chan .re .p_home h1{ width: 1.5rem; background-image:linear-gradient(to right, #8b663c, #eed9b6); height:0.6rem; line-height:0.6rem; font-size:0.2rem; border-top-left-radius:0.1rem; color:#fff; text-align:center; font-weight:700;}
.n_chan .re .p_home h2{ width:50%; text-align:right; padding-right:0.3rem;}
.n_chan .re .p_home h2 img{ vertical-align: middle; margin-bottom: 3px; margin-right: 10px; width: 13px;}
.n_chan .re .p_home h2 span, .n_chan .p_home h2 a, .p_home i,.n_chan .p_home h2 em {font-size:14px;color: #333;transition: all 0.36s ease-in-out;font-style: normal;}
.n_chan .re .p_home h2 i{margin: 0 5px;font-style: normal; width: 4px; height: 6px; }
.n_chan .re .p_home h2 em { color: #333;font-style: normal;}

.n_lian {width: 100%; position:relative; padding:0.9rem 0; background:url(lxbg.jpg) no-repeat; background-size:cover;}
.n_lian .top{ width:100%; position:relative; margin-bottom:0.4rem;}
.n_lian .top h1{font-size: 0.36rem;color: #333; font-weight:500; margin-bottom:0.1rem;}
.n_lian .top h2{font-size: 0.19rem;color: #666; font-weight:500; margin-bottom:0.4rem;}
.n_lian .box {display: flex; justify-content: space-between;}
.n_lian .wen {width: 42%; position:relative; padding:0.3rem; border:1px solid #ddd;}
.n_lian .wen h1{ font-size:0.36rem; font-weight:inherit; color:#333; margin-bottom:0.3rem;}
.n_lian .wen h3{ width:100%; font-size:0.16rem; color:#333; display: flex;align-items: center; border-bottom:1px solid #ddd; padding-bottom:0.15rem; margin-bottom:0.15rem;}
.n_lian .wen h3 img{ width:0.4rem; height:0.4rem; border:1px solid #8b663c; border-radius:0.2rem; padding:0.09rem; margin-right:0.3rem;}
.n_lian .wen h4{ width:100%; position:relative; margin-top:0.4rem;}
.n_lian .wen h4 img{ width:1.4rem;}

.n_form { width:55%; position:relative;}
.n_form ul{width: 100%; display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.n_form ul li{ width:100%;margin-bottom: 0.2rem;position: relative; border:none;}
.n_form ul li:nth-child(6){ width:100%; margin:30px auto; font-size:16px; height:50px; border:none;}
.n_form .inp{height: 49px;border:none; background:#e8eaec;width: 100%;padding-left: 15px;font-size: 14px;color: #333;outline:none;}
.n_form textarea{height: 149px;border:none; background:#e8eaec;width: 100%;padding-left: 15px; padding-top:15px; font-size: 14px;color:#333;outline:none;}
.n_form .inp::-webkit-input-placeholder{color: #333;}
.n_form .inp::-moz-placeholder{ color: #333; }
.n_form .inp::-ms-input-placeholder{ color: #333;}
.n_form textarea::-webkit-input-placeholder {color: #333; font-family:"思源黑体";}
.n_form textarea::-moz-placeholder { color: #333;}
.n_form textarea::-ms-input-placeholder { color: #333;}
.n_form .btn{width: 100%;height: 49px;border:none;background: #333;color: #fff;font-size: 14px;outline:none;transition:.3s; margin-top:-5px;}
.n_form .btn:hover{background: #014099;}

 
.fixed-right { width: 0.55rem; padding: 0.25rem 0 0; position: fixed; right: 0.1rem; top: 35%; z-index: 9; }
.fixed-right:after { content:""; width:100%; height:100%; position:absolute; left:0; top: 0;background-image:linear-gradient(to right, #8b663c, #eed9b6);z-index: -1; border-radius: 0.3rem; }
.fixed-right .item { position: relative; padding: 0.08rem 0; display: block; }
.fixed-right .item .icon { width: 0.4rem; height: 0.4rem; position: relative; margin: 0 auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all .5s ease; }
.fixed-right .item .icon img { width: 0.24rem;  transition: all .5s ease;filter:invert(150%) sepia(150%) saturate(0%) hue-rotate(0deg) brightness(150%); }
.fixed-right .item .txt {width:2.6rem;position:absolute;opacity:0;left:0;top:0.05rem;transition:all .5s ease;z-index:-1;border-radius:0.1rem;padding:0.2rem 0.3rem;background:#fff;overflow:hidden;box-shadow:0 2px 0.2rem 2px rgba(0,0,0,0.3);}
.fixed-right .item .txt h4 { font-size: 0.16rem; color: #666; display: flex; align-items: center; }
.fixed-right .item .txt h4 .icona { width: 0.2rem; height: 0.2rem; background: #202540; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 0.06rem; }
.fixed-right .item .txt h4 .icona img { width: 0.14rem;filter:invert(150%) sepia(150%) saturate(0%) hue-rotate(0deg) brightness(150%); }
.fixed-right .item .txt h3 { font-size: 0.2rem; color: #202540; font-weight: bold; margin: 0.1rem 0; line-height: 1.5; }
.fixed-right .item .txt h5 { font-size: 0.18rem; color: #202540; font-weight: bold; margin: 0.1rem 0; line-height: 1.5; }
.fixed-right .item .txt p { font-size: 0.15rem; color: #999; }
.fixed-right .item.active .icon, .fixed-right .item:hover .icon { background: #fff; }
.fixed-right .item.active .icon img, .fixed-right .item:hover .icon img {filter:none; }
.fixed-right .item.active .txt, .fixed-right .item:hover .txt { opacity: 1; transform: translateX(-105%); }