/******banner*****/
.banner{position: relative;}
.banner img{width: 100%;}
.banner .carousel{}

#bannerCarousel .control-box{position: absolute;left: 10%;bottom: 50px;color:#ccc;display: flex;align-items: flex-end;}
#bannerCarousel .carousel-control{width: 70px;height: 70px;text-align: center;line-height: 70px;margin-right: 40px; font-size: 26px; background-image:none; opacity: 1;position:static;background-color: #fff;color: #0ea74e; border-radius: 50%;}
#bannerCarousel .carousel-control.left{  }
#bannerCarousel .carousel-control.right{  } 
#bannerCarousel .carousel-control:hover{background-color: #0ea74e;color: #fff;}
#bannerCarousel .carousel-indicators{position:static;margin: 0;width: auto;list-style: none;display: flex;}
#bannerCarousel .carousel-indicators li{margin: 0 10px;color: #fff;width: auto;height: auto; text-indent: 0;border: none;border-radius: 0;background: transparent;}
#bannerCarousel .carousel-indicators li.active{color: #0ea74e;width: auto;height: auto;}

.section-index{padding: 50px 0}
.section-head{text-align: center;}
.section-head h2{font-size: 34px;font-weight: bold;  line-height: 44px;display: inline-block;padding-bottom: 20px; position: relative;}
.section-head h2:after{content:"";width: 70px;height: 2px;background-color: #0ea74e;position: absolute;left: 50%;margin-left: -35px; bottom: 0;}
/*.section-head h4{font-size: 24px;color:#666;line-height: 36px; text-transform:uppercase;}*/

.section-product{background-color: #f5f5f5;}
.productbox{display: flex;padding-top: 50px;}
.productbox .protype{width: 330px;}
.productbox .protype h3{height: 70px;text-align: center;background-color: #0ea74e;color: #fff;line-height: 70px;font-size: 24px;}
.productbox .protype ul{background-color: #f5f5f5;}
.productbox .protype ul li{height: 60px;line-height: 60px;text-align: center;background-color: #fff;margin-bottom: 2px;cursor: pointer;}
.productbox .protype ul li:hover,.productbox .protype ul li.active{color: #0ea74e;}
.productbox .prolist{flex: 1;margin-left: 30px;}
.productbox .prolist ul{height: 100%;display: flex;flex-wrap: wrap;align-items: stretch;align-content: space-between;}
.productbox .prolist ul li{width: 50%;padding:0 10px;}
.productbox .prolist ul li a{display: block;position: relative;background-color: #fff;border:1px solid #f1f1f1;}
.productbox .prolist ul li img{ width: 100%;}
.productbox .prolist ul li .tit{transition: all 0.3s;position: absolute;width: 100%;height: 60px;line-height: 60px; bottom: 0;left: 0;text-align: center;z-index: 12;}
.productbox .prolist ul li .hov{opacity: 0;transition: all 0.3s;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 11;background-color: rgba(0, 0, 0, 0.25);}
.productbox .prolist ul li .hov .circle{ top: 50%;left: 50%; position: absolute;transform: translate(-50%, -50%);width: 120px;height: 120px;border-radius: 50%;border: 2px solid #fff; background: url(../images/seefile-icon.png) center center no-repeat;}
.productbox .prolist ul li:hover .hov{opacity: 1;transition: all 0.3s;}
.productbox .prolist ul li:hover .tit{background-color: #0ea74e;color: #fff;transition: all 0.3s;}

.section-cases{ }
.casesbox{ padding-top: 120px;padding-bottom: 90px;}
/*.casesbox .caselist{position: relative;float:left;}
.casesbox .caselist li{}
.casesbox .caselist li img{width:100%;}*/
.caseSwiper{position: relative;}
.caseSwiper .swiper-slide{background-color:#f5f5f5;}
.caseSwiper .swiper-slide img{ width: 100%;transition:0.5s;}
.caseSwiper .swiper-slide.swiper-slide-active:hover{z-index:999;}
.caseSwiper .swiper-slide.swiper-slide-active:hover img{transform:scale(1.6,1.6);transition:0.5s;}
.caseSwiper .swiper-button-prev,.caseSwiper .swiper-button-next{color:#0ea74e;font-size: 20px;background-color:#fff;border-radius: 50%;width: 50px;height: 50px;}
.caseSwiper .swiper-button-next:after,.caseSwiper .swiper-button-prev:after{display: none;}
.caseSwiper .swiper-button-prev{left: -90px;}
.caseSwiper .swiper-button-next{right: -90px;}
.caseSwiper .swiper-button-prev:hover,.caseSwiper .swiper-button-next:hover{background-color: #0ea74e;color: #fff;}
.section-cases .more{display: block;margin:40px auto 20px;border: 1px solid #0ea74e; width: 120px;height: 45px;line-height: 45px;text-align: center;color: #fff;background-color: #0ea74e;}
.section-cases .more:hover{background-color: #fff;color: #0ea74e}

.section-about{padding: 0;position: relative;}
.section-about img{width: 100%;}
.section-about .section-body{position: absolute;top: 0;left: 0;height: 100%;width: 100%; }
.section-about .section-body .container{display: flex;justify-content: flex-end; align-items: center;height: 100%;}
.section-about .aboutbox{width: 700px;padding: 30px;background-color: rgba(0, 0, 0,0.5);float: right;}
.section-about .aboutbox h3{color: #fff;margin-bottom: 20px;font-size: 26px;font-weight: bold;}
.section-about .aboutbox .txt{color: #ccc;line-height: 27px;}
.section-about .aboutbox .more{margin-top: 30px; width: 120px;height: 40px;line-height: 40px;color: #0ea74e;background-color: #fff;text-align: center; display: block;}
.section-about .aboutbox .more:hover{color: #fff;background-color: #0ea74e;}

.newsbox{padding-top: 50px;}
.newsbox ul{display: flex;}
.newsbox ul li{margin-left: 30px;flex:1;}
.newsbox ul li:first-child{margin-left: 0;}
.newsbox ul li a{display: block;}
.newsbox ul li .dd{font-size: 44px;font-weight: bold;font-family: Arial;color: #666666}
.newsbox ul li .ym{font-size: 14px; font-family: Arial;color: #666666;line-height: 24px;}
.newsbox ul li .tit{line-height:30px;font-size: 18px;}
.newsbox ul li .tit a:hover{color: #0ea74e;}
.newsbox ul li .img{margin: 10px 0}
.newsbox ul li .img img{width: 100%;}
.newsbox ul li .txt{color: #999;line-height: 30px;font-size: 14px;height: 60px;overflow: hidden;}
.newsbox ul li .xq{color: #666;font-size: 14px;line-height: 24px;margin-top: 15px;}
.newsbox ul li .xq i{margin-left: 20px;}
.newsbox ul li .xq:hover{color: #0ea74e;}
.newsbox .more{display: block;margin:40px auto 20px;border: 1px solid #0ea74e; width: 120px;height: 45px;line-height: 45px;text-align: center;color: #fff;background-color: #0ea74e;}
.newsbox .more:hover{background-color: #fff;color: #0ea74e}


@media (min-width:992px) { 
}

@media (min-width:1200px) { 
}

@media (min-width:1400px) { 

}
 
@media (min-width:1500px) {
	.section-about img {
		object-fit: cover;
		max-height: 640px;
	}
}

@media (min-width:1600px) { 
	#bannerCarousel .carousel-inner .item{ } 
	#bannerCarousel .carousel-inner .item img{width: 100%;height: 100%;object-fit:cover;}
 
	
}
@media(max-width:768px) {
	.productbox .prolist {
		margin-left:0;
	}
	.productbox .prolist ul {
		flex-direction: column;
		align-items: center;
		align-content:normal;
	}
	.productbox .prolist ul li{
		padding:10px;
		max-width:400px;
		width:100%;
	}
	.section-about .section-body{
		position:static;
	}
	.section-about .aboutbox {
		width:100%;
		padding:15px;
		font-size:14px;
	}
	.section-about .section-body .container{display:block;padding:0;}
	.section-cases{overflow:hidden;}
	.newsbox ul {
		flex-direction: column;
	}
	.newsbox ul li{margin-left:0;margin-bottom:20px;border-bottom:1px solid #f1f1f1;padding:10px 0 20px;}
	#bannerCarousel .carousel-control{display: none;}
	#bannerCarousel .control-box{bottom: 10px;left: 50%;transform: translateX(-50%);}
	#bannerCarousel .carousel-indicators li{margin:0 5px;}
	.section-head h2{font-size: 24px;}
	.section-about .aboutbox h3{font-size: 22px;}
	.casesbox{padding:60px 0 0px;}
	
}