.commonServices{}
.commonServices .wrapper{margin: 0 auto;}

.commonServices .commonServices-banner{height: 280px;width: 100%;padding-top: 84px;}
.commonServices .commonServices-banner h3{font-size: 40px;color: #FFFFFF;letter-spacing: 2px;text-align: center;line-height: 80px;font-family: fangzheng-unionpay-sc;}
.commonServices .commonServices-banner p{font-size: 20px;color: #FFFFFF;letter-spacing: 0.5px;text-align: center;line-height: 32px;}

.commonServices .list{margin-top: 100px;}
.commonServices .list ul{
  display: -moz-box;display: -webkit-flex;display:-ms-flexbox;display: flex;
  flex-wrap: wrap;-webkit-box-lines: multiple;-moz-box-lines:multiple;-ms-flex-wrap: wrap;
  -webkit-box-pack: justify;-moz-box-pack:justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;
}
.commonServices .list ul li{width: 580px;margin-bottom: 80px;display: inline-block;}
.commonServices .list ul li .img{width: 100%;height: 180px;padding: 0 40px;position: relative;}
.commonServices .list ul li .img:after{content: "";display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.commonServices .list ul li .img img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 100%;z-index: -1;}
.commonServices .list ul li .img p{font-family: fangzheng-unionpay-sc;font-size: 32px;color: #FFFFFF;letter-spacing: 1.6px;line-height: 40px;display: inline-block;vertical-align: middle;}

.commonServices .list ul li .box{border: 1px solid #E3E3E3;border-bottom: 6px solid #DD2C34;padding: 40px;}
.commonServices .list ul li .box p{font-size: 16px;color: #222222;letter-spacing: 1px;line-height: 32px;margin-bottom: 30px;}
.commonServices .list ul li .box .button{width: 128px;height: 40px;background: #DD2C34;border-radius: 20px;}
.commonServices .list ul li .box .button a{font-size: 16px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 40px;display: block;}

.commonServices .list ul li .jiantou{display: none;}


.commonServices .commonServices-bottom{margin: 80px 0;}
.commonServices .commonServices-bottom .title{margin-bottom: 50px;}
.commonServices .commonServices-bottom .title h5{font-family: fangzheng-unionpay-sc;font-size: 40px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 40px;margin-bottom: 20px;}
.commonServices .commonServices-bottom .title p{font-size: 16px;color: #646464;letter-spacing: 16px;text-align: center;line-height: 20px;}

.commonServices .commonServices-bottom .background ul{font-size: 0;padding: 80px 0;}
.commonServices .commonServices-bottom .background ul li{display: inline-block;margin-left: 50px;vertical-align: top;}
.commonServices .commonServices-bottom .background ul li:first-child{margin-left: 0;} 
.commonServices .commonServices-bottom .background ul li .box{margin-top: 50px;}
.commonServices .commonServices-bottom .background ul li .box:first-child{margin-top: 0;}
.commonServices .commonServices-bottom .background ul li .img{display: inline-block;vertical-align: top;width: 80px;height: 80px;margin-right: 20px;} 
.commonServices .commonServices-bottom .background ul li .img img{width: 100%;height: 100%;}
.commonServices .commonServices-bottom .background ul li .text{display: inline-block;vertical-align: top;width: 260px;}
.commonServices .commonServices-bottom .background ul li .text h5{font-size: 20px;color: #222222;letter-spacing: 1px;line-height: 30px;font-weight: bold;margin-top: 0;}
.commonServices .commonServices-bottom .background ul li .text p{font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 28px;margin: 10px 0;}
.commonServices .commonServices-bottom .background ul li .text a{font-size: 16px;color: #DD2C34;letter-spacing: 0.5px;line-height: 24px;}
.commonServices .commonServices-bottom .background ul li .text a img{width: 16px;height: 16px;margin-left: 10px;} 



@media (max-width: 1220px) {
  .commonServices .wrapper{width: 89.4%;}

  .commonServices .list ul li{width: 49.1%;}
  .commonServices .list ul li .img{height: 160px;padding: 0 40px;}
  .commonServices .list ul li .img img{height: 160px;}

  .commonServices .commonServices-bottom .background ul li{width: 30.5%;margin-left: 4.2%;}
  .commonServices .commonServices-bottom .background ul li .text{width: 72.2%;}
  .commonServices .commonServices-bottom .background ul li .img{width: 22.2%;height: auto;margin-right: 5.5%;}
}

@media (max-width: 980px) {
  
  .commonServices .list ul li .img{height: 140px;padding: 0 30px;}
  .commonServices .list ul li .img img{height: 140px;}
  .commonServices .list ul li .img p{font-size: 30px;}

  .commonServices .list ul li .box{padding: 30px;}

}

@media (max-width: 760px) {
  .commonServices .commonServices-banner{height: 160px;width: 100%;padding-top: 51px;}
  .commonServices .commonServices-banner h3{font-size: 24px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 52px;font-family: fangzheng-unionpay-sc;}
  .commonServices .commonServices-banner p{font-size: 13px;color: #FFFFFF;letter-spacing: 0.5px;text-align: center;line-height: 22px;}

  .commonServices .list{margin-top: 0;padding-top: 20px;}
  .commonServices .list ul{display: block;}
  .commonServices .list ul li{width: 100%;margin-bottom: 20px;display: block;border: 1px solid #E1E1E1;padding: 20px 20px 0;}
  .commonServices .list ul li .img{width: 100%;height: 104px;padding: 0;position: relative;text-align: center;}
  .commonServices .list ul li .img:after{content: "";display: inline-block;vertical-align: middle;height: 100%;width: 0;}
  .commonServices .list ul li .img img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 100%;z-index: -1;height: 104px;}
  .commonServices .list ul li .img p{font-family: fangzheng-unionpay-sc;font-size: 24px;color: #FFFFFF;letter-spacing: 2px;text-align: center;line-height: 48px;display: inline-block;vertical-align: middle;}

  .commonServices .list ul li .box{border: 0;padding: 0px;display: none;}
  .commonServices .list ul li .box p{font-size: 13px;color: #222222;letter-spacing: 1px;line-height: 22px;margin: 20px 0 25px;}
  .commonServices .list ul li .box .button{width: 120px;height: 30px;background: #DD2C34;border-radius: 15px;margin: auto;}
  .commonServices .list ul li .box .button a{font-size: 13px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 30px;display: block;}

  .commonServices .list ul li .jiantou{display: block;text-align: center;padding: 8px 0;}
  .commonServices .list ul li .jiantou img{width: 14px;height: 14px;}
  .commonServices .list ul li.active .jiantou{display: none;}
  .commonServices .list ul li.active{padding-bottom: 20px;}
  .commonServices .list ul li.active .box{display: block;}

  .commonServices .commonServices-bottom{margin: 50px 0 74px;}
  .commonServices .commonServices-bottom .title{margin-bottom: 30px;}
  .commonServices .commonServices-bottom .title h5{font-family: fangzheng-unionpay-sc;font-size: 24px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 26px;margin-bottom: 12px;}
  .commonServices .commonServices-bottom .title p{font-size: 11px;color: #646464;letter-spacing: 6px;text-align: center;line-height: 14px;}

  .commonServices .commonServices-bottom .slider-mobile .slider-mobile-content .wrapper{width: 100%;}
  .commonServices .commonServices-bottom .slider-mobile .slider-mobile-main{padding-top: 50px;}
  .commonServices .commonServices-bottom .slider-mobile .slider-mobile-main li{padding: 0 2.5%;}
  .commonServices .commonServices-bottom .slider-mobile .slider-mobile-main li ul{}
  .commonServices .commonServices-bottom .slider-mobile .slider-mobile-main li ul li{display: flex;justify-content: space-between;margin-top: 30px;}
  .commonServices .commonServices-bottom .slider-mobile .slider-mobile-main li ul li:first-child{margin-top: 0;}
  .commonServices .commonServices-bottom .slider-mobile .slider-mobile-main li ul li .img{width: 60px;height: 60px;display: inline-block;margin-right: 20px;}
  .commonServices .commonServices-bottom .slider-mobile .slider-mobile-main li ul li .img img{width: 100%;height: 100%;}
  .commonServices .commonServices-bottom .slider-mobile .slider-mobile-main li ul li .text{flex: 1;}
  .commonServices .commonServices-bottom .slider-mobile .slider-mobile-main li ul li .text h5{font-size: 16px;color: #222222;letter-spacing: 1px;line-height: 28px;font-weight: bold;margin: 0;}
  .commonServices .commonServices-bottom .slider-mobile .slider-mobile-main li ul li .text p{font-size: 13px;color: #222222;letter-spacing: 0.4px;line-height: 22px;margin: 5px 0;}
  .commonServices .commonServices-bottom .slider-mobile .slider-mobile-main li ul li .text a{font-size: 13px;color: #DD2C34;letter-spacing: 0.41px;line-height: 24px;}
  .commonServices .commonServices-bottom .slider-mobile .slider-mobile-main li ul li .text a img{width: 12px;height: 12px;margin-left: 6px;}
  .commonServices .commonServices-bottom .slider-mobile .slider-mobile-bottom{overflow: hidden;}
  .commonServices .commonServices-bottom .slider-mobile .slider-mobile-bottom ul{margin: 30px 0;}

}