.bg_blue{background-color:#2684FF;color:#fff;}
/* 1 */
.Screen{width:100%;height:440px;}
.jumbotron{background:url(../img/join_jm.png);}
.plate1 li{height:155px;}
.plate_title{margin-top:56px;margin-bottom:40px;font-size:28px;font-weight:bold;}
/* 2 */
.plate2 h4{font-size:18px;font-weight:bold;margin-top:16px;margin-bottom:14px;color:#232323;}
.plate2 p{color: #7d7d7d;font-size:14px;}
.plate2{padding-bottom:56px;}
/* 3 */
.plate3{background:url(../img/join_tj.png) no-repeat; background-size:cover;background-position:center center;color:#fff;padding:60px 0;}
.plate3 .btn{width:156px;height:48px;}
.plate3 .plate_title{margin-bottom:16px;}
.plate3 p{margin-bottom:24px;}
/* 4 */
.plate4  h4{color:#2684FF;padding-left:0;}
.plate4 .btn:hover,.plate4 .btn:focus,.plate4 .btn.focus{color:#fff;}
.plate4 .input-group-addon{background:#fff;}
.plate4 button{float: none;width:104px;margin-right:-15px;}
@media(min-width:768px){
  .Screen1{display: none;}
}
@media (max-width: 767px) {
  .jumbotron{background:url(../img/join_jm1.png);}
  .plate_title{font-size:20px;margin-top:28px;margin-bottom:20px;}
  .plate2{padding-bottom:28px;}
  .plate2 img{width:100%;}
  .plate3 ul{display:block;}
  .plate1 p,.plate2 p,.plate3 p{font-size:12px;}
  .plate2 h4{font-size:16px;margin-top:8px;margin-bottom:7px;}
  .plate3 li{padding:0 10px;}
  .plate3 .btn{width:104px;height:36px;}
  .plate3{padding:30px 0;}
  .Screen{display: none;}
  .Screen1{width:100%;height:220px;margin-top:52px;}
  .plate4 button{width:74px;}
} 