@import url("animate.css");
@import url("swiper.css");
@font-face {
  font-family: "HarmonyOS-Medium";
  src: url(../fonts/HarmonyOS_Sans_SC_Medium.ttf);
}
.HarmonyOS-Medium{ font-family: "HarmonyOS-Medium";}
body { min-width: 1000px;}
.wpLg { width: 77%; margin: 0 auto; }
.borderd4d9e2{border-bottom: 1px solid #d4d9e2;}

.header{position: fixed;top:0; left: 0;right: 0;z-index: 50;padding-bottom: .15rem;}
.head_wit {background-position: center top;background: linear-gradient(-90deg,#3da7b4 0%,#3da7b4 100%);}

.header .logo{margin-right: 1.4rem;}
.header .logo img{transition: .3s;}
.header .hd-nav li{line-height: .36rem;font-size: .18rem;position: relative;}
.header .hd-nav li:hover>a::after {content: "";position: absolute;left: 50%;left: 50%;transform: translateX(-50%);bottom: -15px;border-bottom: 10px solid #fefeff;border-left: 0.06rem solid transparent;border-right: 0.06rem solid transparent;border-bottom: 0.12rem solid #ffffff;}
.header .hd-nav li.active>a::after {content: "";position: absolute;left: 50%;left: 50%;transform: translateX(-50%);bottom: -20px;border-left: .06rem solid transparent;border-right: .06rem solid transparent;border-bottom: .12rem solid #ffffff;}
.head_wit .hd-nav li.active>a::after {content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -15px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #ffffff;}
/* .header .hd-nav li:hover>a{color: #48c7d5;} */
.header .hd-nav li>a{display: block;line-height: .36rem;position: relative;color: #fff;font-weight: bold;text-align: center;}
.header .hd-nav  li .sub-nav{position:absolute;top:100%;left:50%;z-index:99;padding-top:0.16rem;min-width: 1.6rem;transform: translateX(-50%);opacity: 0;visibility: hidden;transition: .3s;}
.header .hd-nav  li .sub-nav .sub-nav-h{text-align:center;position: relative;background: #fff;padding: .1rem 0;box-shadow: 0 0 10px rgba(0,0,0,.3);background: #fff;border-radius: 0 0 .1rem .1rem;overflow: hidden;}
.header .hd-nav  li .sub-nav .sub-nav-h:after{content: '';height: 3px;width: 100%;position: absolute;left: 0;top: 0;background:#3da7b4;}
.header .hd-nav  li .sub-nav .sub-nav-h a{display:block;font-size:.16rem;padding:0 .13rem ;margin-bottom: 1px;background: #fff;;white-space: nowrap;line-height: .45rem}
.header .hd-nav  li .sub-nav .sub-nav-h a:hover{background:#3da7b4;color:  #ffffff}
.header .hd-nav  li:hover .sub-nav{opacity: 1;visibility: inherit; }
.header .searchBox{position: absolute;top: 0.42rem;right: 0;}
.header .serinp{width: 2.16rem;visibility: inherit;transition: .3s;}
.header .serinp input{width: 100%;height: .32rem;padding: 0 .3rem 0 .1rem;line-height: .28rem;font-size: .16rem;border-radius: .32rem;color: #333;background-color: #ffffff;border: none;}
.header .serinp input::-webkit-input-placeholder{color:#8d99a3;}
.header .serinp input:-ms-input-placeholder {color:#8d99a3;}
.header .serbtn{width: .48rem;height: .18rem;position: absolute;top:0.07rem;right: 0;}
.header .serbtn img{margin: 0 auto;}

html, body, .banner, .banner .slick, .banner .slick div, .banner .slick-slide a, .banner .slick-slide a img {width: 100%;height: 100%;}
.banner .slick {position: relative;z-index: 9;}
.banner .slick-slide a img {display: block;position: relative;z-index: 7;transition: all 8s;}
.banner .slick-prev, .banner .slick-next {z-index: 999;transition: all 0.5s;width: 0.5rem;height: 0.68rem;background-color: rgba(0, 0, 0, .4);}
.banner .slick-prev {background: rgba(0, 0, 0, .4) url(../imgs/index/banner-l.png) no-repeat;background-position: center center;left: 0;}
.banner .slick-next {right: 0;background: rgba(0, 0, 0, .4) url(../imgs/index/banner-r.png) no-repeat;background-position: center center;}
.banner .slick-dots {bottom: .4rem;display: flex !important;justify-content: flex-end;align-items: center;font-size: 0;left: 0;right: 0;width: auto;max-width: 14rem;margin: 0 auto;}
.banner .slick-dots li {position: static;position: relative;font-size: 0;background-color: #ffffff;border-radius: .06rem;margin: 0 .1rem;transition: all 0.3s;width: 0.12rem;height: 0.12rem;background-color: #ffffff;}
.banner .slick-dots li button {display: none;}
.banner .slick-dots li.slick-active {width: 0.36rem;}
.banner #downPage {position: absolute;left: 50%;transform: translateX(-50%);bottom: .35rem;z-index: 9;cursor: pointer;}
.banner #downPage img {display: block;animation: bb 2s linear 0s infinite;}
@keyframes bb {
    0% {
        transform: translate(0, 0);
        opacity: 0;
    }

    20% {
        transform: translate(0, 3px);
        opacity: 1;
    }

    80% {
        transform: translate(0, 10px);
        opacity: 1;
    }

    90% {
        transform: translate(0, 10px);
        opacity: 0;
    }

    100% {
        transform: translate(-50%, 10px);
        opacity: 0;
    }
}

.index {font-size: 0;position: fixed;top: 100%;left: 0;right: 0;bottom: 0;overflow: hidden;z-index: 99;background: #fff;}
.block1{position: relative;}
.block1::before {content: "";position: absolute;left: 0;right: 0;top: 0;height: 12.34rem;background: url(../imgs/index/bigBg.png) no-repeat;background-position: center top;background-size: cover;}
.section1 {padding-top: 1.8rem;}

.slide1-ico {padding: 0.28rem 0;width: calc(100% - 1.2rem);}
.slide1-ico .swiper-slide{height: 1.58rem;overflow: hidden;}
.slide1-icop .ssbtn a, .slide-visionp .ssbtn a{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 6;width: 0.4rem;height: 0.4rem;}
.slide-vision {width: calc(100% - 1.5rem);}
.slide1-icop .ssbtn .prev, .slide-visionp .ssbtn .prev{left: 0;}
.slide1-icop .ssbtn .next, .slide-visionp .ssbtn .next{right: 0;}
.swiper-button-disabled{cursor: not-allowed;opacity: 0.5;}

.aleft {width: 54%;height: 5.18rem;overflow: hidden;}
.aleft .slide-news .pic {height: 4.02rem;overflow: hidden;border-radius: 0.64rem 0 0 0;}
.aleft .slide-news .pic img{width: 100%;height: auto;max-height: none;}
.aleft .pgba { position: absolute; left: .36rem; bottom: 0.08rem; z-index: 3;}
.aleft .pgba span{opacity: 1;width: 24px;height: 24px;background: url('../imgs/index/dot.png') no-repeat;background-size: 100% 100%;}
.aleft .pgba span.active {background: url('../imgs/index/active.png') no-repeat;background-size: 100% 100%;}
.aline_r{height: 0.48rem;position:relative;background-image:linear-gradient(#3da7b4,#3da7b4);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s}
.alin_r:hover .aline_r{background-size:100% 1px;color: #3da7b4}
.aline_r:hover{background-size:100% 1px}
.aleft .slide-news .txt{background-color: #ffffff;}
.aleft .slide-news .txt .dateBox {width: 1.18rem;height: 1.18rem;color: #ffffff;background-color: #3da7b4;}
.aright {width: 43.3%;height: 5.18rem;overflow: hidden;}
.aright ul li{height: 1.22rem;background-color: #ffffff; border-radius: 0.30rem 0 0.30rem 0;margin-bottom: 0.1rem;overflow: hidden;}
.aright ul li a{ display: block; width: 100%; height: 100%;}
.imgCover span{position: absolute;left: 0;bottom: 0;z-index: 9;background: rgba(0, 0, 0, .7);text-align: center;font-size: .14rem;color: #fff;width: 100%;line-height: .32rem;}
.imgCover{background-repeat: no-repeat;background-position: center;background-size: cover;width: 1.48rem;height: 100%;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;transform: scale(1.01);}

.notice{position: absolute;top: 0.44rem;left: 0;width: 7.33rem;height: 1.2rem;background-color: #3da7b4;border-radius: 0 0.6rem 0.6rem 0;padding-left: 11.5%;z-index: 44;}
.notice .noticeItem{opacity: 0.5;cursor: pointer;}
.notice .noticeItem.select{opacity: 1;}
.noticeLeft{width: 7.58rem;height: 5.02rem;box-shadow: 0 0 0.32rem 8px rgba(170, 182, 184, 0.43);border-radius: 0 0.6rem 0 0;padding: 0.18rem 0.26rem 0.28rem;}
.inmor:hover .icon{transform: translateX(.0625rem);stroke: #3da7b4;}
.home_tz{height: 4.08rem;overflow: hidden;}
.home_tz li{height: 0.68rem;}
.home_tz li .date_2{width: 0.5rem;color: #3da7b4;border: 1px dotted #3da7b4;}
.grayLine{width: 1px;height: 0.32rem;background-color: #cedcde;}
.home_yw{height: 4.46rem;overflow: hidden;}
.home_yw li{height: 1.08rem;background-color: #f2f6f7;margin-bottom: 0.09rem;background-image: url('../imgs/index/hwbg.png');background-position: right bottom;background-repeat: no-repeat;background-size: 1.25rem 0.41rem;}

.grid_img{width: 100%;height: 4.7rem;display: grid;display: -ms-grid;grid-template-columns: 43.24% 21.6% 17.16% 18%;-ms-grid-columns: 43.24% 21.6% 17.16% 18%;grid-template-rows: 36% 21.28% 42.72%;-ms-grid-rows: 36% 21.28% 42.72%}
.grid_img a{display: block;}
.grid_img .imgItem{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;transform: scale(1.01);}
.grid_img .imgItem:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);}
.grid_img li:nth-child(1){grid-column: 1 / span 1;grid-row: 1 / span 3;-ms-grid-column: 1;-ms-grid-column-span: 1;-ms-grid-row: 1;-ms-grid-row-span: 3;margin-right: 0.1rem;animation-delay: 0.1s;}
.grid_img li:nth-child(2){grid-column: 2 / span 1;grid-row: 1 / span 2;-ms-grid-column: 2;-ms-grid-column-span: 1;-ms-grid-row: 1;-ms-grid-row-span: 2;margin-right: 0.1rem;margin-bottom: 0.1rem;animation-delay: 0.2s;}
.grid_img li:nth-child(3){grid-column: 2 / span 1;grid-row: 3 / span 1;-ms-grid-column: 2;-ms-grid-row: 3;margin-right: 0.1rem;animation-delay: 0.3s;}
.grid_img li:nth-child(4){grid-column: 3 / span 1;grid-row: 1 / span 1;-ms-grid-column: 3;-ms-grid-row: 1;margin-right: 0.1rem;margin-bottom: 0.1rem;animation-delay: 0.4s;}
.grid_img li:nth-child(5){grid-column: 4 / span 1;grid-row: 1 / span 1;-ms-grid-column: 4;-ms-grid-row: 1;margin-bottom: 0.1rem;animation-delay: 0.5s;}
.grid_img li:nth-child(6){grid-column: 3 / span 2;grid-row: 2 / span 2;-ms-grid-column: 3;-ms-grid-column-span: 2;-ms-grid-row: 2;-ms-grid-row-span: 2;animation-delay: 0.6s;}

.footer{background: url('../imgs/index/bottomBg.png') no-repeat;background-position: center;background-size: cover;}
.footer .wpLg{padding: 0.15rem 0 0.1rem;}
.footer a{display: block;color: #ffffff; font-size: 0.16rem;line-height: 0.36rem;}




