/* base公共样式 */
* {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:"思源黑体";}
@media (max-width: 1440px) {body {font-size: 14px;}}
h1,h2,h3,h4,h5,h6 {font-weight: 500;}
a {color: #333;text-decoration: none;}
a:hover {text-decoration: underline;text-decoration: none;}
i {font-style: normal;}
ol,ul,li {list-style: none;} 

 
/* End */
.icen {max-width: 1600px;width: 100%; position:relative;margin:0 auto;}
@media (max-width: 1600px) {.icen {width: 96%;margin:0 auto;}}
 

/* header */
.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 2000;transition: all .3s; background:#fff;}
.header .top{ width:100%;padding: 0 3%; height:0.45rem; line-height:0.45rem; position:relative; background:#032246;display: flex;align-items: center;}
.header .top .item{display: flex;align-items: center; margin-right:0.3rem; font-size:0.14rem; color:#fff;}
.header .top .item img{ width:0.25rem; margin-right:0.1rem;}
.header .box{width: 100%;padding: 0 3%;display: flex;justify-content: space-between;align-items: center;}
.header .box .logo img{width: 3rem;}
.header .nav{display: flex;justify-content: flex-start;align-items: center;}
.header .nav ul{display: flex;justify-content: flex-start;align-items: center;}
.header .nav ul li{position: relative;}
.header .nav ul li>a{display: block;height: 1rem;line-height: 1rem;font-size: 0.17rem;color: #000;position: relative;padding: 0 0.25rem;}
.header .nav ul li:hover>a{ background:#1979bd; color:#fff;}
.header .nav ul li .nav02{width:200%;background:rgba(25,121,189,.95);position:absolute;left:0;top:1rem;z-index:999;transform-origin:0 0 0;transform:scaleY(0.2);transition:all 0.4s;opacity:0; padding:0.2rem 0;}
.header .nav ul li .nav02 a{display: block;width: 100%;font-size: 0.15rem;color: #fff;line-height: 0.45rem;position: relative; padding:0 0.3rem;display: flex;justify-content: space-between;align-items: center;}
.header .nav ul li .nav02 a i{font-size: 0.2rem;}
.header .nav ul li .nav02 a:hover{background: #f7941d;color: #fff;}
.header .nav ul li:nth-child(2):hover .nav02,.header .nav ul li:nth-child(6):hover .nav02{opacity: 1;transform: translateY(0px);}
.header .lang { width:1.6rem;height: 0.4rem;position: relative;display: flex;align-items: center;margin-left: 0.6rem;padding:0 0.1rem;border-radius:0.1rem;background: #1979bd;font-size:0.14rem;color:#fff;font-weight:bold;}
.header .lang img{ width:0.25rem; margin-right:0.1rem;}
.header .lang:hover{background: #f7941d;}

 
/*banner*/
.banner{ width:100%; height:100vh;position:relative;}
.banner .banner_swiper{ width:100%;position:relative; overflow:hidden;}
.banner .swiper-slide { width:100%;position:relative;}
.banner .swiper-slide .img{width:100%; height:100%;}
.banner .swiper-slide .img img{width:100%; height:100vh; z-index:0;}
.banner .swiper-slide .txt { width: 100%; height:100%; position:absolute; left:0;top:0;display: flex; align-items: center;z-index:20; text-align:center; }
.banner .swiper-slide .txt div{ width: 100%;}
.banner .swiper-slide .txt h1{ position:relative; font-size:0.6rem;font-weight:700;margin-bottom:0.4rem;color:#fff; padding-bottom:0.25rem;}
.banner .swiper-slide .txt h1:before{ content:""; position:absolute; width:60px; height:2px; background:#fff; left:50%;transform: translateX(-50%);bottom:0; transition:.5s; z-index:1;}
.banner .swiper-slide .txt h2{ font-size:0.32rem;font-weight:500;color:#fff;}
.banner .banner-pagination {top:25% !important; right:0; text-align:right; z-index:10;}
.banner .banner-pagination .swiper-pagination-bullet {width:10px;height:10px;border-radius:5px;background:rgba(255,255,255,0.6);opacity:1; margin-left:auto; margin-right:0.5rem;}
.banner .banner-pagination .swiper-pagination-bullet-active {height:30px;background:#fff;}
.banner .hd{ width:100%; position:absolute; bottom:5%; left:96%; z-index:20;}
.banner .hd span{width:50px;height:50px; border-radius:50%;transition:all .2s;cursor:pointer; z-index:5;display: flex;justify-content:center;align-items: center; border:1px solid rgba(255,255,255,1); margin-top:0.2rem;}
.banner .hd span:hover{ background:#e40112; border:none;}

.i_tit{ width:100%; position:relative; text-align:center;}
.i_tit h1{ width:100%; font-size:0.48rem; font-weight:bold; position:relative; margin-bottom:0.2rem; padding-bottom:0.2rem;}
.i_tit h1:before{ content:""; position:absolute; width:0.6rem; height:3px; background:#f7941d; left:50%;transform: translateX(-50%); bottom:0; transition:.5s; z-index:1;}
.i_tit p{ width:100%; font-size:0.16rem; font-weight:500; color:#666;}

/* ind01 */
.ind01 {width:100%;position: relative;background: url(ind01bg.jpg) no-repeat;background-size: cover; padding:0.9rem 0;}
.ind01 .con{width:100%;position: relative; margin-top:0.6rem;}
.ind01 .con ul{ width:100%;display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.ind01 .con ul li{ width:24%; margin-bottom:20px; border:1px solid #eee; padding:0.1rem 0.1rem 0 0.1rem; background:#fff;}
.ind01 .con ul li a{ display:block; position:relative; overflow:hidden;}
.ind01 .con ul li a .img{ width:100%; position:relative; overflow:hidden;} 
.ind01 .con ul li a .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;transition: all 0.4s ease;}
.ind01 .con ul li a .img .hezi{padding-bottom: 75% !important;}
.ind01 .con ul li a .tit{ width:100%; height:0.6rem; line-height:0.6rem; transition:.5s; text-align:center; font-size:0.18rem;font-weight:700; color:#333;}
.ind01 .con ul li a:hover:after{ height:100%; background:rgba(21,86,157,.4)} 
.ind01 .con ul li a:hover .tit{ color:#f7941d;} 
.ind01 .con ul li a:hover .img img { transform: scale(1.1);}
.ind01 .view { width:2rem; height:0.5rem; line-height:0.5rem; background:#15569d; color:#fff; text-align:center; font-size:0.16rem; border-radius:0.1rem; margin:0.3rem auto 0;}
.ind01 .view a { display:block; color:#fff; border-radius:0.1rem;}
.ind01 .view a:hover { background:#f7941d; border-radius:0.1rem;}


/* ind02 */
.ind02{width:100%;position: relative;padding:1.2rem 0;background: url(ind02bg.jpg) no-repeat;background-size: 100% 100%;}
.ind02:before {content: '';width:40%;height: 100%;background:rgba(25,121,189,0.6);position: absolute;left:60%;top:0;}
.ind02 .icen{ display:flex;}
.ind02 .con{ width:45%; position:relative; z-index: 6; margin-right:5%;}
.ind02 .con .tit{ width:100%; position:relative;}
.ind02 .con .tit h1{ width:100%; font-size:0.6rem; font-weight:500; color:#fff; position:relative; margin-bottom:0.1rem; padding-bottom:0.1rem;}
.ind02 .con .tit h1:before{ content:""; position:absolute; width:0.6rem; height:3px; background:#f7941d; left:0;bottom:0; transition:.5s; z-index:1;}
.ind02 .con .tit p{ width:100%; font-size:0.32rem; font-weight:500; color:#fff;}
.ind02 .con .txt{ width:100%; font-size: 0.16rem;line-height: 0.3rem; color: #fff; margin-top:0.2rem;}
.ind02 .con dl { padding-top:70px; margin-bottom:30px;display: flex;justify-content: center;align-items: center;}
.ind02 .con dl dd{ width:33.33%;}
.ind02 .con dl dd h4 {display: flex;align-items: flex-end;}
.ind02 .con dl dd h4 strong { font-weight: bold; font-size:0.6rem;margin-right: 0.1rem;color:#3e959a; line-height: 1em; }
.ind02 .con dl dd h4 span{ font-size:0.18rem; position:relative; top:-10px; color: #fff;}
.ind02 .con dl dd h5{font-size: 0.16rem; font-weight:500; position: relative; margin-top:0; padding-top: 6px; color: #fff; }
.ind02 .con .more { width:2rem; height:0.5rem; line-height:0.5rem;color:#fff; text-align:center; font-size:0.16rem; border-radius:0.25rem; margin-top:0.5rem;}
.ind02 .con .more a { display:block; color:#fff; border-radius:0.25rem; border:1px solid #fff;}
.ind02 .con .more a:hover { background:#f7941d; border-radius:0.25rem; border:none;}
.ind02 .img{ width:50%; position:relative;}
.ind02 .img img{ width:100%;}


/* ind03 */
.ind03 {width: 100%;position: relative;background:rgba(240,241,245,1);padding: 0.9rem 0;}
.ind03 .icen {display: flex;flex-wrap:wrap; justify-content:space-between;z-index:1; margin-top:0.5rem;}
.ind03 .item { width:25%;position: relative;background:#fff;}
.ind03 .item .img { width:100%; height:2.7rem;position: relative; overflow:hidden;}
.ind03 .item .img img {width:100%;height:100%;object-fit:cover;transition: all 0.4s ease;}
.ind03 .item .txt {width: 100%; height:2.7rem;position: relative; padding:0.6rem 0.4rem 0; text-align:center;}
.ind03 .item .txt h1 {font-size: 0.24rem;font-weight: bold; position: relative;padding-bottom:0.1rem;}
.ind03 .icen .txt h1:before {content: '';width:0.5rem;height: 1px;background:#f7941d;position: absolute;left:50%;transform: translateX(-50%);bottom:0;}
.ind03 .item .txt h2 { font-size:0.15rem;margin-top: 0.1rem;color: #666;line-height: 0.23rem;}
.ind03 .item:nth-child(2n){ background:#3e959a;}
.ind03 .item:nth-child(2n) h1{ color:#fff;}
.ind03 .item:nth-child(2n) h1:before{background:#fff;}
.ind03 .item:nth-child(2n) h2{ color:#fff;}
.ind03 .item:hover .img img { transform: scale(1.1);}
 

/* ind04 */
.ind04 {width: 100%;position: relative; padding: 1.2rem 0;}
.ind04 .bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.ind04 .bg::after { content: ""; display: inline-block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; bottom: 0px; z-index: 10; }
.ind04 .bg .img { height: 100%; display: none; position: absolute; left: 0px; top: 0px; width: 100%;background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed !important; }
.ind04 .bg .img.active { opacity: 1; z-index: 10; display: block;}
.ind04 .icen { display:flex;align-items: center;z-index: 20; }
.ind04 ul { width:50%; display: flex;flex-wrap:wrap; justify-content: space-between; }
.ind04 ul li { width:50%; height:2.7rem; background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.3); overflow: hidden; z-index: 1;}
.ind04 ul li a{ width:100%; display:block; padding: 0.3rem 0.3rem 0.9rem;}
.ind04 ul li h1 { width:100%; position:relative; margin-left:-0.05rem}
.ind04 ul li h1 img { width: 0.6rem; }
.ind04 ul li h2 { width:100%; position: relative; font-size: 0.24rem; color:#fff; margin-top:0.3rem;}
.ind04 ul li h3 { width: 100%; font-size: 0.14rem; color:rgba(255,255,255,0.5); line-height: 0.3rem; transition: all 0.3s; display:none; margin-top:0.1rem;}
.ind04 ul li h4 { width: 100%; font-size: 0.14rem; color: #fff; line-height: 0.3rem; transition: all 0.3s; display:none; margin-top:0.3rem;}
.ind04 ul li:hover { background:rgba(25,121,189,0.9) }
.ind04 ul li:hover h1 { display:none;}
.ind04 ul li:hover h3 { display:block;}
.ind04 ul li:hover h4 { display:block;}
.ind04 .tit { width:30%; margin-left:20%; color:#fff;}
.ind04 .tit h1{ font-size:0.6rem;}
.ind04 .tit h2{ font-size:0.5rem; margin-bottom:0.1rem;}
.ind04 .tit h3{ font-size:0.18rem; margin-bottom:0.3rem; line-height:0.3rem;}
.ind04 .tit h4{ font-size:0.14rem;}
.ind04 .tit h4 a{ color:#fff;}


/* ind05 */
.ind05 {width:100%;position: relative; margin:0.9rem 0;}
.ind05 .con {width:100%;position: relative;margin-top:0.5rem;}
.ind05 .con ul {display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.ind05 .con ul li {width: 32%; position: relative; background:#f0f0f0;}
.ind05 .con ul li .txt {width: 100%; position:relative;}
.ind05 .con ul li .txt h1 {background:#0b348e; width:1.5rem; height:0.6rem; line-height:0.6rem;font-size: 0.2rem;color:#fff; text-align:center;transition:0.5s;}
.ind05 .con ul li .txt h2 { padding:0.35rem 0.3rem 0.25rem;font-size: 0.24rem;color:#333;transition:0.3s;}
.ind05 .con ul li .txt h3 { padding:0 0.3rem;font-size: 0.14rem;color: #999;height:0.75rem; line-height:0.25rem; margin-bottom: 0.3rem;}
.ind05 .con ul li .bot{ width:100%; padding:0.2rem 0.3rem 0.4rem;display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center; border-top:1px solid #ccc;}
.ind05 .con ul li .bot span{font-size: 0.18rem;text-transform:uppercase;transition:0.5s;}
.ind05 .con ul li:hover .txt h1 {width: 100%;}
.ind05 .con ul li:hover .txt h2 {color:#0b348e;}
.ind05 .con ul li:hover .bot span { letter-spacing:3px;}


 /* footer */
.footer {padding: 0.8rem 0 0.2rem;position: relative;background: url(footbg.jpg) no-repeat;background-size: 100% 100%;}
.footer .top{display: flex;justify-content: space-between;margin-bottom: 0.6rem;}
.footer .fo01 { width:3rem; padding-right:1rem; position:relative; text-align:center;color:rgba(255,255,255,.3); border-right:1px solid rgba(255,255,255,.1);}
.footer .fo01 h3 { display: block; font-size:0.18rem; color: #fff; font-weight: 500; position:relative;margin-bottom: 0.3rem;}
.footer .fo01 img{ width:1.2rem;}
.footer .fo01 p { display: block; font-size:0.14rem; color: #fff; font-weight: 500; position:relative;margin-top: 0.2rem;}
.footer .fo02 { width:78%; position:relative; padding:0 1rem;}
.footer .fo02 ul {display: flex;justify-content: space-between;}
.footer .fo02 ul li h3 {margin-bottom: 0.2rem;}
.footer .fo02 ul li h3 a { display: block; font-size:0.18rem; color: #fff; font-weight: 500; position:relative;}
.footer .fo02 ul li p a{ display:block;font-size: 0.14rem;color:rgba(255,255,255,.5);line-height:0.3rem;}
.footer .fo02 ul li p a:hover {color:rgba(255,255,255,1);}
.footer .fo03 { width:6rem; position:relative; color:rgba(255,255,255,.5); border-left:1px solid rgba(255,255,255,.1); padding-left:1rem;}
.footer .fo03 h1 { display: block; font-size:0.18rem; color: #fff; font-weight: 500; position:relative;margin-bottom: 0.3rem;}
.footer .fo03 h2 { display: block; font-size:0.3rem; color: #fff; font-weight: 700; position:relative;margin-bottom: 0.2rem;}
.footer .fo03 h3{ display:block;font-size: 0.14rem;color:rgba(255,255,255,.7);line-height:0.3rem;}
.footer .fo04 { width:100%; position:relative;color:rgba(255,255,255,.5);font-size: 0.14rem;}
.footer .fo04 .icen{display: flex;justify-content: space-between;align-items: center; border-top:1px solid rgba(255,255,255,.2); padding-top:0.2rem;}
.footer .fo04 .le {width: 50%;}
.footer .fo04 .le a{ margin-right:5px;}
.footer .fo04 .re { width:50%;color:rgba(255,255,255,.5); text-align:right;}
.footer .fo04 .re a {font-size: 0.14rem;color:rgba(255,255,255,.5);}


.side{position:fixed;width:60px;right:0;top:35%;z-index:100;}
.side ul li{width:60px;height:60px; position:relative; margin-bottom:2px;}
.side ul li .sidebox{position:absolute;width:60px;height:60px; line-height:20px;top:0;right:0;transition:all 0.3s;background:rgba(0,0,0,0.5);color:#fff; font-size:14px;overflow:hidden; display:flex;align-items: center;}
.side ul li .sidetop{width:60px;height:60px;line-height:60px;display:inline-block;background:rgba(0,0,0,0.5);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#000;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{ width:30px; height:30px; margin:15px;}


.n_banner{width: 100%;position: relative; z-index:-1;}
.n_banner img{width: 100%;display: block;}

.n_menu{width: 100%; position:relative; height: 70px;line-height: 70px; background:#f2f2f2;}
.n_menu .icen{display: flex;justify-content: space-between;align-items: center;}
.n_menu .n_nav{width: 70%; position:relative;}
.n_menu .n_nav ul{width: 100%; display: flex;}
.n_menu .n_nav ul li{width: 130px; margin-right:10px; height: 40px;line-height: 40px;background:#f9f9f9;}
.n_menu .n_nav ul li a{width: 100%; display:block;font-size: 16px;color: #333;font-weight: 500; text-align:center;}
.n_menu .n_nav ul li:hover, .n_menu .n_nav ul li.active{background: #1979bd;}
.n_menu .n_nav ul li:hover a, .n_menu .n_nav ul li.active a{ color:#fff;}
.n_menu .n_home { width:30%;font-size:14px;color: #747679; display:flex;align-items: center; justify-content: flex-end;}
.n_menu .n_home img{ margin-right: 10px; width: 15px;}
.n_menu .n_home i{font-size:14px;color: #747679;margin: 0 5px;font-style: normal; width: 4px; }
.n_menu .n_home em {font-size:14px;color: #747679; font-style: normal; margin-left:5px;}
.n_menu .n_home a {font-size:14px;color: #747679;}


.n_main{ width:100%; position:relative;}

.n_tit{ font-size:0.32rem; text-align:center; border-bottom:1px solid #ddd; padding-bottom:0.3rem;}

/* 关于我们 */
.n_about{width: 100%;position: relative; color:#333; line-height:0.3rem; text-align:justify; padding-top:0.6rem;}
.n_about .n_txt{ font-size:0.16rem; line-height:0.3rem; min-height:3.5rem; text-align:justify; padding:0.3rem 0 0.9rem;}
.n_about .n_txt img{ max-width:100%;}

.ab01{width:100%;position: relative;padding:0.9rem 0;}
.ab01 .icen{ display:flex;}
.ab01 .con{ width:45%; position:relative; z-index: 6; margin-right:5%;}
.ab01 .con .tit{ width:100%; position:relative;}
.ab01 .con .tit h1{ width:100%; font-size:0.4rem; font-weight:700; color:#333; position:relative; margin-bottom:0.1rem; padding-bottom:0.1rem;}
.ab01 .con .tit h1:before{ content:""; position:absolute; width:0.6rem; height:3px; background:#f7941d; left:0;bottom:0; transition:.5s; z-index:1;}
.ab01 .con .tit p{ width:100%; font-size:0.3rem; font-weight:500; color:#333;}
.ab01 .con .txt{ width:100%; font-size: 0.16rem;line-height: 0.3rem; color: #333; margin-top:0.35rem;}
.ab01 .con .more { width:2rem; height:0.5rem; line-height:0.5rem;color:#333; text-align:center; font-size:0.16rem; border-radius:0.25rem; margin-top:0.5rem;}
.ab01 .con .more a { display:block; color:#333; border-radius:0.25rem; border:1px solid #333;}
.ab01 .con .more a:hover { background:#f7941d; border-radius:0.25rem; border:none;}
.ab01 .img{ width:50%; position:relative;}
.ab01 .img img{ width:100%;}

.ab02{width: 100%; position:relative;padding:0.9rem 0;background: url(ab02.jpg) no-repeat;background-size: 100% 100%;}
.ab02 .i_tit{ width:100%; position:relative; text-align:center;}
.ab02 .i_tit h1{ width:100%; font-size:0.4rem; font-weight:bold; position:relative; margin-bottom:0.2rem; padding-bottom:0.2rem; color:#fff;}
.ab02 .i_tit h1:before{ content:""; position:absolute; width:0.6rem; height:3px; background:#f7941d; left:50%;transform: translateX(-50%); bottom:0; transition:.5s; z-index:1;}
.ab02 .i_tit p{ width:100%; font-size:0.16rem; font-weight:500; color:#fff;}
.ab02 .box{width: 100%;margin-top:50px;display: flex;flex-wrap:wrap;}
.ab02 .box .item{width: 24%; margin-right:1.25%; background:#f2f2f2; }
.ab02 .box .item:nth-child(4n){margin-right:0;}
.ab02 .box .item .tit{font-size: 0.24rem;color: #333;line-height: 0.9rem; text-align:center;}
.ab02 .box .item .img{width: 100%;overflow: hidden;}
.ab02 .box .item .img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.ab02 .box .item .txt{width: 100%;position: relative; padding:0.3rem 0.2rem; height:1.2rem;line-height: 0.3rem;font-size: 0.16rem;color: #666; text-align:center;}
.ab02 .box .item:hover{background:#f7941d;}
.ab02 .box .item:hover .tit{color: #fff;}
.ab02 .box .item:hover .txt{color: #fff;}

.ab03{ width:100%; position:relative; margin-bottom:0.9rem;background:url(ab03.jpg) top center no-repeat; padding-top:0.9rem;}
.ab03 .icen{ display: flex;justify-content:space-between;align-items: center;}
.ab03 .item{width: 48%; 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%; position:relative; display: flex; background:#3e959a; padding:0.3rem;}
.ab03 .item .txt .ico{ width:0.8rem; margin-right:0.6rem; position:relative;}
.ab03 .item .txt .ico img{ width:0.8rem;}
.ab03 .item .txt .sum{width: calc(100% - 1.4rem);}
.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; height:0.5rem; line-height:0.25rem;}

.wh01{width: 100%;overflow: hidden;margin:60px 0;}
.wh01 .box{width: 100%;margin-top:50px;display: flex;flex-wrap:wrap;}
.wh01 .box .item{width: 24%; margin-right:1.25%; background:#f2f2f2; }
.wh01 .box .item:nth-child(4n){margin-right:0;}
.wh01 .box .item .tit{font-size: 0.24rem;color: #333;line-height: 0.9rem; text-align:center;}
.wh01 .box .item .img{width: 100%;overflow: hidden;}
.wh01 .box .item .img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.wh01 .box .item .txt{width: 100%;position: relative; padding:0.3rem 0.2rem; height:1.2rem;line-height: 0.3rem;font-size: 0.16rem;color: #666; text-align:center;}
.wh01 .box .item:hover{background:#f7941d;}
.wh01 .box .item:hover .tit{color: #fff;}
.wh01 .box .item:hover .txt{color: #fff;}

.wh02{ width:100%; position:relative; margin-bottom:0.9rem;background:#f2f2f2;display: flex;justify-content:space-between;align-items: center;}
.wh02 .img{width: 50%; position:relative;}
.wh02 .img img{width:100%;}
.wh02 .txt{width: 50%; position:relative; padding:0 0.6rem;}
.wh02 .txt .intro h1{font-size: 0.2rem;color: #1979bd; font-weight:700; margin-bottom:0.1rem;}
.wh02 .txt .intro h2{font-size: 0.16rem;color: #333; font-weight:500;}

.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.6rem 0; background:#f2f2f2;}
.n_chan .icen { position: relative; display: flex; justify-content: space-between;}
.n_chan .le { width:20%; position: relative;}
.n_chan .le .n_menu2{width:100%;position: relative; background:#fff; }
.n_chan .le .n_menu2 h1 { width: 100%; background:#234989; height:0.8rem; line-height:0.8rem; font-size:0.28rem; padding-left:0.3rem; border-top-left-radius:0.2rem; 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: #f00;}
.n_chan .le .n_menu2 ul li:hover a{color: #f00;}
.n_chan .le .n_lian{width:100%;position: relative; background:#fff; margin-top:0.4rem;}
.n_chan .le .n_lian h1 { width: 100%; background:#234989; height:0.8rem; line-height:0.8rem; font-size:0.28rem; padding-left:0.3rem; border-top-left-radius:0.2rem; 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:78%; 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:#234989; height:0.6rem; line-height:0.6rem; font-size:0.2rem; border-top-left-radius:0.2rem; 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;}

.xw01 { width:100%; position:relative; padding:0.6rem 0 0;}
.xw01 .item{display: block;width: 100%;margin-bottom:0.4rem; transition: all .3s; background:#f2f2f2;}
.xw01 .item a{display: block;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.xw01 .item .img{ width:30%; position:relative; overflow:hidden;} 
.xw01 .item .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: all .3s;}
.xw01 .item .img .hezi{padding-bottom: 67% !important; }
.xw01 .item .text{width: 45%; position:relative; margin:0 5%;}
.xw01 .item .text h1{font-size: 0.22rem;color: #000;margin-bottom: 0.25rem;font-weight: 700;}
.xw01 .item .text h2{font-size: 0.14rem;line-height: 0.27rem;color: #666;}
.xw01 .item .data{width: 15%; position:relative; text-align:center;}
.xw01 .item .data h1{ font-size:0.6rem; color:#333;}
.xw01 .item .data h2{ font-size:0.2rem; color:#333;}
.xw01 .item:hover{box-shadow: 0 2px 0.3rem rgba(0, 0, 0, 0.35); background:#fff;}
.xw01 .item:hover .img img{transform: scale(1.1);}
.xw01 .item:hover .text h1{color: #f00;}
.xw01 .item:hover .data h1{color: #f00;}
.xw01 .item:hover .data h2{color: #f00;}

 
.xw_show { width:100%; position:relative; padding:0.3rem;box-shadow: 0 2px 0.2rem rgba(0, 0, 0, 0.35); margin:0.6rem 0;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 .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:rgba(25,121,189,0.1); margin-bottom:0.1rem;}
.xw_show .txt .bot li a{color: #333333;display: block;}
.xw_show .txt .bot li:hover{background:#1979bd;}
.xw_show .txt .bot li:hover a{color: #fff;}
.xw_show .txt .bot i{display: block;width: 3px;background: #1979bd;position: absolute;left: -1px;top: 0;z-index: 9;}

.n_lian {width: 100%; position:relative; margin-top:0.6rem;}
.n_lian .icen {display: flex;}
.n_lian .wen {width: 40%; position:relative; background:#1979bd; padding:0.4rem;}
.n_lian .wen h1{ font-size:0.22rem; font-weight:700; color:#fff;}
.n_lian .wen h2{ font-size:0.28rem; font-weight:700; color:#fff; line-height:0.7rem;}
.n_lian .wen h3{ width:100%; font-size:0.14rem; color:#fff; line-height:0.3rem;}
.n_lian .wen h4{ width:100%; font-size:0.36rem; color:#fff; line-height:0.3rem; border-top:1px dotted #fff; margin-top:0.3rem; padding-top:0.3rem;}
.n_lian .map {width: 60%; position:relative;}

.n_form { width:100%; position:relative; background:#f2f2f2; padding:0.6rem 0; margin-top:0.6rem;}
.n_form .tit{ width:100%; font-size:0.3rem; font-weight:500; color:#333; position:relative; padding-bottom:10px; margin-bottom:30px; text-align:center;}
.n_form .tit:before{ content:""; position:absolute; width:0.5rem; height:2px; background:#1979bd; left:50%;transform: translateX(-50%); bottom:0; transition:.5s; z-index:1;}
.n_form ul{width: 100%; display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center; background:#fff; padding:0.6rem; box-sizing: border-box;}
.n_form ul li{ width:48%;margin-bottom: 0.2rem;position: relative; border:1px solid #ddd;}
.n_form ul li:nth-child(5){ width:100%;}
.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: #f2f2f2;width: 100%;padding-left: 15px;font-size: 14px;color: #333;outline:none;}
.n_form textarea{height: 149px;border:none;background: #f2f2f2;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;}