body {
  margin: 0;
  padding: 0;
}
header {
  background-color: #fff;
  color: #fff;
}
.banner {
  position: relative;
  width: 100%;
  height: 60rem;
  background-image: url("../images/banner1.png");
  background-repeat: round;
  background-size: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner .word {
  overflow: scroll;
  /* width: 41.375rem; */
  max-width: 49rem;
  padding: 4.375rem 9.375rem 4.375rem 9.375rem;
  background-color: #15489a38;
  border-radius: 0.3125rem;
  color: #fff;
  box-sizing: border-box;
  max-height: 40rem;
}
.banner .word .title {
  font-size: 2.8125rem;
  text-align: center;
  position: relative;
}
.banner .word .title::after {
  position: absolute;
  width: 20%;
  left: 40%;
  bottom: -5px;
  content: '';
  background-color: #fff;
  height: 2px;
}
.banner .word .title1 {
  font-size: 1.625rem;
  margin-top: 2.1875rem;
  margin-bottom: 1rem;
  text-align: center;
}
.banner .word .title2 {
  color: #dfdfdf;
  font-size: 0.875rem;
}
.banner .word::-webkit-scrollbar {
  width: 0;
}
.switch {
  display: flex;
  margin: 5rem auto;
  justify-content: center;
  width: 87.5rem;
}
.switch .switch1 {
  width: 25%;
  height: 7.5rem;
  background: #f8f8f8;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #222;
  font-size: 1.25rem;
  word-break: break-all;

}
.switch .switch1:hover {
  background-color: #0e3489;
  color: #fff;
}
.switch .switch1 .swi1 {
  text-align: center;
  /* color: #727272; */
}
.switch .switch1 .swi3 {
  width: 1.4375rem;
  margin-top: 1rem;
}
.switch .active {
  background-color: #0e3489;
  color: #fff;
}
/* .switch .active .swi1 {
  color: #15499a;
}
.switch .active .swi3 {
  content: url(../images/down6.png);
} */
/* .main .title {
  margin-top: 5.625rem;
  font-size: 2.875rem;
  color: #15499a;
  text-align: center;
  font-weight: 600;
  position: relative;
  margin-bottom: 4.375rem;
} */
.main .title {
  margin-top: 6.25rem;
  font-size: 2.625rem;
  color: #333;
  text-align: center;
  font-weight: 600;
  position: relative;
  margin-bottom: 4.25rem;
}
.main .main1 {
  width:87.5rem;
  margin: 0 auto;
  line-height: 1.5;
  color: #333;
}
.main .main1 .brief{
  background-color: #f5f5f7;
  padding: 2.8125rem 9.375rem;
  font-size: 1.125rem;
  color: #222;
  line-height: 2;
}
.main .main8 .bot1{
  display: flex;
  flex-wrap: wrap;
    width: 87.5rem;
    margin: 0 auto;
    justify-content: space-between;
}
.main .main8  .bot1 .img1{
  width: 30%;
}
.main .main8  .bot1 .img1 img{
  width: 100%;
}
.main .main2 {
  margin: 0 auto;
  width: 87.5rem;
}
.main .main2 .bot1 {
  width: 87.5rem;
  /* height: 25rem; */
  height: auto;
  background-color: #f8f8f8;
  margin-bottom: 6.25rem;
  display: flex;
  align-items: center;
 
}
.main .main2 .bot1 .img{
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.main .main2 .bot1:hover{
  background-color: #0e3489;
}
.main .main2 .bot1:hover .img img{
  transform: scale(1.2);
  transition: all 1.2s;
}
.main .main2 .bot1:hover .tit1 {
  color: #fff;
}
.main .main2 .bot1:hover .tit2 {
  color: #fff!important;
}
.main .main2 .bot1 img {
  width: 100%;
  height: 100%;
  transition: all 1.2s;
  display: block;

}
.main .main2 .bot1 .right {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  width: 50%;
  /* padding-left: 7.5rem; */
  box-sizing: border-box;
  /* padding-right: 7.5rem; */
  padding: 5rem 7.5rem;

}
.main .main2 .bot1 .right .tit1 {
  font-size: 2.125rem;
  margin-bottom: 2.5rem;
}
.main .main2 .bot1 .right .tit2 {
  font-size: 1.375rem;
  color: #7A7A7A;
}
.main .main2 .bot1 .tww {
  align-items: end;
  justify-content: center;
  flex-direction: column;
  width: 50%;
  padding-right: 7.5rem;
  box-sizing: border-box;
}
.main .main2 .bot1 .tww .tit2 {
  text-align: right;
}
.main .main3 {
  width: 117.5625rem;
  height: 70.8125rem;
  margin: 0 auto 10rem;
  position: relative;
  /* background-image: url("../images/map.png"); */
  background-repeat: round;
  background-size: 100%;
}
.main .main3 .bg {
    position: absolute;
    right: 15%;
    width: 70%;
    z-index: -1;
    top: 5rem;
}
.main .main3 .bot {
  width: 100%;
  padding: 0 11.25rem;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.main .main3 .bot .map1 {
  width: 46.25rem;
  height: 20.5rem;
  color: #fff;
  /*padding: 3.125rem 15.625rem 1rem 3.125rem;*/
  padding: 3.125rem 13.625rem 1rem 3.125rem;

  box-sizing: border-box;
  background-color: #15489a3d;
  margin-bottom: 4.6875rem;
  word-break: break-all;
}
.main .main3 .bot .map1 .name {
  font-size: 1.75rem;
}
.main .main3 .bot .map1 .map1-1 {
  font-size: 1.375rem;
  margin-top: 1.5625rem;
}
.main .main3 .bot .map1:hover {
  background-color: #15499a;
}
.main .main3 .dir {
  width: 2.75rem;
  height: 3.4375rem;
}
.main .main3 .thir {
  width: 2.75rem;
  position: absolute;
  right: 40.5rem;
  bottom: 5rem;
}
.main .main3 .sec {
  width: 2.75rem;
  position: absolute;
  right: 30.5rem;
  bottom: 19rem;
}
.main .main3 .fir {
  width: 2.75rem;
  position: absolute;
  right: 30.5rem;
  bottom: 21rem;
}
.main .main4 {
  width: 100%;
  margin: 0 auto;
}
.main .main4 .title {
  margin-bottom: 6.5625rem;
}
.main .main4 .bot {
  padding: 0 10.9375rem;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.main .main4 .bot .bot1 {
  width: 27.375rem;
  height: 35.3125rem;
  margin-bottom: 6rem;
}
.main .main4 .change {
  margin: 0 auto 3.125rem;
  text-align: center;
}
.main .main4 .change .left {
  margin-right: 11.25rem;
}
.main .main4 .change img {
  width: 3.8125rem;
}
@media (max-width: 820px) {
  .main .main3 .bot .map1 {
    height: auto;
    padding: 3.125rem 5.625rem 1rem 3.125rem;
  }
}
@media (max-width: 600px) {
  .main .main8 .bot1 {
    width: 90%;
}
  .main .main1 {
    width: 90%;
    margin: 0 auto;
    line-height: 1.5;
    color: #4d4a47;
}
.main .main1 .brief{
  font-size:14px;
}
  .main .title {
    margin-top: 5.625rem;
    font-size: 6rem;
    color: #15499a;
    text-align: center;
    font-weight: 600;
    position: relative;
    margin-bottom: 4.375rem;
    margin-bottom: 10rem!important;
    margin-top: 15rem;
}
  .main .main3 .bot .map1 .map1-1 {
    font-size: 4rem;
    margin-top: 1.5625rem;
}
  .switch .switch1 .swi2 {
    display: none;
  }
  .main .main3 .bot .map1 {
    height: auto;
    /* overflow: scroll; */
    width: 100%;
    background-color: #15489a80;
  }
  .main .main3 {
    height: auto;
    font-family: Arial, Helvetica, sans-serif;

}
.main .main3 .bot .map1 .name {
  font-size: 5rem;
}
.main .main3 .dir {
  display: none;
}
  .main .main3 .bot .map1::-webkit-scrollbar {
    width: 0;
  }
  .main .title::after {
    bottom: -5px;
  }
  .main .main4 .change img {
    width: 10rem;
}
.switch .switch1 {
  width: 25%;
  height: auto;
  box-sizing: border-box;
  padding: 10px 0;
  font-size: 16px;
}
  .main .title::after {
    height: 2px;
}
.main .main2 .bot1 .right .tit2 {
  font-size: 4rem;
  color: #7A7A7A;
}
.main .main2 .bot1 .right .tit1 {
  font-size: 5rem;
  margin-bottom: 2.5rem;
}
.main .main2 {
  margin: 0 auto;
  width: 90%;
}
.main .main2 .bot1 {
  width: 100%;
  flex-wrap: wrap;

}

.main .main2 .bot1 .right {
  width: 100%;

  padding: 20px 10px;
}
.main .main2 .bot1 .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.main .main2 .bot1 .tww {
  width: 100%;
}
.main-more {
  flex-direction: column;
  padding: 0!important ;
  width: 90%!important;
}
.bot-test .bot1 {
  width:100%!important;
  min-height: 100px!important;
  margin-right: 0!important;
}
.bot-test .bot1 .top {
  width: 100%!important;
}
.bot-test .bot1 .top img {
  /* width: 3.25rem; */
  height: 50px!important;
}
.swiper-container7 {
  width: 90%;

}
.bot .bot2 {
  background-color: #f5f5f7;
  width: 50%!important;
  left: 25%!important;
  top: calc(100% + 50px)!important;
}
.swiper-container7 {
  overflow: initial;
  overflow-x: hidden!important;

}
.bot-test .bot1 .name {
  font-size: 14px;
  margin-top: 10px;
  color: #333;
  text-align: center;
}
.bot-test .bot1 {

  padding: 40px 10px;
}
.main .bot-test1{
  margin-bottom: 0!important;
}


}