@charset "utf-8";

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

.home-bt{overflow: hidden; margin: 50px 0;text-align: center;}
.home-bt h2{font-size: 30px; margin-bottom: 10px; color: #999;}
.home-bt h2 b{background-image: linear-gradient(to right, #183883, #76c5f0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.home-bt small{font-size: 17px; color: #666;}


/*简介*/
.home-aboutbg{overflow: hidden; background: url(../images/aboutbg.jpg) no-repeat center bottom; padding: 60px 0;}
.home-about-l{float: left; width: 55%; margin-right: 5%;}
.home-about-l .text{ }
.home-about-l .text h2{ font-size: 30px; color: #333; margin-bottom: 20px;}
.home-about-l .text h2 em{font-weight: bold; font-size: 52px;}
.home-about-l .text h3{ font-size: 28px; display: block;background-image: linear-gradient(to right, #183883, #76c5f0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.home-about-l .text p{color:#666;font-size: 15px; margin:30px 0; line-height:28px; text-align:justify; }
.home-about-l .text .more{ background: linear-gradient(to right, #183883, #76c5f0);border-radius:60px; display:inline-block; width:120px;height:46px; line-height:46px; text-align:center; margin: 30px 0;}
.home-about-l .text .more a{color: #FFF;line-height:40px; font-size: 16px;}
.home-about-r{float: left; width: 40%;}
.home-about-r img{max-width: 100%; border-radius: 0 0 0 120px;}


.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-pro-fl{overflow: hidden; text-align: center; }
.home-pro-fl ul{display: inline-block;}
.home-pro-fl ul li{float: left;margin: 0 10px; padding: 15px 0;}
.home-pro-fl ul li a{color: #666;border: 1px solid #173983;  background: #FFF;border-radius: 50px; padding: 12px 30px; font-size: 16px;}
.home-pro-fl ul li a:hover{color: #FFF;  background: linear-gradient(to right, #183883, #76c5f0);}
.home-pro-fl ul li .hover{color: #FFF; background: linear-gradient(to right, #183883, #76c5f0);}

.home-probg{overflow: hidden; background: url(../images/probg.jpg) no-repeat center; background-size: cover; padding: 3% 0;}
.home-pro{ overflow: hidden;}
.home-pro .img{background: #fff;border: solid 1px #e7e7e7;overflow: hidden;position: relative;background: #fff;}
.home-pro .img:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(20, 78, 150, .7) url(../images/view.png) no-repeat center;background-size: 40px;z-index: 2;opacity: 0;-webkit-transform: scale(.95);-ms-transform: scale(.95);-o-transform: scale(.95);transform: scale(.95);-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.home-pro .abox:hover .img:before{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.home-pro .text{opacity: 0;position: absolute; top:0; width: 100%; margin-top: 60%; z-index: 999; text-align: center;}
.home-pro:hover .text{opacity: 1; top:0;}
.home-pro:hover .text h2{opacity: 1;color: #FFF; font-size: 18px;}


.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);}

.HezuoSwiper{position: relative; margin-bottom: 90px;}
.HezuoSwiper .swiper-pagination{text-align: center;width: 100%;bottom: -40px;}
.HezuoSwiper .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;background: #acacac;opacity: .5;}
.HezuoSwiper .swiper-pagination-bullet-active{background: #173983 !important; opacity: 1 !important;}

.home-hezuo{overflow: hidden; border: 1px solid #e7e7e7; }
.home-hezuo img{max-width: 100%;}



.home-hangye{overflow: hidden; margin-bottom: 60px;}
.home-hangye ul{ margin-left: -0.2%; margin-right: -0.2%;}
.home-hangye ul li{float: left;width: 16.26666%; margin: 0 0.2%; cursor:pointer; }
.home-hangye ul li .img{overflow: hidden;position: relative;}
.home-hangye ul li .img img{max-width: 100%;}
.home-hangye ul li .img .bg{position: absolute;top: 0;width: 100%; height: 100%; background:rgba(0, 0, 0, 0.5); transition: all 0.6s;}
.home-hangye ul li .img h2{
    position: absolute;
    text-align: center;
    color: #FFF;
    transition: all 0.6s;
    font-size: 24px;
    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-hangye ul li:hover .img .bg{background:rgba(0, 0, 0, 0); }
.home-hangye ul li:hover .img h2{margin-bottom: -50px; opacity: 0;}


.home-newsbg{overflow: hidden; background: url(../images/newsbg.jpg) no-repeat center; background-size: cover;}
.home-news{overflow: hidden; margin-bottom: 70px;}
.home-news ul{}
.home-news ul li{float: left;width: 33%;border: 1px solid #e7e7e7; background: #FFF; padding: 30px;}
.home-news ul li time{display: block; color: #a7a7a7;}
.home-news ul li time b{font-size: 50px;color:#173983; }
.home-news ul li time h5{display: block; font-size: 16px;}
.home-news ul li span{font-size: 24px; color: #333; display: block; margin: 20px 0;}
.home-news ul li p{ color:#666;font-size:14px; line-height: 26px;}
.home-news ul li .more{font-size: 16px;display: block; margin: 20px 0;}
.home-news ul li .more a{ color:#173983; }




@media (min-width:1024px) and (max-width:1200px) {
    
.home-bt{ margin:40px 0; }
.home-bt h2{font-size: 28px;}
.home-bt small{ font-size:16px; }
.home-about-l .text h2 em{font-size: 44px;}

}

@media (min-width:768px) and (max-width:1023px) {
	
.home-bt{ margin:30px 0; }
.home-bt h2{font-size: 26px;}
.home-bt small{ font-size:15px; }
.home-hangye ul li{width: 32.9%; margin-bottom: 0.4%;}

.home-about-l{width: 100%; margin-right: 0;}
.home-about-l .text h3{font-size: 24px;}
.home-about-l .text h2 em{font-size: 30px;}
.home-about-l .text p{font-size: 14px;}
.home-about-r{width: 100%;}
.home-about-r img{border-radius: 0; width: 100%;}


}


@media screen and (max-width:767px) {
	
.home-bt{ margin:20px 0; }
.home-bt h2{font-size: 24px;}
.home-bt small{ font-size:14px; }
.home-hangye ul li{width: 32.9%; margin-bottom: 0.4%;}

.home-pro-fl ul li{width: 50%; margin: 0; padding: 5px 0;}
.home-pro-fl ul li a{display: block; width: 98%; border-radius: 8px; padding: 0; margin: 0 1%; height: 42px; line-height: 42px;}

.home-aboutbg{padding: 30px 0;}
.home-about-l{width: 100%; margin-right: 0;}
.home-about-l .text h3{font-size: 24px;}
.home-about-l .text h2 em{font-size: 30px;}
.home-about-l .text p{font-size: 14px;}
.home-about-r{width: 100%;}
.home-about-r img{border-radius: 0; width: 100%;}

.home-hangye ul li{width: 49.5%; margin-bottom: 0.4%;}
.home-news{margin-bottom: 0;}
.home-news ul li{width: 99%;}

}