.address:after,
.processTop:after,
.interactionUl:after,
.systemMinBox:after,
.expminBox:after,
.detail:after,
.cooperationBox:after,
.mBoxMin:after,
.newsBox:after,
.news:after,
.newsFontBox:after,
.exchange:after,
.maxLunBoBox:after,
.lunBoCenter .minBoxTop:after{ /* 解决高度塌陷 */
  content: '';
  height: 0;
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
}

.controlArrow.prev,
.controlArrow.next{
  display: none;
}

.content{
  background: #fff;
}

.address{
  font-size: .14rem;
  width: 100%;
  padding-left: 15%;
  margin-top: .5%;
}



/* 模块二 */

.process{
  text-align: center;
}

.address img{
  width: 1.5%;
  float: left;
}

.address p{
  float: left;
  margin-left: 1%;
  font-size: .14rem;
}

.processTop{
  margin-top:5%;
  padding-left: 45%;
}

.processTop p{
  font-size: .3rem;
  color: #000;
  float: left;
  font-weight: 500;
  margin-top: -.11rem;
}

.bgFont{
  width: 12%;
  height: 30px;
  background: url(/static/images/process.jpg);
  background-size: 100% 100%;
  font-size: .16rem;
  line-height: 34px;
  text-align: left;
  padding-left: 2%;
  float: left;
  font-weight: 500;
}

.processBottom{
  margin-top: 1%;
}

.chinaFont{
  font-size: .14rem;
  color: #999;
}

.englishFont{
  font-size: .12rem;
  color: #999;
}

.interaction{
  margin-top: 3%;
}

.interactionUl {
  font-size: .12rem;
  text-align: center;
  /* padding-left: 15%; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.interactionUl img{
  width: 60%;
}

.interactionUl li{
  float: left;
  position: relative;
  text-align: center;
}

.interactionUl li span{
  position: absolute;
  display: block;
}

.interactionOne span:nth-of-type(1){
  top: 1.16rem;
  left: .06rem;
}

.interactionOne span:nth-of-type(2){
  top: 1.24rem;
  right: 1.1rem;
}

.interactionOne img{
  margin-left: 0;
}

.interactionTwo span:nth-of-type(1){
  top: 1.26rem;
  left: .68rem;
}

.interactionTwo span:nth-of-type(2){
  top: 1.06rem;
  left: 1.2rem;
}

.interactionTwo img{
  margin-left: 12%;
}

.interactionThree span:nth-of-type(1){
  top: 1.22rem;
  left: .74rem;
}

.interactionThree span:nth-of-type(2){
  top: 1.16rem;
  left: 1.3rem;
}

.interactionThree img{
  margin-left: 22%;
}

.interactionFour span:nth-of-type(1){
  top: 1.03rem;
  left: .46rem;
}

.interactionFour span:nth-of-type(2){
  top: 1.27rem;
  left: .93rem;
}

.interactionFour span:nth-of-type(3){
  top: 1.24rem;
  left: 1.38rem;
}

.interactionFour img{
  margin-left: 32%;
}

.interactionFive span:nth-of-type(1){
  top: 1.12rem;
  left: .72rem;
}

.interactionFive span:nth-of-type(2){
  top: 1.25rem;
  left: 1.26rem;
}

.interactionFive span:nth-of-type(3){
  top: 1.12rem;
  left: 1.72rem;
}

.interactionFive img{
  margin-left: 39%;
}

.detail{
  width: 100%;
  /* padding-left: 10%; */
  margin-top: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.detailMinBox {
  float: left;
  text-align: center;
  font-size: .2rem;
}

.detailMinBox h4 span{
  font-size: .62rem;
  color: #929292;
  font-weight: 400;
}

.detailMinBox p{
  font-size: .155rem;
}

.detailMinBox img{
  width: 8%;
}

sub{
  color: #929292;
  margin-left: 5px;
}

.theDividerTOP{
  background: #f5af49;
  width: 100%;
  position: relative;
  height: .1rem;
}

.circle{
  position: absolute;
  width: .3rem;
  height:.3rem;
  border-radius: 50%;
  text-align: center;
  background: #f5af49;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 5;
}

.circle span{
  display: block;
  border-color: transparent #eee #eee transparent;
  border-width: 1px;
  border-style: solid;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
  margin-left: 28%;
  margin-top: 12%;
}

.theDividerBottom{
  background: #f5af49;
  width: 100%;
  position: relative;
  height: .1rem;
}

.system{
  height: 4.9rem;
  position: relative;
  background: url('/static/images/centerbg.png');
  background-size: 100% 100%;
}

.systemUp {
  position: absolute;
  background: #000;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  color: #eee;
}

.parkingBox{
  margin-top: 10%;
  margin-left: 15%;
}

.parkingSystem span{
  color: #f5af49;
}

.silds {
  border-bottom: 2px solid #f5af49;
  width: 3%;
  margin: 1% 0;
}

.parkingSystem{
  font-size: .3rem;
  font-weight: 500;
}

.parkingSystem h1 {
  font-weight: 500;
}

.systemFont{
  font-size: .16rem;
  margin-left: 15%;
}

.systemFont p:nth-of-type(2){
  font-size: .12rem;
}

.systemContent{
  width: 100%;
  background: #fff;
  /* height: 3.1rem; */
  height: 50%;
  position: relative;
}

.systemMinBox{
  position: absolute;
  left: .32rem;
  top: -85%;
  right: 0;
  bottom: 0;
  margin:auto;
  border-bottom: 1px solid #ccc;
  height: 2.85rem;
  width: 10rem;
  overflow: hidden;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}

.systemMinBox>div{
  width: 2.5rem;
  background: #fff;
  float: left;
}

.rightTwo .minBox, .leftTwo .minBox{
  padding-top: 1%;
}

.rightTwo .minBox div, .leftTwo .minBox div{
  color: #eee;
  margin-left: 35%;
}

.rightTwo .introduce, .leftTwo .introduce{
  margin-left: 26%;
}

.leftTwo{
  border-right: 5px solid #f5af49;
}

.leftTwo .leftTwoIsNone{
  color: #000;
  background: #fff;
  height: 3rem;
  padding-top: 30%;
}

.rightTwo{
  border-right: 5px solid #f5af49; 
  border-top-right-radius: 20px;
}

.rightTwo .rightTwoIsNone{
  color: #000;
  background: #fff;
  height: 3rem;
  padding-top: 29%;
  border-top-right-radius: 20px;
}

.rightTwoIsShow{
  display: none;
  background: #000;
  padding-top: 17%;
}

.minBox img{
  width: 14%;
  margin-left: 42%;
  margin-top: 12%;
}

.minBox div{
  font-size: 18px;
  color: #000;
  margin: 5% 0 7% 35%;
}

.leftOne{
  border-right: 5px solid #f5af49; 
  border-left: 5px solid #f5af49; 
  height: 3rem; 
  border-top-left-radius: 20px;
}

.leftOneIsShow{
  display: none;
  color:#fff;
  background: #000;
  height: 3rem;
  margin-top: -1%;
  border-top-left-radius: 16px;
  padding-top: 15%;
  opacity: .7;
}

.leftOne .minBox div{
  margin: 5% 0 7% 35%;
}

.solidTop{
  display: block;
  height: .05rem;
  width: 100%;
  background: #f5af49;
  margin-bottom: 12%;
}

.introduce{
  word-break: break-all;
  font-size: .16rem;
  width: 50%;
  text-align: center;
  line-height: 30px;
  margin-left: 25%;
}

.bgSystem {
  background: #000;
  color: #eee;
  opacity: .7;
  width: 100%;
  height: 3.85rem;
}

.rightOne{
  border-right: 5px solid #f5af49;
  height: 3rem;
}

.rightOneIsShow{
  display: none;
  background: #000;
  color: #fff;
  height: 3rem;
  margin-top: -7%;
  padding-top: 26%;
  opacity: .7;
}



/* 模块四 */
.about{
  padding-top: 8%;
}

.bgwidth{
  background: url('/static/images/bg_white.png');
  background-size: 100% 100%;
  width: 145%;
  margin-left: -10%;
  height: 3rem;
  margin-top: -5%;
}

.cooperationBox{
  padding-left: 16%;
}

.cooperationminBox{
  float: left;
  margin-top: 3%;
  width: 32%;
}

.mBoxMin{
  margin-top: 5%;
  cursor: pointer;
}

.circleSolid{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #929292;
  float: left;
  margin-left: 2%;
  margin-top: 1%;
  position: absolute;
  left: 14%;
}

.cooperationFontBox{
  float: left;
  margin-left: 5%;
}

.cooperationFontBox h5{
  font-size: .16rem;
}

.cooperationFontBox p{
  font-size: .12rem;
  letter-spacing: 1px;
}

.fourModulImg{
  width: 40%;
  float: left;
  margin-left: 11%;
  margin-top: 7%;
}


/* 模块五 */
.exchange{
}

.exchangeBox{
  height: 80.5%;
  position: relative;
}

.maxLunBoBox{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70%;
  height: 80%;
}

.maxLunBoBox>div{
  float: left;
}

.lunBoCenter{
  height: 100%;
  width: 100%;
  background: #000;
}

.lunBoCenter .minBoxTop{
  font-size: .16rem;
  color: #fff;
  margin-top: 0;
  width: 100%;
  line-height: 258%;
  padding-left: 5%;
}

.lunBoCenter img{
  width: 100%;
  height: 3.1rem;
}

.lunBoCenter .minBoxTop>div{
  float: left;
}

.lunBoCenter .minBoxTop>div:nth-of-type(2){
  margin-left: 2%;
  font-size: .14rem;
}

.lunBoRight{
  position: absolute;
  right: 0;
}

.box{
	width: 100%;
	height: 3.4rem;
  position: relative;
}

.list{
  width: 65%;
	height: 3.5rem;
	overflow: hidden;
	position: absolute;
	left: 58.5%;
  margin-left: -6rem;
  margin-top: 8%;
}

.list li{
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	transition: all 0.3s ease-out;
}

.list .numsa{
  width: 5rem;
	height: 3.5rem;
	border:none;
  float: left;
}


/* 模块六 */

.newsBox{
  height: 71%;
  position: relative;
  padding-top: 4%;
}

.newLunbo{
  float: left;
  height: 4rem;
  margin-top: -4.5%;
  margin-left: 5%;
  width: 30%;
}

.news{
  height: 3.2rem;
  position: relative;
  float: left;
  width: 60%;
  margin-left: 5%;
  padding: 0 3%;
}


.news #newsMinBox p{
  font-size: .14rem;
}

.newsFontBox{
  color: #000;
  font-size: .14rem;
  position: relative;
  cursor: pointer;
}

.cirles{
  display: inline-block;
  width: .08rem;
  height: .08rem;
  border-radius: 50%;
  background: #929292;
  float: left;
  margin-top: 2%;
  position: absolute;
}

.newsFontBox p{
  display: inline-block;
  float: left;
  margin-left: 6%;
  margin-bottom: 10%;
}

.bg{
  width: 100%;
  height: 3rem;
  background: url('/static/images/bg_white.png');
  position: absolute;
  bottom: 0;
}