.industry-con{max-width: 1200px;margin: 0 auto;}
.industry-con .ind-con-l{float: left;width: 200px;height: auto;}
.industry-con .ind-con-l .title{display: block;}
.industry-con .ind-con-l .title .tophd1{text-align: left;font-size: 24px;margin-top: 50px;color: #555;}
.industry-con .ind-con-l .title .tophd2{    text-align: left;font-size: 14px;margin-top: 10px;text-transform: uppercase;color: #b4b4b4;}
.industry-con .ind-con-l .ind-list{margin-top: 20px;}
.industry-con .ind-con-l .ind-list ul{width: 200px;}
.industry-con .ind-con-l .ind-list ul li.active{background: #A07FEC;color: #fff}
.industry-con .ind-con-l .ind-list ul li.active a{color: #fff}

.industry-con .ind-con-l .ind-list ul li:hover a{background: #A07FEC;color: #fff;}

.industry-con .ind-con-l .ind-list ul li{font-size: 14px;cursor: pointer;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.industry-con .ind-con-l .ind-list ul li a{color: #000;display: block;padding: 10px 20px;font-family: "微软雅黑"}

.industry-con .ind-con-r{float: left;width: 950px;height: auto;margin-left: 50px;margin-top: 58px;}
.industry-con .ind-con-r .ind-con-banner img{border: 0;vertical-align: bottom;max-width: 100%;}
.industry-con .ind-con-r .item{padding: 0 10px;}
.industry-con .ind-con-r .item h3{margin-top: 60px;font-size: 24px;color: #812246;font-weight: 500}
.industry-con .ind-con-r .item .des{font-size: 14px;color: #666;margin-top: 20px;line-height: 16px;padding-bottom: 30px;}
.industry-con .ind-con-r .item h2{font-size: 22px;color: #444;margin-top: 60px;font-family: "Microsoft YaHei";}

.industry-con .ind-con-r .item .clientLogo{margin-top: 30px;}
.industry-con .ind-con-r .item .clientLogo img{max-width: 100%;vertical-align: bottom;border: 0}


#hangyeFootbanner{ background: url(../img/footbanner.png) no-repeat center top;;position:relative;max-width: 1920px;height: 331px;top: 100px; }

#hangyeFootbanner .ind-foot-lx{position: absolute;top: 42%;left: 53%;}
#hangyeFootbanner .ind-foot-lx h1{font-size: 22px;color: #444}
#hangyeFootbanner .ind-foot-lx p{color: #b4b4b4;font-size: 18px;font-family: Helvetica;margin-top: 10px;}
#hangyeFootbanner .ind-foot-lx a{font-size: 18px;color: #fff;text-align: center;padding:8px 18px;background: #b89fff;width: 120px;border-radius: 20px;display: block;margin-top: 20px;}

 #hangyeFootbanner .ind-foot-lx a:hover{background: #987fde;color: #fff;}

.industry-con .ind-con-r .item{padding: 0 10px;}
.banner { 

max-width: 1920px;
height: 360px;
margin: 0 auto;
clear: both;
background: url(../img/1484643363.png) no-repeat center top;
background-size: cover;


}
.industry-con .ind-con-r .item img{max-width: 100%;}

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

.industry-con .ind-con-l{float: none;width: 100%;min-height: 150px;}
.industry-con .ind-con-l .ind-list{width: 100  !important; ;}
.industry-con .ind-con-l .ind-list ul{max-width:100% !important;}
.industry-con .ind-con-l .ind-list ul li{width: 45% ;margin: 0 2% !important;    margin-bottom: 10px;}



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

.industry-con{max-width: 100%;margin: 0 auto;position: relative;clear: both;}
.industry-con .ind-con-l {float: left;width: 19%;height: auto;margin-left: 1%;display: block;}
.industry-con .ind-con-l ul{max-width: 200px;}
.industry-con .ind-con-r{ margin: 0 auto;float: left;width: 78%;height: auto;margin-left: 2%;margin-top: 0px;}

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


.industry-con .ind-con-l .title{display: none;}
.industry-con .ind-con-l{
	 float: none;
width: 750px;min-height: 100px;margin: 0 auto;
}    

.industry-con .ind-con-l .ind-list{margin-top: 40px;width: 750px;} 

.industry-con .ind-con-l .ind-list ul{max-width: 750px ;width: 750px !important;margin: 0 auto;height: auto;}
.industry-con .ind-con-l .ind-list ul li{width: 130px;text-align: center;font-size: 14px;float:left;     cursor: pointer;    margin: 0 7.5px;  margin-bottom: 10px;}
.industry-con .ind-con-r {float: none;width: 750px;margin: 0 auto;height: auto;margin-top: 30px;clear: both;}




}
@media screen and (max-width: 750px){
.banner{height: 170px;}

.industry-con {max-width: 100%;}
.industry-con .ind-con-l {width: 100%;min-height: 150px;margin: 0 auto;}
.industry-con .ind-con-l .ind-list{width: 100%;}
.industry-con .ind-con-l .ind-list ul{max-width: 100% !important}
.industry-con .ind-con-l .ind-list ul li{width: 25%;text-align: center;font-size: 14px;float: left;cursor: pointer;margin: 0 4%;margin-bottom: 10px;}

.industry-con .ind-con-r {  float: none;width: 100%;margin: 0 auto;height: auto;margin-top: 30px;}
.industry-con  .clientLogo{width: 100%;}
#hangyeFootbanner {    max-width: 1920px;height: 232px;background:url(../img/footbanner2.png) no-repeat center top;;}
#hangyeFootbanner .ind-foot-lx{top: 25%;left: 50%;}


}
@media screen and (max-width: 470px){ 
.banner{height: 170px;}

.industry-con .ind-con-l{float: none;width: 100%;min-height: 150px;}
.industry-con .ind-con-l .ind-list{width: 100% }
.industry-con .ind-con-l .ind-list ul{max-width: 100% !important;width: 750px !important;}
.industry-con .ind-con-l .ind-list ul li{width: 45% ;margin: 0 2%; margin-bottom: 10px !important;}

#hangyeFootbanner .ind-foot-lx{top: 30%;left: 20%;}

}