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

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

.riskServices .des{margin-top: 60px;}
.riskServices .des p{width: 980px;margin: 0 auto;font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 32px;}

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

.riskServices .main-1 .box{padding: 80px 0;background: url("./../../resources/images/riskServices/D_serve-background@2x.jpg");background-size: cover;}
.riskServices .main-1 .box .box-top{font-size: 20px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 40px;margin-bottom: 10px;}
.riskServices .main-1 .box ul{font-size: 0;}
.riskServices .main-1 .box ul li{display: inline-block;width: 580px;padding: 30px 40px;font-size: 0;background: #ffffff;margin-top: 20px;}
.riskServices .main-1 .box ul li.active{margin-right: 20px;}
.riskServices .main-1 .box ul li .img{width: 72px;height: 72px;display: inline-block;vertical-align: middle;margin-right: 25px;}
.riskServices .main-1 .box ul li .img img{width: 100%;height: 100%;}
.riskServices .main-1 .box ul li .text{display: inline-block;vertical-align: middle;width: 403px;}
.riskServices .main-1 .box ul li .text p{font-size: 20px;color: #222222;letter-spacing: 1px;line-height: 26px;font-weight: bold;margin-bottom: 10px;}
.riskServices .main-1 .box ul li .text span{font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 32px;}


.riskServices .main-2{margin-top: 80px;}
.riskServices .main-2 .box{}
.riskServices .main-2 .box .box-top{background: #f2f2f2;padding: 40px 0;font-size: 0;margin-bottom: 50px;}
.riskServices .main-2 .box .box-top .img{width: 480px;height: auto;margin-right: 60px;display: inline-block;vertical-align: middle;}
.riskServices .main-2 .box .box-top .img img{width: 100%;height: 100%;}
.riskServices .main-2 .box .box-top .text{width: 640px;display: inline-block;vertical-align: middle;}
.riskServices .main-2 .box .box-top .text p{font-size: 16px;color: #222222;letter-spacing: 0.4px;line-height: 32px;}
.riskServices .main-2 .box ul{background: #FFFFFF;border: 4px solid #F2F2F2;padding: 50px 160px 50px 180px;margin-bottom: 50px;}
.riskServices .main-2 .box ul li{font-size: 0;margin-top: 40px;}
.riskServices .main-2 .box ul li:first-child{margin-top: 0;}
.riskServices .main-2 .box ul li .img{border: 4px solid #F2F2F2;border-radius: 100px;width: 100px;height: 100px;display: inline-block;vertical-align: middle;margin-right: 50px;}
.riskServices .main-2 .box ul li .img img{width: 56px;height: 56px;margin: 18px auto;display: block;}
.riskServices .main-2 .box ul li .text{display: inline-block;vertical-align: middle;width: 680px;}
.riskServices .main-2 .box ul li .text p{font-size: 20px;color: #222222;letter-spacing: 1px;line-height: 40px;margin-bottom: 5px;font-weight: bold;}
.riskServices .main-2 .box ul li .text span{font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 32px;}
.riskServices .main-2 .button{width: 230px;height: 40px;background: #DD2C34;margin: 0 auto;border-radius: 20px;}
.riskServices .main-2 .button a{display: block;font-size: 16px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 40px;}

.riskServices .main-2.active .box .box-top .img{margin-right: 0;margin-left: 60px;}
.riskServices .main-2.active{margin-bottom: 100px;}
@media (max-width: 1220px) {
  .riskServices .wrapper{width: 89.4%;}

  .riskServices .des p{width: 87%;}

  .riskServices .main-1 .box ul li{width: 49%;}
  .riskServices .main-1 .box ul li.active{margin-right: 1.7%}
  .riskServices .main-1 .box ul li .img{margin-right: 4.3%;}
  .riskServices .main-1 .box ul li .text{width: 68%;}

  .riskServices .main-2 .box .box-top .img{width: 40.6%;margin-right: 5%;}
  .riskServices .main-2 .box .box-top .text{width: 54.2%;}
  .riskServices .main-2.active .box .box-top .img{margin-left: 5%;}

  .riskServices .main-2 .box ul{padding: 50px 10% 50px 10%;}
  .riskServices .main-2 .box ul li .img{margin-right: 5%;}
  .riskServices .main-2 .box ul li .text{width: 80%;}
}

@media (max-width: 980px) {
  .riskServices .main-1 .box ul li{padding: 30px;}
  .riskServices .main-1 .box ul li .text p{font-size: 18px;}
  .riskServices .main-1 .box ul li .text span{font-size: 14px;}

  .riskServices .main-2 .box .box-top .text p{font-size: 14px;line-height: 28px;}
  
  .riskServices .main-2 .box ul li .img{border: 4px solid #F2F2F2;border-radius: 70px;width: 70px;height: 70px;}
  .riskServices .main-2 .box ul li .img img{width: 42px;height: 42px;margin: 10px auto;}

  .riskServices .main-2 .box ul li .text p{font-size: 18px;color: #222222;letter-spacing: 1px;line-height: 36px;margin-bottom: 5px;}
  .riskServices .main-2 .box ul li .text span{font-size: 14px;color: #222222;letter-spacing: 0.5px;line-height: 28px;}

}


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

  .riskServices .des{margin-top: 50px;}
  .riskServices .des p{width: 100%;font-size: 13px;color: #222222;letter-spacing: 0.8px;line-height: 28px;}

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

  .riskServices .main-1 .box{padding: 30px 0;background: url("./../../resources/images/riskServices/M_serve-background@2x.png");background-size: cover;}
  .riskServices .main-1 .box .box-top{font-size: 13px;color: #FFFFFF;letter-spacing: 0.5px;line-height: 26px;margin-bottom: 10px;text-align: left;}
  .riskServices .main-1 .box ul{font-size: 0;}
  .riskServices .main-1 .box ul li{display: flex;align-items: center;width: 100%;padding: 20px;background: #ffffff;margin-top: 10px;}
  .riskServices .main-1 .box ul li.active{margin-right: 0;}
  .riskServices .main-1 .box ul li .img{width: 56px;height: 56px;margin-right: 5.7%;}
  .riskServices .main-1 .box ul li .img img{width: 100%;height: 100%;}
  .riskServices .main-1 .box ul li .text{flex: 1;}
  .riskServices .main-1 .box ul li .text p{font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 24px;font-weight: bold;margin-bottom: 5px;}
  .riskServices .main-1 .box ul li .text span{font-size: 13px;color: #222222;letter-spacing: 0.5px;line-height: 22px;}


  .riskServices .main-2{margin-top: 50px;}
  .riskServices .main-2 .box{}
  .riskServices .main-2 .box .box-top{background: #f2f2f2;padding: 30px 0;font-size: 0;margin-bottom: 30px;}
  .riskServices .main-2 .box .box-top .img{width: 100%;height: auto;margin-right: 0;display: block;margin-bottom: 30px;}
  .riskServices .main-2 .box .box-top .img img{width: 100%;height: 100%;}
  .riskServices .main-2 .box .box-top .text{width: 100%;display: block;}
  .riskServices .main-2 .box .box-top .text p{font-size: 13px;color: #222222;letter-spacing: 0.3px;line-height: 28px;}
  .riskServices .main-2 .box ul{background: #FFFFFF;border: 3px solid #F2F2F2;padding: 30px 5.9%;margin-bottom: 30px;}
  .riskServices .main-2 .box ul li{font-size: 0;margin-top: 30px;display: flex;}
  .riskServices .main-2 .box ul li:first-child{margin-top: 0;}
  .riskServices .main-2 .box ul li .img{border: 3px solid #F2F2F2;border-radius: 70px;width: 70px;height: 70px;display: inline-block;vertical-align: top;margin-right: 5.9%;}
  .riskServices .main-2 .box ul li .img img{width: 42px;height: 42px;margin: 10px auto;}
  .riskServices .main-2 .box ul li .text{display: inline-block;vertical-align: middle;width: 61.1%;flex: 1;}
  .riskServices .main-2 .box ul li .text p{font-size: 16px;color: #222222;letter-spacing: 1px;line-height: 24px;font-weight: bold;margin-bottom: 5px;}
  .riskServices .main-2 .box ul li .text span{font-size: 13px;color: #222222;letter-spacing: 0.5px;line-height: 24px;}
  .riskServices .main-2 .button{width: 180px;height: 30px;background: #DD2C34;margin: 0 auto;border-radius: 15px;}
  .riskServices .main-2 .button a{display: block;font-size: 13px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 30px;}

  .riskServices .main-2.active .box .box-top .wrapper{display: flex;flex-direction: column-reverse;}
  .riskServices .main-2.active .box .box-top .img{margin-left: 0;}
}