body{background-color: #fff;font-family: Source Han Sans;font-variation-settings: "opsz" auto;
font-feature-settings: "kern" on;
color: #3D3D3D;}
h1,h2,h3,h4,h5,h6,b{
    color: #000;
}
.banner img{width: 100%;}
.wrap{width: 1200px;
  margin: 40px auto;}
.wrap h2{
font-size: 52px;
font-weight: bold;
line-height: 75px;
text-align: center;
color: #3D3D3D;
}
.wrap h4{
    font-size: 32px;
font-weight: 350;
text-align: center;
color: #3D3D3D;
}
.wrap img{
    width: 100%;
    height: auto;
    margin: 80px auto;
   }
.web{
    background: #F5EAEE;
}
.web .wrap{
    position: relative;
}
.web-swiper{
overflow: hidden;
}
.web-swiper img{ border-radius: 20px;
}
.web-swiper .swiper-button-next,.web-swiper .swiper-button-prev{width: 20px;height: 35px;}
.web-swiper .swiper-button-next::after,.web-swiper .swiper-button-prev::after{
content: none;
}
.web-swiper .swiper-button-next{
    background: url(images/icon/icon_r.png) no-repeat center bottom;
    right: -40px;
}
.web-swiper .swiper-button-prev{
    background: url(images/icon/icon_l.png) no-repeat center bottom;
    left: -40px;
}
.wrap h2 span{
    color: #E80151;
}
.jz{
    background: url(images/web-bg1.png) no-repeat bottom;
  background-size: 100% 81%;
}
.jz .wrap{margin-top: 80px;}
.jz ul{
display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
}
.jz ul li{
   background: #fff;
  box-shadow: 0px 4px 21px 0px rgba(190, 190, 190, 0.3);
  padding: 25px;
  width: 18%;
  text-align: center;
  border-radius: 10px;
}
.jz ul li img{
    width: 149px;margin: auto;
}
.jz ul li h5{
font-size: 26px;font-weight: bold;line-height: 32px;text-align: center;color: #1D78FA;padding: 15px 0;
}
.jz ul li p{
font-size: 16px;font-weight: normal;line-height: 24px;color: #333;text-align: left;
}
.xm{
 background: url(images/web-bg2.png) no-repeat
}
.xm .wrap img{margin: 40px 0;}
.kc{padding-top: 40px;}
.kc-title{
    display: flex;justify-content: space-around;
}
.kc-title a{
  font-size: 20px;font-weight: bold;box-shadow: 0px 4px 10px 0px rgba(241, 241, 241, 0.69);background: #EDF7FF;line-height: 40px;padding: 10px 20px;border-radius: 20px;
}
.kc-title a.active{
    background: #0D7CFF;
    color: #fff;
}
.kc-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.kc-name h3{
font-size: 24px;
line-height: 40px;
font-weight: bold;
align-items: center;
}
.kc-name b span{
    color: #FF0000;
}
.item{
    padding: 30px;
    background: #FAFEFF;
    margin: 10px auto;
}
.item h4{font-size: 20px;
font-weight: bold;text-align: left;line-height: 45px;}
.item img{
width: 20px;
  display: inline-block;
  height: auto;
  margin: 12.5px 10px 12.5px 0;
}
.item .txt p{
    font-size: 16px;
    line-height: 30px;
}
.xb{
    background: #F5EAEE;
}
.xb .wrap{
 position: relative;
 padding-top: 40px;
}
.xb-swiper{overflow: hidden;
 }
  .xb-swiper .swiper-button-next,.xb-swiper .swiper-button-prev{width: 20px;height: 35px;}
.xb-swiper .swiper-button-next::after,.xb-swiper .swiper-button-prev::after{
content: none;
}
.xb-swiper .swiper-button-next{
    background: url(images/icon/icon_r.png) no-repeat center bottom;
    right: -40px;
}
.xb-swiper .swiper-button-prev{
    background: url(images/icon/icon_l.png) no-repeat center bottom;
    left: -40px;
}