@charset "UTF-8";

.page { background: url(../images/pages-bg.png) center top; }

/**
 * 公共
 */


.gongan { background: url(../images/gongan.png) center top; display: inline-block;
width: 20px;
height: 20px; background-size: 20px 20px; margin-top: -3px;
 } 
 
.service-content-inner {
    position: relative;
    width: 1150px;
    margin: 0 auto;
    z-index: 1;
}
.service-one-container {
    text-align: center;
}
.service-one-container ul {
    width: 1100px;
    margin: 0 auto;
    margin-top: 100px;
    box-shadow: 2px 3px 32px 0 rgb(0 0 0 / 32%);
}
.service-one-container ul li {
    display: inline-block;
    width: 271px;
}.service-one-container .title {
    line-height: 120px;
    font-weight: 600;
    margin-bottom: 0;
    color: #fff;
    background-color: #333;
    font-size: 26px;
}

.service-one-container .title img {
    vertical-align: sub;
    margin-right: 5px;
}.service-one-container ul li:not(:last-child) p {
    border-right: 1px solid #E2E1E1;
}.wsf-container p {
    margin: 0;
}
.service-one-container p {
    padding: 70px 45px;
    font-size: 18px;
    line-height: 36px;
    color: #666;
    background-color: #F5F5F5;
    text-align: justify;
}
.service-one-container p {
  padding: 70px 45px;
  font-size: 18px;
  line-height: 36px;
  color: #666;
  background-color: #F5F5F5;
  text-align: justify;
}
.service-one-container ul li:not(:last-child) p {
  border-right: 1px solid #E2E1E1;
}
.service-one-container ul li:hover .title {
  background-color: #00B5D9;
}
.service-one-container ul li:hover .title + p {
  color: #000;
  background-color: #fff;
}
.service-one-container .check-detail {
  display: inline-block;
  margin-top: 80px;
  width: 270px;
  border: 2px solid #000;
  box-shadow: 4px 7px 10px 0 rgba(0, 0, 0, 0.07);
  color: #000;
  text-align: center;
  line-height: 52px;
  background-color: transparent;
  font-size: 20px;
  cursor: pointer;
  text-decoration: none;
}
.service-one-container .check-detail:hover {
  background-color: #00b5d9;
  color: #fff;
  border: 2px solid #00b5d9;
}
.service-two-container {
  text-align: center;
}


.part-title {   font-size: 36px; text-align: center; }
.part-title.white { background-color: #fff; }
.part-title h3 { font-weight: 600; }
.part-link { display: block; margin: 0 auto; text-align: center; }
.part-link a { display: inline-block; margin: 40px auto; width: 300px; height: 60px; color: #00a7eb; font-size: 20px; font-weight: 700; line-height: 58px; background-color: #fff; border: 2px solid #00a7eb; border-radius: 4px; transition: all .3s; cursor: pointer; }
.part-link a:hover { color: #fff; background-color: #00a7eb; }

/**
 * 服务优势
 */
.adv-part { position: relative; width: 100%;   background-size: 100% auto; }
.adv-part .part-title { padding-top: 80px; }
.adv-part .part-content { display: block; margin: 0 auto; width: 1192px; text-align: center; }
.adv-part .part-content li { position: relative; display: inline-block; margin: 0 40px 60px 40px; width: 324px; height: 164px; background-color: #fff; border: 1px solid #ccc; transition: all .3s; }
.adv-part .part-content li:nth-child(3n-2) { margin-left: 0; }
.adv-part .part-content li:nth-child(3n) { margin-right: -40px; }
.adv-part .part-content li:nth-child(n+3) { margin-bottom: 0; }
.adv-part .part-content li .images { verflow: hidden; position: absolute; left: -60px; top: 22px; width: 120px; height: 120px; color: #00a7eb; font-size: 50px; line-height: 120px; background-color: #fff; border-radius: 50%; border: 1px solid #ccc; transition: all .3s; }
.adv-part .part-content li .images img { margin: 5px 0 0 2px; width: 50px; height: 50px; vertical-align: initial; }
.adv-part .part-content li b { margin: 40px 20px 0 80px; display: block; font-size: 20px; font-weight: 700; text-align: left; }
.adv-part .part-content li p { margin: 8px 20px 0 80px; display: block; color: #999; font-size: 14px; line-height: 24px; text-align: left; }
.adv-part .part-content li:hover,
.adv-part .part-content li:hover .images { border: 1px solid transparent; box-shadow: 0 0 20px rgba(0, 0, 0, .1); }

/**
 * 服务范围
 */
.category-part { position: relative; width: 100%; }
.category-part .part-list { display: block; margin: 0 auto; width: 1192px; font-size: 0; text-align: center; }
.category-part .part-list li { overflow: hidden; position: relative; display: inline-block; margin: 0 20px 18px 0; width: 283px; height: 283px; background-color: #fff; }
.category-part .part-list li:nth-child(4n) { margin-right: 0; }
.category-part .part-list li:nth-child(n+5) { margin-bottom: 0; }
.category-part .part-list li:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 82px; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); background: url(../images/servicearea-bg.png) center bottom no-repeat; background-size: 100% auto; }
.category-part .part-list li .cover,
.category-part .part-list li .cover img { width: 100%; height: 100%; overflow: hidden; transition: all .3s; }
.category-part .part-list li .info { position: absolute; left: 0; bottom: -82%; width: 100%; height: 100%; z-index: 1; transform: translate(0, 82%); transition: all .3s; }
.category-part .part-list li .info-content { display: block; width: 283px; height: 283px; vertical-align: middle; color: #fff; }
.category-part .part-list li .info-content h4 { padding: 0 20px; display: block; position: relative; font-size: 20px; font-weight: 700; text-align: center; }
.category-part .part-list li .info-content p { padding: 0 20px; display: block; text-align: left; opacity: 0; transition: all .3s; visibility: hidden; margin-top: 20px; font-size: 14px; line-height: 24px; }
.position-content-list li h4:after,
.category-part .part-list li .info-content h4:after { content: ''; position: absolute; left: 50%; margin-left: -20px; width: 40px; height: 3px; background-color: #00a7eb; }
.category-part .part-list li .info-content h4:after { bottom: -10px; opacity: 0; transition: all .3s; visibility: hidden; }
.category-part .part-list li .info-content .info-look { opacity: 0; transition: all .3s; visibility: hidden; margin-right: 20px; float: right; font-size: 14px; cursor: pointer; }
.category-part .part-list li .info-content .info-look i { margin-top: 8px; font-size: 12px; }
.category-part .part-list li:hover .cover img { transform: scale(1.1); }
.category-part .part-list li:hover .info { bottom: 0; transform: translate(0, 0); }
.evaluate:after, .category-part .part-list li:hover .info:after { content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background-color: #1a2631; transition: all .3s; }
.category-part .part-list li:hover .info:after { opacity: .9; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); }
.category-part .part-list li:hover .info-content { display: table-cell; }
.category-part .part-list li:hover .info-content .info-look,
.category-part .part-list li:hover .info-content h4:after,
.category-part .part-list li:hover .info-content p { opacity: 1; transform: translate(0, 0) rotate(0) scale(1); visibility: visible; }

/**
 * 平台定位
 */
.data-part { position: relative; overflow: hidden; width: 100%; padding-bottom: 90px; background-image: url(../images/position-bg.png); background-position: center bottom; background-repeat: no-repeat; background-size: 100%; }
.data-part .part-content { display: block; margin: 10px auto; width: 1192px; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .1); }
.data-part .part-content li { margin: 30px 40px; display: inline-block; width: 200px; text-align: center; vertical-align: top; }
.data-part .part-content li .title { position: relative; font-size: 18px; font-weight: 600; vertical-align: top; }
.data-part .part-content li .title span { position: absolute; display: block; left: 80px;  bottom: -5px; width: 40px; height: 10px; border-bottom: 2px solid #00a7eb; }
.data-part .part-content li .data { margin-top: 10px; text-align: center; }
.data-part .part-content li .data span { color: #00a7eb; font-family: 'Bahnschrift', sans-serif; font-size: 60px; font-weight: 600;  }
.data-part .part-content li .data i { padding-left: 6px; color: #222; font-size: 20px; font-weight: normal; font-style: normal; }

/**
 * 用户评价
 */
.comment-part { position: relative; overflow: hidden; margin-top: 80px; width: 100%; height: 610px; background: url(../images/evaluate-bg.png) center center no-repeat; background-size: cover; }
.comment-part:after { opacity: .3; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); }
.comment-part .title { position: relative; margin: 0 auto; width: 1192px; padding-top: 100px; color: #fff; font-size: 36px; font-weight: 600; text-align: center; text-shadow: 0 3px 3px rgba(0, 0, 0, .06); }
.comment-part .desc { position: relative; margin: 0 auto; width: 1192px; padding: 20px 0 80px; color: #fff; font-size: 16px; line-height: 24px; text-align: center; }
.comment-part .swiper-container  { width: 100%; height: 200px; text-align: center; }
.comment-part .part-item { width: 586px; height: 200px; margin-left: 40px;}
.comment-part .part-item .container { position: relative; margin: 0 10px; width: 566px; height: 100%; background-color: #fff; }
.comment-part .part-item .container .info { padding: 40px 0 0 24px; width: 504px; line-height: 26px; text-align: left; }
.comment-part .part-item .container .info .username { font-size: 24px; font-weight: 700; }
.comment-part .part-item .container .info .product { float: right; color: #333; font-size: 20px; vertical-align: middle; }
.comment-part .part-item .container .content { overflow: hidden; position: relative; padding: 20px 0 0 24px; width: 510px; height: 64px; color: #666; font-size: 18px; line-height: 32px; text-align: left; }
.comment-part .part-item .container .content { margin-top: 20px; padding: 0 10% 0 4%; width: 100%; }
.comment-part .part-item .container .content i { z-index: 1; position: absolute; left: 20px; top: 0; color: #00a7eb; font-size: 24px; background-color: #fff; }
.comment-part .part-item .container .content i.last { left: 92%; top: auto; bottom: 0; }
.comment-part .part-item .container .content span { margin-left: 35px; display: inline-block; width: 450px; }
.comment-part .nav { position: relative; display: block; margin: 0 auto; padding: 40px 0 0 0; text-align: center; }
.comment-part .nav .arrow-prev,
.comment-part .nav .arrow-next { color: #fff; }
.comment-part .nav .arrow-prev:hover,
.comment-part .nav .arrow-next:hover { color: #00a7eb; }

/**
 * 合作伙伴
 */
.partner-part { position: relative; width: 100%; padding: 40px 0; background-color: #fff; }
.partner-part .part-list { display: block; margin: 0 auto; width: 1192px; font-size: 0; text-align: center; position: relative;}
.partner-part .part-list li { display: inline-block; margin: 0 20px 20px 0; width: 222px!important; height: 100px; line-height: 100px; text-align: center; background-color: #fff; border: 1px solid #eee; }
.partner-part .part-list li:nth-child(5n) { margin-right: 0; }
.partner-part .part-list li img { vertical-align: middle; display: inline-block;}
.partner-part .part-list li a { display: inline-block; }
.partner-part .part-list .swiper-slide { display: flex;flex-wrap: wrap; }
.partner-part .part-desc { margin-top: 40px; color: #999; font-size: 14px; text-align: center; }
.swiper-container-multirow-column>.swiper-wrapper{flex-direction: initial}
.swiper-button-next-part {right: -80px;}
.swiper-button-prev-part{left: -80px;}

/**
 * 热门资讯
 */
.news-part { position: relative; margin: 0 auto; padding-top: 40px; background-color: #fff; }
.news-part .part-tab { display: block; position: relative; margin: 0 auto; width: 1192px; }
.news-part .part-tab li { display: inline-block; width: 100px; height: 40px; line-height: 40px; background-color: #eee; color: #222; font-size: 14px; text-align: center; cursor: pointer; }
.news-part .part-tab li.active,
.news-part .part-tab li:hover { color: #fff; background-color: #395064; }
.news-part .part-tab div.more { display: inline-block; position: absolute; top: 0; right: 10px; height: 40px; line-height: 40px; }
.news-part .part-tab div.more a { color: #00a7eb; font-size: 14px; }
.news-part .part-tab div.more a:nth-child(n+2) { display: none; }
.news-part .part-list { display: block; margin: 30px auto 0 auto; width: 1192px; text-align: left; }
.news-part .part-list li { display: inline-block; margin: 0 50px 20px 0; width: 360px; }
.news-part .part-list li:nth-child(3n) { margin-right: 0; }
.news-part .part-list li a { display: inline-block; width: 100%; font-size: 14px; text-align: left; }
.news-part .part-list li a:hover { color: #00a7eb; }
.news-part .part-list li a p { overflow: hidden; display: inline-block; width: 260px; white-space: nowrap; text-overflow: ellipsis; }
.news-part .part-list li a span { float: right; vertical-align: top; }