/* base公共样式 */
@font-face {
    font-family: 'MiSans';
    src: url('HarmonyOS.ttf') format('truetype');
}
* {padding: 0;margin: 0;  box-sizing: border-box;}
html {font-size: calc(100vw/19.2);}
@media (max-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"; background:#f4f7ff;}
@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;} 

 
/* End */
.icen {max-width: 1140px;width: 100%; position:relative;padding:0 20px;margin:0 auto;}
.icen1 {max-width: 1400px;width: 100%; position:relative;padding:0 20px;margin:0 auto;}
@media (min-width: 992px) {.icen {width: 90%;}}
@media (min-width: 1200px) {.icen {width: 88.888%;}}
@media (min-width: 1600px) {.icen {width: 75.67%;}}
 

/* header */
.header{width: 98%; height:0.55rem; line-height:0.55rem;margin:0.1rem 1% 0;position: fixed;top: 0;left: 0;z-index: 20;transition: all .3s; border-radius:0.25rem; padding:0 0.08rem;}
.header .box{width: 100%;display: flex;align-items: center;}
.header .logo{width: 2.5rem; position:relative;}
.header .logo img{width: 1.8rem;}
.header .logo .logo02{display: none;}
.header .nav{width: calc(100% - 4rem);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: 0.55rem;line-height: 0.55rem;font-size: 0.18rem;color: #fff;position: relative;padding: 0 0.15rem;}
.header .lang { width:1.5rem;height: 0.4rem; border-radius:0.2rem; background:#e9fd5d;position: relative; text-align:center;}
.header .lang a {width:1.5rem;height: 0.4rem; line-height:0.4rem; border-radius:0.2rem;font-size:0.16rem;color:#003e52;transition:all 0.4s;}

.header:hover{background: #fff;}
.header:hover .logo01{display: none;}
.header:hover .logo02{display: block;}
.header:hover .nav ul li a{color: #003e52;}
.header:hover .nav ul li:hover>a{color: #e9fd5d;}
.div1.header{background: #fff;}
.div1.header .logo01{display: none;}
.div1.header .logo02{display: block;}
.div1.header .nav ul a{color: #003e52;}


#about .header{background: #fff;}
#about .header .logo01{display: none;}
#about .header .logo02{display: block;}
#about .header .nav ul a{color: #003e52;}
 
/*banner*/
.banner{ width:100%; height:100vh;position:relative;}
.banner .box { width:100%;position:relative;}
.banner .box .img{width:100%; height:100%;}
.banner .box .img img{width:100%; height:100vh; z-index:0;}
.banner .box .txt { width: 100%; height:100%; position:absolute; left:0;top:0;display: flex; align-items: center;z-index:10; text-align:center; }
.banner .box .txt div{ width: 100%;}
.banner .box .txt h1{ font-size:0.8rem;font-weight:500;margin-bottom:0.15rem;color:#fff;}
.banner .box .txt h2{ font-size:0.8rem;font-weight:500;margin-bottom:0.15rem;color:#fff;}

.s_tit{ width:100%;position:relative; font-size:0.6rem; font-weight:500; color:#003e52; padding-bottom:0.2rem; margin-bottom:0.2rem; border-bottom:1px solid #003e52; text-align:center;}
.s_tit h1{ width:100%; font-size:0.6rem; font-weight:500; color:#003e52;}
.s_tit h2 { width:1.3rem; height:0.36rem; line-height:0.36rem; border-radius:0.18rem; text-align:center; position:absolute; right:0; top:0.25rem;}
.s_tit h2 a { display:block; font-size:0.16rem; color:#003e52; background:#e9fd5d; border-radius:0.18rem; border:1px solid #e9fd5d;}
.s_tit h2 a:hover { background:none; border:1px solid #003e52;}


.ind01 {width:100%; height:3rem;position: relative; background:#c4cddd;display: flex;align-items: center;}
.ind01 .icen{ text-align:center;}
.ind01 .icen p{ font-size:0.42rem;font-weight:500;margin-bottom:0.1rem;color:#003e52;}

.ind02{width:100%; position: relative; margin-top:0.9rem;}
.ind02 .box{ width:100%; position:relative;}
.ind02 .box .sum{width:100%; font-size: 0.3rem;line-height: 0.4rem; color: #003e52; text-align:center;}

.ind03{width:100%; position: relative; margin-top:0.9rem;}
.ind03 .box{ width:100%; position:relative;}
.ind03 .box .sum{width:100%; font-size: 0.3rem;line-height: 0.4rem; color: #003e52; text-align:center;}
.ind03 .con {width:100%;position: relative;margin-top:0.6rem;}
.ind03 .con ul {display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.ind03 .con ul li {width: 3.4rem; height:3.4rem; position: relative; border:1px solid #999; border-radius:50%;display: flex; justify-content: center;align-items: center;}
.ind03 .con ul li .tit { width:80%; margin:0 auto; position:relative; text-align:center; font-size: 0.3rem; color:#003e52;}

.ind04 {width:100%; height:4.2rem;position: relative; background:#c4cddd;display: flex;align-items: center; margin-top:0.9rem;}
.ind04 .icen{ text-align:center;}
.ind04 .icen h1{ font-size:0.42rem;font-weight:500;margin-bottom:0.3rem;color:#fff;}
.ind04 .icen p{ font-size:0.26rem;font-weight:500;margin-bottom:0.06rem;color:#003e52;}
.ind04 .more { width:1.8rem; height:0.36rem; line-height:0.36rem; border-radius:0.18rem; color:#fff; text-align:center; font-size:0.16rem; margin:0.4rem auto 0;}
.ind04 .more a { display:block; color:#003e52; background:#fff; border-radius:0.18rem; border:1px solid #fff;}
.ind04 .more a:hover { background:#e9fd5d; border:1px solid #e9fd5d;}

 /* footer */
.footer {padding: 0.6rem 0 30px;position: relative;background:#003e52;}
.footer .top{display: flex;justify-content: space-between;}
.footer .fo01 { width:30%; position:relative;}
.footer .fo01 img { width:1.8rem;}
.footer .fo02 { width:32%; position:relative;}
.footer .fo02 p a{ display:block;font-size: 0.26rem;color:#fff;line-height:0.4rem;}
.footer .fo02 p a:hover {color:rgba(255,255,255,1);}
.footer .fo03 { width:38%; position:relative;}
.footer .fo03 p{font-size: 0.16rem;color:#fff;line-height:30px;display: flex;align-items: center; margin-bottom:0.3rem;}
.footer .fo03 p a{ color:#fff;}
.footer .fo03 p img{ width:0.3rem; margin-right:0.3rem;}
.footer .fo03 p:hover {color:rgba(255,255,255,1);}
.footer .fo04 { width:100%; position:relative;font-size: 0.14rem; color:#fff;margin-top: 0.9rem;}
.footer .fo04 .top{ width:100%; position:relative;}
.footer .fo04 .top ul {display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.footer .fo04 .top ul li {width: 0.25rem; position: relative; margin-right:0.1rem;}
.footer .fo04 .top ul li img{ width:0.25rem;} 
.footer .fo04 .box{ width:100%;display: flex;justify-content: space-between;align-items: center;margin-top: 0.2rem;}
.footer .fo04 .box a {font-size: 0.14rem;color:#fff;}
.footer .fo04 .box .le {width: 50%;}
.footer .fo04 .box .re { width:50%;text-align:right;}


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


.n_main{color:#333; margin-top:60px;}
.n_main .n_title{ font-size:36px; text-align:center;margin: 0 auto 50px;}

/* 关于我们 */
.n_about{width: 100%;position: relative; padding:30px 0 150px; color:#333; line-height:30px; text-align:justify;}
.n_about .n_txt{ font-size:16px; line-height:30px; min-height:350px; line-height:30px; text-align:justify;}
.n_about .n_txt img{ max-width:100%;}

.ab01{ width:100%; height:100vh; position:relative;}
.ab01 .icen1{ height:100%;display: flex;justify-content:space-between;align-items: center;}
.ab01 .icen1 .img{width: 40%; position:relative; z-index:8;}
.ab01 .icen1 .img img{width: 100%;}
.ab01 .icen1 .txt{width: 55%; position:relative;display: flex; justify-content: center;align-items: center; font-size:0.24rem; line-height:0.4rem; color:#003e52; z-index:10;}
.ab01 .icen1 .txt p{ margin-bottom:0.2rem;}
.ab01 .float{width: 100%; position:absolute; left:0; bottom:10%; text-align:center; z-index:9;animation:float 3s ease-in-out infinite;}
.ab01 .float img{width:5.8rem;}
@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-30px)}to{transform:translatey(0)}}


.ab02{width:100%; position: relative; margin:0.9rem 0;}
.ab02 .top{ width:100%; font-size:0.6rem; font-weight:500; color:#003e52; padding-bottom:0.2rem; margin-bottom:0.2rem; border-bottom:1px solid #003e52;}
.ab02 .sum{width:100%; font-size: 0.3rem;line-height: 0.4rem; color: #003e52; margin-top:0.3rem; text-align:center;}
.ab02 .sum h1{width:100%; font-size: 0.36rem; font-weight:700;line-height: 0.4rem; color: #003e52; margin-bottom:0.15rem;}
.ab02 .sum h2{width:100%; font-size: 0.3rem; font-weight:700;line-height: 0.4rem; color: #003e52;}
.ab02 .sum p{margin-bottom:0.15rem;}
.ab02 .img{width:100%;position: relative; margin-top:0.4rem;}
.ab02 .img img{width:100%;}

.ab03{width:100%; position: relative; margin:0.9rem 0;}
.ab03 .top{ width:100%; font-size:0.6rem; font-weight:500; color:#003e52; padding-bottom:0.2rem; margin-bottom:0.2rem; border-bottom:1px solid #003e52; text-align:center;}
.ab03 .sum{width: 100%; font-size: 0.3rem;line-height: 0.4rem; color: #003e52; text-align:center;}
.ab03 .con {width:100%;position: relative;margin-top:0.6rem;}
.ab03 .con ul {display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.ab03 .con ul li {width: 3.4rem; height:3.4rem; position: relative; border:1px solid #999; border-radius:50%;display: flex; justify-content: center;align-items: center;}
.ab03 .con ul li .tit { width:80%; margin:0 auto; position:relative; text-align:center; font-size: 0.3rem; color:#003e52;}

.ab04{width:100%; position: relative; margin:0.9rem 0;}
.ab04 .top{ width:100%; font-size:0.6rem; font-weight:500; color:#003e52; padding-bottom:0.2rem; margin-bottom:0.2rem; border-bottom:1px solid #003e52; text-align:center;}
.ab04 .img{width:100%; position: relative; margin-top:0.3rem; text-align:center;}
.ab04 .img img{width:100%; max-width:6rem;}
.ab04 .sum{width:100%; font-size: 0.3rem;line-height: 0.4rem; color: #003e52; margin-top:0.2rem; text-align:center;}
 
.ab05{width:100%; position: relative; margin:0.9rem 0;text-align:center;}
.ab05 .sum{width:100%; font-size: 0.3rem; line-height: 0.4rem; color: #003e52; background:#dddddb; padding:0.4rem 0.3rem;}




.fw01{ width:100%; height:40vh; position:relative; padding-top:1.2rem;}
.fw01 .icen{ height:100%;display: flex;justify-content:space-between;}
.fw01 .icen .img{width: 50%; position:absolute; right:0; top:15%;animation:float1 3s ease-in-out infinite; z-index:-1;}
.fw01 .icen .img img{width: 100%; z-index:-1;}
.fw01 .icen .txt{width: 100%; position:relative;display: flex; justify-content: center;align-items: center; font-size:0.48rem; line-height:0.6rem; color:#003e52; z-index:10; text-align:center;}
@keyframes float1{0%{transform:translatey(0)}50%{transform:translatey(-40px)}to{transform:translatey(0)}}


.fw02{width:100%; position: relative; margin-top:0.9rem;}
.fw02 .top{ width:100%; font-size:0.6rem; font-weight:500; color:#003e52; padding-bottom:0.2rem; margin-bottom:0.2rem; border-bottom:1px solid #003e52;}
.fw02 .sum{width: calc(100% - 1.3rem); font-size: 0.3rem;line-height: 0.4rem; color: #003e52;}
.fw02 .con{ width:100%; position: relative; margin-top:0.3rem;display: flex;}
.fw02 .item{ width:60%; position: relative; color: #003e52; margin-right:5%;}
.fw02 .item.has-line{background-image:url(xian.svg);background-repeat:no-repeat;background-size:contain;background-position-y:2.1rem;background-position-x:90%}
.fw02 .item h1{ width:100%; font-size:0.36rem; margin-bottom:0.4rem;}
.fw02 .item h2{ width:100%; font-size:0.36rem; padding-left:0.3rem; margin-bottom:0.1rem;}
.fw02 .item .des{ width:100%; padding-left:0.6rem; display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.fw02 .item .des span{ font-size:0.3rem;}
.fw02 .item .des img{ width:1.8rem;}
.fw02 .item .des1 img{ margin-right:0.2rem;}
.fw02 .item .des2 img{ margin-right:-0.1rem;}
.fw02 .item .des3 img{ margin-right:0.3rem;}
.fw02 .item .des4 img{ margin-right:0.1rem;}
.fw02 .item .des5 img{ margin-right:0.1rem;}

.fw02 .biao{ width:35%; position: relative;}
.fw02 .biao .b_form {width:100%;position: relative; padding:0.2rem; margin-top:1rem; background:#003e52;display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.fw02 .biao .b_form .li{ width:48%;margin-bottom: 20px;position: relative;}
.fw02 .biao .b_form .li.li1{ width:100%;}
.fw02 .biao .b_form .li.li2{ width:100%; margin-top:10px; font-size:16px; height:40px; border:none;}
.fw02 .biao .b_form .li.li3{ width:58%;}
.fw02 .biao .b_form .li.li4{ width:38%;}
.fw02 .biao .b_form .li h4{ font-size:12px; font-weight:700; color:#999;border:none; margin-bottom:5px;}
.fw02 .biao .b_form .li .inp{height: 40px; background: #fff;width: 100%;padding-left: 10px;font-size: 14px;color: #333;outline:none; border:1px solid #ddd; border-radius:0.05rem;}
.fw02 .biao .b_form .li textarea{height:90px;border:none;background: #fff;width: 100%;padding-left: 10px; padding-top:15px; font-size: 14px;color:#333;outline:none; border-radius:0.05rem;}
.fw02 .biao .b_form .li textarea::-webkit-input-placeholder {font-family:"MiSans";font-size: 14px;color: #333;}
.fw02 .biao .b_form .select{position: relative;display: block;}
.fw02 .biao .b_form .select select {display: block;width: 100%;height: 39px;padding: 6px 5px;outline: none; font-size: 14px;background: #fff;color: #333;border:none; border-radius:0.05rem;}
.fw02 .biao .b_form .select i {position: absolute;top: 2px;right: 2px;width: 28px;height: 35px;background: #fff;pointer-events: none;}
.fw02 .biao .b_form .select i:after,
.fw02 .biao .b_form .select i:before {content: '';position: absolute;right: 10px;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.fw02 .biao .b_form .select i:after {bottom: 12px;border-top: 4px solid #404040;}
.fw02 .biao .b_form .select i:before {top: 12px;border-bottom: 4px solid #404040;}
.fw02 .biao .b_form .btn{width: 100%;height: 40px;border:none;background: #26bdd4;color: #fff;font-size: 14px;outline:none;transition:.3s;}
.fw02 .biao .b_form .btn:hover{background: #fff;color: #333;}




.fw03{width:100%; position: relative; margin:0.9rem 0;}
.fw03 .sum{width:100%; font-size: 0.3rem; line-height: 0.4rem; color: #003e52; border:1px solid #999; padding:0.4rem 0.3rem;}

 
.lx01{ width:100%; height:100vh; position:relative;}
.lx01 .icen{ height:100%; display: flex;justify-content:space-between;align-items: center;}
.lx01 .icen .txt{width: 55%; font-size:0.24rem; line-height:0.4rem; color:#003e52; z-index:10;display: flex;}
.lx01 .icen .txt .item{ width:50%; position:relative;}
.lx01 .icen .txt .item h2{ font-size:0.36rem; font-weight:700; color:#003e52; margin-bottom:0.3rem;}
.lx01 .icen .txt .item p{ font-size:0.21rem; font-weight:500; color:#333; line-height:0.35rem;}
.lx01 .icen .form{width: 40%; z-index:8; margin-top:0.6rem;}
.lx01 .icen .form .item{ width:100%;margin-bottom: 10px;position: relative;}
.lx01 .icen .form .item:nth-child(4){ border:none;}
.lx01 .icen .form .inp{height: 0.5rem;background:none; border:1px solid #999;width: 100%;padding-left: 15px;font-size: 0.16rem;color: #333;outline:none; border-radius:0.25rem;}
.lx01 .icen .form textarea{height: 1.2rem;background:none; border:1px solid #999;width: 100%;padding-left: 15px; padding-top:15px; font-size: 0.16rem;color:#333;outline:none; border-radius:0.2rem;}
.lx01 .icen .form textarea::-webkit-input-placeholder {font-family:MiSans;}
.lx01 .icen .form .btn{width:1.5rem;height: 0.45rem;border:none;background: #003e52;color: #fff;font-size: 0.14rem;outline:none;transition:.3s; margin-top:0.2rem;}
.lx01 .icen .form .btn:hover{background: #e9fd5d;color: #003e52;}