/*--banner--*/

@media screen and (min-width: 320px) {

	

	.banner-bg{ padding-bottom: 36%; width: 100%; display: block; -webkit-background-size: cover;

	background-size: cover; background-position: center center;}

	

	.swiper-banner .swiper-pagination-bullet{ background: #fff; opacity: .5; width: 10px; height: 10px;}

	.swiper-banner .swiper-pagination-bullet-active{ background: #82bf34; opacity: 1;}

	

	.banner-btn-bg{display: none;}

	

	.swiper-banner .swiper-slide,.swiper-banner .swiper-slide *{transition:0s !important;}

}



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

	

	.swiper-banner { height: 390px;}

		

	.banner-bg{ height: 390px; padding: 0;}

	.swiper-banner .swiper-pagination{display: none;}

	 

	.banner-btn-bg{ display: block; position: absolute; left: 0; bottom: 0; z-index: 9; height: 83px; background: #fff; background: rgba(255,255,255,.9); width: 100%;}

	.banner-btn-bg dt *,.banner-btn-bg dt *{ -webkit-transition: background.3s,color .3s;

	transition: background .3s,color .3s;}

	.banner-btn{ border-left: solid 1px #c5c5c5;}

	.banner-btn ul{overflow: hidden;}

	.banner-btn li{width: 16.666666666%; float: left; border-right: solid 1px #c5c5c5; overflow: hidden; -webkit-transition: width .3s linear;

	transition: width .3s linear;}

	.banner-btn li.on{ width: 33.33333333333%;}

	.banner-btn li a{display: block;}

	.banner-btn li dl{ width: 200%; overflow: hidden;}

	.banner-btn dt{ float: left; padding: 15px 10px; width: 160px;}

	.banner-btn dt i{ float: left; font-size: 34px; color: #85c039; line-height: 54px; padding-right: 10px;}

	.banner-btn dt span{ line-height: 18px; padding: 18px 0; overflow: hidden; display: block; font-size: 12px; color: #333;}

	.banner-btn dd{ float: left;  width: 160px;}

	.banner-btn li.on dl{width: 382px;}

	.banner-btn li.on dt{ background: #82bf34;}

	.banner-btn li.on dt i,.banner-btn li.on dt span{ color: #fff;}

	.banner-btn li.on dd img{ width: 100%; height: 100%;}

}



@media screen and (min-width: 1260px) {

	

	.swiper-banner { height: 494px;}

	

	.banner-bg{ height: 494px;}

	.banner-btn-bg{ height: 104px;}

	.banner-btn dt{ width: 200px; padding: 20px 15px;}

	.banner-btn dt i{ padding-right: 10px; font-size: 36px; line-height: 64px; font-size: 46px;}

	.banner-btn dt span{ font-size: 14px; line-height: 22px; padding:21px 0;}

	.banner-btn dd{ width: 200px;}

	.banner-btn li.on dl{ width: 478px;}



}



/*--首页-公用盒子--*/

@media screen and (min-width: 320px) {

	.ind-box{ padding-top: 10px;}

	

	.e-row{ margin: -5px -15px;}

	.e-col-md-4{ padding: 5px 15px;}

	.e-col-md-6{ padding: 5px 15px;}

}

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

	.ind-box{ padding-top: 20px;}

	.e-col-md-4{ padding: 0 15px; width: 33.333%; float: left;}

	.e-col-md-6{ padding: 0 15px; width: 50%; float: left;}

}



/*--首页-公用顶部--*/

@media screen and (min-width: 320px) {

	.ind-tit{ border-bottom: solid 1px #e6e6e6; overflow: hidden; padding: 5px 0; margin-bottom: 10px;}

	.ind-tit b{ float: left; color: #82bf34; float: left; line-height: 30px; font-size: 16px; font-weight: normal;}

	.ind-tit b i{ width: 4px; height: 18px; margin-right: 5px; background: #82bf34; display: block; float: left; margin-top: 6px;}

	.ind-tit a.ind-more{ float: right; line-height: 30px; color: #999;}

	.ind-tit a.ind-more:hover{ color: #82bf34;}

	

	.ind-tit-bdn{border: none; margin-bottom: 0;}

	

	.ind-tit .hd{ float: right; margin: 0 -10px;}

	.ind-tit .hd a{ float: left; padding: 0 10px; color: #999; line-height: 30px; position: relative; font-size: 14px; }

	.ind-tit .hd a:after{ content: ' '; position: absolute; left:0; top: 50%; width: 0; height: 15px; border-right: solid 1px #999; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

	.ind-tit .hd a.on{ color: #82bf34;}

	

}

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

	.ind-tit{ margin-bottom: 20px;}

	.ind-tit b{ font-size: 18px;}

	

	.ind-tit-bdn{ margin-bottom: 0;}

	.ind-tit .hd{ float: right; }

	.ind-tit .hd a:after{ left: auto; right: 0;}

}



/*--首页-新闻中心--*/

@media screen and (min-width: 320px) {



	i.pic-scale-inews{ padding-bottom: 75.08%;}

	.ind-news-l{ overflow: hidden;}

	.ind-news-l dt{ float: left; width: 140px; padding-right: 15px;}

	.ind-news-l b{display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 20px; color: #333;}

	.ind-news-l p{ display: none;}

	.ind-news-l div{ overflow: hidden;}

	.ind-news-l small{display: block; color: #999; padding: 5px 0;}

	.ind-news-l span{ line-height: 27px; height: 27px; background: #82bf34;  float: left; font-size: 14px; color: #fff; padding: 0 20px; -webkit-border-radius: 13px;

	-moz-border-radius: 13px;

	border-radius: 13px;}

	.ind-news-l a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}

	.ind-news-l a:hover b{ color: #82bf34;}

	

	.ind-news-r{ padding-top: 10px;}

	.ind-news-r div{ padding: 10px 0; border-top: dashed 1px #d7d7d7; }

	.ind-news-r b{ background: #82bf34; padding: 5px 10px; display: block;  color: #fff; -webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px; margin-bottom: 5px; font-weight: normal; font-size: 14px;}



}



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

	i.pic-scale-inews{ padding-bottom: 108.44%;}

	.ind-news-l{ float: left; width: 50%; padding-right: 15px;}

	.ind-news-l dt{ width: 240px;}

	.ind-news-r{ float: left; width: 50%; padding-left: 15px;}

	

	.ind-news-l b{ font-size: 18px; line-height: 1.75; max-height: 57px; }

	.ind-news-l p{ display: block; color: #666; margin-top: 7px;display: -webkit-box;   -webkit-line-clamp: 6;   -webkit-box-orient: vertical;    overflow: hidden;  height: 144px;}

	.ind-news-l div{ padding-top: 6px;}

	.ind-news-l small{ float: left; padding: 0; line-height: 27px; font-size: 14px;}

	.ind-news-l span{ float: right;}

	

	.ind-news-mess{ height: 244px; overflow: hidden;}

	.ind-news-r{ margin-top: -10px; padding-top: 0;}

	.ind-news-r div{ border-top: none; border-bottom: dashed 1px #d7d7d7;}

	

	.ind-news-r b{ float: left; width: 102px; height: 102px; line-height: 102px; text-align: center; margin-bottom: 0; margin-right: 10px; padding: 0; font-size: 18px; margin-top: 5px;}



}



@media screen and (min-width: 1260px) {

	i.pic-scale-inews{ padding-bottom: 75.08%;}

	.ind-news-l dt{ width: 340px;}

}





/*--首页-公用列表--*/

@media screen and (min-width: 320px) {

	.ind-news-list li{ position: relative; overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; white-space: nowrap;}

	.ind-news-list-time li{ padding-right: 80px;}

	.ind-news-list i{ width: 4px; height: 4px;background: #82bf34; float: left; margin-top: 10px; margin-right: 5px;}

	.ind-news-list a{ font-size: 14px; color: #666;}

	.ind-news-list a:hover{ color: #82bf34;}

	.ind-news-list span{ position: absolute; right: 0; top: 0; font-size: 12px; color: #999;}

}



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

	.ind-news-list{ overflow: hidden;}

	.ind-news-list li{ line-height: 28px;}

	.ind-news-list i{ margin-top: 12px;}

	.ind-news-list span{ font-size: 14px;}

}



/*--首页-工程案例--*/

@media screen and (min-width: 320px) {

	.case-bg { fill: #f7f7f7;  fill-rule: evenodd; }

	

	.ind-case-list{ margin: -5px;}

	.ind-case-list li{ float: left; width: 50%; padding: 5px;}

	.ind-case-list a{ height: 0; overflow: hidden; padding-bottom: 72%; display: block; position: relative;}

	.ind-case-list a *{ -webkit-transition: -webkit-transform .5s,fill .5s,color .5s,opacity .5s; transition: transform .5s,fill .3s,color .5s,opacity .5s;}

	i.pic-scale-icase{ padding-bottom: 61.64%;}

	.ind-case-list-mess{ position: absolute; bottom: 0; left: 10px; right: 10px; z-index: 1; padding-bottom: 32%; height: 0;}

	.ind-case-list-mess svg{ width: 100%; position: absolute; bottom: 0; height: auto; max-height: 115px; z-index: -1;}

	

	.ind-case-list-txt{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

	

	.ind-case-list-txt b{ padding: 0 10px; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 20px; font-size: 14px; color: #82bf34;  font-weight: normal; text-align: center;}

	.ind-case-list-txt span{ border: solid 1px #82bf34; height: 28px; line-height: 26px; text-align: center; font-size: 12px; width: 97px; text-align: center; margin: 0 auto; display: block;-webkit-border-radius: 14px;

	-moz-border-radius: 14px;

	border-radius: 14px; color: #82bf34; display: none;}

	.ind-case-list-txt i{font-size: 12px; padding-left: 5px; color: #82bf34;}

	

	.ind-case-list a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}

	.ind-case-list a:hover svg .case-bg { fill: #82bf34; }

	.ind-case-list a:hover b,.ind-case-list a:hover span,.ind-case-list a:hover i{ border-color: #fff; color: #fff;}

	.ind-case-txt{ display:none;}

	

	.ind-case-list li:nth-child(n+5){display: none;}

	.ind-case-list-show li:nth-child(n+5){display: block;}

}

@media screen and (min-width: 640px) {

	.ind-case-list li:nth-child(n+5){display:block;}

	.ind-case-list li:nth-child(n+7){display: none;}

	.ind-case-list li{width: 33.333333%;}

	.ind-case-list-show li:nth-child(n+7){display: block;}

}



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

	.ind-case-list li{width: 25%;}

	.ind-case-list li:nth-child(n+5){display:block;}

	.ind-case-list-txt{ display: block; padding-top: 10px;}

	.ind-case-list-txt b{ padding: 0 15px; font-size: 16px; font-weight: bold; display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; padding-bottom: 5px;}

	.ind-case-list-txt span{ display: block;}

		

	.ind-case-txt{display:block; position:absolute; left:0; bottom:0; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; line-height:40px; background:#fff; color:#333; background:rgba(255,255,255,.8); padding:0 15px; width:100%; text-align:center;}

	

	.ind-case-list a{height:auto; padding:0; -webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;}

	.ind-case-list-mess{bottom:10px; opacity:0; -webkit-transform: translateY(20%); transform: translateY(20%);}

	.ind-case-list a:hover .ind-case-list-mess{opacity:1; -webkit-transform: translateY(0); transform: translateY(0);}

	.ind-case-list a:hover .ind-case-txt{ -webkit-transform: translateY(50%); transform: translateY(50%); color:#333; opacity:0;}

	.padding-top-5{padding-top:5px;}

	

}



@media screen and (min-width: 1260px) {

	.ind-case-list-txt{ padding-top: 18px;}

	.ind-case-list-txt b{ font-size: 18px; padding-bottom: 10px;}

	

}





/*--首页-荣誉资质--*/

@media screen and (min-width: 320px) {

	i.pic-scale-ihonor{ padding-bottom: 75%;}

	

	/*.ind-honor-list{}

	.ind-honor-list li{ padding: 3px 0;}

	.ind-honor-list dl{ background: #f7f7f7; overflow: hidden; height: 78px;}

	.ind-honor-list dt{ width: 104px; float: left;}

	.ind-honor-list dd{ padding-left: 10px; overflow: hidden; font-size: 14px; display: table; height: 100%;}

	.ind-honor-list dd p{ display: table-cell; vertical-align: middle; color: #666;}

	.ind-honor-list dd span{ color: #82bf34;}

	.ind-honor-list a:hover dd p{ color: #82bf34;}*/

	

	.ind-honor-box{ position: relative; padding: 0;}

	

	.honor-swiper .swiper-slide  b{ text-align: center; display: block; font-weight: normal; padding-top: 5px; overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; white-space: nowrap;}

	

	.honor-button{ position: absolute; top: 0; left: 0; right: 0; height: 100%;  width: 100%;}

	.honor-button-prev,.honor-button-next{ position: absolute; left: 0; width: 30px; height: 100%;  text-align: center; color: #b2b2b2; font-weight: normal; cursor: pointer;}

	.honor-button-next{ left: auto; right: 0;}

	.honor-button-prev i,.honor-button-next i{ position: absolute; top: 50%; margin-left: -15px; font-size: 18px; width: 30px;}



	.honor-button-prev:hover i,.honor-button-next:hover i{ color: #82bf34;}

	

	.honor-swiper .swiper-slide .bd {  border: solid 1px #efefef;  padding: 5px;  -webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;  overflow: hidden; max-width:350px; margin: 0 auto;}

	.honor-swiper .swiper-slide i {  background: #f7f7f7;}

}



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

	.honor-swiper .swiper-slide .bd {max-width: initial; max-height: 168px;}

	.honor-swiper .swiper-slide .bd .pic-scale-honor{ padding-bottom: 0; height: 156px;}

	

	.honor-button-prev, .honor-button-next{ height: 128px;}

}





/*--首页-合作客户--*/

@media screen and (min-width: 320px) {

i.pic-scale-cooperate{ padding-bottom: 40.24%;}

.cooperate-bd{ border: solid 1px #e6e6e6; display: block;}

.cooperate-bd:hover{ border-color: #82bf34;}

}





/*--首页-友情链接--*/

@media screen and (min-width: 320px) {

	.yqlj-swiper .swiper-slide{ width: auto;}

	.yqlj-swiper .swiper-slide i{ font-style: normal; padding: 0 15px;}

	.yqlj-box{padding-top: 15px;}

	.yqlj-tit{ background: #82bf34; color: #fff; font-size: 18px; text-align: center; line-height: 40px;  border-top-left-radius: 6px; border-top-right-radius: 6px;}

	

	.yqlj-list{ background: #f4f4f4; border: solid 1px #e6e6e6; padding: 15px 15px 0 15px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: #999;}

	.yqlj-list a{color: #999; float: left;}

	.yqlj-list a:hover{ color: #82bf34;}

	.yqlj-list ..swiper-slide i{ float: left; line-height: 22px;}

	.yqlj-button{ overflow: hidden; margin: 0 -15px;}

	.yqlj-button div{ float: left; width: 50%; text-align: center; height: 40px; line-height: 40px; border-top: solid 1px #e6e6e6; margin-top: 15px; cursor: pointer;}

	.yqlj-button-prev{ border-right: solid 1px #e6e6e6;}

	.yqlj-button div i{color: #b2b2b2;}

	.yqlj-button div:hover{background: #82bf34;}

	.yqlj-button div:hover i{ color: #fff;}

}



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

	.yqlj-box{padding-top: 25px; overflow: hidden; padding-bottom: 0;}

	.yqlj-tit{ width: 100px; height: 52px; border-top-right-radius: 0; border-bottom-left-radius: 6px; line-height: 52px; float: left;}

	.yqlj-list{ float: left; padding: 14px 90px 14px 15px; width: 860px; position: relative; height: 52px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden;}

	.yqlj-button{ position: absolute; width: 82px; right: -1px; bottom: -1px; margin: 0; -webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px; overflow: hidden; border: solid

	 1px #e6e6e6;}

	.yqlj-button div{ margin-top: 0; line-height: 52px; height: 52px; }

}



@media screen and (min-width: 1260px) {

	.yqlj-list{ width: 1100px;}

}