/* 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);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
body {color: #333;font-size: 12px;font-family:"MiSans";}
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;} 

/* --- 布局容器 --- */
.container {width: 96%;max-width: 1600px;margin: 0 auto;padding: 0 40px;}

    
/* header */
.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 20;transition: all .3s; background:#fff;}
.header .box{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.header .logo img{width: 300px;}
.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: 90px;line-height: 90px;font-size: 13px; font-weight:700;color: #444;position: relative;padding-right:25px;}
.header .nav ul li>a:hover{color:#0052D9;}
.header .nav ul li>a i{ width:12px;}
.header .nav ul li>a i img{ width:10px; margin-left:3px;opacity:0.5;}
.header .nav ul li .nav02{width:160px;background:#fff;position:absolute;left:0;top:60px;z-index:999;transform-origin:0 0 0;transform:scaleY(0.2);transition:all 0.4s;opacity:0;padding:10px 0;border:1px solid #eee;}
.header .nav ul li .nav02 a{display: block;width: 100%;font-size: 12px;color: #666;line-height: 35px;position: relative; padding-left:20px;}
.header .nav ul li .nav02 a:hover{color: #0052D9;background: #fff;}
.header .nav ul li:hover .nav02{opacity: 1;transform: translateY(0px);}
.header .lang {position: relative;display: flex;align-items: center;height: 48px;}
.header .lang:before {content: "";display: block;position: absolute;width: 100%;height: 100%;border-radius: 24px;border: 1px solid #ffffff;opacity: 0.4;}
.header .lang a {position: relative;display:flex;justify-content:center;align-items:center;font-size:12px;color:#333;font-weight:bold;width:40px;height:30px;transition:all 0.4s;border:1px solid #333;}
.header .lang a:hover{border:1px solid #3d3a5c;background: #3d3a5c; color:#fff;}

.header .nav ul li:last-child .nav02{opacity: 0;}
.header .nav ul li:last-child i{opacity: 0;}

/*banner*/
.banner{ width:100%; height:100vh;position:relative;}
.banner .banner_swiper{ width:100%;position:relative; overflow:hidden;}
.banner .swiper-slide { width:100%;position:relative;transform: scale(1.1);transition: opacity 1.5s cubic-bezier(0.4, 0, 0.2, 1), transform 3s ease;}
.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;}
.banner .swiper-slide .txt div{ transform: scale(1.05);transition: opacity 1.5s cubic-bezier(0.4, 0, 0.2, 1), transform 3s ease;}
.banner .swiper-slide .txt h1{ font-size: 7vw; font-weight:800; line-height: 0.85; letter-spacing: -3px; margin-bottom: 40px; color:#282444;opacity: 0.7;}
.banner .swiper-slide .txt h1 span{font-weight: 500;}
.banner .swiper-slide .txt h2{ font-size: 7vw; font-weight: 800; line-height: 0.85; letter-spacing: -3px; margin-bottom: 40px; color:#282444;opacity: 0.4;}
.banner .swiper-slide .txt h3{ font-size: 26px; font-weight: 500; line-height: 0.85; margin-bottom: 40px; color:#000;opacity: 1; padding-left:100px; position:relative;}
.banner .swiper-slide .txt h3::before {content: "";display: block; width:80px; height:3px;padding-bottom: 0;position: absolute;top: 10px;left: 0;background:#3d3a5c;}
.banner .banner-pagination {bottom:50px !important;}
.banner .banner-pagination .swiper-pagination-bullet {width:50px;height:5px;border-radius:0;background:#fff;opacity:1;margin:0 5px;}
.banner .banner-pagination .swiper-pagination-bullet-active { background:#3d3a5c;}
.banner .swiper-slide-active .txt div {opacity: 1; transform: scale(1); z-index: 2;}
.banner .discover-more-hero {position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%);display: flex; flex-direction: column; align-items: center; gap: 10px;
            z-index: 10; color:#999999; font-size: 10px; font-weight: 700; letter-spacing: 2px;cursor: pointer;}
.banner .scroll-arrow {width: 20px; height: 30px; border: 1px solid #ddd; border-radius: 15px; position: relative;}
.banner .scroll-arrow::after {content: ''; position: absolute; top: 5px; left: 50%; transform: translateX(-50%);width: 2px; height: 6px; background:#0052D9; border-radius: 2px;animation: scrollDown 2s infinite;}
@keyframes scrollDown { 0% { top: 5px; opacity: 0; } 50% { opacity: 1; } 100% { top: 20px; opacity: 0; } }


.h_tit { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 80px; position: relative; z-index: 10; }
.h_tit .tit h2{ font-size: 48px; font-weight: 700; font-style: italic; margin-bottom: 16px; }
.h_tit .tit h2 span{ color:#0052D9;}
.h_tit .tit h1 { font-size: 14px; font-weight: 700; letter-spacing: 4px; color:#0052D9; text-transform: uppercase; display: block; margin-bottom: 12px; }

.more {display: flex; align-items: center; gap: 12px;font-size: 11px; font-weight: 700; color:#0052D9;cursor: pointer; text-decoration: none; padding-bottom: 8px; border-bottom: 1px solid transparent;transition: all 0.3s;}
.more:hover { border-bottom-color:#0052D9; }
.more .line { width: 30px; height: 1px; background:#0052D9; transition: width 0.3s; position: relative; }
.more:hover .line { width: 50px; }

.ind01{ width:100%; position:relative; padding:120px 0; background:url(ind01bg.jpg) no-repeat; background-size:100% 100%;}
.ind01 form { margin-bottom: 20px; position:absolute; left:400px;}
.ind01 form input { padding:0 36px 0 50px; color:#292442; outline:none; font-size: 14px; line-height: 45px; width: 400px; height: 45px; background: none; border-radius: 50px;border:1px solid #0052D9;transition: all 0.4s; }
.ind01 form button { cursor: pointer; background: none; outline: none; color: #333; border: 0px; font-size: 20px; color: #333; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); }
.ind01 form button:hover { color:#292442; }
.ind01 form input::-webkit-input-placeholder { font-size: 14px; color: #999;   }
.ind01 form:focus-within  input{width: 440px;border-color: #0052D9;background: none;box-shadow: 0 10px 30px rgba(0, 82, 217, 0.15);}
.ind01 .box { width:100%; position:relative; display: flex;gap: 2%;}
.ind01 .box .item {aspect-ratio: 1 / 0.9; width:32%; position:relative;background:rgba(246,251,255,0.5); clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);display: flex;justify-content:center;align-items: center;text-align:center;box-shadow:0 40px 80px rgba(0,0,0,0.06); }
.ind01 .box .item .top h2{font-size: 0.45rem; margin-bottom: 8px; text-align:center;margin-top:0.8rem;}
.ind01 .box .item .top h3{font-size: 0.24rem; color:#0052D9; font-weight: 700; letter-spacing: 2px; margin-bottom: 40px; text-align:center;}
.ind01 .box .item .top h4 { width:50px;display: flex; align-items: center; gap: 12px;font-size: 11px; font-weight: 700; color:#0052D9;cursor: pointer; text-decoration: none; padding-bottom: 8px; border-bottom: 1px solid transparent;transition: all 0.3s; margin:0.9rem auto 0;}
.ind01 .box .item .top h4:hover { border-bottom-color:#0052D9; }
.ind01 .box .item .top h4 .line { width: 30px; height: 1px; background:#0052D9; transition: width 0.3s; position: relative; }
.ind01 .box .item .top h4:hover .line { width: 50px; }

.ind02{ width:100%; position:relative; padding:120px 0; background:#F5F5F7;}
.ind02 .box { display: grid; gap: 32px; grid-template-columns: repeat(2, 1fr); }
.ind02 .box .top{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 32px;}
.ind02 .box .top .tit h2{ font-size: 48px; font-weight: 700; font-style: italic; margin-bottom: 16px; }
.ind02 .box .top .tit h2 span{ color:#0052D9;}
.ind02 .box .top .tit h1 { font-size: 14px; font-weight: 700; letter-spacing: 4px; color:#0052D9; text-transform: uppercase; display: block; margin-bottom: 12px; }
.ind02 .box .txt{color:#666; font-size: 17px; line-height: 1.8; margin-bottom: 10px;}
.ind02 .box dl { display: flex;justify-content: center;align-items: center; padding:30px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top:15px;}
.ind02 .box dl dd{ width:33.333%; position:relative;}
.ind02 .box dl dd h4 {display: flex;align-items:center;}
.ind02 .box dl dd h4 strong { font-weight: bold; font-size:36px;color:#333; margin-right:10px;}
.ind02 .box dl dd h4 span{ font-size:30px; position:relative; color: #333;}
.ind02 .box dl dd h5{font-size: 12px; position: relative; color: #999999; }
.ind02 .box .img{width: 100%;display: flex; justify-content: flex-end; position: relative;}
.ind02 .box .img .wai{width: 80%; position: relative; overflow:hidden; border: 15px solid #fff;}
.ind02 .box .img .bg{position: absolute; top: -40px; right: -40px; width: 160px; height: 160px; border: 15px solid #E5EEFF; z-index: -1;}


.ind03{ width:100%; position:relative; padding:120px 0; background:url(ind03bg.jpg) no-repeat; background-size:100% 100%;}
.ind03 .box { display: grid; gap: 32px;grid-template-columns: repeat(4, 1fr); }
.ind03 .box .item {aspect-ratio: 1 / 1; height: auto; border: 1px solid #eee;display: flex; flex-direction: column; position: relative; overflow: hidden;transition: all 0.3s; background:#fff;border-radius: 50%;}
.ind03 .box .item a{ width:100%; height:100%; display:block; position:relative;}
.ind03 .box .item .img{ width:100%; position:relative; overflow:hidden;} 
.ind03 .box .item .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;transition: all 0.4s ease;}
.ind03 .box .item .img .hezi{padding-bottom:100% !important;}
.ind03 .box .item .img:before{content: ""; display:block;width: 100%;height: 100%;background:rgba(0,0,0,0.05);position: absolute;left: 0;top: 0; z-index:10;}
.ind03 .box .item:hover .img img { transform: scale(1.2);}
.ind03 .box .item .txt{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;text-align:center;display: flex;flex-wrap:wrap; justify-content:center;align-items: center; z-index:20;}
.ind03 .box .item .txt h2{font-size: 0.48rem; font-weight:700px; color:#fff;}

			
.ind04{ width:100%; position:relative; padding:120px 0; background:url(ind04bg.jpg) no-repeat; background-size:100% 100%;}
.ind04 .txt { width:100%; position:relative; }
.ind04 .txt a {display: flex; justify-content: space-between; align-items: center;padding: 32px 0; border-bottom: 1px solid #eee;text-decoration: none; color: inherit; transition: all 0.3s;}
.ind04 .txt a:hover { padding-left: 20px; color:#0052D9; }
.ind04 .txt a h1{font-size: 18px; font-weight: 600;}
.ind04 .txt a h2{ font-size: 14px; color:#999999; font-weight: 700; letter-spacing: 1px;}


 /* footer */
.footer {padding: 80px 0 30px;position: relative;background:#f9f9f9;}
.footer .top{display: flex;justify-content: space-between;margin-bottom: 80px;}
.footer .fo01 { width:65%; position:relative;}
.footer .fo01 ul {display: flex;justify-content: space-between;}
.footer .fo01 ul li h3 {margin-bottom: 10px;}
.footer .fo01 ul li h3 a { display: block; font-size:14px; color: #333; font-weight: bold; position:relative;}
.footer .fo01 ul li p a{ display:block;font-size: 12px;color:rgba(0,0,0,.5);line-height:30px;}
.footer .fo01 ul li p a:hover {color:rgba(0,0,0,1);}
.footer .fo02 { width:25%; position:relative; color:rgba(0,0,0,.5); margin-right:10%; font-size:12px; line-height:25px;}
.footer .fo02 img{ width:100px; margin-bottom:15px;}
.footer .fo03 { width:100%; position:relative; padding-top:30px; border-top:1px solid rgba(0,0,0,.1);color:rgba(0,0,0,.5);}
.footer .fo03 .container{display: flex;justify-content: space-between;align-items: center;font-size: 12px;}
.footer .fo03 .le {width: 50%;}
.footer .fo03 .le a{font-size: 12px; margin-right:5px;}
.footer .fo03 .re { width:50%;color:rgba(0,0,0,.5); text-align:right;}
.footer .fo03 .re a {font-size: 12px;color:rgba(0,0,0,.5); line-height:25px;}





/* n_banner */
.n_banner { width:100%;position: relative;overflow: hidden;margin-top:90px;}    
.n_banner img { width:100%;} 

/* n_nav_wap 滚动固定 */
.n_nav_wap.fixed {
    position: fixed;
    top: 90px;
    left: 0;
    width: 100%;
    z-index: 19;
    background: #fff;
    border-top: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    animation: slideDown 0.1s ease;
    border-bottom: 1px solid #ccc;
}
@keyframes slideDown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.n_nav_wap_fixed_placeholder {
    height: 60px;
}

/* 内页位置 */
.n_nav_wap{position: relative;border-bottom:1px solid #ccc;}
.n_nav_wap .con{display: flex; justify-content: center;align-items: center;height: 60px;line-height: 60px;}
.n_nav_wap .con .n_home{ width:35%;display: flex;align-items: center; font-size:12px;color: #555;}
.n_nav_wap .con .n_home a{font-size:12px;color: #555;}
.n_nav_wap .con .n_nav{ width:65%;}
.n_nav_wap .con .n_nav ul{display: flex; justify-content: flex-end;align-items: center;}
.n_nav_wap .con .n_nav ul li{margin-right: 30px;height: 60px;line-height: 80px;position: relative;}
.n_nav_wap .con .n_nav ul li a{ display:block;font-size:12px;position: relative;color: #555;height: 60px;line-height: 60px;}
.n_nav_wap .con .n_nav ul li a::after{content: "";width: 0;height: 3px;position: absolute;left: auto;right: 0;bottom:0;background: #2a2547;transition: all 0.6s;}
.n_nav_wap .con .n_nav ul li a:hover{color: #2a2547;}
.n_nav_wap .con .n_nav ul li a:hover:after{width: 100%;transition: all 0.6s;left: 0;right: auto;}
.n_nav_wap .con .n_nav ul li a.act{color: #2a2547;}
.n_nav_wap .con .n_nav ul li a.act::after{width: 100%;}


.n_tit { color: #333;padding-bottom:25px;position: relative;font-size: 28px; font-weight:normal;}
.n_tit::after {position: absolute;content: "";width: 50px;height: 3px;background-color:#00a0e9;left: 0px;bottom: 0px;}


/* n_about */
.n_about {width:100%;position: relative;padding: 80px 0;}
.n_about .con {width:100%;position: relative;line-height: 30px;margin-top:25px; min-height:350px; padding-bottom:50px; text-align:justify; font-size:14px;}
.n_about .con p{ line-height: 30px; }

.n_about .txt img{ max-width:100%;}

.n_main{ width:100%; position:relative;}
.n_main img{ max-width:100%;}


.a_tit { color: #333;padding-bottom:25px;position: relative;font-size: 28px; font-weight:normal; text-align:center;}
.a_tit::after {position:absolute;content:"";width:50px;height:3px;background:#00a0e9;left:50%;transform:translateX(-50%);bottom: 0;}

.about01{ width:100%; position:relative;background: linear-gradient(to bottom,#eaecfa 0%,transparent 30%);padding:60px 0;}
.about01 .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.about01 .bg img{width: 46%;position: absolute;left: 52%;top:70%;opacity:0.1;}
.about01 .contain{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;margin-top:60px;}
.about01 .data{width: 47%;position: sticky;top: 110px;}
.about01 .data .img{width: 100%;transition: all 2s linear; border-radius:20px;}
.about01 .data .img img{width: 100%;transition: all 2s linear; border-radius:20px;}
.about01 .data .img:hover img{transform: scale(1.08);}
.about01 .data {margin-top:45px;}

.about01 .txt{width: 47%;}
.about01 .txt h1{font-size:30px; font-weight:700;}
.about01 .txt .sum{font-size:24px;text-transform:uppercase;line-height:43px;margin-top:10px;background-image: -webkit-linear-gradient(#005771, #0086ae);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.about01 .txt .text{line-height:30px;margin: 40px auto 60px;text-align: justify;font-size:16px;}

.about02 {padding: 30px 0 0;position: relative;overflow: hidden;}
.about02 .con{width: 100%;position: relative;margin-top:40px;}
.about02 .swiper-slide .img img{width: 100%;transition: all 1s 2s linear;transform: scale(1.1);}
.about02 .swiper-slide-active .img img{transform: scale(1);transition: 6s linear;}
.about02 .list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;}
.about02 .list ul{width: 100%;height: 100%;display: flex;flex-wrap: wrap;}
.about02 .list li{flex: 1;border-left: 1px solid rgba(255, 255, 255, .1);transition: all .4s ease; padding-top:140px; text-align:center;}
.about02 .list li:first-child{border: unset;}
.about02 .list .txt{padding: 0 80px;position: relative;}
.about02 .list .txt::after{content: ""; position: absolute;left: -1px;top: 50%;transform: translateY(-50%);width: 3px;height: 90%;background: #fff;opacity: 0;transition: all .4s ease;}
.about02 .list h1{ font-size:0.48rem; font-weight:700; color:#fff;}
.about02 .list h2{transition: all .6s ease; font-size:0.3rem; line-height:28px; margin-top:30px; color:#fff;}
.about02 .list li:hover{background: rgba(42,37,71,0.7);}
.about02 .list li:hover .txt::after{opacity: 1;}


.about03{ width:100%; position:relative; padding:60px 0 120px; background:url(about03.jpg) no-repeat; background-size:100% 100%;}
.about03 .sum{font-size:16px; line-height:30px;  text-align:center; margin-top:20px;}
.about03 .container{ position:relative;max-width:1200px; margin:0 auto;}
.about03 .swiper2{width: 90%; margin:0 auto;}
.about03 .swiper2 .swiper-slide{width: 100%; position:relative;-webkit-transition: transform 1.0s;transform: scale(0.85);margin: 70px 0;}
.about03 .swiper2 .swiper-slide .img img{width: 100%;box-shadow: 0 0 10px 0 #ccc;}
.about03 .swiper2 .swiper-slide .tit{width:100%; line-height:60px; text-align:center; color:#2a2445; padding-left:30px; font-size:18px;}
.about03 .swiper2 .swiper-slide-active {-webkit-transform: scale(1.15);transform: scale(1.15);z-index: 1002;}
.about03 .hd{display: flex;justify-content:space-between;align-items: center; width:100%; position:absolute; left:0; top:40%;}
.about03 .hd span{width:35px;height:60px;transition:all .2s;display: flex;justify-content:center;align-items: center; z-index:5; border:1px solid #2a2445;}
.about03 .hd span:hover{ background:rgba(42,37,71,0.1);} 

.about04 { width:100%; position:relative;padding:90px 0 0;background-image:linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));}
.about04 .box { width:100%; position:relative; background:url(about04.png) bottom no-repeat;}
.about04 .box ul {display: flex;justify-content: flex-start;flex-wrap: initial;overflow: hidden;margin-top:50px;}
.about04 .box ul li {flex: 1 1 20%;overflow:hidden;width: 20%; height:550px;padding:20px 60px;position: relative;transition: 0.8s all; border-left:1px solid rgba(0, 0, 0, 0.1);}
.about04 .box ul li:last-child {margin-right: 0; border-right:1px solid rgba(0, 0, 0, 0.1);}
.about04 .box ul li .con {width:100%;}
.about04 .box ul li .con h1 {color: #999;margin-bottom: 10px;font-size:48px;}
.about04 .box ul li .con .txt { width:80%;font-size:16px;line-height:30px;color: #333;visibility: hidden;opacity: 0;transform: translateY(20px);animation-name: fadeInUp3;animation-duration: 1.5s;animation-fill-mode: both;}
.about04 .box ul li.on {width: 40%;flex: 1 1 40%;}
.about04 .box ul li.on .con h1 {color: #333;}
.about04 .box ul li.on .con .txt {transition: all 0.4s 0.3s linear;visibility: visible;opacity: 1;transform: translateY(0);}

.about05 { width:100%; position:relative; padding:80px 0;}
.about05 .box { width:100%; position:relative;margin-top:40px;}
.about05 .box ul {display: flex;flex-wrap: wrap;justify-content:center;overflow: hidden;}
.about05 .box ul li {width: 17%;position: relative; border-radius:20px 0 20px 0; padding:10px 20px; background:#fff;box-shadow: 0 0 10px 0 rgba(42,37,71,0.5);margin:20px 1.2% 20px 20px;}
.about05 .box ul li:nth-child(5n) {margin-right: 0;}
.about05 .box ul li a {width: 100%; display:block;}
.about05 .box ul li img {width: 100%;}

.equ { width:100%; position:relative; padding:80px 0;}
.equ .top { width:100%; position:relative; text-align: center; }
.equ .top h1 { font-size:28px; color: #333; margin-bottom:10px;}
.equ .top h2 { font-size:14px; color: #666;}
.equ ul { width:100%; position:relative;}
.equ ul li { position: sticky; top: calc(50px + 88px); overflow: hidden; border-radius:12px; margin-top:60px; background: #fff; }
.equ ul li a { width: 100%; position:relative; display: block; }
.equ ul li a:before { content: ""; width: 60%; height: 100%; position: absolute; left: 0; top: 0;background-image:linear-gradient(to right, rgba(42,36,69,0.3), rgba(42,36,69,0)); z-index:10; }
.equ ul li .img { width: 100%; position:relative;transition:all 0.4s; }
.equ ul li .img img{ width: 100%;transition:all 0.4s; }
.equ ul li .txt {width:100%;padding:60px;position:absolute;left:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end; z-index:20; }
.equ ul li .txt .sum h1 { font-size:30px; color: #fff;}
.equ ul li .txt .sum h2 { font-size:16px; color: #fff; margin:20px 0 30px; }
.equ ul li .txt .sum h2 span { position: relative; padding-right:15px; margin-right:15px; }
.equ ul li .txt .sum h2 span:before { content: ""; width: 1px; height: 60%; background: #fff; position: absolute; right: 0; top:5px; }
.equ ul li .txt .sum h3 { font-size:12px; color: #fff; margin-top:20px; }
.equ ul li .txt .geng {width:160px;height:50px;font-size:16px;background:#fff;color:#151515;border:1px solid #fff;border-radius:50px;transition: all .4s ease;display:flex;align-items:center;justify-content: center; }
.equ ul li:hover .txt .geng { background:#0051A2; border-color:#0051A2; color:#fff; }
.equ ul li:hover img { transform: scale(1.05); }

.xw01 { width:100%; position:relative; padding:60px 0;}
.xw01 .item{display: block;width: 100%;margin-bottom:40px; transition: all .3s; background:#fff; border-radius:20px;}
.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; border-radius:20px;} 
.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: 60%; position:relative; margin:0 5%;}
.xw01 .item .text h1{font-size:14px;color: #333;margin-bottom:0.2rem;font-weight: 500;display: flex;align-items: center;}
.xw01 .item .text h1 img{ width:14px; margin-right:10px;}
.xw01 .item .text h2{font-size:18px;color: #000;margin-bottom:20px;font-weight: 500;}
.xw01 .item .text h3{font-size:14px;line-height: 30px;color: #666;}
.xw01 .item .text h4 {display: inline-block;min-width:120px;line-height:44px;height:44px;border-radius: 27px;font-size:12px; color: #2a2445;transition: all 0.6s ease; margin-top:0.3rem;}
.xw01 .item .text h4 i {display: inline-block;vertical-align: middle;position: relative;top: -2px;width:14px;height:10px;margin-left: 10px;transition: all 0.6s ease;background-image: url({TPL}images/more2.png);}
.xw01 .item:hover{box-shadow: 0 2px 30px rgba(42,37,71,0.3); background:#fff;}
.xw01 .item:hover .img img{transform: scale(1.1);}
.xw01 .item:hover .text h2 {color: #2a2445;}
.xw01 .item:hover .text h4 {color: #fff;background: #2a2445;padding: 0 15px;}
.xw01 .item:hover .text h4 i {background-image: url({TPL}images/more.png);transform: translateX(5px);}
 
.xw_show { width:100%; position:relative; padding:30px;box-shadow: 0 2px 20px rgba(0, 0, 0, 0.35); margin:60px 0;display: flex;justify-content: space-between;}
.xw_show .txt {width: calc(100% - 320px);overflow: hidden; background:#fff; padding:30px; line-height:30px;}
.xw_show .txt .time{display: flex;align-items:center;font-size: 14px;color: #aaaaaa;margin-bottom:30px;}
.xw_show .txt .time img{ width:15px; margin-right:10px;}
.xw_show .txt .tit{font-size:20px;color: #000;margin-bottom:20px;font-weight: 500;}
.xw_show .zui {width: 320px;position: relative; background:#fff; padding:30px;}
.xw_show .zui .top {gap: 20px;display: flex !important;}
.xw_show .zui .top h5{ font-size:18px; font-weight:700;flex-shrink: 0 !important;margin-bottom: 0 !important;}
.xw_show .zui .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(42,37,71,0.2);align-self: flex-end !important;}
.xw_show .zui .top span::before {content: "";position: absolute;left: 0;top: 0;width: 45px;height: 2px;background: #2a2547;}
.xw_show .zui .bot{width: 100%; position: relative; margin-top:30px;}
.xw_show .zui .bot li{height: 50px;line-height:50px;font-size:14px; padding:0 15px;color: #333333;background:rgba(25,121,189,0.1); margin-bottom:10px;}
.xw_show .zui .bot li a{color: #333333;display: block;}
.xw_show .zui .bot li:hover{background:#2a2547;}
.xw_show .zui .bot li:hover a{color: #fff;}




.n_lian {width: 100%; position:relative; margin-top:60px;}
.n_lian .container {display: flex;}
.n_lian .wen {width: 40%; position:relative; background:rgba(42,37,71,0.8); padding:40px; font-size:14px; color:#fff; line-height:30px;}
.n_lian .wen h1{ font-size:22px; font-weight:700; color:#fff;}
.n_lian .wen h2{ font-size:28px; font-weight:700; color:#fff; line-height:70px;}
.n_lian .wen h3{ width:100%; font-size:14px; color:#fff; line-height:30px;}
.n_lian .wen h4{ width:100%; font-size:30px; color:#fff; line-height:30px; border-top:1px dotted #fff; margin-top:30px; padding-top:30px;}
.n_lian .wen img{ width:150px;}
.n_lian .map {width: 60%; position:relative;}

.n_form { width:100%; position:relative; background:#f2f2f2; padding:60px 0; margin-top:60px;}
.n_form .tit{ width:100%; font-size:30px; font-weight:500; color:#333; position:relative; padding-bottom:10px; margin-bottom:30px; text-align:center;}
.n_form .tit:before{ content:""; position:absolute; width:50px; 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:60px; box-sizing: border-box;}
.n_form ul li{ width:48%;margin-bottom:20px;position: relative; border:1px solid #ddd;}
.n_form ul li:nth-child(5){ width:100%;}
.n_form ul li:nth-child(6){ width:100%;}
.n_form ul li:nth-child(7){ 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;}
.n_form .captcha_li{ border:none!important; }
.n_form .captcha_box{ display:flex; align-items:center; width:100%; background:#f2f2f2; min-height:49px; padding:0 10px; box-sizing:border-box;}
.n_form .captcha_input{ flex:1; min-width:80px; margin-right:10px;}


.zp01{ width:100%; position:relative; padding:80px 0 40px;}
.zp01 .box{ width:100%; position:relative;}
.zp01 .box:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0;background-image:linear-gradient(to right, rgba(42,36,69,0.9), rgba(42,36,69,0.3)); border-radius:20px; z-index:10; }
.zp01 .img{width:100%; position:relative; overflow:hidden;}
.zp01 .img img{width:100%; transition:.5s; border-radius:20px;}
.zp01 .txt{width:50%;height:100%;position: absolute; left: 0; top: 0; padding:60px; z-index:20;display: flex;align-items: center; }
.zp01 .txt .sum{width:100%; position:relative;}
.zp01 .txt .sum h1{font-size:22px;color: #fff; font-weight:500; margin-bottom:30px;}
.zp01 .txt .sum h2{font-size:14px;color: #fff; font-weight:500; line-height:24px;}

.zp02{ width:100%; position:relative; padding:0 0 80px;}
.zp02 .items{display:flex;flex-wrap:wrap;margin-top:40px;}
.zp02 .items .item{width:32%;margin-right:2%;box-shadow:0 0 13px 0 rgba(0,121,171,0.1);position:relative}
.zp02 .items .item:nth-child(3n){margin-right:0}
.zp02 .items .item .img{ width:100%; position:relative;}
.zp02 .items .item .img img{ width:100%;border-radius:10px;}
.zp02 .items .item .img img:nth-child(2){ display:none;}
.zp02 .items .item .txt{ width:100%; height:100%;position: absolute; left: 0; top: 0; padding:40px 30px;}
.zp02 .items .item .txt h1{ font-size:18px; font-weight:500;color:#333;margin-bottom:20px;transition:all .4s;}
.zp02 .items .item .txt h2{ font-size:14px; font-weight:500;color:#666;transition:all .4s;line-height:25px}
.zp02 .items .item:hover .img img:nth-child(1){ display:none;}
.zp02 .items .item:hover .img img:nth-child(2){ display:block;}
.zp02 .items .item:hover h1{color:#fff}
.zp02 .items .item:hover h2{color:#fff;}


.zhaopin {background: #f6f7f9; padding:90px 0;}
.zhaopin ul li {background: #fff;margin-bottom: 10px; border-radius:20px 0 20px 0;}
.zhaopin ul li .top {display: flex;align-items: center;height: 90px;cursor: pointer;transition: all 0.5s;background:rgba(42,36,69,0.2); border-radius:20px 0 20px 0;}
.zhaopin ul li .top .tit {width:22%; font-size:14px;display: flex;align-items: center;padding: 0 20px;color: #333;transition: all 0.5s;}
.zhaopin ul li .top .ico {width:12%;height: 100%;padding: 0 20px;background:url(xia.png) no-repeat center;transition: all 0.5s;}
.zhaopin ul li.on .top {background:rgba(42,36,69,1);color: #fff;}
.zhaopin ul li.on .top .tit {color: #fff;}
.zhaopin ul li.on .top .ico {background-image: url(xia02.png);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.zhaopin ul li .bot {display: none;padding: 50px 50px 80px;color: #666;line-height: 30px; font-size:14px;}


.fang01 { width:100%; position:relative; background:url(bg01.jpg) no-repeat; background-size:100% 100%; padding:90px 0 0;}
.fang01 .item{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;flex-direction: row-reverse; padding-bottom:90px;}
.fang01 .item .img{width: 40%;display: flex;align-items: center;justify-content: center; border-radius:10px;}
.fang01 .item .img img{max-width: 100%;max-height: 100%; border-radius:20px;}
.fang01 .item .con{width: 50%;}
.fang01 .item .con .title{ font-size:36px; font-weight:700; color:#000;}
.fang01 .item .con .text{text-align: justify; font-size:16px; line-height:30px; color:#333; margin-top:20px;}
.fang01 .item .con .text p{margin-bottom:20px;}


.fang02 { width:100%; position:relative; background:url(bg02.jpg) no-repeat; background-size:100% 100%; padding:90px 0;}
.fang02 .item{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-bottom:60px; padding-bottom:60px; border-bottom:1px solid #ccc;}
.fang02 .item .img{width: 41%;display: flex;align-items: center;justify-content: center; border-radius:10px;}
.fang02 .item .img img{max-width: 100%;max-height: 100%; border-radius:20px;}
.fang02 .item .con{width: 41%;}
.fang02 .item .con .title{ font-size:36px; font-weight:700; color:#000;}
.fang02 .item .con .text{text-align: justify; font-size:16px; line-height:30px; color:#333; margin-top:20px;}
.fang02 .item .con .text p{ position:relative;padding-left:20px;}

.fang02 .item .con .text p::before{content:"";position:absolute;left:0;top:10px;width:9px;height:9px;background:rgba(40,36,67,0.5);border-radius:50%;}
.fang02 .item:nth-child(2n){flex-direction: row-reverse;}
.fang02 .item:last-child{ border-bottom:none;}


@keyframes anim-out{0%{width:0%}100%{width:100%}}
@keyframes anim-out-pseudo{0%{background:rgba(255,255,255,.5)}100%{background:0 0}}