.mode_box{
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
}

.mode{
  width: 1200px;
  margin: 0 auto;
  padding-top: 58px;
  padding-bottom: 100px;
  overflow: hidden;
}


.main_l{
  width: 600px;
height: 300px;
background: #000000;

position: relative;
float: left;
}

.main_l img{
  width: 100%;
  height: 100%;
  display: block;
}

.main_back{
  width: 600px;
height: 300px;
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;

}

.kuang{
  width: 580px;
  height: 280px;
  border: 1px solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding-top: 114px;
  
}

.main_title{
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
text-align: center;

}

.main_text{
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
text-transform: uppercase;
margin-top: 20px;
text-align: center;
}

.main_l:hover .kuang{
  border: 1px solid #FFFFFF;
}

.main_l:hover .main_back{
  background: rgba(0, 70, 127, 0.6);
}

.main_r{
  float: left;
  width: 600px;
height: 300px;
}

.main_r_text{
  width: 533px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  line-height: 36px;
  margin: 0 auto;
  padding: 124px 0;
  
}


.mode_main:nth-child(2n) .main_r_text{
text-align: right;
}