body{background-color: #f5fbff;}
.container{background: url(/img/web/down-banner.png) right top no-repeat; background-size: 520px auto;}

.box1{padding: 32px 0; padding-top: 52px; max-width: 650px; margin: 0 auto; border-bottom: 3px solid #c5dae8;}
.box1 h1{font-size: 30px; text-align: center; color: #555; font-family: 'cp'; font-weight: 700; padding-bottom: 20px;}
.box1 p{font-size: 16px; color: #5e5e5e; text-align: center;}
.box1 p.newp{text-align: center; font-size: 16px; color: #555; font-weight: bold; padding: 30px 0;}
.box1 h4{font-size: 22px; text-align: center; color: #3075de; font-family: 'cp'; font-weight: 700; padding-top: 38px;}

.box2{max-width: 650px; margin: 0 auto;}
.box2 h2{font-size: 22px; text-align: center; font-family: 'cp'; color: #555; padding-top: 56px;}
.box2 p{font-size: 16px; color: #5e5e5e; text-align: center; padding: 32px 0; line-height: 26px;}

.box3{}
.box3 h3{font-size: 22px; text-align: center; font-family: 'cp'; color: #555; padding: 30px 0;}
.box3 .swiper-container{width: 100%; height: auto;}
.box3 #swiper1 h4{font-size: 18px; text-align: center; color: #5e5e5e; padding-bottom: 12px; font-weight: normal; line-height: 24px; height: 48px;}
.box3 #swiper1 big{color: #317ef3; font-weight: 700;}
.box3 .pic{max-width: 400px; width: auto; margin: 10px auto; padding-bottom: 60px;}
.box3 .line{border-bottom: 2px dashed #c1d1e9; padding-top: 40px; max-width: 650px; width: auto; margin: 0 auto;}

.box4{}
.box4 h3{font-size: 22px; text-align: center; font-family: 'cp'; color: #555; padding: 30px 0;}
.box4 .swiper-container{width: 100%; height: auto;}
.box4 #swiper2 h4{font-size: 18px; text-align: center; color: #5e5e5e; padding-bottom: 12px; font-weight: normal; line-height: 24px; height: 48px;}
.box4 #swiper2 big{color: #317ef3; font-weight: 700;}
.box4 .pic{max-width: 590px; width: auto; margin: 10px auto; padding-bottom: 60px;}
.box4 .line{border-bottom: 2px dashed #c1d1e9; padding-top: 40px; max-width: 650px; width: auto; margin: 0 auto;}

.box5{}
.box5 h3{font-size: 22px; text-align: center; font-family: 'cp'; color: #555; padding: 30px 0;}
.box5 .swiper-container{width: 100%; height: auto;}
.box5 #swiper3 h4{font-size: 18px; text-align: center; color: #5e5e5e; padding-bottom: 12px; font-weight: normal; line-height: 24px; height: 48px;}
.box5 #swiper3 big{color: #317ef3; font-weight: 700;}
.box5 .pic{max-width: 590px; width: auto; margin: 10px auto; padding-bottom: 60px;}
.box5 .line{border-bottom: 2px dashed #c1d1e9; padding-top: 40px; max-width: 650px; width: auto; margin: 0 auto;}

.box6{padding: 80px 0;}
.box6 p{font-size: 16px; color: #5e5e5e; text-align: center;}
.box6 p span{font-weight: 700;}
.box6 p.end{padding-top: 30px;}

.footer{border-top: 1px solid #ccc; max-width: 1000px; margin: 0 auto; width: auto; text-align: center;}
.footer ul{padding: 8px 0; text-align: center; display: inline-block;}
.footer ul li{float: left; list-style: none; padding: 0 4px; color: #7d7d7d; font-size: 12px;}
.footer li a{border: none; display: inline-block; height: auto; font-size: 12px; color: #7d7d7d; text-decoration: none;}
.footer li a:hover{color: #599afc;}


.swiper-slide h4{
  opacity: 0;
}

.swiper-slide-active h4{
  opacity: 1;
  -webkit-transition: all 2.5s; transition: all 2.5s;
}

.swiper-container{
    --swiper-navigation-color: #599afc;/*  */
    --swiper-pagination-color: #599afc;/*  */
  }

.swiper-pagination-bullet {
  width: 14px !important;
  height: 14px !important;
}