@charset "UTF-8";

 @keyframes paginationBar{
    to {
       width:100%;
    }
 }
@-webkit-keyframes paginationBar{
	to {
       width:100%;
    }
}
.banner-line01{ -webkit-animation: line01 linear 4.5s infinite;
  -moz-animation: line01 linear 4.5s infinite;
  -o-animation: line01 linear 4.5s infinite;
  animation: line01 linear 4.5s infinite;}

/*banner图*/
.index-banner{width: 100%;position:relative;z-index:1; transition: all 1s;-webkit-transition: all 1s; /* Safari */}
.index-banner .banner-img{width:100%;}
.index-banner .banner-img a{display:block;width:100%;}
.index-banner .banner-img a img{display:block;width:100%;}
.index-banner .banner-img .pc-banner-img{display:block;width:100%;}
.index-banner .banner-img .wap-banner-img{display:none;width:100%;}

.index-banner .swiper-container .swiper-pagination{bottom:20px;}
.index-banner .swiper-container .swiper-pagination-bullet{opacity: 1;width:8px;margin:0 8px;background:none;height:8px;transition: all .3s;position:relative;border:#fff solid 1px;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff;}


.index-banner .swiper-button-next,.index-banner .swiper-button-prev{width:48px;height:48px;margin-top:-24px;transition: all 0.3s;-webkit-transition: all 0.3s;left:40px;font-size:24px;color:#fff;line-height:24px;border-radius:50%;background: none;opacity:1;z-index:2;background-color:rgba(255,255,255,0.3);display:flex;align-items: center;justify-content:center;}
.index-banner .swiper-button-next{left:auto;right:40px;}
.index-banner .swiper-button-next:hover,.index-banner .swiper-button-prev:hover{background-color:#fff;color:var(--mainColor);}

@media(max-width:1480px){
    .index-banner .swiper-button-next,.index-banner .swiper-button-prev{left:20px;}
    .index-banner .swiper-button-next{left:auto;right:20px;}
}

@media(max-width:1080px){
    .index-banner .swiper-button-next,.index-banner .swiper-button-prev{width:32px;height:32px;margin-top:-16px;font-size:16px;}

}

@media(max-width:769px){
	.index-banner .wap-banner-img{display:block;}
	.index-banner .pc-banner-img{display:none;}

    .index-banner .swiper-button-next,.index-banner .swiper-button-prev{left:3%;}
    .index-banner .swiper-button-next{left:auto;right:3%;}
}

/*视频弹框*/
.video-bg{position:fixed;z-index:1000;top:0;left:0;background:#000;opacity:0.8;width:100%;height:100%;display:none;}
.home-videobox{position:fixed;z-index:1001;width:60%;top:14%;left:20%;display:none;}
.home-videobox .video-close{position:absolute;right:-24px;top:-24px;width:48px;height:48px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size:28px;border:#fff solid 2px;border-radius:50%;cursor:pointer;opacity:0.8;}

@media(max-width:1280px){
    .home-videobox{width:80%;left:10%;}
}

@media(max-width:769px){
    .home-videobox{width:95%;left:2.5%;top:30%;}
    .home-videobox .video-close{right:auto;top:auto;bottom:-48px;left:50%;margin-left:-14px;width:28px;height:28px;border:#fff solid 1px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size:16px;}
}


/* 公共标题 */
.section-head{width:100%;display: flex;align-items: center;justify-content: space-between;}
.section-title{width:80%;position:relative;}
.section-title .title{display: flex;align-items: center;}
.section-title .title .c-icon{display: block;width:26px;margin-right:12px;}
.section-title h1{font-size:40px;line-height:48px;font-weight:bold;color:#333;transition: all 0.2s;-webkit-transition: all 0.2s;position:relative;z-index: 2;}
.section-title h2{font-size:40px;line-height:48px;font-weight:bold;color:#333;transition: all 0.2s;-webkit-transition: all 0.2s;position:relative;z-index: 2;}
.section-title .text{padding-left:38px;width:100%;font-size:16px;color:#888;line-height:20px;position:relative;z-index: 2;margin-top:16px;}

.home-more{width:128px;border:var(--mainColor) solid 1px;border-radius:80px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.home-more a{display:block;width:100%;font-size:16px;color:var(--mainColor);line-height:46px;transition: all 0.2s;-webkit-transition: all 0.2s;text-align:center;}
.home-more:hover{background: linear-gradient(to right, #0045b9, #68e0cf);border:none;}
.home-more:hover a{color:#fff;}


@media(max-width:1440px){
    .section-title .title .c-icon{width:24px;margin-right:8px;}
    .section-title h1{font-size:32px;line-height:40px;}
    .section-title h2{font-size:32px;line-height:40px;}
    .section-title .text{padding-left:32px;font-size:14px;margin-top:12px;}

    .home-more{width:112px;}
    .home-more a{font-size:14px;line-height:40px;}
}


@media(max-width:1080px){
	.section-title .title .c-icon{width:18px;}
    .section-title h1{font-size:24px;line-height:32px;}
    .section-title h2{font-size:24px;line-height:32px;}
    .section-title .text{padding-left:26px;margin-top:8px;}

    .home-more{width:96px;}
    .home-more a{line-height:36px;}
}

@media(max-width:769px){
	.section-title .title .c-icon{width:12px;margin-right:4px;}
    .section-title h1{font-size:20px;line-height:28px;}
    .section-title h2{font-size:20px;line-height:28px;}
    .section-title .text{padding-left:16px;margin-top:4px;font-size:12px;}

    .home-more{width:80px;}
    .home-more a{line-height:30px;font-size:12px;}
}




/* 搜索 */
.search-box{width:100%;border-radius:24px;background-color:#f5f5f5;padding:10px 20px;overflow:hidden;margin-top:40px;}
.search-box .search-form{width:100%;display: flex;justify-content:space-between;}
.search-box .search-input{width:calc(100% - 110px);color:#000;padding:0 20px;text-align:left;border:none;background:none;outline:none;font-size:18px;line-height:68px;}
.search-box .search-btn{width:110px;border:none;background:none;outline:none;display: flex;align-items:center;justify-content:center;color:#000;font-size:36px;border-left:#e0e0e0 solid 1px;line-height:68px;cursor: pointer;}
.search-box .search-btn:hover{color:var(--mainColor);}
.search-result{width:100%;text-align:center;margin-top:48px;font-size:18px;color:#999;line-height:60px;}
.search-result span{color:var(--mainColor);font-family: 'HalyardRegular';}


@media(max-width:1440px){
    .search-box{border-radius:24px;padding:10px 20px;margin-top:40px;}
    .search-box .search-input{width:calc(100% - 88px);padding:0 20px;font-size:16px;line-height:48px;}
    .search-box .search-btn{width:88px;font-size:28px;line-height:48px;}
    .search-result{margin-top:32px;font-size:16px;line-height:48px;}

}
@media(max-width:1080px){
    .search-box{padding:8px 12px;border-radius:16px;}
    .search-box .search-input{width:calc(100% - 64px);padding:0 12px;font-size:14px;line-height:36px;}
    .search-box .search-btn{width:64px;font-size:24px;line-height:36px;}

    .search-result{margin-top:24px;font-size:14px;line-height:40px;}

}



















/* 间距 */
.margin-top32{margin-top:32px;}

.margin-top72{margin-top:72px;}

@media(max-width:1680px){
    .margin-top32{margin-top:28px;}

    .margin-top72{margin-top:68px;}
}

@media(max-width:1440px){
    .margin-top32{margin-top:24px;}

    .margin-top72{margin-top:60px;}
}

@media(max-width:1280px){
    .margin-top32{margin-top:20px;}

    .margin-top72{margin-top:48px;}
}

@media(max-width:1080px){
    .margin-top32{margin-top:16px;}

    .margin-top72{margin-top:40px;}
}

@media(max-width:769px){
    .margin-top32{margin-top:12px;}

    .margin-top72{margin-top:32px;}
}