/* banner */
.bnp{
  width:100%;
  height:300px;
  background:url("../img/SaaS-m/banner.png") no-repeat;
  background-size:100% 100%;
  position:relative;
  text-align: center;
}
.bnp .p1{
  font-size:35px;
  font-family:MicrosoftYaHei;
  color:rgba(255,255,255,1);
  line-height:31px;
  position: absolute;
  top: 23%;
  /* left: 7%; */
  width:100%;
}
.bnp .p2{
  font-size:15px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(255,255,255,1);
  line-height:20px;
  position: absolute;
  top: 45%;
  /* left: 13%; */
  /* width: 280px; */
  text-align: center;
  width:100%;
}
.bnp .p3{
  font-size:13px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(255,255,255,1);
  line-height:31px;
  position: absolute;
  top: 54%;
  /* left: 30%; */
  width:100%;
}
/* 服务商 */
.mode{
  width:100vw;
  margin:auto;
  text-align:center;
  margin-top:30px;
}
.mode h3{
  font-size:18px;
  font-weight:400;
  font-family:MicrosoftYaHei;
  color:#202020;
  line-height: 30px;
}
.mode p{
  font-size:12px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:30px;
  margin-top:4px;
}
.gx img{
  width:47px;
  height:48.5px;
}
.zz img{
  width:38.5px;
  height:48.5px;
}
.aq img{
  width:38px;
  height:48.5px;
}
.gx h2,.zz h2,.aq h2{
  font-size:12px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:15px;
  margin-top: 25%;
}
.serbox1{
  height:101px;
  border:1px solid #979899;
  display:flex;
  justify-content:space-around;
  margin: 0 4%;
}
.serbox1>img{
  width:32.5px;
  height:32px;
  margin-top: 10%;
  margin-left: 5%;
}
.serbox1 div{
  margin-left: -7%;
  margin-top: 5%;
}
.serbox1>div>h2{
  font-size:12px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(32,32,32,1);
  line-height:15px;
}
.serbox1>div>p{
  width:216px;
  font-size:9px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:15px;
}
.serbox2{
  height:101px;
  border:1px solid #979899;
  display:flex;
  justify-content:space-around;
  margin: 3% 4%;
}
.serbox2>img{
  width:27.5px;
  height:28px;
  margin-top: 10%;
  margin-left: 5%;
}
.serbox2 div{
  margin-left: -7%;
  margin-top: 5%;
}
.serbox2>div>h2{
  font-size:12px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(32,32,32,1);
  line-height:15px;
}
.serbox2>div>p{
  width:216px;
  font-size:9px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:15px;
}
.serbox3{
  height:101px;
  border:1px solid #979899;
  margin: 0 4%;
  display:flex;
  justify-content:space-around;
}
.serbox3>img{
  width:24px;
  height:31px;
  margin-top: 10%;
  margin-left: 5%;
}
.serbox3 div{
  margin-left: -7%;
  margin-top: 5%;
}
.serbox3>div>h2{
  font-size:12px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(32,32,32,1);
  line-height:15px;
}
.serbox3>div>p{
  width:216px;
  font-size:9px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:15px;
}
.serbox4{
  height:101px;
  border:1px solid #979899;
  margin:3% 4%;
  display:flex;
  justify-content:space-around;
}
.serbox4>img{
  width:27.5px;
  height:28px;
  margin-top: 10%;
  margin-left: 5%;
}
.serbox4 div{
  margin-left: -7%;
  margin-top: 5%;
}
.serbox4>div>h2{
  font-size:12px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(32,32,32,1);
  line-height:15px;
}
.serbox4>div>p{
  width:216px;
  font-size:9px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:15px;
}

/* 合作对接banner */
#swiper2{
  width:350px;
  height:260px;
}
#swiper2>div{
  width:500px;
  height:272px;
}
#swiper2>div>div{
  width:500px;
  height:188px;
  margin:auto;
  text-align: center;
  line-height: 200px;
  font-size:36px;
}
#swiper2 .swiper-slide {
/* line-height: 60px; */
height: 240px;
text-align:left;
font-size: 15px;
border:0.5px solid transparent;
box-shadow:0px 1px 10px 0px rgba(96,98,102,0.2);
padding-left:4%;
width:150px !important;
}
#swiper2 .d1{
background: #fff;
}
#swiper2 .d2{
background: #fff;
}
#swiper2 .d3{
background: #fff;
}
#swiper2 .d1 .xximg1{
  width:50px;
  height:50px;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMACxwVOPjw5G4ruH+uRJWNv8Zgo89SKo+EbAAABNRJREFUaN6slIuWqyAMRckDBHlZqP7/p14qztypMyJt3dZVTCGnyclSdAFofLIxu+l2L9wml6NN3iCIiyBkHccpR508mwKz90nHPI1R8xU6gN66MSY2SAA/4kBoOMXRWf+hDhmdSxZDB2mAjLcua0PvS/g4xhnhrNa5bPP0pkQYLVPXVrZjeEMGOI7WQPd2Y8fIL3qDegqvnQEOk8ZXDvjs5perp9llD927demUeIPSM02dW6ObQbwFzC4a0QHnYMS7gAmZxSneWRQfgNb503obXe12dIYTjQTiQyC1VarGFSoNP6rGFSqHvrDTIC4BtDuYMZMtiYsgm82f8RhQXAaGSH9WaMTntHvvy0RcyvzbfMwWxKWAzbhvVjHqYkzeNYxrs65uGD8VEiOJy6HnrH7k/qMkeuGf3lOw0N9pZ/q9D/SjkP5zUcrsmfsOmP+lUOwvBLJc5DAM9xmgp5RvV/gFRyDIZeUeE4oGu9SgA70kIoeHkFIdxyjoWjC6WbwiIp0PqqhIR+KU2WG1vY5Lv/EBMDrnAvdY73w1p892WKGHCAERYlePt+xYtM7BpCuTlDdbvsvzjOIc73AdANMzJWpDFjPURs9Umscm0LFjSJxc9nRaT1GDwJDOLTHDIu/jOG2fyl0ugzk3JQWs5XSIDJ6Q6me7fAl2ddqcvLeg8hBh2MEPEaicvL9SxsZI2UpQi8p2Ry7BYCupkSQnYS0d/4cyTPV6uKx2Vw1uT8f9IGtF1NB6F8p6r8inW9bQ155wmEZHkWc4qvNWRsqtjCXZ5J7JUwmOdV0G7YZHInMWxZZjEaVppU7XjnW66lKrYxHhnZj4sJnTotKmV/L92scluGVOapkORXgSt0PHsIhEZvbMqeRLuGMN1t9jU+Qm7i2RRQ2V4vFw3zHIEqyopSFi7m2Rbj4SUUOb/kranhSMMfxNXW9s66jaIm3j63QBEYiNpzfV1zo1Rf41ay46DoJAFHUACyiPKNr//9SdAZtsk3Vk00wjaQ2BhlMqvc5rwSPMQUgOIOZQXuLkXUrOvyI2Gfv0CXdxhEO8gIDDY/QSp7igZj2Wvc4ni/1thQtIDCQrPGS1VZ3GSdHP25RqM7iPgh182Z2HkKxkx0PojNkUHnR/YB6fj4D9McOwW9Iz/AaT4iEuk9SzEG9xee0n0lmN16JUIjmEjFevcHnrWQhJ/VoUCzEkW9VwLLqN0FnaVB2BwdM0C1FlpcdvJyRpPb1Dkh7MJcRPEd/mEhIbBBoEGoQclR6ImXw1iSQhZBJV404SQsZd3Y4kpN0OFaIkJAbVzjHIQYBWbyw5iAqRc+capP3b3iADQpYGgQYZziF7UKxjSibRCgTxh4Ol2k52i5A2ckxXLOuYkh98AhmDy2TxunlBB8vNG404lF87N5erTmcXxhMILs0HC3Sotu5h8b5fn0e/TVO/aD5YcKZfEa3P3rZFJuzBBXAglqWzlQhMAIcPRWnV2fR1KGrQgkE1+fCgeKBTFQffCdnKB5/Fw+g+OPhuQkA+tfH9JM0A8ukmmhRInEmnAOWTmSxFPi1LlI8SzAMlmO+SKv806X+n8oUPCjHuV1IiUBzDlPmknjKfxJT5dGCMC9cFS8HVDd+69OqvIjJq5igiS870pVH6y+HS73K49I9yuB/HoWde92/ZAQAAAABJRU5ErkJggg==") no-repeat center center;
  background-size:100% 100%;
  margin-left: 30%;
  margin-top: 50%;
}
#swiper2 .d1 .xxh2{
  font-size: 15px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  line-height: 15px;
  margin-left: 25%;
  margin-top: 22%;
  color:rgba(255, 255, 255, 1)
}
#swiper2 .d1 .xxp{
  width:137px;
  font-size:9px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:#fff;
  line-height:19px;
  text-align: justify;
  display: none;
}
#swiper2 .d2 .xximg2{
  width:50px;
  height:50px;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFnRSTlMA/REiChm56n1eTUDfLbCkNm6MlcfTZmBo6gAABVlJREFUaN7VWu262iAMboHwWb7p/d/qih5N3WyKzp1t+bPpw+EleZMQQ6YhYdw7o0sMsrV1XZsMsWjjPGfTh4Rxl0uQsWRjk+/inDW5RBlKdp/AEdzpIItxnAMTu+8ZcO5MkUE7Ln4LAnyOfRc42EZAP0PMnr0P4YoslrMza9ptmYP3qHBV6gRDp0laVsde5yIVqcetwLyWJb3IDWRZE3tJ8VRl5q+o4WIw8DKFNkQ3rAzLUvN3aORaZhhcWoJlb8atDWXoeClWP70tvsZ0vsoGwlRDJgv2jHIrM2GqQUYtjWGkEb+dUE82seMY9FHtn8agUVLINMY4Sg7pwC9i+dxFp+NTH4VS+fQx4bXAUw399EHxz2zvNq4+Kla6XwnRSMgfokXkOEiIYGKUlviTwdKosbiu2g8bLD2oVgobpFPNc7PHyhC7OsQkxbW5yzJ4NaU991CHWGdm3RDWTRdV/Rj3FXaK+JH6pV62T1ptUG2oBvCoCitniggGSXc1Fg2bQsv2PxUtMHGqyp2VdMgI82kTZ00Jy3w5v+iQLqgO06o21m0L/JFWuLXIFY6u+6WLUurKd/H3sqyr1YGU6isOrwhWv2KFH13K0GYUte4LUeF1UzPKag9LBo7/PhO+9KP2s66hGM8eaeJWx7Yu6qpnfMYqasC0Zocgi7HWJs+BPXcHvhFmjZxnCUfUa4ZYz0EaDEX2PAcg7eUkfwVEbPILuwQI76HCcoFhEOaNLjpbz4ZBoGQ28WrEIIhwcVEXv11rGgURpvLJBzeNgQizXEPj4rPmFARzVqdkEKRjKKlNrktHcacgSIqJMAbC1w1DczEJliRGxikIRDNpPQYidN/466PbdFn8GAjTeipZECDr3ZYgN0Xc/oO9bxNJkFymaMZAhNUhwm5bZfYgx0YXJk7BTQTIwnerAfapUzm0OjL0NOYnSYP453+n9tkKwjzXY5DUpuYpEOWe9iraxrt5uBKIasefgtifOzrJmdJ9K4u9cystKJCVBjE/uWO/JzeIhxZHwnVPQVYKBLbwu50Q/eiaVLh4YEhZEqQRIPJnrxG5rWtPkqplhl8qdJBxTjCSf8n1HLi3nZTOwn4ZCXJQDpFHZG7deHGPClMuTPUPnDpgVBiFoeE33rOgehwHaQUTb2UHjndPOUb1cDoWE6kEObGI1haQTHqAX/yNko5HGL1MmqiDhUHndHJRaHnf45ET6qKA1tSl1fe6b2DV/goxmLxuB6EurX79kvZa+T0LzpHfvHLucXrzrda/pq5fLynSrLoHvVs6igPGwMj5Bo4rqEICqhHUMe67idxRlhZjU1hiQ7hZkSiJqOKui8GDCoOFvLqFFwYMVdxdSKFVWdLtg4lt2UQWC1/fNFSEKFMnHtx0wkqAXR3vEweGpfYJI5MLHIv7I4Ha92GHcTRThsDdbSCX+R7cz53DLrs8SfwIIn6g4FYHKG6dydSIGuAPUyLjI8ojxrWAII2dBf0TG7NPR9HwpD1BHw+3xmYBjaJiEqgdL6pj8PNmwXDbAy7Rvmb+FZZgWo/IAgNtj/EGjrgYR7XsmWA+S9UxDRtr4Iy3onxV15aBrqua0Xo0I+7FphozUmF/QhoYaqq93B4E+/XDdIkGxtqD7zQ6IeUoY04w2uh8r2UrGDAx3LL9jubzt7TRv/lBALHHaBklxH/DI42jn5v+j0ctxPj+J0CUzzxmir//LPuRB+Z/5al8muCDj/70+IL9xPgCLfzNQYx/b6TkO4ZjcMynjoz5VGLMZ8TQOZwPLIWc2G+OXtmz0SvLxYeGyOR+iMyn6xCZrMQQ2Rv6eGd0/RqHa02GWF8Yh/sBTLtDnb+bsQQAAAAASUVORK5CYII=") no-repeat center center;
  background-size:100% 100%;
  margin-left: 30%;
  margin-top: 50%;
}
#swiper2 .d2 .xxh2{
  font-size: 15px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  line-height: 15px;
  margin-left: 11%;
  margin-top: 22%;
  color:rgba(255, 255, 255, 1)
}
#swiper2 .d2 .xxp{
  width:137px;
  font-size:9px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:#fff;
  line-height:19px;
  text-align: justify;
  display: none;
  margin-left:3%;
}
#swiper2 .d3 .xximg3{
  width:50px;
  height:50px;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFXRSTlMADvUY/rl/k+skMlivTD+MY2/N4KNk7gvzAAAEL0lEQVRo3s2aCZuiMAyGSdObHlD6/3/rIuNaZe0k4rF+M/MIjvCapBdpBpYAfZq0qUGVTSpUo6fkEYYXCVyajFI1z2NM3jvvU4rjnKtSZkoOXkDApIPK680QAa7eB8QVnlXQ6Ul7wM816Oh6twF0UYc6++MYTFmZ6IDyZjQqJzxmRTJKe9a16LUyCQ44Kq8I4H9cq/yo03BWpl3Dwxg140OeqmHEh0M4hpr4ts9Ku+GAnGYb43KIcLDJx5BZXy9V44fD8qamgVQMhKtIl4U4EBrVTLmKjuhIMSaKQVMmNZKM5/UrJVIMvi3duKRAxYMfl5A67aLq1010ut5to5iNG14mZzLetdAPL5S/5/uk4vBSRfVPWJAfEH5YcO+s6rgXAzcsdecwryL70urYDruJMuQM3B5gLdGbendNynMXekYI45gUfx17NMyo+xyKlCVkz4y9wYcNASPkJmHgUVMga2AGZLFiRdhlBqYpGS48z57DZyWkmiPJ2N8aZoMPdDFhH+i2aM42O3pShiYthIYmesng2utvwqgvyid36SbKcWcLQBPmQ17ElU6Nq2nJQLhXA8db49Juu5eUy8jxV1KOCrUspqMiBeEHd+oqMGWkICIj3BVmQUEwTzCgmYCGdD4CNAQmg1vPJyGmBzF0r0nKt5BQEMCdYIMI3U67QZkqsiAwh51m2EbMcj7tPQtgnQateZC4yJ2WuEH+SlS4D9F6yDOwIKnYnUraIGI7WWEFO0N3Huo48Nzlp538T0zCdrLSFHY6cx2I/k63rh9PRNuFxDCoRAy9qO1vkHM/GfuQpIbiOww35x8p8RzEly4EjL0MghsE3E7AhLgV0umLWKS8hri63KpUx7WkD1FShOauU2R3spFvie9CbISTfgLvwrJT4FryO2S8bsLovU/tL3nkB14lGvJ0Ew7x3ZAYhjq+GzLWNkBSEBfjePPjKEgbILXmQfy/o7BnQVDrNml1INR8QkPq1KZfAoJaqXLzq5GAtOnXq0RAiDmegiTl25Lo9a2rLYlgyvgmSFvctaAwIHARDWkhaQtuDiTpixIXEoNri3sGxBdxUfEcSLv7yuJBom3zmI08iAuxvTIhthpjcrVMSLMAZoMsSLKyOFjlirSJgrQH0/4jNoa/33a250cHv8iC5/l/+YlJvlp3Bew8YveSBRinIoUZV01BCDWdjrSVy3YwLdLq7UAJEba3jJBlithPFvyb9gBzTj2sujmQdpO8/7/FwN6Q1E/gYJGHVLCfwPnXlFjVAdXYMaSTVAM8IOgk1ej04HFF5YlEJ1v8ROfg3pGydZ9IPn8kjf6JDYFPbG18dpPm89tNbePs+7fnToz/v5n5mm3Z79hgfu9WeRM+ten/TeULTxRifF9JyaHimG8t8zkXLAW6YCnQBUvk96RKrwhbjxWROe8PFJG9vRzuD+wDRmdJMSFuAAAAAElFTkSuQmCC") no-repeat center center;
  background-size:100% 100%;
  margin-left: 30%;
  margin-top: 50%;
}
#swiper2 .d3 .xxh2{
  font-size: 15px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  line-height: 15px;
  margin-left: 11%;
  margin-top: 22%;
  color:rgba(255, 255, 255, 1)
}
#swiper2 .d3 .xxp{
  width:137px;
  font-size:9px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:#fff;
  line-height:19px;
  text-align: justify;
  display: none;
}
#swiper2 .d4 .xximg4{
  width:50px;
  height:50px;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMA6wcht40OTuAVaWE3ey1E9KXOV8xyFnYAAAP5SURBVGjetJfZtqMgEEXLmpBZNP//ra1Jr2jHiRh7P1JeNtQB1g1UoZSyj1KY+yfMRaLPiRRuQik4eU475JAmQjbDUykukN5hyJFZfCCyivAG1RIFL8wx/+ixyZVpFouwCdppDcUle12RhcWQnu3VCEu2lxUx2KpPQ7ykwTAqklZHl0ZNQPgKcizhqzw1CDuCejCXMtiv+zuUkrH6a8eREL4GKbKrXBsJG4VLqGEhqCAUSXAVTFLC+VeGI8EPUGSDJ45hv6v1iQ544vAKP6L+2DI6EH4GDy1mdvxqMbBDYKdwC+o4wCZUxMJNWCm0PS4Et0GytWJ0nOBGUnHrfDMbuBM0nNeBRIVb0fgZi7pCcDP02bDEBm7HcPg4WRbuZT1r5rD7P88Ki1BJ4LxU7qRuPbcr6t9pjYut5J0rQtI8NmiqD0nifLYRK93j0XXNv0xjxX69lbSdCA7NtOrovZvxrrTjqMPaVMJfnds+Wpan2Sx+oH609ARHrNOmnTuS2u2+6NjFJlffFfobO8EWuXk0Hrf+cC6cQpxf4cyxr+YacNNeH8o0++yqW/BcgArmPgWmE4kueG9RZ/C4X2E+W/uSFOVNDPgsdLwY80mPzpdTIPF4KKG+W9CnZ+GxHGtaIdgDvdB8E/ckqX0saPKz8EHH4eA+pimYY4nGdoHYl6RpZ7pRw3T0fvlyIgFN4U2yr0InYSb2414i7oVSPESxcOEIDzCD+eihsRJBnF6RePx4aNq9VNQJlAGvSNyygH4cMbu/FApwhp8lcCSBzMAB/u9OIDD06VRiF+BSYidOJak/l6Ap/KZ4fUtehWLwBknqHwva8JbQq9DT7ZL+T7NWtishCEOxLGFRGNH//9Z7jTFNpgwimZI5jzbhCGVpe8pDAtuA5RKAbpfE8bLF8axbGM9J4icZc61ob3hJjNd41XOROL08fbQMkpyGaG5I5Bpant9Mn9/JX4a8mBsSlZ4GEjbhiT8NNtZJkooNIZGiIdFBchmUJCQkJOoL7iZ/GZZIfEKCu5YwFQphqr8MIOokUs2nYzi3cFISg3sOEhz94OIjkSqRdI6QtKVgB0mqpnOmfLPAMdYGBcz23bBNu01QS0yL59GkoF/7aw3Bv4Mawvr/RYdkiik20hF/2el15AQTxWUgX2xhGO0+lz1c3juQHU0bKgUc47N9jOyBTqRWijKyA4aWokYX1cQ8oDwogK3QyV+y5S4+C1J8PhcsfpNjXj2MFQQQ8ZvSxrLGsSLNeLlJAKdwxi8B8ouZFOyyLArM3UCBuQpgl8pR9O9cKu9+qX2BuREDYbpaSn6xOYa1zYf+4n3DkvI44S4Aa+sVwpEmsjgnbCJrmwR/O9wf9sZVhVz7k8AAAAAASUVORK5CYII=") no-repeat center center;
  background-size:100% 100%;
  margin-left: 30%;
  margin-top: 50%;
}
#swiper2 .d4 .xxh2{
  font-size: 15px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  line-height: 15px;
  margin-left: 18%;
  margin-top: 22%;
  color:rgba(255, 255, 255, 1)
}
#swiper2 .d4 .xxp{
  width:137px;
  font-size:9px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:#fff;
  line-height:19px;
  text-align: justify;
  display: none;
}
#swiper2 .d1,#swiper2 .d2,#swiper2 .d3,#swiper2 .d4{
  background:url("../img/SaaS-m/bj.png") no-repeat;
}
#swiper2 .active {
 background:#fff;
 transition:all 0.5s linear 0s !important;
}
#swiper2 .active .xxh2{
  color: rgba(32, 32, 32, 1);
  margin-top: 20%;
  transition:all 0.5s linear 0s !important;
}
#swiper2 .active .xxp{
  display: block;
  color:rgba(153, 153, 153, 1);
  margin-top: 15%;
  transition:all 0.5s linear 0s !important;
}
#swiper2 .active .xximg1{
  margin-top: 20%;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAPFBMVEUAAAAbGxseHh4fHx8fHx8fHx8cHBwfHx8fHx8fHx8fHx8fHx8eHh4eHh4dHR0fHx8fHx8fHx8fHx8fHx97DcQsAAAAE3RSTlMAERu79+MIkO9urck0Pyl/TV+fHpEmiwAABH5JREFUaN7NmouW4iAMhhvupBAoff93XUD26OqUUlvd+T2jnV7yGRLSCkxDAkZ+CTohn6s4Jh0WTwymiwTMW40ctV2id0TkvI9L2+UZXEIIyHX91qDu+xVU7zTHcJYDzqZshZr5FykgHzBZB+8jvOY60o4BoJhP8/A2IjgYczi8hVEuI2j4OqCMceoYg9l8DRwLn+aWHXHDJ4yHvYeIyavhsy0PpKbjosAtDJ6q+270ndE0FHFMbnpbLqHbZ0QMbDohFjCqPUanVYcj2qeohS9wutxlI6rnRzl8Wmrp+dIYl1C2jnm8x+NsXNBv9I8UrrvRhUQ/7teJTZeJJQ0/tKNFN10oh1a9BiTH6lJF7l/cuwfkurCwl8ai6WKx5wZzrbEubjD3b2bpixqrY9Vn5qgAxjOM+0fkeNQdIo3HXsODIweuEyJ558duz8T9O45AEquQUs4R1CFX3JGIaLFWSb3sV6G7abAaDkGELCBjEgycbqF1mjgdgQiMyWSKQBjoK8jaJx2DaGAaEbUbCT3GW3DGwq6qbhAFwNj+Vc36cGuxxd7EhZhD/sz/58gPtddoJ3HcNIkcDNPE3VBXGcwtQLH+IIGD+cX0wBMKyVXM/EmzWCUNPLloNhH6aQQiIzwpygFIDUc/JApuKhD3DHEF0rZVPyhLYp2UCjdps4oUnpTEanTbXjpG0jJ1eglxI6qMKFF+Vt359wykTk+ZtIVeLRT1VSReXlVtU+hNM1ZPaTO52JxTCqt4NsTxruedOdFmtpleadru7zCvxkLVZna1bLBmGzJFnLjfjBhfzdI2i73n4yW7muXFrJxt5/A0UwcitC9yi8w89qRsWS7OF2nRgbi5D1mNrDLlVjg/SYqH4x0I7UCGdQpi5J7Oe2K0qyJ3F5F7kTZnILdO9Fic1GOhattqMf3A91PYqjrwhck2G2RTstQQMWhLKkPsTgpj3IGAlWIVBl29YDZCmDneKp8s24vagUQsZaULUYtc11IMkZXmXatmd3uWLJJxB7KkUiC7kJJjUqMp8YEgVoNoajmMspQuWfKqB6kFMoQ+hEpnB+LFMOT3REyXcliAM7FsXlIfEkK5aXUhrpYt0EIkaFFaTIHUPbWA+S6EpaXdfvsQ3yDQonQIQtyXvzMQvwvxnOoj0ecg7ZEIrIZPQkBbqO58ENLCwdB/EuKRtYf7T0Hu1iPS5yCE8f5zrtfjG0QD/NwZXQcSkXV/mLK5FpRq5QapWFBRFkgokPodCCp2K7c6P7ErRKDVZjXahlmI2QZZ9tgkVhluP7naYRQbkGy6P1gAuK7tMdgY8e/7et9uJyF0Bws2u0qUYh2UkHGzk/RdUTHNg0pRdRzpD0UBGxR0hqI+P6j2jeHBjw90Elr1jSHbrww+f38YveXClRMCWsPnpzaQvjtJ8/3ppusnzr4/BXjXRZOZ/39aNuv0BLP/JVPlfyf9pxOT/h9cvsDq8oXftRDj7SUlv3FxzJeW+bQFS7i/YAmtO7kuisW9pVfxoiVeVvO2iIyq2iIyPriI7CvL4f4ABnFdzwf6gRAAAAAASUVORK5CYII=") no-repeat center center;
  background-size:100% 100%;
  transition:all 0.5s linear 0s !important;
}
#swiper2 .active .xximg2{
  margin-top: 20%;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAANlBMVEUAAAAfHx8fHx8bGxscHBwdHR0fHx8eHh4fHx8fHx8fHx8dHR0fHx8fHx8fHx8fHx8fHx8fHx8VPNBuAAAAEnRSTlMA/bYNFR+QK+veRDd+o8xuUmCNHdgjAAAE50lEQVRo3qyY0ZriIAyFMQkEQijw/i+70O3O1NlBY/VcSszfwyHYT2cSepauoQBsuwBK0C7s0X1I6HMNs23tknkqi/Q6kaFmj58giAKEntkT3i2Q59wHXOVNDnEtoMK0aIPEolAq03WEBAjN4zOvbZQJXUZoJlNp1ksYzAPBaC7ngckvZuPr6Tvmp6re2YVSoL3snhoUQXN1BWV3QaxQyVgaoOHFqWoQTI+XS2F3WVxKfl4loN69Ia8gz2raelftibZnjI7uTWGHdoHxUYoYGDbKOpcMFd1HhBXy6vQpuQ+J9Pc5oBC8+5h8CPSrw6szaN97geY+qvZ/+L4ofhaCWvzPzSrGQJDQGkv5sWHZulm+FrVm1+7PMc6zYBFDvMWt2czQfVcZTIsEblOpkvGEyRlpSp16moR4u8XAtuxPVgTY9Kawt88aB2rrZNpdecEIUtbdhpLD3VAszRPareRlIsR5qvUAaYZxRC4QJwaK9iZjnReuTq2xBlqUlDQVY/yb91cSvm63XWNpVizfPCgcs+JXM0Jw+1ZMQfD8xrjt6ENJlrPij9j9YvDS6L0/6wahM/58z9YC2z+fhRY9YMejKi4hqUuTzL9HjEQ+i0gbjmEBmd0P1hKyecs4hDXk2KcM/AoEh16BMOTjbFkhxF1Va7vPhw7I+nz50NEIQSlpphxjCtnqBHvwux0T5Jj0Y2hSNzk54hBgI6QNRgTttaRJyRYnx/3Vi7dBeBsM9TivStgnw+bEl+5UyQRBPTWWNKywzQmpulDRBKH5myinCye2r6Wy4xfCGlxpzuZEFAqd2sZug7hWHMgjSOK7W+RrZTrJRoiAg2yEnCVxpODPt3XAB7/0buNHkPjbI6BsI/f2He32EMLbM0j78RFnaWF8nire1ek7kH7vQdN+saS7vyvyXncV8qdZq91OGIShGwnSloaP93/ZDcTd6mxk1cPkh8dTa0KAhJubfC9DmyG2uI6Qt9xRKof7qBI2t6eGYgihAq8QoSVOOCD9SuDJt7GerLUunUoUi7R9jTUl2hGmOsXd47VcG6z6yaL8PO3taJ5wat1czFKVSFLyhF0HcDNWMuv7Tkm0APnBAlHEPnmoRxim9pISILVQj0lWo+cJK++gxM7NXCXUZy2PcxCwTGex2BPDPxNJalaX9bSBpUgGZhWLW7L4aXserJ4+7AIJOPPaTJmLloWZbSoKg2sWNnUKkNiFRLg4Lu4aK34wImEqX1Iz8GKrBokoqjlpxkQpV+l1TBf3SnAYBdxVc1RTgH5sllDTkVNieJJqSNsOq3OG6foStM55xwQwhKtEA9y0qm+xKHLyZgZa6tB0aUEUoBQD8EtbB6yTfUB5pCIq3dMRNhFfS+eQmGoRv9hCd3Xgr8rZQh6sRZ+iZYU4YHyd7INokAW6lkk8bQn9+sh2kAW9tAdXbw/R0sVhwmfF+B20Rz/vQWepJjomdtGc6ZUe1qOTisL6FJQiq8z1m/huKgr0V0ehp4au84fJ3EWqddODUNOMmCXbPnrwCNHJPoqR6LmX6DxG2RIzUzdlO5J8xngxje5MpBEFgRGljRFFmkHlpvGFMwx6VQnw/4uZQ8qyzxeYT+LfpVT+RNHfrn/Z0YPtCyILvVcjxuGWkndsjhnR5oM73TxuWDLR87u3XtXBv5rInN80kXUYMaQd7gtXoTbaVEGUqAAAAABJRU5ErkJggg==") no-repeat center center;
  background-size:100% 100%;
  transition:all 0.5s linear 0s !important;
}
#swiper2 .active .xximg3{
  margin-top: 20%;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAANlBMVEUAAAAbGxseHh4fHx8fHx8fHx8fHx8fHx8eHh4fHx8fHx8eHh4fHx8fHx8fHx8fHx8fHx8fHx+XBJ8cAAAAEnRSTlMADRj+uZH2fijpXTpNr/Bu0qOO3e3pAAAEFElEQVRo3s2ai5ajIAyGTSQQuQi8/8suum7TdUuhWvbMP9NW2yOfuRAVmLoEyN4aykGlXSpkMtYzwvQlAbtIQWWK1jve5Jy3kbIKFB3DFwjoTFBkHSMCPH0PiOwsqWDcTXuQYw5mc0vdjSbkyHgd4UiRZ2h505Mih5cRpu9YdKZg4PNYbIj+oAJfwGCUY/rPKuJHB+Rg8WP/+pAdfGCG4emC2HQbwxT8xcwHH6jr9FwmvlEdKLupKR8MTjfEJvimvSrCzUIUVYNilYXb5a408tYOYdyivLNFGOMoLkg87sYlVHKMs+TVXaHJ/PJ7ImHcFpfWXlrI0xfFr3zvSqy+Kq/+CQtmA9+FgMl4dlbm3oOh12E5wkVncc58zWHQnVkQ17XpWMlX+MsQ18lA0pqwTZFmBWmg93qW5jkF4s7YEz4ROw8iPe/S1HlSyn1sCJhl1QWxLgb6TRHX9Ql8VFqr6HH6MCoQC65XYLqyS5wU4agyvtn0Q7hBUPbbtwwsn++E3jxEm7uM6K3jxAIwBhoml3AfKhsl8Fr2F6pTpPW2t/xS2q1onhff9le7k4DRc6KK0qwNtLsKxKbBeyF5KSRdIO38QrLQhkC1BLQSGmwxgoObBkGkZpVXHwTwJDggslsNis3YBcEYToq4V8x07FLFI5jtZEwfpCTySYvfIX+kK2eLxkwUoQvi0rL+pSW5HVI6ZPkrMPUaApGmYkwXBJw9ye0x0SHaIlqrEJun4Nt198guKCh5+5Ndmyd2byqs9fmpfi2RuttO4XcQp6bEFQZH+i3V009sHcKpCgFaS5E9yu4GAT4J7kNQPWrvDuGcTiL+BkQHcVeln9yHLP4p8ByWkwJ/B/Kcwugcy395YX9MlKtDbH8Vtm9TOPjREB+mbEdDbJYC2YKwP4lbECmQxmAXxKnlJOUaECn1Njch9/oJZiuX3wYEjTrJYBeElS8v14A0rvENyG4FkoVB2SW3RBAJR0Hk4UGC0obAQ72QIxwcfCcEnHnIQSfEB5ab+w4IJ3lkSNwDkdYLqw2RZwh5YmhDxE/lsxuyZCrKSx9ELJD8qkHWA+KWOTEUcZoX14JIbtUfsTH8OdsokKMhVE+Q+MfKgJVH7NpgAfqY5pXspqC12jfMOqdoi7bfjN2ktA77Bm2/eawOFrzoKkDLUqK7LkXbht431q0q7ppf/VY2CF50kpopmOZLSvjSkEpUfFYXlH0lIpXhWrykyqDakLFUGR5sDHTeF+cI/23Idvzg8/hh9METAtLa+KmN8ZM07emmHz+pJYz/PwUoGjCZOWBaFk3wgyeYJ6bsfspU+fhJf1m+4C8uX/hZCzFGLykRwceLY37qMp/fmBjaC5ZCbCKa59laeiW23l1EpmQRWdGxiEz1LyIbvxzuFw8xQLleI/l9AAAAAElFTkSuQmCC") no-repeat center center;
  background-size:100% 100%;
  transition:all 0.5s linear 0s !important;
}
#swiper2 .active .xximg4{
  margin-top: 20%;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAANlBMVEUAAAAfHx8fHx8eHh4fHx8fHx8dHR0fHx8fHx8eHh4cHBwfHx8eHh4fHx8fHx8fHx8fHx8gICByy57QAAAAEXRSTlMA604iY7YN4I0yFX0+9aNvzhvi1kUAAAOdSURBVGjezZqBkqMgDIYxIZEAgn3/lz257i3WiqhFr//sTHcSy9eEoAioXWIU0M4EovGviIJxGgRZNRKj1yY1GzV4ERTxHnRMSKM9chOCezaGll8cFp9w9ynHSgzkAG3xAgRHIYo9j/CGDCDXYgVDxtvTCCd2X8DuFIYlIXj35QkjB/sGY/rO0V8VUR2QDwSHo7dAwe+/OpJDdULoKNqdlxqCk5XPQAb3pSqIOi0Je1IGtVTVUwZVRj2r9R6FGkOz+lCsCSoM1UCaoB7HlbF4iqyaiCMVagyDs6qRrAu4ajfJ3koYjF2NUFRDyVruPYFqKiC/0iHcFsJv3cIxW9p1yyJhQqCaC0heK8u0qt5yq75YWRbfZA9UmJ8jC71uNfVvIm13972x1UDQdI8VdQH3h1ILxJrh8Ri6hZIt2MOhSCEQ6NKvjvpFMfSTNaqKlk1zXC8tS1NrP/nnn7/0r54oI+4tsJ+xgoUxIv16XnjKYge7xwrmz/VsdXrDUVeOgJ3jiyC59cS6CJLz5AkrEJ7pnwM4q5Ivn4rF2G2IOPMr55+OgWY2LbxVX5oVGq02ITgOWd0oz/EzzI391gRYT04hvwlJlTxTD38dCw0bj25PkrukBGHXz2TsE9LNbIlJuNUpOlQgilGy7I/DZZOP4xSL4xIkaOWcVSdKGF4MWzca65wykc9A9PJG0/vibNKoAOpjiNKTpdxOUHQ9hBT5qyGe1ChViJ3p3VGFyLgDAoGyNC8cAfZAsALBcT60e5k5hmQasQLBHMkmJGuUpWPE1ukKp9J1rOPxXMffUsL3DMZwNYQhpBvkxZBo0q3+Woh17uhDi5cO5AoEg97z+B1fHr/ZEZNjdFyBENQnEvg6kfBLR18Z8Z5kx5SIuiFrlIWjowpEGzw6uZOZA+NkiZj7pDS52zNNVZz1Pn+tVBeSbzDhrkCAME/uL4Hk1oHwOggS5M+rIEC4+WLqS9/0fXIssL0vvZiWX7EZtBkeQ9ArMt3SEaZLjQYuvGIXFgvY9d2QJg7du7JjYelXmjG2vOxhx8cJjXZt2aMYSrr5HdYYuRBIIRTGE+JCIFcvqt2xPHjLQucdS7Z3LD7fvYyeawEbdkihXqXx1sYdmzR3bzfdv3GmuNUW4P/fzGyzLfsdG8yfb5V/z6b/+eMLIXj+soMYZ4+UfOPhmDuO+eQDS1Q/sESxGnD1d9aOXkGLI1729xAZgBdBFPEAv4fIzgXR/jjcH626Q4tWqKnmAAAAAElFTkSuQmCC") no-repeat center center;
  background-size:100% 100%;
  transition:all 0.5s linear 0s !important;
}
/* 合作对接banner分页器 */
.swiper-pagination{
  left: -1%;
  width: 100vw !important;
}
.swiper-pagination-bullet{
  margin: 0 1%;
}
.swiper-pagination-bullet-active {
  opacity: 1 !important;
  background: rgba(100, 113, 121, 1) !important;
}
.swiper-pagination-bullet {
  width: 22px;
  height: 2px;
  display: inline-block;
  border-radius: 0;
  background: #000;
  opacity: .2;
}


/* 媒体查询 */
@media screen and (max-width: 374px) {
  .bnp .p1 {
    font-size: 30px;
    font-family: MicrosoftYaHei;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 23%;
    /* left: 7%; */
  }
  .bnp .p2 {
    font-size: 15px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 20px;
    position: absolute;
    top: 45%;
    /* left: 7%; */
    /* width: 276px; */
    text-align: center;
  }
  .bnp .p3 {
    font-size: 13px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 54%;
    /* left: 26%; */
  }
  #swiper2 {
    width: 311px;
    height: 260px;
  }
  #swiper2>div {
    width: 300px;
    height: 272px;
  }
  #swiper2 .swiper-slide {
    /* line-height: 60px; */
    height: 240px;
    text-align: left;
    font-size: 15px;
    border: 0.5px solid transparent;
    box-shadow: 0px 1px 10px 0px rgba(96,98,102,0.2);
    padding-left: 4%;
    width: 144px !important;
  }
  .serbox1 {
    height: 86px;
    border: 1px solid #979899;
    display: flex;
    justify-content: space-around;
    margin: 0 4%;
  }
  .serbox2 {
    height: 86px;
    border: 1px solid #979899;
    display: flex;
    justify-content: space-around;
    margin: 3% 4%;
  }
  .serbox3 {
    height: 86px;
    border: 1px solid #979899;
    display: flex;
    justify-content: space-around;
    margin: 0 4%;
  }
  .serbox4 {
    height: 86px;
    border: 1px solid #979899;
    display: flex;
    justify-content: space-around;
    margin: 3% 4%;
  }
}

@media screen and (min-width:376px) and (max-width:414px) {
  .bnp .p1 {
    font-size: 35px;
    font-family: MicrosoftYaHei;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 23%;
    /* left: 11%; */
  }
  .bnp .p2 {
    font-size: 15px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 20px;
    position: absolute;
    top: 45%;
    /* left: 16%; */
    /* width: 280px; */
    text-align: center;
  }
  .bnp .p3 {
    font-size: 13px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 54%;
    /* left: 34%; */
  }
}
@media screen and (min-width:360px) and (max-width:374px) {
  .bnp .p1 {
    font-size: 30px;
    font-family: MicrosoftYaHei;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 23%;
    /* left: 13%; */
  }
  .bnp .p2 {
    font-size: 15px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 20px;
    position: absolute;
    top: 45%;
    /* left: 12%; */
    /* width: 276px; */
    text-align: center;
  }
  .bnp .p3 {
    font-size: 13px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 31px;
    position: absolute;
    top: 54%;
    /* left: 31%; */
  }
}