body{background: #f2f2f3;}
.littleNav{height: 50px;line-height: 50px;padding-left: 10px;}
.totalListIn{background: #fff;}
.totalListIn{padding: 20px;}
.totalListIn>p{border-bottom: 1px solid #ddd;}
.totalListIn span{border-bottom: 2px solid #019EB1;font-size: 20px;padding-bottom: 10px;color: #019EB1;display: inline-block;}
.listTitle{padding: 16px 0;}
.listTitle {width: 100%;}
.listTitle li{width: 15%;}
.listOneIn{border: 1px solid #ddd;}

.uplistA{background: #4d588e;font-size: 20px;text-align: center;width: 97%;height: 180px; padding: 58px 0;margin: 2px auto 0;}
@media (max-width: 768px) { 
	.listTitle li{width: 20%;}
	.uplistA {font-size: 16px;}
}
.downListA {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 10px;}
.uplistA a{color: #fff;}
.listTitle li:nth-child(1) a{color: #009FC6;}
.listOne>div{margin-top: 20px;}
.listOne{display: none;}
.listOne:nth-child(1){display:block ;}
/*选择与交广合作的十大理由*/
.tenReasonIn{background: #fff;padding: 20px;margin-top: 20px;}
.tenTitle{font-size: 20px; font-weight: bold;}
i.iconSpirt{display: inline-block; width: 40px;height: 35px; background: url(../../img/icon.png) no-repeat;overflow: hidden;margin:  0 auto;}
i.iOne{background-position: -38px -315px;}
i.iTwo{background-position: -38px -280px;}
i.iThree{background-position: -38px -140px;}
i.iFour{background-position: -38px -105px;}
i.iFive{background-position: -38px -175px;}
i.iSix{background-position: -38px -245px;}
i.iSeven{background-position: -38px -70px;}
i.iEight{background-position: -38px 0;}
i.iNine{background-position:-38px -210px;}
i.iTen{background-position: -38px -35px;}
i.tenI{background-position: 0 -315px;vertical-align: middle;}
.tenReasonActive{border: 1px solid #ddd;box-shadow: 0 0 10px #d7d7d7;margin;}
.tenReason{margin-bottom: 20px;}
.tenReasonIn .row>div{text-align: center;padding: 10px;border: 1px solid #fff;}
.tenReasonIn .row>div p:nth-child(2){margin: 5px 0;}
.tenReasonIn .row>div p:nth-child(3){width:100%;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; color: #808080;}
@media (min-width: 992px) { 
	.tenReasonIn .row>div{width: 20%;}
}
@media only screen and (max-width: 460px) {
	.listOne>div{width: 100%;}	
	.listTitle li{width: 24%;}
}