@charset "utf-8";

/* CSS Document */

em,i{font-style: normal;}

/*banner*/

#slider {width: 100%;margin:0px auto;}

.controls li {top: 50%;margin-top: -4%; max-width: 4%; display: none;}

.controls li:nth-child(1) {left: 4%;}

.controls li:nth-child(2) {right: 4%;}

.pagination{height: 3px;}

.pagination li {background:url(../images/banbtn.png) center center no-repeat; width: 16px; height: 16px;}

.pagination li.active {background:url(../images/banbtnhover.png) center center no-repeat;}

.responsive {width: 100%;height: auto;}

.clearfix:after {content: "";display: table;clear: both;}







.ind_biao{ color: #fff; line-height: 1.6; overflow: hidden;}

.ind_biao li a{color: #fff;}

.ind_biao li h3{font-size: 14px; }

.ind_biao li p{font-size: 10px;}

.ind_biao li{cursor: pointer;
				transition: all 0.6s;}
.ind_biao li:hover{transform: scale(1.2);}





@media (min-width: 1200px){

	.ind_biao li{width: 20%; padding:13px 0px;}

	.ind_biao li img{margin-left: 30px; margin-right: 8px;}
	
	#banner,#banner .bd a{height: 618px;}
	



}

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

	.ind_biao li{padding:11px 1.435%;}

	.ind_biao li img{ margin-right: 5px;}

	#banner,#banner .bd a{height:550px;}

}

@media (min-width: 991px){
	.ind_biao li{background: url(../images/line_bg.png) center left no-repeat;}
	.ind_biao li:nth-child(1){background: none;}
}
@media (min-width: 768px) and (max-width: 991px){

	.ind_biao li{width: 33.33%; padding:9px 0px;}

	

	.ind_biao li img{ margin-right: 5px;}

	#banner,#banner .bd a{height: 500px;}

}

@media (min-width: 768px){

	.ind_biao li:last-child{display: none;}

	.ind_biao{position: absolute; background: rgba(83,152,53,0.5); width: 100%; bottom: 0px; left: 0px;}

	.ind_biao li{float: left;}

	.ind_biao li img{float: left;}

	.ind_biao li div{float: left; margin-top:5px;}

}



@media (max-width: 768px){

	.ind_biao{padding: 0px 1%;}

	.ind_biao li{width: 48%; margin:0.3em 1%; background: rgba(83,152,53,0.5); padding:0.5em 0px; text-align: center; float: left;}

	.ind_biao li img{display: none; margin:0px auto 0.6em;}

	#banner .bd a{height: 10em;}

}



.ind_pro{background: #f3f3f3; }

.ind_pro .container{position: relative;}

.ind_pro .swiper-container{padding:10px 0px;}

.ind_pro .swiper-slide{text-align: center; height: 258px;display:-webkit-box;display:-ms-flexbox;display:flex-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center; cursor: pointer;}

.ind_pro .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../images/btn_05.png) center center no-repeat; background-size: 100%;}

.ind_pro .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../images/btn_03.png) center center no-repeat;background-size: 100%;}

.ind_pro .desc{display: none; box-shadow: 0px 0px 5px rgba(0,0,0,0.3);color: #403a3a; text-align: left;}

.ind_pro .desc .img2{ background: #fff; float: left;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center;}

.ind_pro .desc li i,.ind_pro .desc li em{display: block;float: left; font-size: 12px; line-height: 20px;word-wrap:break-word}

.ind_more{text-align: center; color: #539835; font-family: "Rubik-Medium";}

.ind_more a{color: #539835;text-transform:uppercase; font-weight: bold;}

.ind_pro .more:hover{background: none; border:#93bc81 solid 1px; color: #93bc81;}

.ind_pro .more{color: #fff; background: #93bc81; border:#93bc81 solid 1px; text-align: center; font-size: 14px; display: block; border-radius: 5px;}


.ind_pro:hover .swiper-button-prev,.ind_pro:hover .swiper-container-rtl .swiper-button-next{left: 54px; transition: 1s;}
.ind_pro:hover .swiper-button-next,.ind_pro:hover .swiper-container-rtl .swiper-button-prev{right: 54px; transition: 1s;}



@media (min-width: 1200px){

	

	.ind_pro .swiper-slide:hover .img{display: none;}

	.ind_pro .swiper-slide:hover .desc{display: block;}



	.ind_pro .desc{width: 258px; height: 258px;padding:10px;}

	.ind_pro .desc .img2{width: 98px; height: 98px;}

	.ind_pro .desc .img2 img{max-width: 100%; max-height: 100%; }

	.ind_pro .desc h2{float: right;font-size: 16px; line-height: 24px; width: 130px;}

	.ind_pro .desc ul{margin-top:10px;}

	

	.ind_pro .desc li i{width: 60px;}

	.ind_pro .desc li em{width: 175px;}

	.ind_pro .more{height: 36px; width: 120px; line-height: 36px;margin:10px auto;}

	



}



@media (min-width: 768px){

	.swiper-button-next, .swiper-button-prev{width: 54px; height: 54px;}

	.ind_pro{ padding: 60px 0px 30px;}

	.ind_pro .swiper-container{padding:10px 0px 40px;}

	.ind_pro .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-54px;transition: 1s;}

	.ind_pro .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-54px;transition: 1s;}

}



@media (max-width: 768px){

	.ind_pro{ padding: 2em 0px 1em;}

}

.ind_abut{background: url(../images/ind_about_bg_03.png) center center no-repeat; background-size: 100% 100%;}

.ind_about_desc2,.ind_about_desc{text-align: center; line-height: 30px;}

.ind_abut .biao li{border-left: 1px #539835 solid; text-align: center; color: #539835; }

.ind_abut .biao li h3{font-size: 14px; font-weight: bold; margin-top:15px;}

.ind_abut .biao li:first-child{border:none;}

.ind_about_title{text-align: center;}

.ind_about_title h2{font-weight: bold;}

.ind_youshi{}

.ind_youshi li h3{font-weight: bold;}

.ind_youshi li .desc{color: #999; font-size: 12px; line-height: 2;}

.youshi_title{text-align: center; margin-bottom: 30px;}

.youshi_title h2{font-size: 24px;}

.youshi_title p{color: #539835;text-transform:uppercase;}

@media (min-width: 1200px){

	.ind_about_title h2{font-size: 30px; margin-bottom: 10px;}

	.ind_abut{padding:40px 0px;}

	.ind_about_desc2,.ind_about_desc{margin:30px 0px;}

	.ind_about_desc2{display: none;}

	.ind_abut .biao{margin-top:60px;}



	.ind_youshi{margin-top:40px; padding-top:55px;background: url(../images/index_72.png) center center no-repeat; height: 334px;}

	.youshi_title{display: none;}

	.ind_youshi h3{font-size: 22px; margin-bottom: 5px;}

	.ind_youshi li{width:430px; height: 100px; margin-bottom: 34px; padding-top:13px;}

	.ind_youshi li:nth-child(1),.ind_youshi li:nth-child(3){text-align: right; float: left; padding-right: 28px; padding-left: 18px;}

	.ind_youshi li:nth-child(2),.ind_youshi li:nth-child(4){float: right; padding-right: 10px; padding-left: 30px;}

}

@media (max-width: 1200px){

	.ind_about_desc{display: none;}

}

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

	.ind_about_title h2{font-size: 30px; margin-bottom: 10px;}

	.ind_abut{padding:40px 0px;}

	.ind_abut .biao{margin-top:60px;}

	.ind_about_desc2,.ind_about_desc{margin:30px 0px;}

	

	.ind_youshi{margin-top:40px;}

	.ind_youshi h3{font-size: 20px; margin-bottom: 5px;}

	.ind_youshi li{width: 50%; float: left; padding:5px 5%;}





}

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

	.ind_about_title h2{font-size: 26px; margin-bottom: 10px;}

	.ind_abut{padding:30px 0px;}

	.ind_abut .biao{margin-top:50px;}

	.ind_about_desc2,.ind_about_desc{margin:30px 0px;}

	.ind_youshi{margin-top:30px;}

	.ind_youshi h3{font-size: 18px; margin-bottom: 5px;}

	.ind_youshi li{width: 50%; float: left;}

}

@media (min-width: 768px){

	

}



@media (max-width: 768px){

	.ind_about_title h2{font-size: 1.6em; margin-bottom: 0.6em;}

	.ind_abut{padding:1.2em 2%;}

	.ind_abut .biao{margin-top:2em;}

	.ind_about_desc2,.ind_about_desc{margin:1.2em 0px;}

	.ind_about_desc2{text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}

	.ind_abut .biao li{margin-bottom: 1em;}

	.ind_abut .biao li:nth-child(4){border:none;}



	.ind_youshi{margin-top:1.5em;}

	.ind_youshi h3{font-size: 1.4em; margin-bottom: 5px;}

	.ind_youshi li{width: 100%; margin-bottom: 10px; border: 1px #ccc solid;
    padding: 0.6em 0.4em;}

}





/*================= 合作案例 ===================*/

#s_case{ background: #fff; padding: 60px 0;}

#s_case .right{text-align:right;}



#s_case .right .text_box h1{display: block; font-size: 24px; color: #222222; }



#s_case .right .text_box p{display: block; font-size: 14px; color: #818589; line-height: 30px;}

#s_case .right .text_box p.wap{display: none;}

#s_case .right .text_box .more{text-align: right; text-transform:uppercase; font-weight: bold; color: #539835; font-family: "Rubik-Medium"; margin-top:50px; display: block;}

#s_case .right .text_box .more:hover{text-decoration:underline;}

#s_case .left{ background: #85ca68;}

#s_case .left a{display:block; position: relative;}

#s_case .left dt{ display: block;overflow: hidden;}



#s_case .left dd{overflow: hidden;}

#s_case .left dd li{ display: block;}

#s_case .left dd li a{ display: block;}

#s_case .left dd .pic_box{ display: block; float: right;  overflow: hidden;}



#s_case .left dd .li2 .pic_box{float: left;}

#s_case .left dd .li2 .text_box{float: right;}



#s_case .left dd .text_box{ display: block; float: left; overflow: hidden; color: #fff;}

#s_case .left dd .text_box h1{ padding:40px 20px 35px 20px ;  font-size: 14px; line-height: 24px;}

#s_case .left dd .text_box .more{ cursor: pointer; margin-left: 20px; display:block;  background:url(../images/icon_more_case.png) center no-repeat; width:32px; height:32px;}

#s_case .left dd li:hover .text_box .more{transform:rotate(-45deg);-webkit-transform:rotate(-45deg); /* Safari and Chrome */-moz-transform:rotate(-45deg); /* Firefox */}

#s_case .left dd li:hover{ background: #34d4b0;}

#s_case .left dd li:hover h1{opacity:.8;filter:alpha(opacity=80)}

#s_case .left dt h1{ position: absolute; left: 0; bottom: -50px; width: 100%;text-indent: 20px;  font-size: 14px; line-height: 40px; height: 40px; color: #fff; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000', endColorstr='#CC000000');background:rgba(0,0,0,0.8); white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#s_case .left dt:hover h1{ bottom:10px;}



@media (max-width: 768px){

	#s_case .right .text_box{ text-align: center;}

	#s_case .left dt{display: none;}

	#s_case .left dt img{width: 100%; height: }

	#s_case .left dd{ width: 100%;}

	#s_case .left dd .pic_box{width: 50%; height:15em;}

	#s_case .left dd .text_box{ width: 50%; height: 15em;}

	#s_case .left dd li img{height: 15em;}

}

@media (min-width: 768px){

	#s_case .left dt{float: left;}

}

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

	#s_case .right .text_box{ text-align: center;}

	#s_case .left dt{ width: 375px; height: 375px;}

	#s_case .left dt img{width: 375px; height: 375px; }

	#s_case .left dd{ width: 375px; height: 375px;}

	#s_case .left dd img{width: 187.5px; height: 187.5px;}

	#s_case .left dd .pic_box{width: 187.5px; height: 187.5px;}

	#s_case .left dd .text_box{ width: 187.5px; height: 187.5px;}

	#s_case .left dd li{height: 187.5px; }

	#s_case .left dd li a{height: 187.5px;}



}



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

	#s_case .left{width:786px; margin:0px auto;}

	#s_case .right .text_box{ text-align: center;}

	#s_case .left dt{ width: 390px; height: 390px;}

	#s_case .left dt img{width: 395px; height: 395px; }

	#s_case .left dd{ width: 396px; height: 390px;}

	#s_case .left dd img{width: 198px; height: 198px;}

	#s_case .left dd .pic_box{width: 198px; height: 195px;}

	#s_case .left dd .text_box{ width: 198px; height: 195px;}

	#s_case .left dd li{height: 195px; }

	#s_case .left dd li a{height: 195px;}



}

@media (max-width: 1200px){

	#s_case .right .text_box h1{margin-bottom: 15px;}

	#s_case .right .text_box .wap{margin-bottom: 15px;}

}

@media (min-width: 1200px){

	#s_case .right .text_box h1{ margin-bottom: 35px;}

	#s_case .left{width:786px;float: left;}

	#s_case .right{width:380px;float: right}

	#s_case .left dt{ width: 390px; height: 390px;}

	#s_case .left dt img{width: 395px; height: 395px; }

	#s_case .left dd{ width: 396px; height: 390px;}

	#s_case .left dd img{width: 198px; height: 198px;}

	#s_case .left dd .pic_box{width: 198px; height: 195px;}

	#s_case .left dd .text_box{ width: 198px; height: 195px;}

	#s_case .left dd li{height: 195px; }

	#s_case .left dd li a{height: 195px;}

}

@media (max-width: 1200px){

	#s_case .right .text_box p.pc{display: none;padding-top: 65px;}

	#s_case .right .text_box p.wap{display: block;}

	#s_case .right .text_box .more{display: none;}

	

}







.ind_new{background: #f3f3f3; padding:30px 0px;}



.ind_new .swiper-slide h3{font-size: 16px; color: #403a3a; margin-top:18px; margin-bottom: 8px;}

.ind_new .swiper-slide{font-size: 12px; color: #828385; line-height: 2; padding-bottom: 20px; background: #fff;}

.ind_new .swiper-slide:hover{background: #93bc81; color: #fff;}

.ind_new .swiper-slide:hover h3{color: #fff;}

.ind_new .swiper-slide p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-top:5px;}



.ind_new .swiper-pagination-bullet-active{background: #539835;}

.ind_new .swiper-pagination-bullet{width: 12px; height: 12px;}

.ind_new .swiper-container img{display: block; margin:0px auto;width: 100%;}



@media (min-width: 1200px){

	.ind_new .title{font-size: 24px;}

	.ind_new .swiper-container{margin-top:28px; padding-bottom: 48px;}

	.ind_new .swiper-container img{height: 246px;}

	.ind_new .swiper-slide h3,.ind_new .swiper-slide span,.ind_new .swiper-slide p{padding:0px 18px;}

}

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

	.ind_new .title{font-size: 22px;}

	.ind_new .swiper-container{margin-top:28px; padding-bottom: 48px;}

	.ind_new .swiper-container img{height: 202px;}

	.ind_new .swiper-slide h3,.ind_new .swiper-slide span,.ind_new .swiper-slide p{padding:0px 12px;}

}

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

	.ind_new .title{font-size: 18px;}

	.ind_new .swiper-container{margin-top:20px; padding-bottom: 40px;}

	.ind_new .swiper-container img{height: 202px;}

	.ind_new .swiper-slide h3,.ind_new .swiper-slide span,.ind_new .swiper-slide p{padding:0px 12px;}

}

@media (min-width: 768px){

	

}



@media (max-width: 768px){

	.ind_new{padding:1.5em 2%;}

	.ind_new .title{font-size: 18px;}

	.ind_new .swiper-container{margin-top:20px; padding-bottom: 40px;}

	.ind_new .swiper-slide h3,.ind_new .swiper-slide span,.ind_new .swiper-slide p{padding:0px 12px;}

	#banner .bnt{display: none;}
}









/*=============banner================*/

#banner{ position:relative;}

#banner .bd { position:relative;}

#banner .bd a{ display:block; width:100%;}

#banner .bnt{ position:absolute; vertical-align:middle; height:107px; width:50px;   top:50%; z-index:9; margin-top:-53.5px; }

#banner .bnt img{  }

#banner .bnt:hover{ }

#banner .prev{ position:absolute; left:-54px; opacity:0.1;filter:alpha(opacity=10)}

#banner .next{ position:absolute; right:-54px; opacity:0.1;filter:alpha(opacity=10)}

#banner:hover .prev{left:50px;  }

#banner:hover .next{right:50px; }

#banner .prev:hover{ opacity:0.8; filter:alpha(opacity=80);}

#banner .next:hover{ opacity:0.8; filter:alpha(opacity=80);}

#banner .main_box{ position:relative;}



.banenr_text_box{ background:#5d98d3; position:absolute; left:-10px; height:275px; z-index: 3; width:245px; display:table;}

.banenr_text_box .box{ color:#fff; display:table-cell; vertical-align:middle; padding:20px; }

.banenr_text_box h1{   text-transform: uppercase;  font-family: "Humnst777 Cn BT"; font-size:27px; }

.banenr_text_box h2{ display:block; font-size:20px; font-family: "Humnst777 Cn BT";  text-transform: uppercase;}

.banenr_text_box i{ display:block; height:3px; width:40px; background:#fff; margin:20px 0;}

.banenr_text_box p{ font-size:12px; line-height:20px;}

.banenr_text_box:hover i{ width:45px;}