.top{
    width: 100%;
    background-color: #2D9BA8;
  }
  body{
    width: 100vm;
    background-color: #f4f4f4;
}
  #top{
    width: 980px;
    margin: auto;
    height: 80px;
  }
  .top_left{
    padding-top: 10px;
    float: left;
    height: 60px;
    position: relative;
  }
  .banner img{
    height:500px;
    width: 100%;
  }

  .banner2 img{
    width: 80%;
  }
  .banner2{
    text-align: center;
  }
  .general {
    display: flex;
    justify-content: center;
    /* width: 100%; */
  }
/*图片放大*/
.main{
  width: 13%;
  background: white;
  text-align: center;
  overflow: hidden;
  /* margin-bottom: 40px; */
  /* float:left; */
  margin-right: 4%;
  border-radius: 5%;
  /*超出部分隐藏*/
}
.main2{
  width: 25%;
  background: white;
  text-align: center;
  overflow: hidden;
  margin-bottom: 50px;
  border-radius: 5%;
  /*超出部分隐藏*/
}
.main3{
  width: 15%;
  background: white;
  text-align: center;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 5%;
  /*超出部分隐藏*/
}

.main img,.main2 img{
  width: 100%;
  height: 100%;
  float: left;
  transition: 0.5s;
  /*动画过渡0.5s*/
}


.bt{
  width: 100%;
  height:3vw;
  background-color: white;
  float:left;
  position: relative;
  top:-16%;
  float: left;
}

.bt2,.bt3{
  width: 100%;
  height:4vw;
  background-color: white;
  float:left;
  position: relative;
}
.bt2 {
  top: -30%;
}
.bt3 {
  top: -17%;
}

.main a{
  position: relative;
  top:-5vw;
  color: #017DBC;
  text-decoration: none;
  font-size: 1vw;
}
.main2 a,.main3 a{
  position: relative;
  color: #017DBC;
  text-decoration: none;
  font-size: 2vw;
}
.main3 a{
  position: relative;
  color: #017DBC;
  text-decoration: none;
  font-size: 1.5vw;
}
.main2 a {
  top:-1.5vw;
}
.main3 a {
  top:-5.8vw;
}

.main a :hover,.main2 a :hover,.main3 a :hover{
  text-decoration:  underline;
}
.main img:hover,.main2 img:hover,.main3 img:hover{
  transform:scale(1.2);
  /*鼠标悬停，图片放大1.3倍*/
  cursor: pointer;
}
/*图片放大*/

.nav2_left{
  float: left;
  width: 150%;
  overflow: hidden;
}

/* .nav2_right{
  position: absolute;
  left:52%;
  float: right;
  width: 48%;
  height: 60%;
  overflow: hidden;
  top: 200%;
}

.nav3_right{
  position: absolute;
  left:70%;
  float: right;
  width: 48%;
  height: 60%;
  overflow: hidden;
  top: 200%;
} */
.nav2_right_bottom p{
  text-indent: 2em;
  background-image: url(../images/nav0.jpg);
  background-repeat: no-repeat;
  background-position: 20px 6px;
  line-height: 1.35em;
}
.nav3{
  overflow: hidden;
  width: 100%;
  margin-bottom: 40px;
}

h3{
  font-size: 2vw;
  color:#2D9BA8;
  display: block;
  line-height: 70px;
  margin-bottom: 30px;
  margin-top: 40px;
  margin-left: 10%;;
}

h9{
  font-size: 2.5vw;
  color:#2D9BA8;
  display: block;
  line-height: 70px;
  margin-bottom: 6px;
  margin-top: 4%;
}



  h2{
    position: absolute;
    top: 40%;
    left:20%;
    width: 500px;
    height: 300px;
    font-size: 3.5vw;
    letter-spacing: 5px;
    color:white;
    text-shadow: 2px 2px 4px  #2D9BA8;
    line-height: 50px;
    font-weight: bold;
  }
  
  .banner img{
    height:100%;
    width: 100%;
  }
  .nav{
    position: relative;
    width: 100%;
    margin: auto;
    margin-top: 20px;
    overflow: hidden;
  }
  .nav1{
    /* position: relative; */
    /* overflow: hidden; */
    width: 100%;
  }
  
  
 
  .nav1_bottom_left2{
    float: left;
    overflow: hidden;
    width: 500px;
    overflow: hidden;
    color:#144264;
    font-size: 1.2vw;
    margin-left: 10%;
  }
  .nav1_bottom_left2 p{
    line-height: 1.5em;
    text-indent: 2em;
  }
  .nav1_bottom_left2 p:hover{
    color: red;
  }
  
  .nav1_gray{
    background-color: #ECECEC;
    margin-top: 60%;
    text-align: center;
  }
  .nav2{
    margin-left: 10%;
  }
  .nav2_top{
    width: 80%;
    padding-left:10%;
  }
  .nav3_top{
    text-align: center;
  }
  h4{
    position: relative;
    right:80px;
    font-size: 2vw;
    color:#2D9BA8;
    display: block;
    line-height: 70px;
    text-align: center;
  
  }
  .nav2{
    float:center;
    margin-top: 100px;
  }
  
  .nav2_center{
    position: relative;
    color:#144264;
    font-size: 4vr;
  }
  .nav2_center p{
    line-height: 1.5em;
    text-indent: 2em;
    width: 750px;
    padding-left:12%;
  }
  .nav2_center p:hover{
    color: red;
  }
  .nav1_bottom{
    font-size: 1.5vw;
    color:#144264;
    line-height: 3vw;
    width: 70%;
    margin-left:15%;
    margin-bottom: 5%;
  }
  
  .desinger{
    background-color:#2D9BA8 ;
    margin-top: 100px;
    margin-bottom: 50px;
    font-weight: block;
  }
  
  h1{
    color: white;
    position: absolute;
    margin-top: 3%;
    left:45%;
    font-size: 2vw;
    display: block;
    line-height: 70px; 
  }
  
  .nav_right {
    display: flex;
    justify-content: center;
    position: absolute;
    flex-wrap: wrap;
    width: 40%;
    left:45%;
    /* float: left; */
    /* height: 60%; */
    /* overflow: hidden; */
    top: 25%;
  }
  .main3 {
    width: 45%;
    height: 235px;
    overflow: hidden;
    border-radius: 5%;
    text-align: center;
  }
  .main3 img {
    width: 100%;
    height: 100%;
    transition: 0.5s;
  }
  .main3:nth-child(2),.main3:nth-child(4) {
    margin-left: 20px;
  }
  .main3:nth-child(3),.main3:nth-child(4) {
    margin-top: 20px;
  }
.ds{
  text-align: center;
}
.ds img{
  width: 70%;
}