@charset "utf-8";

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

.home-bt{overflow: hidden; margin: 50px 0; font-size: 38px; color: #186cb4; text-align: center;}

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


/*产品*/
.home-probg{overflow: hidden; background: #f7f7f7; padding-bottom: 50px;}
.home-pro{background: #FFF; border-radius: 10px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); margin: 10px;}
.home-pro .img {overflow: hidden; padding: 15px;}
.home-pro .img img{max-width: 100%; transition: all 0.6s;}
.home-pro .img img:hover{transform:scale(1.2);}
.home-pro h2{font-size: 18px;font-weight: bold; text-align: center;line-height: 30px;}
.home-pro .more{ color: #186cb4; text-align: center; line-height: 30px; padding-bottom: 30px;}


/*简介*/
.home-aboutbg{overflow: hidden;background: url(../images/aboutbg.jpg) no-repeat center;background-size: cover; padding: 60px 0;}
.home-about-l{float: left; width: 42%; margin-right: 3%;}
.home-about-l ul{}
.home-about-l ul li{float: left; width: 45%; margin-right: 5%; background: #FFF; min-height: 260px; margin-bottom: 50px;}
.home-about-l ul li h3{font-size: 22px; margin: 20px 0; color: #666;}
.home-about-l ul li p{font-size: 14px;color: #999;line-height: 26px;}
.home-about-l ul li img{max-width: 100%;}
.home-about-l ul li:nth-of-type(2){margin-top: 50px;}
.home-about-l ul li:nth-of-type(3){margin-top: -50px;}
.home-about-l ul li:nth-of-type(1),.home-about-l ul li:nth-of-type(4){ text-align:center; padding:20px; }


.home-about-r{float: left; width: 55%;}
.home-about-r h2{font-size: 22px; color: #2e6ba5;}
.home-about-r span{display: block; font-size: 52px;margin: 20px 0; color: #333;}
.home-about-r .text{font-size: 16px;color: #666;line-height: 28px;}

.digital{overflow: hidden; margin-top: 30px;}
.digital ul{}
.digital ul li{float: left; width: 33.333333%;}
.digital ul li h2{font-size: 60px; font-weight: bold; color: #666666;}
.digital ul li h2 i{font-size: 50px;font-style: normal; color: #666666;position: absolute;}
.digital ul li h5{font-size: 16px; line-height: 20px; color: #777; }

.home-video{overflow: hidden;background: #0c2a51; padding: 6% 0;}
.home-video-l{float: left; width: 40%;color:#FFF;}
.home-video-l h2{font-size: 4vw; }
.home-video-l .text{font-size: 15px;line-height: 32px;margin: 30px 0;}
.home-video-l .more{ border-radius:8px; width:160px; height:50px;line-height:50px; background:#dcb617; text-align:center; }
.home-video-r{float: left; width: 55%; margin-left: 5%;}
.home-video-r img{max-width: 100%; border-radius: 20px;}
.home-video-r video{width: 100%; cursor: pointer;}


.home-yybg{overflow: hidden; background: #f7f7f7;padding: 60px 0; }
.home-yy{}
.home-yy ul{ margin-left:-1%; margin-right:-1%; }
.home-yy ul li{float: left; width: 48%; margin: 0 1%; background: #FFF; border-radius: 8px; margin-bottom: 30px;}
.home-yy ul li .img{float: left; width: 280px; height: 240px;}
.home-yy ul li .img img{width: 100%; height: 100%;}
.home-yy ul li .text{float: left; width: calc((100% - 280px)); padding: 30px;}
.home-yy ul li .text h2{font-size: 22px;}
.home-yy ul li .text .line{display: block; margin: 15px 0; background:#ea5513; border-radius:10px; width:100px; height:6px; }
.home-yy ul li .text p{ color:#999;line-height:26px; }

.home-news{overflow: hidden; margin-bottom: 60px;}
.home-news ul{ margin-left:-1%; margin-right:-1%; }
.home-news ul li{float: left; width: 23%; margin: 0 1%; border: 1px solid #e7e7e7;}
.home-news ul li .img{overflow: hidden;}
.home-news ul li .img img{max-width: 100%;}
.home-news ul li .text{ padding:20px; }
.home-news ul li .text h2{font-size: 17px;font-weight:bold; }
.home-news ul li .text time{font-size:13px;  color: #999; display: block; margin: 10px 0;}
.home-news ul li .text p{ color:#999;line-height:26px; }



@media (min-width:1200px) and (max-width:1366px) {
	
.home-bt{font-size: 36px;margin: 40px 0;}
.home-about-r span{font-size: 48px;}
.digital ul li h2{font-size: 50px;}

}

@media (min-width:1024px) and (max-width:1200px) {
	
.home-bt{font-size: 30px;}
.home-about-r span{font-size: 42px;}
.digital ul li h2{font-size: 40px;}


}

@media (min-width:768px) and (max-width:1023px) {
	
.home-bt{font-size: 26px;margin: 30px 0;}
.digital ul li h2{font-size: 40px;}
.digital ul li h5{font-size: 14px;}
.digital ul li h2 i{font-size: 40px;}
.home-pro h2{font-size: 16px;}
.home-about-r span{font-size: 36px;}
.home-about-l{width: 100%; margin-right: 0;}
.home-about-l ul li img{width: 100%;}
.home-about-r{width: 100%;}
.home-about-r .text{font-size: 14px; text-align: justify;}
.home-video-l{width: 100%; margin-bottom: 20px;}
.home-video-r{width: 100%; margin-left: 0;}
.home-yy ul li{width: 98%;}
.home-news ul li{width: 48%; margin-bottom: 30px;}
.home-news ul li .img img{width: 100%;}


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

.home-bt{font-size: 22px; margin: 20px 0;}
.digital ul li h2{font-size: 30px;}
.digital ul li h5{font-size: 12px;}
.digital ul li h2 i{font-size: 30px;}
.home-pro h2{font-size: 14px;}
.home-about-r span{font-size: 30px;}
.home-about-l{width: 100%; margin-right: 0;}
.home-about-r .text{font-size: 14px; text-align: justify;}
.home-about-l ul li img{width: 100%;}
.home-about-r{width: 100%;}
.home-video-l{width: 100%; margin-bottom: 20px;}
.home-video-r{width: 100%; margin-left: 0;}
.home-yy ul li{width: 98%;}
.home-yy ul li .img{width: 100%; height: auto;}
.home-yy ul li .text{width: 100%; padding: 15px;}
.home-news ul li{width: 98%; margin-bottom: 30px;}
.home-news ul li .img img{width: 100%;}

}