@charset "utf-8";

/*BANNER*/
.swiper-slide{overflow: hidden; cursor: pointer;}
.swiper-slide img{width: 100%;}

.home-bt{overflow: hidden; margin: 50px 0;text-align: center;}
.home-bt h2{display: block;font-size: 40px;color: #333; margin-bottom: 10px; font-weight: bold;}
.home-bt small{font-size: 22px; color: #666;}


.home-five-bt{overflow: hidden; text-align: center;  margin: 50px 0;}
.home-five-bt h2{display: block;font-size: 40px;color: #333; margin-bottom: 10px; font-weight: bold;}
.home-five-bt span{display: block;font-size: 22px;color: #666;}

.home-fivebg{overflow: hidden; background: #f7f7f7; padding-bottom: 4vw;}
.home-five{overflow: hidden;}
.home-five ul{}
.home-five ul li{float: left;color: #333;font-size: 18px;width: 20%;background: #fff;text-align: center;line-height: 30px;border-left: #eae9ed 1px solid; cursor: pointer;padding: 3% 0; position: relative;}
.home-five ul li em{display: block;width: 55px;height: 50px;line-height: 0;overflow: hidden;margin: 0 auto 15px;}
.home-five ul li em img{width: 55px;height: 100px;-webkit-transition:all .5s;transition:all .5s;}
.home-five ul li b{font-size: 30px;display: block;}
.home-five ul li span{display: block;}
.home-five ul li:hover{color: #007bc1;box-shadow: 0 3px 10px 3px #ccc;z-index: 2;}
.home-five ul li:hover em img{margin-top: -50px;}
.home-five ul li:hover b:before,.five ul li:hover b:after{background: #007bc1;}


/* 首页案例 */
.home-case{overflow: hidden;position: relative;}
.home-case .gallery-thumbs .swiper-slide{position: relative;}
.home-case .c-top{overflow: hidden; position: absolute; width: 100%; background-color:rgba(255, 255, 255, 0.7); z-index: 97; bottom: 0;padding:1vw 2vw;}
.home-case .c-top .img{position: relative;}
.home-case .c-top .img img{max-width: 100%;border: 1px solid #FFF;}
.home-case .c-top .img h2{position: absolute;top:0;padding-top: 14%; text-align: center;width: 100%;height: 100%;background-color:rgba(0, 0, 0, 0.7); color: #FFF;}
.home-case .c-top .swiper-slide-thumb-active .img h2{ background-color:rgba(0, 123, 193, 0.8); }
.home-case .gallery-top{}
.home-case .gallery-top .img{position: relative;}
.home-case .gallery-top .img img{width: 100%;}
.home-case .gallery-top .img .text {
    position: absolute;
    text-align: center;
    color: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.home-case .gallery-top .img .text h2{color: #FFF; font-size: 32px; margin-bottom: 10px;}
.home-case .gallery-top .img .text .nr{ margin:10px 0 30px 0; }
.home-case .gallery-top .img .text .more{ background: #007bc1; width: 150px; height: 50px;line-height: 50px; text-align: center; color: #222; margin: 0 auto;}
.home-case .gallery-top .img .text .more a{color: #FFF;}
.home-case .gallery-top .swiper-slide{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}


.home-hezuo{overflow: hidden; margin-bottom: 3vw;}
.home-hezuo img{width: 100%;}

/*简介*/
.home-aboutbg{overflow: hidden; background: url(../images/aboutbg.jpg) no-repeat center; background-size: cover;}
.home-about-bt{overflow: hidden; margin: 30px 0;text-align: center;}
.home-about-bt h2{display: block;font-size: 40px;color: #333; margin-bottom: 10px; font-weight: bold;}
.home-about-bt small{font-size: 22px; color: #666;}

.home-about {overflow: hidden; background-color: rgba(255, 255, 255, 0.9); margin: 3vw; padding: 3vw;}
.home-about .text {color:#222;font-size: 16px; margin:30px 0; line-height:28px; text-align:justify; }
.home-about  .more{background: #007bc1; border-radius:8px; width:170px;height:52px; line-height:52px; text-align:center; margin:0 auto;}
.home-about  .more a{color: #FFF;line-height:40px; font-size: 16px;}
.home-about  .more span{}
.home-about  .more i{font-size: 20px;}


.digital{overflow: hidden; margin: 30px 0;}
.digital ul{ }
.digital ul li{float: left; width: 25%;text-align: center; }
.digital ul li h2{ border-radius: 10px; padding: 15px 0;}
.digital ul li h2 b{font-size: 60px; background-image: linear-gradient(to right, #183883, #76c5f0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; font-weight: bold;}
.digital ul li h2 i{font-size: 30px;font-weight: bold; color: #999;}
.digital ul li h5{font-size: 16px; line-height: 30px; color: #666;  text-align: center;}


/*产品*/
.home-probg{overflow: hidden; background:#f4f4f4; padding: 1% 0; }
.home-pro{ overflow: hidden;border: solid 1px #e7e7e7;}
.home-pro .img{background: #fff;overflow: hidden;position: relative;}
.home-pro .img img{max-width: 100%;}
.home-pro h2{height: 50px; line-height: 50px; text-align: center; background: #FFF;}
.home-pro:hover{ overflow: hidden;border: solid 1px #007bc1;}


.ProSwiper{position: relative; margin: 50px 0;}
.ProSwiper .prev-hz,
.ProSwiper .next-hz{position: absolute;width: 56px;height: 56px;background-size: 56px 56px;}
.ProSwiper .prev-hz{left: -90px;background-image: url(../images/hz-left.png);}
.ProSwiper .next-hz{right: -90px;background-image: url(../images/hz-right.png);}


.home-news-img{float: left; width: 40%; margin-right: 5%;}
.home-news-img ul{}
.home-news-img ul li{overflow: hidden; border: 1px solid #e7e7e7;}
.home-news-img ul li .img{overflow: hidden;}
.home-news-img ul li .img img{max-width: 100%; transition: all 0.6s;}
.home-news-img ul li .img img:hover{transform: scale(1.1);}
.home-news-img ul li .text{padding: 20px;}
.home-news-img ul li .text time{display: block; color: #a7a7a7; border-bottom: 1px solid #e7e7e7; margin: 10px 0;}
.home-news-img ul li .text span{font-size: 18px; color: #333; display: block; }
.home-news-img ul li .text p{ color:#666;font-size:14px; line-height: 26px;}

.home-news{float: left; width: 55%;}
.home-news ul{}
.home-news ul li{overflow: hidden; border-bottom: 1px solid #e7e7e7; margin-bottom: 15px;}
.home-news ul li time{display: block; color: #a7a7a7; margin: 5px 0; }
.home-news ul li span{font-size: 17px; color: #333; display: block;}
.home-news ul li p{ color:#666;font-size:14px; line-height: 26px; margin-bottom: 10px;}
.home-news ul li:hover span{color: #007bc1;}


@media (min-width:1024px) and (max-width:1200px) {
    
.home-five-bt h2{font-size: 30px;}
.home-five-bt span{font-size: 18px;}
.home-five ul li b{font-size: 22px;}
.home-five ul li span{font-size: 13px;}

.home-bt h2{font-size: 30px;}
.home-bt small{font-size: 14px;}

.home-about-bt h2{font-size: 30px;}

}

@media (min-width:768px) and (max-width:1023px) {

.home-five-bt h2{font-size: 26px;}
.home-five-bt span{font-size: 17px;}
.home-five ul li b{font-size: 18px;}
.home-five ul li span{font-size: 13px;}

.home-bt h2{font-size: 26px;}
.home-bt small{font-size: 14px;}

.home-about{margin: 6vw 0; padding: 4vw;}
.home-about-bt h2{font-size: 26px;}
.home-about .text{font-size: 15px;}

.home-news-img{width: 100%; margin-right: 0; margin-bottom: 30px;}
.home-news{width: 100%;}
.home-news-img ul li .img img{width: 100%;}

}


@media screen and (max-width:767px) {

.home-five-bt h2{font-size: 22px;}
.home-five-bt span{font-size: 16px;}
.home-five ul li b{font-size: 16px;}
.home-five ul li span{font-size: 13px;}
.home-five ul li{width: 33%;}

.home-bt h2{font-size: 22px;}
.home-bt small{font-size: 14px;}

.home-about{margin: 6vw 0;padding: 4vw;}
.home-about-bt h2{font-size: 22px;}
.home-about .text{font-size: 14px;}


.home-news-img{width: 100%; margin-right: 0; margin-bottom: 30px;}
.home-news{width: 100%;}
.home-news-img ul li .img img{width: 100%;}

.home-case .c-top{display: none;}
.home-case .gallery-top .img .text h2{font-size: 20px;}
.home-case .gallery-top .img .text .nr{display: none;}


}