﻿/*轮播*/
.bannerWrap img{width: 100%;}
/*领域与行业*/
.fieldIndustryWrap{background: #f2f2f3;}
.fieldIndustryBox{background: #fff;padding: 20px;}
.fieldBox>div p,.industryBox>div p{line-height: 24px;border-bottom: 1px solid #ccc;margin: 20px 0 10px 0;}
.classification{width: 100%;}
.classification li{width: 12%;margin-left: 1%;line-height: 30px;}
.classification a:hover{color: #009FC6;}
/*列表*/
.clearfix{overflow: hidden;}
.fl{float: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.fr{float: right;width: 20%;text-align: right;padding-right: 20px;}
.downListUl{width: 100%;margin-top: 20px;}
.downListLi{width: 100%;height: 40px;line-height: 40px;}
.downListLi p{display: inline-block;margin-left: 8px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.paging{text-align: center;}
.downListLi img{vertical-align: middle;}
.downListLi p{vertical-align: middle;}
.downListLi a:hover{color: #000;}
/*兼容性处理*/
@media only screen and (max-width: 768px) {
	.classification li{width: 23%;}
}
@media only screen and (max-width:500px) {
	.classification li{width: 31%;}
	.downListLi .fr{display: none;}.fl{width: 100%;}
}
/*客户案例页面*/
.exampleWrap{background: #f2f2f3;}
.exampleOne>li{width: 32%;margin: 10px 1% 10px 0;height: 425px;overflow: hidden;}
.exampleOne>li img{width: 100%;}
.exampleContent{background: #fff;padding: 15px;}
.exampleContent span{display: block;padding: 19px 13px 2px 0;font-size: 14px !important;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.exampleContent a{font-size: 20px; margin-top: 10px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.exampleContent p{color: #999;border-bottom: 1px solid #ddd;line-height: 25px;padding-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.exampleContent li{color: #999;padding: 10px 15px 0 0 ;}
.exampleFirstSpan{padding-top: 11px !important;}
.exampleOne>li:hover{box-shadow: 0 0 10px #999;transform:translateY(-4px);transition:all .3s linear;}
.exampleBox{padding: 12px;}
/*兼容移动端*/
@media only screen and (max-width: 992px ) {
	.exampleOne>li{width: 48%;}
}
@media only screen and (max-width: 768px) {
	.exampleOne>li{height: 410px;}
}
@media only screen and (max-width:525px ) {
	.exampleOne>li{height: 390px;}
}
@media only screen and (max-width: 450px) {
	.bannerWrap img{height: 188px;object-fit: cover;}
	.examplseOne{text-align: center;}
	.exampleOne>li{width: 94%; margin: 0 auto;height: 450px;}
}
@media only screen and (max-width: 400px) {
	.exampleOne>li{height: 420px;}
}
/*客户案例-详情页*/
.bannerTitle{padding: 10px;}
/*.bannerBox{padding: 10px;}*/
.brandContainer{margin: 30px 0;}
.brandContainer img{width: 100%;}
.bannerWrap{background: url(../images/1-1p316114056123.jpg) no-repeat;}
.bannerBox {background: rgba(0,0,0,.6);}
.bannerTitle{padding: 80px 0;color: #fff;}
.bannerTitle h2{margin-bottom: 30px;}
.bannerTitle p{width: 80%;}
.bannerContent ul{width: 100%;height: 60px;padding: 0 10px;}
.bannerContent ul .bannerLiOne{width: 19%;vertical-align: top;}
.bannerContent ul .bannerLiOne span{font-size: 12px;color: #999;}
.bannerContent ul .bannerLiOne p{color: #fff;padding-top: 10px;font-size: 14px;}
.bannerContent{background: rgba(0,0,0,.4);padding: 20px 0;}
@media only screen and (max-width:992px ) {
	.bannerContent ul .bannerLiOne{width: 31%;margin-top: 10px;}
	.bannerContent ul{height: 120px;}
}
@media only screen and (max-width: 768px) {
	.bannerTitle p{width: 100%;}
	.bannerTitle{padding: 80px 10px;}
	.bannerContent ul{height: 180px;}
	.bannerContent ul .bannerLiOne{width: 48%;}
	
}
@media only screen and (max-width: 450px) {
	.bannerTitle{padding: 30px 10px;}
	.bannerTitle h2{margin-bottom: 18px;font-size: 22px;}
	.bannerContent ul{height: 300px;}
	.bannerContent ul .bannerLiOne{width: 98%;}
	
}
.brandImg img{width: 100% !important;}





