@charset "utf-8";
/* CSS Document */

/*header-on*/
.is-header{max-width: 1920px;margin: auto;}
.header-region{height: 140px;padding: 16px 0;}
.header-main{display: flex;justify-content: space-between;align-items: center;}
.header-logo .logo-link{padding-top: 15px;}
.header-search .back-link{display: block;text-align: right;}
.header-search .back-link span{line-height: 26px;color: #00aab2;margin-left: 5px;}
/*search*/
.header-search {width: 410px;}
.header-phone{padding-left: 50px;margin-top: -10px;background: url(../images/home/icon-phone.png) no-repeat left center;}
.header-phone .header-tel{color: #00aab2;}
.header-search .u-searchtext::placeholder{color: #8f8f8f;}
.header-search .u-searchtext{width:410px;height:40px;background-color: #f5f5f5;padding: 0 70px 0 10px;}
.header-search .u-searchdiv{width: 60px;height: 40px;background-color: #00aab2;right: 0;top:0; }
.header-search .u-searchbtn{width:100%;height:100%;background:url(../images/public/h-search.png) center no-repeat;padding-left:50px;color:#fff;text-align: left;}
.header-media-code{display: flex;gap: 42px;justify-content: space-between;margin-left: 48px;}
.header-media-code p{margin-top: 6px;}
.header-media-code a:hover p{color: #333;}
/* 导航 */
.header-nav{background-color: #00aab2;height: 70px;}
.header-nav-list{display: flex;justify-content: space-between;width: 100%;text-align: center;}
.header-nav .nav-item{flex: 1;}
.header-nav .nav-link{min-width: 120px;line-height: 70px;color: #ffffff;font-weight: bold;display: block;}
.header-nav .nav-item:hover,.header-nav .nav-item.u-active{background-color: #00c4cd;}
/* 二级导航 */
.second-nav{text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.second-nav dl{padding: 0 12px;background-color: white;}
.second-nav dd{height: 51px;line-height: 50px;overflow: hidden;}
.second-nav dd+dd{border-top: 1px solid #ddd;}
.second-nav dd:hover a{color: #00aab2;display: block;}
.second-nav[data-class="dl-01"]{position: relative;left: 11.1%;z-index: 99;}
.second-nav[data-class="dl-02"]{position: relative;left: 22.2%;z-index: 99;}
.second-nav[data-class="dl-03"]{position: relative;left: 33.36%;z-index: 99;}
.second-nav[data-class="dl-04"]{position: relative;left: 44.46%;z-index: 99;}
.second-nav[data-class="dl-05"]{position: relative;left: 55.56%;z-index: 99;}
.second-nav[data-class="dl-06"]{position: relative;left: 66.66%;z-index: 99;}
.second-nav[data-class="dl-07"]{position: relative;left: 77.76%;z-index: 99;}
.second-nav[data-class="dl-08"]{position: relative;left: 88.86%;z-index: 99;}

/* 手机版 */
.mobile-nav{width: 100%;background-color: rgba(0,170,178);margin: 0 -10px;padding: 10px;z-index: 10;}
.mobile-nav-btn{width: 32px;height: 32px; background:url(../images/public/icon-menu.png) left top no-repeat;}
.mobile-menu-list{width: 100%; height: 0px;overflow: hidden;transition: all linear 0.3s;}
.mobile-menu-show{height: 356px;padding: 10px;overflow-y: auto;}
.mobile-menu-list a{display: block;height: 36px;line-height: 36px;margin-bottom: 12px;text-align: center;color: white;}

/* header-banner轮播图 slide 实现 */
.banner-flash{position: relative;width: 100%;}
.banner-flash .bd,.banner-flash .flash-img{height: 724px;overflow: hidden;}
.banner-flash .flash-img{display: block; width: 100%;object-fit: cover;transition: all linear .3s }
.banner-flash .flash-img:hover{transform: scale(1.1);}
.banner-flash .hd{position: absolute; width: fit-content;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 2;}
.banner-flash .hd li{float:left;position:relative;margin-left:20px;width:50px;height:8px;background-color:#ffffff;}
.banner-flash .hd li::after{content:"";position:absolute;left:0;top:0;bottom: 0;right:50px;transition: right 3.5s linear;background-color: #fff;}
.banner-flash .hd li.on::after{right:0;background-color:#00aab2;}

/* header-banner轮播图 swiper 实现 */
.bannerSwiper{position: relative;width: 100%;}
.bannerSwiper.swiper-container{height: 724px;max-width: 1920px;margin: auto;}
.bannerSwiper .swiper-wrapper,.bannerSwiper .swiper-slide{height: 100%;}
.bannerSwiper .flash-link{display:block;width:100%;height:100%;transform:scale(1.1);transition:linear 3.5s;}
.bannerSwiper .swiper-slide-active .flash-link{transform:scale(1);}
.bannerSwiper .flash-img{display: block; width: 100%;height:100%;object-fit: cover;transition: all linear .3s }
.bannerSwiper .flash-img:hover{transform: scale(1.1);}
/* swiper 自定义分页（自动播放进度条） */
.bannerSwiper .swiper-pagination{bottom: 20px;left: 50%;transform: translateX(-50%);width:auto;z-index: 2;display: -webkit-box;display: -ms-flexbox;display: flex;}
.bannerSwiper .swiper-pagination-bullet{width:50px;height:8px;margin:0 10px;border-radius:0;background:rgba(255,255,255,0.6);opacity:1;position:relative;overflow:hidden;cursor:pointer;}
.bannerSwiper .swiper-pagination-bullet:first-child{margin-left:0;}
.bannerSwiper .swiper-pagination-bullet:last-child{margin-right:0;}
.bannerSwiper .swiper-pagination-bullet::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:#00aab2;}
.bannerSwiper .swiper-pagination-bullet-active::before{background:#00aab2;-webkit-animation:bannerProgress 3.5s linear forwards;animation:bannerProgress 3.5s linear forwards;}
/* swiper next\pre 按钮 */
.bannerSwiper .prev,.bannerSwiper .next{background: url(../images/home/icon-arrow-banner.png) no-repeat center; top: 50%; right: 50px;background-color: rgba(0, 0, 0, 0.4);z-index: 1;transform: translateX(-50%) rotateY(180deg);cursor: pointer;}
.bannerSwiper .prev{left: 50px; transform: unset;}
.bannerSwiper .prev:hover,.bannerSwiper .next:hover{background-color: rgba(0, 0, 0, 0.5);}
@keyframes bannerProgress{from{width:0}to{width:100%}}
@-webkit-keyframes bannerProgress{from{width:0}to{width:100%}}
/* header-end */

/*media query*/
/*large pcScreen*/
@media (max-width:1600px) {
    .header-logo .logo-link img{height: 56px;}
    .header-search{margin-left:20px;}
    .bannerSwiper .flash-img,.bannerSwiper.swiper-container{height: 510px;}
    .header-search .header-tel{margin-top: 0}
    .header-media-code{gap: 30px;}
    .header-tel .text-14{display: none;}
}

/*medium pcScreen lg*/
@media screen and (max-width: 1280px) {
	.header-search .back-link{display: none;}
    .header-media-code{display: none;}
    .header-nav .nav-link{min-width: 108px;}
    .bannerSwiper .flash-img,.bannerSwiper.swiper-container{height: 386px;}
    .banner-img,.banner-img img{width: 100%;}
    .header-nav-list{overflow-x: auto;}
    .header-tel{display: none;}
}

/*pad md*/
@media screen and (max-width: 991px){
	.mobile-nav{margin: 0;}
    .header-phone,.bannerSwiper .prev,.bannerSwiper .next{display: none;}
    .header-main{display: flex; flex-wrap: wrap;}
    .header-logo{margin: auto;}
    .header-search{width: 100%;margin: 0;}
    .header-form{margin: 8px auto 0;width: max-content; position: relative;}
    
}

/*phone sm*/
@media screen and (max-width: 767px) {
    .header-region{padding: 0px;}
    .header-nav{height: 52px;}
    .header-search{width: 100%;margin: 0;}
    .header-form{width:100%;margin-top:16px;}

    .bannerSwiper .flash-img,.bannerSwiper.swiper-container{height:141px;}
    .bannerSwiper .swiper-pagination{display: none;}
    .header-region .container{z-index: 11;}
    .header-search .u-searchtext{background-color: white;}
    .header-search .u-searchtext{width: 100%;border: 1px solid #eee;}
    .header-nav .nav-link{line-height: 51px;}
    
   
}

/*small xs*/
@media screen and (max-width: 638px) {

}

/*print*/
@media print {
    a[href]:after {
        content: none!important;
    }
}