body{
  background-color: #FFF;
}
.main{
color: #242424;
}
/* .header ~ div{font-family: '黑体';} */

/* p{
font-size: 17px;
} */
/* div.footer p{font-size: 16px;} */
.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.place-items-stretch{place-items:stretch}.place-content-center{place-content:center}.place-content-start{place-content:start}.place-content-end{place-content:end}.place-content-between{place-content:space-between}.place-content-around{place-content:space-around}.place-content-evenly{place-content:space-evenly}.place-content-stretch{place-content:stretch}.place-self-auto{place-self:auto}.place-self-start{place-self:start}.place-self-end{place-self:end}.place-self-center{place-self:center}.place-self-stretch{place-self:stretch}

.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}
.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow-0{flex-grow:0}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink{flex-shrink:1}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.order-first{order:-9999}.order-last{order:9999}.order-none{order:0}

.center{text-align: center;}

.bg-gray{
  background-color: #fbfbfb;
}
.bg-white{background-color: #FFF;}
.bold{
font-weight: 600
}
/*页面自定义开始*/

.main h2,.main h3,.main h4{
font-weight: 600;
}

.banner{
  background-color:#e8404b;height: 430px;
  display: flex;
}
.banner img{
  max-height: 100%;width: auto;max-width:100%;
}
.mobilebanner{
display: none;
}

.main .box{
  max-width: 1030px;margin-left: auto;margin-right: auto;
}
.main .content{
padding-top: 90px;padding-bottom: 90px;
}
.main h2{
  font-size: 32px;text-align: center;margin-bottom: 40px;
}
.red-bottom{
position: relative;
}
.red-bottom::after{
content: '';position: absolute;bottom: -16px;left: 50%;transform: translateX(0px);opacity: 0;
width: 0;height: 7px;background-color: #e63c4b;
transition: all .5s;
}
.red-bottom:hover::after{
width: 35px;transform: translateX(-18px);opacity: 1;
}

.img-box,.img-box .box{
position: relative;
}

.img-box{
  margin-top: 20px;margin-bottom: 180px;
}
.img-box img.f{
  position: absolute;
}
.img-box .f{
  opacity: 0;transition: all .5s;
  transition-timing-function: cubic-bezier(0.42, 0, 0.37, 1.21);
}

.img-box .f2{
transition-delay: .1s;
}
.img-box .f3{
transition-delay: .1s;
}


.img-box:hover .f{
  opacity: 1 !important;transform: translateX(0) !important;transform: translateY(0) !important;
}
.img-box h3{
  line-height: 22px;
  border-left: 6px solid #e63c4b;padding-left: 10px;
  position: absolute;top:0;left: 100px;
}

.img-box1 .f{
  transform: translateX(-20%);
}
.main h3{
  font-size: 26px;
}

.sdwf-box{
  background-color: #FFF;min-height: 350px;padding: 60px 30px 0;position: relative;
}
.sdwf-box h3{
  margin-bottom: 30px;font-weight: bold;
}
.sdwf-box .arrow{
  position: absolute;bottom: 30px;left: 30px;
}
.sdwf-box .arrow span{color:#e63c4b;font-size: 22px;font-weight: bold;margin-right: 5px;}
.sdwf-box:nth-child(2){
  margin: 0 25px;
}

.why-box{
width: 180px;text-align: center;
}
.why-box p{font-size: 26px;color: #444;font-weight: 100;}
.why-box img{
height: 60px;margin-bottom: 15px;
}

.zzsl-box{
background-color: #e63c4b;border-radius: 8px;padding: 50px 80px;min-height: 340px;
}
.zzsl-box ul li{
color: #FFF;list-style: disc;line-height: 38px;opacity: .8;cursor: pointer;font-size: 17px;
}
.zzsl-box ul li:hover{opacity: 1;}

.yyfw-box{
padding-top: 30px;line-height: 50px;
}

.shfw-box{
padding: 25px 0 25px 80px;
}
.shfw-box > div{
padding: 25px 0;
}
.shfw-box >div:nth-child(2n+1){
width: 45%;
}
.shfw-box >div:nth-child(2n+2){
width: 55%;
}
.shfw-box img{
width: 40px;height: 40px;object-fit: none;background-color: #fef5f6;box-shadow:0 0 0 20px #fef5f6;border-radius: 50%;margin-bottom: 30px;
}

.join{
font-size: 20px;font-family: fantasy;letter-spacing: 2px;
background-color: #e63c4b;display: inline-block;min-width: 250px;text-align: center;line-height: 38px;color: #f2f2f2;border-radius: 20px;margin-bottom: 50px;
}

.box1{
padding:130px 0;
}

.box1 .pc{
text-align: center;
}
.mobile{
display: none;
}
.box2{
margin-bottom:90px;
}

.box2 .box{
padding:50px 0;
}

.box2 .box .center{
width: 188px;
}

.box3,.box6,.box8{
background-color: #fbfbfb;
}


.a-xmt{
color: #e8404b;font-size: 16px;
position: absolute;right: 30px;bottom: 30px;
line-height: 36px;padding: 0 20px;border: 1px solid #e8404b;border-radius: 20px;
}
.a-xmt img{
height: 12px;
}

.box5 h2{
margin-bottom: 60px;
}

.box5 h3{
margin-bottom: 70px;
}

@media screen and (max-width:750px) {
body .main{
  font-size: 15px;
}
.main .box{
  max-width: 80%;
}
.main h2, .main h3, .main h4 {
  font-weight: 400;
}
.main h2{
  font-size: 25px;margin-bottom: 30px;
}
.main h3{
  font-size: 22px;
}
.main .content {
  padding-top: 60px;
  padding-bottom: 60px;
}

.mobilebanner{
  display: block;text-align: center;
}
.mobilebanner img{
  max-width: 100%;max-height: 700px;object-fit: contain;vertical-align: top;
}
.banner,.pc{display: none;}
.mobile{
  display: block;
}
.red-bottom::after{
  content: none;
}
.box1{
  padding:60px 0;
}

.box1 .mobile p:first-child{
  padding-bottom:20px ;
  margin-bottom:20px ;
  position: relative
}
.box1 .mobile p:first-child::after{
  content:'';
  position: absolute;bottom: 0;left: 0;
  width: 20px;height: 1px;background-color: #444;
}

.box2{
  margin-bottom:30px;
}

.box2 .box{
  padding:30px 0;max-width: 100%;
}
.box2 .box .center{
  width: auto;position: relative;flex: 6;
}
.box2 .box .center:nth-child(2){
  flex: 5;
}
.box2 .box .center:nth-child(2)::before,.box2 .box .center:nth-child(2)::after{
  content: '';
  position: absolute;top: 30%;bottom: 30%;width: 2px;background-color: #DDD;
}
.box2 .box .center:nth-child(2)::before{
  left: 0;
}
.box2 .box .center:nth-child(2)::after{
  right: 0;
}
.box2 .box img{
  display: none;
}
.box2 .box h4{
  font-size: 22px;font-family: math;
}
.box2 .box p{
  color: #777;
}

.swiperMiniImg{
  height: 570px;padding-top: 20px;
}
.swiperMiniImg .swiper-wrapper{
  max-height: 500px;
}

.swiperMiniImg .swiper-slide{
  width: 70%;
}
/* .swiperMiniImg .swiper-pagination{
  bottom: 110%;
} */

.swiperMiniImg .swiper-slide img{
  transform: scale(.9);transition: all .3s;
  max-height: 100%;
}
.swiperMiniImg .swiper-slide.swiper-slide-active img{
  transform: scale(1);
}
.swiper-pagination-bullet-active{
  background-color: #e8404b !important;
}

.slide-head{
  padding-bottom: 20px;
}

.slide-head h3:nth-child(2) {
  padding:0 12px;
}
.slide-head h3{
  cursor: pointer;position: relative;font-size: 16px;
  min-width: 100px;text-align: center;
}
.slide-head h3::after{
  content: '';
  position: absolute;
  left: 50%;width: 28px;height: 6px;background-color: transparent;
  transform: translateX(-15px);
  bottom: -10px;transition: all .5s;
}
.slide-head h3.active::after{
  background-color: #e8404b;
}


.sdwf>.flex{
  flex-direction: column;
}
.sdwf-box{
  padding: 50px 20px 20px;min-height: auto;
}
.sdwf-box h3{
  margin-bottom: 15px;
  font-size: 20px;
}
.sdwf-box:nth-child(2){
  margin: 10px 0;
}
.sdwf-box .arrow{
  top: 10px;left: 20px;
}
.why-box p{
  font-weight: 300;
}

.box3,.box6,.box8{
  background-color: #FFF;
}

.a-xmt{
  font-size: 14px;padding: 0 15px;line-height: 30px;
  bottom: -30px;
}

.box5,.box7{background-color: #fbfbfb;}

.box5 h2{
  margin-bottom: 30px;
}

.box5 h3{
  margin-bottom: 30px;
}

.why-box{
  width: 48%;background-color: #FFF;padding: 20px 0;
  border-radius: 10px;margin-bottom: 10px;
}
.why-box img {
  height: 40px;
  margin-bottom: 10px;
}
.why-box p{
  font-size: 16px;color: #111;
}

.box6 .mobile.flex{
  display: flex;margin-bottom: 15px;
}

.box6 img{
  width: 47%;
}
.zzsl-box{
  background-color: #FFF;
  padding: 0;
  min-height: auto;
}
.zzsl-box ul li{
  color: #222;font-size: 15px;line-height: 16px;margin: 13px 0;
  list-style-type: none;padding-left: 10px;
  border-left: 2px solid #e8404b;
}
.yyfw-box {
  padding-top: 20px;
  line-height: 40px;
}

.yyfw-box p::before{
  content: '· ';font-size: 18px;
}

.shfw-box{
  padding: 0;
}
.shfw-box > div {
  padding: 15px 10px;
}
.shfw-box img{
  box-shadow:0 0 0 15px #fef5f6;
  margin-bottom: 15px;margin-left: 20px;
}

.box10 h3{
  margin-bottom:30px;
}
.box10 .mobile h2{
  font-weight: 800;font-style: italic;margin-bottom: 10px;
}

}
@media screen and (max-width:450px) {
  body .main{
    font-size: 14px;
  }
  .main .box{ 
    max-width: 90%;
  }

  .main .content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .main h2{
    margin-bottom: 20px;
  }
  .main .content.sdwf{
    padding-bottom: 50px;
  }

  .box1{
    padding:30px 0;
  }

  .box1 .mobile p:first-child{
    padding-bottom:15px ;
    margin-bottom:15px ;
  }
  .box7{
    font-size: 13px; 
  }
}