@charset "utf-8";

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

.home-bt{overflow: hidden; margin: 35px 0;text-align: center;}
.home-bt h2{font-size: 28px;color: #222;}
.home-bt small{font-size: 14px; color: #666;}



/*简介*/
.home-about-l{float: left; width: 40%;}
.home-about-l img{max-width: 100%;}
.home-about-r{float: left; width: 55%; margin-left: 5%;}
.home-about-r .text{ }
.home-about-r .text h2{ font-size: 32px; color: #222; margin-bottom: 10px; font-weight: bold;}
.home-about-r .text h3{background: #167839; width: 90px; height: 5px; margin: 10px 0;}
.home-about-r .text p{color:#666;font-size: 15px; margin:30px 0; line-height:28px; text-align:justify; }
.home-about-r .text .more{background: #333; border-radius:8px; display:inline-block; width:160px;height:52px; line-height:52px; text-align:center; margin: 30px 0;}
.home-about-r .text .more a{color: #FFF;line-height:40px; font-size: 16px;}
.home-about-r .text .more span{}
.home-about-r .text .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; margin: 3% 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 #93c47d;}


.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: #167839;}


.home-ys{}
.home-ys ul{}
.home-ys ul li{float: left; width: 23%; text-align: center; background: #f7f7f7; padding: 30px; margin: 0 1%;}
.home-ys ul li i{}
.home-ys ul li i img{ width:100px; }
.home-ys ul li h2{font-size: 18px; margin-top: 10px;}


@media (min-width:1024px) and (max-width:1200px) {
    


}

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

.home-about-l{width: 100%; margin-bottom: 30px;}
.home-about-r{width: 100%; margin-left: 0;}

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

}


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

.home-about-l{width: 100%; margin-bottom: 30px;}
.home-about-r{width: 100%; margin-left: 0;}
.home-about-r .text h2{font-size: 24px;}

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

.home-ys ul li{width: 48%; margin-bottom: 20px;}
.home-ys ul li h2{font-size: 17px;}


}