/*two banner*/
.banner {
  width: 100%;
  height: 550px;
  background: no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
}
.banner h6 {
  font-size: 52px;
  color: #3185e2;
  padding-top: 180px;
  padding-bottom: 30px;
}
.banner p {
  font-size: 28px;
  color: #fff;
  line-height: 44px;
}

.banner1 {
  width: 100%;
  height: 550px;
  background: no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
}
.banner1 h6 {
  font-size: 40px;
  color: #3185e2;
  padding-top: 180px;
  padding-bottom: 30px;
}
.banner1 p {
  font-size: 24px;
  color: #fff;
  line-height: 44px;
}

/*BANNER OVER*/

.main {
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 60px;
}
.main .info {
  width: 100%;
  overflow: hidden;
  padding-top: 50px;
  float: right;
  height:auto;
}
.main .info h4 {
  font-size: 38px;
  color: #333;
  padding-bottom: 20px;
  font-family: '苹果简黑_3','微软雅黑';
  line-height: 46px;
}

.main .info p {
  font-size: 16px;
  color: #888;
  line-height: 28px;
  margin:15px 0;
}
.main .info p img{
  max-width: 100%;
}
.main .info .want {
  margin-top: 30px;
  display: inline-block;
  padding: 14px 32px;
  background: #eb6100;
  font-size: 16px;
  color: #fff;
  border-radius: 30px;
}
.mainNav{position:relative;text-align:center;padding:50px 0 0 0;}
.mainNav .child{width:185px;height:42px;border:2px solid #b7b7b7;text-align:center;line-height:42px;font-size:20px;color:#656565;margin:10px 6px;display:inline-block;*display:inline;*zoom:1;cursor:pointer;}
.mainNav .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.mainNav .child.on{color:#fff;background:#1c62b0;border:2px solid #1c62b0;}
.mainNav .child:hover{color:#fff;background:#1c62b0;border:2px solid #1c62b0;}

/*two banner*/
@media (max-width: 639px) {
	
  .banner {
    height: 200px;
  }
  .banner h6 {
    padding-top: 50px;
    padding-bottom: 6px;
    font-size: 22px;
  }
  .banner p {
    font-size: 14px;
    line-height: 22px;
  }
  .banner1 {
    height: 200px;
  }
  .banner1 h6 {
    padding-top: 50px;
    padding-bottom: 6px;
    font-size: 22px;
  }
  .banner1 p {
    font-size: 14px;
    line-height: 22px;
  }
  .main {
    padding-top: 0px;
    padding-bottom: 50px;
  }
  
  .main .info {
  padding-top: 30px;
}
  .main .info h4{font-size: 20px;line-height: 24px;padding-bottom: 10px;}
  .main .info span{font-size: 16px;padding-bottom: 10px;padding-top: 0;}
  .main .info p{font-size: 12px;line-height: 20px;}
  
  .mainNav{padding:30px 0 0 0;}
  .mainNav .child{width:150px;height:28px;border:1px solid #b7b7b7;line-height:28px;font-size:14px;margin:2px 2px;}
  .mainNav .child.on{border:1px solid #1c62b0;}
  .mainNav .child:hover{border:1px solid #1c62b0;}
@media (min-width: 640px) and (max-width: 1023px) {
  .banner {
    height: 400px;
  }
  .banner h6 {
    padding-top: 100px;
    padding-bottom:26px;
    font-size: 48px;
  }
  .banner p {
    font-size: 24px;
    line-height: 32px;
  }
  .banner1 {
    height: 400px;
  }
  .banner1 h6 {
    padding-top: 100px;
    padding-bottom:26px;
    font-size: 48px;
  }
  .banner1 p {
    font-size: 24px;
    line-height: 32px;
  }
  .main .info {
    width: 100%;
    margin-top: 20px;
  }
  .mainNav{padding:20px 0 0 0;}
  .mainNav .child{width:100px;height:30px;border:1px solid #b7b7b7;line-height:30px;font-size:14px;margin:2px;}
  .mainNav .child.on{border:1px solid #1c62b0;}
  .mainNav .child:hover{border:1px solid #1c62b0;}
  
}
@media (min-width: 1024px) and (max-width: 1334px) {
  
  .main .info {
    width: 100%;
  }
  .mainNav{padding:20px 0;}
  .mainNav .child{width:120px;height:36px;border:1px solid #b7b7b7;line-height:36px;font-size:16px;margin:4px 4px;}
  .mainNav .child.on{border:1px solid #1c62b0;}
  .mainNav .child:hover{border:1px solid #1c62b0;}
}
@media (min-width:1335px) and (max-width:1600px ){

}