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;
}
.main h2{
  font-size: 32px;text-align: center;
}
.main h3{
  font-size: 26px;
}
.banner{
  background-color:#e8404b;height: 430px;
  display: flex;
}
.banner img{
max-height: 100%;width: auto;max-width:none;
}

.main .box{
  max-width: 1030px;margin-left: auto;margin-right: auto;
}

.box-text{
  padding: 140px 0 100px;
}
.box-text h2{
  margin-bottom: 50px;
}


.mobile-view{
  display: none;
}



.ul-1 li{
  list-style: disc;padding: 8px 0;
}
.ul-1 li:first-child ~ li p{
  white-space: nowrap;
}

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

.img-box .f{
  position: absolute;opacity: 0;
  transition: all .5s;
}

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

.img-box:hover img.f{
  transform: translateX(0) translateY(0);opacity: 1;
}

.img-box .img-content{
  width: 50%;
}



.img-box h3{
  width: 200px;line-height: 40px;background-color: #e63c4b;text-align: center;
  color: #FFF;border-radius: 5px;font-size: 20px;
}
.img-box h4{
  margin-top: 30px;margin-bottom: 5px;
}
.img-box h4:first-child{margin-top: 20px;}


.img-box1{
  padding: 250px 0 190px;
}

.img-box1 .f1{
  left: 0;top: 100px;opacity: .8;
}
.img-box1 .f2{
  left: 150px;top: 188px;transform: translateY(20%);transition-delay: 0s;
}
.img-box1 .f3{
  left: 280px;top: 120px;opacity: 0;
}


.img-box2{
  padding: 170px 0 700px;
}

.img-box2 .f1{
  left: 88px;top: 180px;transform: translateY(-50px);opacity: .5;
}
.img-box2 .f2{
  right: 330px;top: 430px;transform: translateY(20%);opacity: 0;
}

.img-box2 .f3{
  left: 390px;top: 270px;opacity: 0;
}


.img-box3 .f1{
  left: 88px;top: 180px;transform: translateY(50px);opacity: .5;
}
.img-box3 .f2{
  right: 330px;top: 430px;transform: translateY(-20%);
}

.img-box3 .f3{
  left: 390px;top: 220px;opacity: 0;
}

.img-box3{
  padding: 120px 0 670px;
}

.img-box5{
  padding: 100px 0 230px;
}

.img-box5 .imgs{
  margin-top: 100px;position: relative;
}
.img-box5 .imgs img{
  transition: all .5s;
}

.img-box5 .imgs img.f{
  position: absolute;bottom: -70px;left: 30px;opacity: 0;
}
.img-box5:hover .imgs img.f,.mobile .img-box5 .imgs img.f{
  opacity: 1;
}
.img-box5:hover .img1,.mobile .img-box5 .img1{
  transform: translateX(30px) translateY(20px);
} 
.img-box5:hover .img2,.mobile .img-box5 .img2{
  transform: translateX(-30px) translateY(-30px);
} 

.box6{
  padding: 70px 0 100px;
}

.box6 h2{
  margin-bottom: 38px;
}

.box6 .box{
  padding-left: 22%;
}

.box6 h3{
  margin-top: 10px;
}
.box6 .desc{
  margin-top: 50px;line-height: 1.5;
}
.box6 .desc1{
  padding-bottom: 60px;margin-bottom: 60px;position: relative;
}
.box6 .desc1::after{
  content: '';position:absolute;bottom: 0;right: 0;width: 0px;height: 1px;background-color: #AAA;transition: all 1s;
}
.box6:hover .desc1::after{
  width: 90px;
}



.news_list{
  padding: 15px 2%;font-size: 14px;border-radius: 10px;margin-bottom: 10px;
}
.news_list h2{
  font-size: 26px;
  margin-bottom: 15px;
  font-weight: 600;
}
.news_list .news_box{
  width:32%;
}
.news_list .news_box:nth-child(2){
  margin-left: 2%;
  margin-right: 2%;
}
.news_list .news_box .a_thumb{
  padding-bottom: 10px;display: flex;
}
.news_list .news_box .a_thumb img{
  object-fit: cover;
  margin-right: 10px;
  width: 130px;
  height: 90px;
}
.news_list .news_box .a_thumb p{
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.news_list .news_box li{
  display: flex;align-items: center;margin-top:10px;
}
.news_list .news_box li a{
  flex: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #595961;
}
.news_list .news_box li .date{
  color: #999;
  width: 45px;
  flex: none;
  text-align: right;
}
@media screen and (max-width:1280px) {
  .news_list{
    padding: 20px 3%;
  }
  .news_list .news_box{
    width:47%;
  }
  .news_list .news_box:nth-child(3){
    margin-top: 15px;
  }
}
@media screen and (max-width:750px) {
body{
  font-size: 15px;
}
  .banner{
    position: relative;padding-bottom: 35%;
    height: 0;display: block;
  }
  .banner img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .main .box{
    max-width: 80%;
  }
  .main h2{
    font-size: 24px;
  }
  .main h3{
    font-size: 20px;font-weight: 400;
  }
  
  .main h4{
    font-weight: 400;
  }
  
.box-text{
  padding: 30px 0 30px;
}
.box-text h2{
  margin-bottom: 30px;
}

.ul-1 li{
  list-style: none;
}
.ul-1 li::after{
  content: '';
  display: inline-block;
  width: 20px;border-bottom: 1px solid #666;height: 0px;
}
.ul-1 li:last-child::after{
  content: none;
}
.ul-1 li:first-child ~ li p{
  white-space: pre-wrap;
}
.img-box5{
  padding: 80px 0 150px;
}
.img-box5 .imgs img:not(.f){
  width:58%;
}
.img-box5 .imgs img.f{
  left: 0;
}
.mobile-view{
  display: block;padding: 50px 0;
}

.mobile-view h4{
  margin-top: 10px;
}

.swiperMain>.swiper-wrapper{
  align-items: center;
}

.slide-head h3:nth-child(2) {
  padding:0 12px;
}
.slide-head h3{
  cursor: pointer;position: relative;font-size: 16px;
}
.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;
}
.slide-title{
  color: #e63c4b;
}

.slide-imgs .swiper{
  padding: 50px 0 60px !important;
}
.slide-imgs .swiper-slide img{
  transform: scale(.9);transition: all .3s;
}
.slide-imgs .swiper-slide.swiper-slide-active img{
  transform: scale(1);
}
.swiper-pagination-bullet-active{
  background-color: #e8404b !important;
}

.img-box{
  display: none;
}
.box6 .box{
  padding-left: 15%;
}
.box6 .head{
  position: relative;
}
.box6 .head img{
  position: absolute;left: -90px;top: -10px;width: 80px;
}
.box6 .desc{
  margin-top: 20px;
}
.box6 .desc1::after{
  left: -90px;width: 70px;
}


  .news_list{
    padding: 20px 5%;
  }
  .news_list .news_box{
    width:98%;
  }
  .news_list .news_box:nth-child(2){
    margin-top: 15px;
  }

  
}