/*
Theme Name: fxiaoke1126
Theme URI: https://www.fxiaoke.com
Author: fxiaoke1126
Author URI: https://www.fxiaoke.com
Description: fxiaoke website theme
Version: 0.11.26exp
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: fxiaoke1126
Text Domain: fxiaoke1126
*/
/** ABOUT */

.w-about {
    padding-top: 55px
}

.w-about .banner {
    width: 100%;
    height: 360px
}

.w-about .banner .banner-cont {
    width: 100%;
    height: 100%;
    background-image: url("/ap/wp-content/uploads/2019/03/contact-banner.png");
    background-size: cover;
    background-position: 50%
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-about .banner .banner-cont {
        background-image: url("/ap/wp-content/uploads/2019/03/contact-banner.png")
    }
}

.w-about .tab-navbar {
    height: 63px;
    padding-top: 10px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    text-align: left
}

.w-about .tab-navbar .tab-nav-item {
    line-height: 42px;
    height: 42px;
    color: #333;
    cursor: pointer;
    font-size: 18px;
    margin-right: 40px;
    padding-bottom: 20px
}

.w-about .tab-navbar .tab-nav-item.active {
    color: #FF9A00;
    border-bottom: 2px solid #F7A220
}

.w-about .tab-fx-content {
    padding-top: 60px
}

.w-about .tab-about-page {
    background: #f5f5f7
}

.w-about .tab-aboutpane {
    padding-bottom: 55px
}

.w-about .tab-aboutpane#connect {
    padding-top: 0
}

.w-about .tab-aboutpane.active {
    display: block
}

.w-about .tab-aboutpane p {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    margin-bottom: 24px
}

.w-about .tab-aboutpane p.process {
    font-size: 32px;
    line-height: 48px;
    padding: 92px 0 16px
}

.w-about .tab-aboutpane img {
    margin: 36px auto
}

.w-about .tab-aboutpane .financing {
    width: 100%;
    text-align: center
}

.w-about .tab-aboutpane .news-list {
    width: 100%
}

.w-about .tab-aboutpane .news-list a {
    display: block;
    height: 45px;
    line-height: 45px;
    width: 100%;
    color: #333;
    font-size: 18px
}

.w-about .tab-aboutpane .news-list a .f-right {
    float: right
}

.w-about .tab-join {
    width: 640px
}

.w-about .tab-join .job-list .job-list-item {
    width: 100%;
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid #ccc;
    padding: 0 22px;
    font-size: 16px
}

.w-about .tab-join .job-list .job-list-item a {
    color: #333
}

.w-about .tab-join .job-list .job-list-item:hover a {
    color: #ff9274
}

.w-about .tab-join .job-list .job-list-item.job-list-title {
    background: #f2f2f2
}

.w-about .tab-join .job-list .job-list-item.job-list-title .job-list-name {
    font-size: 16px
}

.w-about .tab-join .job-list .job-list-item .job-list-name {
    text-align: left;
    font-size: 18px
}

.w-about .tab-join .job-list .job-list-item .job-list-loca {
    text-align: center
}

.w-about .job-details-item {
    overflow: hidden
}

.w-about .job-details-item .text, .w-about .job-details-item .title {
    display: inline-block;
    float: left;
    vertical-align: middle;
    line-height: 24px
}

.w-about .job-details-item .title {
    width: 100px
}

.w-about .job-details-item.col-md-12 .text {
    width: 640px
}

.w-about .job-details-item .mail {
    padding-top: 30px;
    font-size: 24px
}

.w-about .course {
    padding-top: 65px;
    margin-bottom: 50px
}

.w-about .course .course-h3 {
    font-weight: 500;
    text-align: center
}

.w-about .course-list {
    margin-top: 40px
}

.w-about .course-list-year {
    float: left;
    font-size: 18px;
    color: #444;
    font-weight: 500
}

.w-about .course-hr-line {
    border-top: solid 1px #e3e3e3
}

.w-about .course-icon {
    float: left;
    position: relative;
    margin-left: 50px
}

.w-about .icon-img-anchor {
    position: absolute
}

.w-about .icon-img-line {
    position: absolute;
    top: 20px;
    left: 9px;
    height: 1300px
}

.w-about .course-content {
    margin-left: 186px;
    background-image: url("/ap/wp-content/uploads/2018/02/gray-bounced.png");
    background-size: cover
}

.w-about .course-content p {
    padding: 15px 0 0 30px;
    font-size: 15px;
    color: #333;
    line-height: 20px
}

.w-about .course-content .course-last-bo {
    padding-bottom: 20px
}

.w-about .map {
    background: #f9f9f9;
    height: 476px
}

.w-about .map .container {
    background: url("/ap/wp-content/uploads/2017/05/connect-map.png") no-repeat;
    height: 100%;
    padding: 80px 0;
    width: 1140px;
    position: relative;
    margin-left: 15%;
}

.w-about .map .company-pos span .icon-loca, .w-about .map .company-pos span .icon-map {
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block
}

.w-about .map .company-pos span {
    display: block;
    position: absolute;
    cursor: pointer;
    padding-left: 34px;
    color: #999;
    height: 30px
}

.w-about .map .company-pos span em {
    font-style: normal;
    font-size: 18px;
    line-height: 32px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 4px;
    position: absolute;
    width: 160px
}

.w-about .map .company-pos span .icon-loca {
    fill: #8292b0;
    height: 24px;
    width: 18px;
    vertical-align: middle;
    position: absolute;
    z-index: 1;
    background-image: url("../images/loca.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-about .map .company-pos span .icon-loca {
        background-image: url("../images/loca@2x.png")
    }
}

.w-about .map .company-pos span.cur em {
    color: #ff9a64
}

.w-about .map .company-pos span.cur .icon-map.beijing {
    background-image: url("../images/beijing-active.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-about .map .company-pos span.cur .icon-map.beijing {
        background-image: url("../images/beijing-active@2x.png")
    }
}

.w-about .map .company-pos span.cur .icon-map.shanghai {
    background-image: url("../images/shanghai-active.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-about .map .company-pos span.cur .icon-map.shanghai {
        background-image: url("../images/shanghai-active@2x.png")
    }
}

.w-about .map .company-pos span.cur .icon-map.hangzhou {
    background-image: url("../images/hangzhou-active.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-about .map .company-pos span.cur .icon-map.hangzhou {
        background-image: url("../images/hangzhou-active@2x.png")
    }
}

.w-about .map .company-pos span.cur .icon-map.guangzhou {
    background-image: url("../images/guangzhou-active.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-about .map .company-pos span.cur .icon-map.guangzhou {
        background-image: url("../images/guangzhou-active@2x.png")
    }
}

.w-about .map .company-pos span.cur .icon-map.shenzheng {
    background-image: url("../images/shenzheng-active.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-about .map .company-pos span.cur .icon-map.shenzheng {
        background-image: url("../images/shenzheng-active@2x.png")
    }
}

.w-about .map .company-pos span.cur .icon-loca {
    background-image: url("../images/loca-active.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-about .map .company-pos span.cur .icon-loca {
        background-image: url("../images/loca-active@2x.png")
    }
}

.w-about .map .company-pos .bj {
    left: 439px;
    top: 132px
}

.w-about .map .company-pos .bj .icon-map {
    width: 20px;
    height: 30px;
    background-image: url("../images/beijing.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-about .map .company-pos .bj .icon-map {
        background-image: url("../images/beijing@2x.png")
    }
}

.w-about .map .company-pos .bj .icon-loca {
    left: 70%;
    top: -10px
}

.w-about .map .company-pos .bj em {
    top: 30px;
    left: 0
}

.w-about .map .company-pos .sh {
    left: 492px;
    top: 271px
}

.w-about .map .company-pos .sh .icon-map {
    width: 37px;
    height: 46px;
    background-image: url("../images/shanghai.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-about .map .company-pos .sh .icon-map {
        background-image: url("../images/shanghai@2x.png")
    }
}

.w-about .map .company-pos .sh .icon-loca {
    left: 62%;
    top: 5px
}

.w-about .map .company-pos .sh em {
    top: 0;
    left: 60px
}

.w-about .map .company-pos .hz {
    left: 484px;
    top: 297px
}

.w-about .map .company-pos .hz .icon-map {
    width: 38px;
    height: 35px;
    background-image: url("../images/hangzhou.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-about .map .company-pos .hz .icon-map {
        background-image: url("../images/hangzhou@2x.png")
    }
}

.w-about .map .company-pos .hz .icon-loca {
    left: 55%;
    top: 0
}

.w-about .map .company-pos .hz em {
    top: -5px;
    left: -60px
}

.w-about .map .company-pos .gz {
    left: 375px;
    top: 371px
}

.w-about .map .company-pos .gz .icon-map {
    width: 52px;
    height: 70px;
    background-image: url("../images/guangzhou.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-about .map .company-pos .gz .icon-map {
        background-image: url("../images/guangzhou@2x.png")
    }
}

.w-about .map .company-pos .gz .icon-loca {
    left: 65%;
    top: 10px
}

.w-about .map .company-pos .gz em {
    top: -10px;
    left: -50px
}

.w-about .map .company-pos .sz {
    left: 416px;
    top: 368px
}

.w-about .map .company-pos .sz .icon-map {
    width: 57px;
    height: 43px;
    background-image: url("../images/shenzheng.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-about .map .company-pos .sz .icon-map {
        background-image: url("../images/shenzheng@2x.png")
    }
}

.w-about .map .company-pos .sz .icon-loca {
    left: 65%;
    top: 0
}

.w-about .map .company-pos .sz em {
    top: 0;
    left: 80px
}

.w-about .map .head-detail {
    float: right;
    width: 235px;
    min-height: 65px;
    height: auto;
    padding: 10px 8px;
    margin-top: 60px;
    margin-right: 200px;
    background: #fdcd5d
}

.w-about .map .head-detail .link {
    display: block;
    width: 100%;
    height: 100%
}

.w-about .map .head-detail .address {
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    text-align: center
}

.w-about .about-connect {
    padding-top: 144px
}

.w-about .about-connect .tab-aboutpane {
    width: 100%;
    padding: 0
}

.w-about .help .help-title {
    text-align: center
}

.w-about .help .help-title p {
    margin: 0 auto;
    font-size: 18px;
    color: #666
}

.w-about .help .help-title .icon {
    fill: #999;
    display: inline-block;
    margin: 20px auto 100px
}

.w-about .help .help-title .icon svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 24px;
    height: 24px
}

.w-about .help .help-title .icon img {
    margin: 0 auto
}

.w-about .help .item {
    padding-bottom: 30px
}

.w-about .help .item .icon {
    fill: #ff9274;
    margin-right: 20px
}

.w-about .help .item .icon, .w-about .help .item .icon svg {
    width: 24px;
    height: 24px
}

.w-about .help .item .icon img {
    width: 24px;
    height: auto;
    margin: 0
}

.w-about .help .item .content, .w-about .help .item .icon, .w-about .help .item .title {
    display: inline-block;
    vertical-align: middle
}

.w-about .help .item .title {
    font-size: 18px;
    color: #666;
    margin-right: 35px
}

.w-about .help .item .title.link {
    color: #f07e5f;
    padding-bottom: 3px;
    border-bottom: 1px solid #ff9274
}

.w-about .help .item .title.link:hover {
    cursor: pointer;
    color: #ed6d49;
    border-bottom: 1px solid #ff7e5a
}

.w-about .help .item .content {
    font-size: 20px;
    color: #999;
    margin-bottom: 0
}

.w-about .help .item .content.btn {
    color: #f07e5f;
    background-color: transparent;
    width: 120px;
    height: 30px;
    line-height: 30px;
    border-radius: 14px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 2px solid #ff9274;
    font-size: 12px
}

.w-about .help .item .content.btn:hover {
    cursor: pointer;
    color: #ed6d49;
    background-color: transparent;
    border: 2px solid #ff7e5a
}

.w-about .intro .title {
    text-align: center;
    padding: 100px 0 70px
}

.w-about .intro .title img {
    display: block;
    margin: 0 auto
}

.w-about .intro .title label {
    display: inline-block;
    margin: 10px auto 50px;
    font-size: 18px;
    color: #f07e5f
}

.w-about .intro .title p {
    font-size: 18px;
    color: #666
}

.w-about .intro .row {
    height: 600px;
    padding-top: 60px
}

.w-about .intro .row.grey {
    background: #f9f9f9
}

.w-about .intro .col-md-6.text {
    padding-top: 20%;
    padding-left: 100px
}

.w-about .intro .col-md-6.text p {
    font-size: 18px;
    color: #666;
    line-height: 40px;
    margin-bottom: 0
}

.w-infuence .influence-cont {
    width: 710px
}

.w-infuence .influence-cont .tab-pane p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    text-indent: 2em;
    margin: 0
}

.w-infuence .influence-cont .tab-pane img {
    max-width: 690px;
    height: auto;
    margin: 8px 0
}

.w-infuence .influence-cont .news-box {
    padding-right: 100px
}

.w-infuence .influence-cont .news-box label {
    border-left: 3px solid #ff9274;
    padding-left: 12px;
    font-weight: 700;
    display: block;
    margin-bottom: 20px
}

.w-infuence .influence-cont .news-box ul > li > .news-content {
    padding: 30px 0;
    display: block;
    border-bottom: 1px solid #ccc
}

.w-infuence .influence-cont .news-box ul > li > .news-content .title {
    color: #333;
    font-size: 24px;
    line-height: 36px;
    display: block;
    cursor: pointer
}

.w-infuence .influence-cont .news-box ul > li > .news-content .website {
    display: block;
    padding-top: 6px;
    font-size: 14px;
    line-height: 14px;
    color: #999
}

.w-infuence .influence-cont .news-box ul > li > .news-content .detail {
    color: #666;
    line-height: 28px;
    text-indent: 0
}

.w-infuence .influence-cont .news-box ul > li > .news-content .img-box {
    width: 640px;
    height: 300px;
    overflow: hidden;
    margin: 26px 0
}

.w-infuence .influence-cont .news-box ul > li > .news-content .img-box img {
    width: 100%;
    height: auto;
    margin: 0
}

.w-about-case {
    float: left;
    margin-left: 80px
}

.w-about-case .w-about-report {
    border-left: solid 4px #ff9274;
    height: 24px
}

.w-about-case .w-about-report span {
    display: inline-block;
    color: #222222;
    font-size: 24px;
    margin-left: 13px;
    font-weight: 400
}

.w-about-case ul {
    margin-top: 14px
}

.w-about-case ul li {
    height: 222px;
    border-top: solid 1px #e4e4e4
}

.w-about-case ul li img {
    width: 250px;
    height: 150px;
    margin-top: 36px;
    float: left
}

.w-about-case .w-about-content {
    margin-top: 36px;
    margin-left: 20px;
    float: left
}

.w-about-case .w-about-content p:nth-of-type(1) {
    font-size: 20px;
    color: #222222;
    font-weight: 400;
    width: 400px
}

.w-about-case .w-about-content p:nth-of-type(2) {
    font-size: 16px;
    color: #666666;
    margin-top: 18px;
    height: 80px
}

.w-about-case .w-about-content p:nth-of-type(3) {
    font-size: 14px;
    color: #888888
}

.w-about-case .w-about-content p:nth-of-type(3) span:nth-of-type(1) {
    width: 90px;
    border-right: solid 1px #888888;
    display: inline-block
}

.w-about-case .w-about-content p:nth-of-type(3) span:nth-of-type(2) {
    padding-left: 12px
}

.w-about .tab-content {
    margin: 0 auto
}

.w-about .tab-content .w-baike-list {
    float: left
}

.w-about .tab-content .w-baike-list .w-baike-report {
    border-left: 4px solid #ff9274;
    height: 24px
}

.w-about .tab-content .w-baike-list .w-baike-report span {
    display: inline-block;
    color: #222;
    font-size: 24px;
    margin-left: 13px;
    font-weight: 400
}

.w-about .tab-content .w-baike-list .baike-list-ul .baike-list-li {
    height: 220px;
    border-bottom: 1px solid #e4e4e4;
    width: 1000px
}

.w-about .tab-content .w-baike-list .baike-list-ul .baike-list-li:hover {
    background: #f8f8f8;
    cursor: pointer
}

.w-about .tab-content .w-baike-list .baike-list-ul .baike-list-li .baike-list-li-d {
    height: 100px;
    padding-top: 35px
}

.w-about .tab-content .w-baike-list .baike-list-ul .baike-list-li img {
    width: 300px;
    height: 150px;
    float: left
}

.w-about .tab-content .w-baike-list .w-baike-content {
    margin-left: 20px;
    float: left;
    width: 443px;
    position: relative
}

.w-about .tab-content .w-baike-list .w-baike-content p:nth-of-type(1) {
    font-size: 20px;
    color: #222;
    font-weight: 400;
    width: 650px
}

.w-about .tab-content .w-baike-list .w-baike-content p:nth-of-type(2) {
    font-size: 16px;
    position: absolute;
    top: 35px;
    width: 670px;
    color: #888888
}

.w-about .tab-content .w-baike-list .w-baike-content p:nth-of-type(3) {
    font-size: 14px;
    position: absolute;
    top: 120px
}

.w-about .tab-content .w-baike-list .w-baike-content p:nth-of-type(3) span {
    color: #888
}

.w-about .tab-content .w-baike-list .w-baike-content p:nth-of-type(3) span:nth-of-type(1) {
    width: 85px;
    display: inline-block
}

.w-about .tab-content .w-baike-list .w-baike-content p:nth-of-type(3) span:nth-of-type(2) {
    padding-left: 12px;
    border-left: 1px solid #888
}

.w-about .tab-content .demo {
    width: 670px;
    position: relative
}

.w-about .tab-content .demo h2 {
    font-size: 16px;
    height: 44px;
    color: #3366cc;
    margin-top: 20px
}

.w-about .tab-content .demo dl dt {
    font-size: 14px;
    color: #ff6600;
    margin-top: 30px;
    font-weight: 800
}

.demo dl dd, .w-about .tab-content .demo dl dt {
    line-height: 22px
}

.w-about .tab-content .tabbtn {
    width: 650px;
    height: 55px;
    background-color: #f6f6f6;
    border-top: solid 1px #ff9274
}

.w-about .tab-content .tabbtn li {
    float: left;
    position: relative;
    margin: 0 0 0 -1px
}

.w-about .tab-content .tabbtn li a {
    color: #666666;
    display: block;
    float: left;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    width: 108px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.w-about .tab-content .tabbtn li.current a {
    height: 55px;
    line-height: 55px;
    color: #ff8d5d;
    font-weight: 500
}

.w-about .tab-content .tabcon {
    position: relative;
    height: 2080px;
    overflow: hidden;
    margin-top: 2px;
    width: 1000px
}

.w-about .tab-content .tabcon .subbox {
    position: absolute;
    margin-left: -5px
}

.w-about .tab-content .tabcon .sublist {
    padding: 5px 10px;
    height: 170px
}

.w-about .tab-content #leftcon .subbox {
    width: 9999em
}

.w-about .tab-content #leftcon .subbox .sublist {
    float: left;
    width: 670px
}

.w-about .tab-content .sublist {
    padding: 10px
}

.w-about .tab-content .sublist li {
    height: 28px;
    line-height: 28px;
    font-size: 14px
}

.w-about .tab-content .sublist li span {
    margin: 0 5px 0 0;
    font-family: "宋体";
    font-size: 14px;
    font-weight: 400;
    color: #888888
}

.w-about .wp-pagenavi {
    width: 1000px
}

/*NEW about-join*/
* {
    list-style: none;
    margin: 0;
    padding: 0;
    outline: 0;
    text-decoration: none;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important
}

.w-about-join .price-details-content, .w-about-join .price-details-title {
    border-collapse: separate;
    border-spacing: 0;
    border-top: solid 1px #DBDBDB
}

.w-about-join {
    text-align: center
}

.w-about-join .price-details-table td {
    width: 200px;
    min-height: 60px;
    border-bottom: 1px solid #dbdbdb
}

.w-about-join .price-details-table td:first-child {
    border-left: 1px solid #dbdbdb
}

.w-about-join .price-details-table td:last-child {
    border-right: 1px solid #dbdbdb
}

.w-about-join .price-details-table td.br-top-left {
    border-top-left-radius: 4px !important
}

.w-about-join .price-details-table td.br-top-right {
    border-top-right-radius: 4px !important
}

.w-about-join .price-details-table td.br-bottom-left {
    border-bottom-left-radius: 4px !important
}

.w-about-join .price-details-table td.br-bottom-right {
    border-bottom-right-radius: 4px !important
}

.w-about-join .price-details-title td {
    padding: 20px 0;
    background: #f2f2f2;
    border-top: 1px solid #dbdbdb
}

.w-about-join .price-details-title .price-details-item .title {
    font-size: 18px;
    line-height: 18px;
    color: #333;
    padding-bottom: 20px
}

.w-about-join .price-details-title .price-details-item .title.padding-left {
    padding-left: 20px
}

.w-about-join .price-details-title .price-details-item .title .title-span {
    font-size: 12px;
    color: #f07e5f
}

.w-about-join .price-details-title .price-details-item .text {
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.w-about-join .price-details-title .price-details-item .text .checkbox {
    margin-right: 6px;
    width: 16px;
    height: 16px
}

.w-about-join .price-details-content .price-details-item {
    padding: 25px 5px;
    color: #444444;
    height: 74px;
    font-size: 16px
}

.w-about-join .price-details-content .text-title {
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    height: 63px;
    color: #666666;
    padding: 25px 5px;
    font-size: 15px;
    float: left;
    width: 333px;
    background: #FFFFFF;
    cursor: pointer
}

.w-about-join .price-details-content .text-title:first-child {
    border-left: 1px solid #dbdbdb
}

.w-about-join .price-details-content .text-title:last-child {
    border-right: 1px solid #dbdbdb
}

.w-about-join .price-details-content .text-title:first-child p {
    text-align: left;
    padding-left: 35px
}

.w-about-join .price-details-content .text-nav-bg {
    background: linear-gradient(#fbfbfb, #ededed)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-about-join .price-details-content .price-details-item .price-check {
        background-image: url("/web/v2.0/images/check@2x-11f2fe36ec.png")
    }
}

.w-about-join .price-details-content .item-title {
    text-align: left;
    height: 50px;
    line-height: 50px;
    padding-left: 70px;
    font-weight: 700;
    background: -webkit-linear-gradient(#fbfbfb, #ededed);
    background: -o-linear-gradient(#fbfbfb, #ededed);
    background: -moz-linear-gradient(#fbfbfb, #ededed);
    background: linear-gradient(#fbfbfb, #ededed);
    border: solid 1px #dbdbdb;
    width: 1000px
}

.w-about-join .menu-join {
    width: 999px;
    border-left: solid 1px #d8d8d8;
    border-right: solid 1px #d8d8d8
}

.w-about-join .menu-join .join {
    text-align: left;
    padding: 66px 66px 50px;
    background: #F6F6F6;
    border-bottom: solid 1px #d8d8d8
}

.w-about-join .item-nav {
    height: 43px
}

.w-about-join .price-details-content .text-title-boder {
    border-right: none;
    height: 64px;
    padding: 25px 5px;
    font-size: 16px;
    position: relative
}

.w-about-join .price-details-content .text-title-boder p {
    color: #444444;
    font-size: 16px
}

.w-about-join .join-menu-item {
    border-bottom: solid 1px #e2e2e2;
    margin-bottom: 25px
}

.w-about-join .join-menu-item:last-child {
    border-bottom: none
}

.w-about-join .join-menu-item .join-name {
    color: #444444;
    font-size: 20px
}

.w-about-join .join-menu-item p {
    color: #666666;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 25px
}

.w-about-join .join-menu-item p:last-child {
    margin-bottom: 25px
}

.w-about-join .about-allow-img {
    position: absolute;
    right: 20px;
    top: 30px
}

/** BASE */
a, ins {
    text-decoration: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, hr, menu, nav, section {
    display: block
}

a, hr {
    padding: 0
}

.row, .w-footer {
    overflow: hidden
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-style: normal
}

ins, mark {
    background-color: #ff9;
    color: #000
}

body {
    line-height: 1
}

ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

a {
    background: 0 0;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

mark {
    font-style: italic;
    font-weight: 700
}

h1, h2, h3, h4, p {
    font-weight: 300
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 1px;
    margin: 1em 0
}

input, select {
    vertical-align: middle
}

a, button, input {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0)
}

a, img {
    -webkit-touch-callout: none
}

svg g, svg path {
    fill: inherit
}

body, html {
    width: 100%;
    height: auto
}

body, html, input, textarea {
    font-family: PingFangSC-Regular, Microsoft Yahei, Helvetica, Arial, Verdana, Sans-Serif
}

h1 {
    font-size: 48px
}

h2 {
    font-size: 36px
}

h3 {
    font-size: 30px
}

h4 {
    font-size: 24px
}

p {
    color: #333
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container {
    width: 1000px;
    margin: 0 auto
}

.col-md-12, .row {
    width: 100%
}

.row {
    margin-left: 0;
    margin-right: 0
}

[class*=col-] {
    display: inline-block;
    float: left
}

.login-box, .pull-right, .w-navbar {
    float: right;
    position: relative
}

.w-navbar .nav-update-icon {
    position: absolute;
    top: 10px;
    left: 360px
}

.clear {
    clear: both
}

.col-md-11 {
    width: 91.66666667%
}

.col-md-10 {
    width: 83.33333333%
}

.col-md-9 {
    width: 75%
}

.col-md-8 {
    width: 66.66666667%
}

.col-md-7 {
    width: 58.33333333%
}

.col-md-6 {
    width: 50%
}

.col-md-5 {
    width: 41.66666667%
}

.col-md-4 {
    width: 33.33333333%
}

.col-md-3 {
    width: 25%
}

.col-md-2 {
    width: 16.66666667%
}

.col-md-1 {
    width: 8.33333333%
}

.show {
    display: block
}

.hide, .tab-pane {
    display: none
}

.tab-pane.active {
    display: block
}

@media screen and (max-width: 1139px) {
    .container {
        width: 100%;
        padding: 0 10px
    }
}

@-webkit-keyframes appearLeft {
    0% {
        -webkit-transform: translateX(-200px) translateY(0);
        transform: translateX(-200px) translateY(0)
    }
    to {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes appearLeft {
    0% {
        -webkit-transform: translateX(-200px) translateY(0);
        transform: translateX(-200px) translateY(0)
    }
    to {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes appearTop {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes appearTop {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes appearRight {
    0% {
        -webkit-transform: translateX(200px) translateY(0);
        transform: translateX(200px) translateY(0)
    }
    to {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes appearRight {
    0% {
        -webkit-transform: translateX(200px) translateY(0);
        transform: translateX(200px) translateY(0)
    }
    to {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes opacity {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

@keyframes opacity {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

@-webkit-keyframes headerChangeColor {
    0% {
        background: 0 0
    }
    to {
        background: #fff;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
        box-shadow: 0 0 8px rgba(0, 0, 0, .3)
    }
}

@keyframes headerChangeColor {
    0% {
        background: 0 0
    }
    to {
        background: #fff;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
        box-shadow: 0 0 8px rgba(0, 0, 0, .3)
    }
}

.w-header {
    position: fixed;
    width: 100%;
    z-index: 1;
    background: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    box-shadow: 0 0 8px rgba(0, 0, 0, .3)
}

.w-header .logo {
    margin-top: 12px;
    background-repeat: no-repeat;
    background-size: contain
}

.w-header .logo, .w-header .logo a {
    width: 180px;
    height: 48px;
    line-height: 48px;
    display: inline-block
}

.w-header .logo img {
    margin-top: 8px
}

.w-header .logo img.white {
    display: none
}

.login-box {
    padding-top: 20px;
    margin-left: 10px
}

.login-box .btn {
    margin-left: 20px;
    width: 100px;
    height: 36px;
    line-height: 34px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    letter-spacing: 1px
}

.login-box .btn-orange {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#ff8a5c), to(#ffa66a));
    background: -webkit-linear-gradient(left, #ff8a5c, #ffa66a);
    background: linear-gradient(90deg, #ff8a5c, #ffa66a)
}

.login-box .btn-orange:hover {
    background: -webkit-gradient(linear, left top, right top, from(#f97c4b), to(#fd944d));
    background: -webkit-linear-gradient(left, #f97c4b, #fd944d);
    background: linear-gradient(90deg, #f97c4b, #fd944d)
}

.login-box .btn-white {
    color: #f07e5f;
    background-color: #fff;
    border: 1px solid #ff9274
}

.login-box .btn-white:hover {
    color: #ed6d49;
    background-color: #fff;
    border: 1px solid #ff7e5a
}

.w-header.transparent {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.w-header.transparent .logo img.white {
    display: block
}

.w-header.transparent .logo img.black {
    display: none
}

.w-header.transparent .login-box .btn-white {
    border-color: #fff
}

.w-navbar .menu .current-menu-ancestor, .w-navbar .menu .current-menu-item.menu-item-126, .w-navbar .menu-item a[class*=current-menu] {
    border-bottom: 3px solid #ff9274
}

.w-navbar {
    display: inline-block;
    padding: 0
}

.w-navbar .menu-item {
    display: inline-block;
    height: 72px;
    position: relative;
    vertical-align: top;
    margin-left: 30px
}

.w-navbar .menu-item a {
    display: inline-block;
    line-height: 72px;
    font-size: 14px;
    cursor: pointer
}

.w-navbar .menu-item .sub-menu {
    display: none;
    width: 120px;
    border-radius: 4px;
    margin-top: -4px;
    padding: 7px;
    position: absolute;
    left: -20px;
    top: 72px;
    height: auto;
    background: #fff;
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 6px rgba(0, 0, 0, .3)
}

.w-navbar .menu-item .sub-menu .menu-item-type-child {
    height: 36px;
    line-height: 36px;
    margin-left: 0
}

.w-navbar .menu-item .sub-menu .menu-item-type-child a {
    width: 100px;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    padding-left: 15px;
    cursor: pointer
}

.w-navbar .menu-item.menu-item-type-double .sub-menu {
    width: 294px
}

.w-navbar .menu-item.menu-item-type-double .sub-menu .menu-item-type-child {
    display: inline-block;
    float: left;
    width: 150px
}

.w-navbar .menu-item.menu-item-type-double .sub-menu .menu-item-type-child a {
    width: 150px
}

.w-navbar .menu-item.menu-item-type-double .sub-menu .menu-item-type-child:nth-child(even), .w-navbar .menu-item.menu-item-type-double .sub-menu .menu-item-type-child:nth-child(even) a {
    width: 130px
}

.w-navbar .menu-item.menu-item-type-double .sub-menu .menu-item-type-child.menu-item-type-cheat a:hover {
    background: 0 0
}

.w-navbar .menu-item:hover {
    cursor: pointer
}

.w-navbar .menu-item:hover .sub-menu {
    display: block
}

.w-navbar .menu-item:hover .sub-menu .menu-item-type-child a:hover {
    background: #fd9e6b;
    border-radius: 4px;
    color: #fff
}

.w-navbar a {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    padding-bottom: 0;
    color: #333
}

.w-navbar a:hover {
    color: #f07e5f
}

.w-header.transparent .w-navbar {
    padding: 0
}

.w-header.transparent .w-navbar #top-menu > .menu-item > a {
    display: inline-block;
    line-height: 72px;
    color: #fff
}

.w-header.transparent .w-navbar #top-menu > .menu-item > a:hover {
    color: #f07e5f
}

.w-header.transparent .w-navbar .menu a[class*=current-menu] {
    border-bottom: none !important
}

.w-footer {
    height: 500px;
    background: #f2f2f2;
    text-align: center;
    padding-top: 80px;
    z-index: 1
}

.w-footer #bottom-menu {
    width: 970px;
    margin: 0 auto
}

.w-footer #bottom-menu > li.menu-item {
    width: 210px;
    text-align: left;
    float: left;
    display: inline-block
}

.w-footer #bottom-menu > li.menu-item > a {
    font-size: 24px;
    color: #333;
    margin-bottom: 25px;
    padding-left: 10px;
    display: block
}

.w-footer #bottom-menu > li.menu-item > .sub-menu > li.menu-item > a {
    color: #666;
    font-size: 14px;
    line-height: 36px;
    display: block;
    padding-left: 13px
}

.w-footer #bottom-menu > li.menu-item > .sub-menu > li.menu-item > a:hover {
    color: #333
}

.w-footer #bottom-menu > li.menu-item:nth-child(5) {
    width: 130px
}

.w-footer .w-friend-link {
    background: #f2f2f2;
    padding-top: 60px
}

.w-footer .w-friend-link .container {
    padding: 20px 0 40px;
    border-top: 1px solid #ccc;
    text-align: left
}

.w-footer .w-friend-link .container .friend-link-item {
    display: inline-block;
    margin-right: 30px;
    font-size: 12px;
    line-height: 18px;
    color: #999
}

.w-copyright {
    height: 160px;
    background: #f2f2f2;
    text-align: center
}

.w-copyright .copyright, .w-copyright .logo {
    display: inline-block
}

.w-copyright .logo {
    float: left;
    width: 180px;
    height: 48px;
    margin-top: 21px
}

.w-copyright .declare {
    font-size: 12px;
    color: #666;
    line-height: 18px;
    padding-top: 18px;
    text-align: left
}

.w-copyright .copyright {
    margin-top: 18px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 18px
}

.w-copyright .copyright p {
    color: #666;
    font-size: 12px
}

.w-copyright .copyright .police {
    display: block;
    height: 20px;
    color: #666;
    margin-top: 3px
}

.w-copyright .copyright .police img, .w-copyright .copyright .police span {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle
}

.w-copyright .copyright .police img {
    margin-right: 5px
}

.w-exp {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: #6f86a7;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f26f86a7,endColorStr=#f26f86a7)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f26f86a7, endColorStr=#f26f86a7);
    background: rgba(111, 134, 167, .95);
    display: none
}

.w-exp .exp-box {
    width: 500px;
    height: 360px;
    border-radius: 6px;
    background: #fff;
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -240px;
    margin-top: -170px;
    padding: 25px 30px
}

.w-exp .exp-box .close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    width: 12px;
    height: 12px
}

.w-exp .exp-box .close .icon, .w-exp .exp-box .close .icon svg {
    fill: #999
}

.w-exp .exp-box .title {
    width: 100%;
    text-align: left;
    color: #666;
    font-size: 16px
}

.w-exp .exp-box .exp-content {
    width: 350px;
    height: 280px;
    margin: 0 45px;
    padding-top: 40px;
    position: relative
}

.w-exp .exp-box .exp-content .item {
    width: 100%;
    height: 42px;
    border-radius: 4px;
    margin-bottom: 20px;
    line-height: 42px;
    position: relative
}

.w-exp .exp-box .exp-content .item.border {
    border: 1px solid #ddd
}

.w-exp .exp-box .exp-content .item.require-code, .w-exp .exp-box .exp-content .item.validate-code {
    position: relative
}

.w-exp .exp-box .exp-content .item input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 100px 0 10px;
    vertical-align: top
}

.w-exp .exp-box .exp-content .item .code-image {
    width: 88px;
    height: 40px;
    vertical-align: top;
    position: absolute;
    right: 0;
    top: 0
}

.w-exp .exp-box .exp-content .item .btn-validate-code {
    position: absolute;
    right: 6px;
    top: 5px;
    width: 88px;
    height: 30px;
    background: #ff9274;
    border-radius: 4px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    border: none;
    cursor: pointer;
    letter-spacing: 1.1px;
    font-weight: 100
}

.w-exp .exp-box .exp-content .item .btn-validate-code em {
    font-style: normal
}

.w-exp .exp-box .exp-content .item .btn-validate-code .code-text {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.w-exp .exp-box .exp-content .item .btn-validate-code.disable {
    background-color: #ccc;
    cursor: not-allowed
}

.w-exp .exp-box .exp-content .item .btn-validate-code .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    background: hsla(0, 0%, 100%, 0);
    display: none
}

.w-exp .exp-box .exp-content .item.phone-number {
    position: relative
}

.w-exp .exp-box .exp-content .item.phone-number .area, .w-exp .exp-box .exp-content .item.phone-number .arrow, .w-exp .exp-box .exp-content .item.phone-number .phone-number {
    display: inline-block;
    float: left
}

.w-exp .exp-box .exp-content .item.phone-number .area {
    width: 60px;
    color: #999;
    text-align: center
}

.w-exp .exp-box .exp-content .item.phone-number .arrow {
    width: 12px
}

.w-exp .exp-box .exp-content .item.phone-number .arrow img {
    width: 100%;
    height: auto
}

.w-exp .exp-box .exp-content .item.phone-number .phone-number {
    width: 270px;
    padding-left: 20px
}

.w-exp .exp-box .exp-content .item.voice-send {
    display: none;
    color: #999;
    font-size: 13px;
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 26px;
    margin-bottom: 0;
    text-align: center
}

.w-exp .exp-box .exp-content .item.voice-send .voice-code {
    cursor: pointer;
    color: #ff9274
}

.w-exp .exp-box .exp-content .item.btn {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center
}

.w-exp .exp-box .exp-content .item.btn .btn-next {
    width: 110px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    color: #fff;
    background: #ff9274;
    border-radius: 4px;
    border: none;
    outline: 0;
    padding: 0
}

.w-exp .exp-box .exp-content .item.btn .btn-next:hover {
    cursor: pointer;
    background-color: #ff7e5a
}

.w-exp .exp-box .exp-content .item.require-code {
    display: none
}

.w-exp .exp-step2 {
    color: #999;
    font-size: 13px
}

.w-exp .exp-step2 .industry {
    position: relative
}

.w-exp .exp-step2 .industry .industry-ipt {
    cursor: pointer
}

.w-exp .exp-step2 .industry .industry-list {
    display: none;
    position: absolute;
    z-index: 1;
    top: 50px;
    left: -1px;
    background-color: #fff;
    width: 100%;
    max-height: 180px;
    overflow-y: auto;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .3);
    text-indent: 20px
}

.w-exp .exp-step2 .industry .industry-list li {
    cursor: pointer
}

.w-exp .exp-step2 .industry .industry-list li.selected {
    background-color: #f4f6fc
}

.w-exp .exp-step2 .roles li {
    float: left;
    text-align: center;
    margin-left: 36px;
    width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.w-exp .exp-step2 .roles li:first-child {
    margin-left: 0
}

.w-exp .exp-step2 .roles li .avatar {
    width: 60px;
    height: 60px;
    background: #f9f9f9;
    border-radius: 60px;
    margin-bottom: 12px;
    position: relative;
    overflow: hidden
}

.w-exp .exp-step2 .roles li .avatar img {
    width: 60px;
    height: auto;
    border-radius: 50%
}

.w-exp .exp-step2 .roles li.selected .avatar:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "√";
    color: #fff;
    background: #fc923f;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ccfc923f,endColorStr=#ccfc923f)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ccfc923f, endColorStr=#ccfc923f);
    background: rgba(252, 146, 63, .8);
    text-align: center;
    border-radius: 60px;
    line-height: 60px
}

.w-exp .exp-step2 .change-number {
    color: #ff9274;
    margin-top: 3px;
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    left: 0
}

.w-exp .voice-code-page .voice-code-des {
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.w-exp .voice-code-page .voice-code-op {
    width: 100%;
    text-align: right;
    margin-top: 65px
}

.w-exp .voice-code-page .voice-code-op .btn {
    width: 110px;
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    color: #666;
    background-color: transparent;
    border: 1px solid #ddd;
    text-align: center
}

.areaCode-list, .error {
    position: absolute;
    width: 100%;
    left: 0
}

.w-exp .voice-code-page .voice-code-op .btn.btn-sure {
    color: #fff;
    background-color: #ff9274;
    border: 1px solid #ff9274;
    margin-right: 20px
}

.w-exp .voice-code-page .voice-code-op .btn:hover {
    cursor: pointer;
    background-color: #ff7e5a
}

.error {
    display: block;
    height: 30px;
    padding: 5px 10px;
    line-height: 20px;
    top: 5px;
    background: #e0705e;
    color: #fff;
    font-size: 14px;
    border-radius: 4px
}

.areaCode-list {
    top: 45px;
    height: auto;
    max-height: 210px;
    overflow-y: auto;
    z-index: 1;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .3);
    border-radius: 4px
}

.areaCode-list .areaCode-item {
    height: 36px;
    line-height: 36px;
    padding: 0 21px 0 6px;
    color: #999;
    font-size: 14px
}

.areaCode-list .areaCode-item .areaChineseName {
    display: inline-block;
    width: 90px;
    text-align: center;
    text-align: left
}

.areaCode-list .areaCode-item .areaCode {
    float: right
}

.areaCode-list .areaCode-item:hover {
    background: #f9f9f9
}

.w-toolbar {
    position: fixed;
    right: 0;
    top: 300px;
    height: auto;
    display: none;
    z-index: 100
}

.w-toolbar .toolbar-item {
    width: 64px;
    height: 64px;
    border-bottom: 1px solid #888;
    background: #353535;
    position: relative;
    text-align: center;
    font-size: 16px;
    display: block
}

.w-toolbar .toolbar-item .toolbar-icon {
    width: 64px;
    height: 64px;
    display: table-cell;
    vertical-align: middle
}

.w-toolbar .toolbar-item .toolbar-icon-hover, .w-toolbar .toolbar-item:hover .toolbar-icon {
    display: none
}

.w-toolbar .toolbar-item.gotop {
    border-bottom: none
}

.w-toolbar .toolbar-item:hover {
    color: #fff;
    background: #fe6b4e;
    border-color: #ff9274;
    cursor: pointer
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover {
    display: table-cell;
    vertical-align: middle;
    height: 64px;
    width: 64px
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover p {
    color: #fff;
    line-height: 24px;
    font-size: 16px
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover.toolbar-icon-tel {
    position: relative
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover.toolbar-icon-tel .tel-details {
    position: absolute;
    left: -158px;
    top: -64px;
    width: 158px;
    height: 128px;
    background: #fe6b4e;
    padding: 14px;
    text-align: left
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover.toolbar-icon-tel .tel-details .margin-top {
    margin-top: 10px
}

.w-alert-info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #6f86a7;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f26f86a7,endColorStr=#f26f86a7)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f26f86a7, endColorStr=#f26f86a7);
    background: rgba(111, 134, 167, .95);
    display: none
}

.w-alert-info .info-box {
    width: 500px;
    height: 340px;
    border-radius: 6px;
    background: #fff;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -240px;
    margin-top: -170px;
    padding: 95px 30px
}

.w-alert-info .info-box .info-title {
    color: #ff9274
}

.w-alert-info .info-box .info-text {
    color: #333;
    line-height: 26px;
    margin: 30px 0
}

.w-alert-info .op .btn {
    width: 220px;
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    background-color: #ff9274;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

/** AGENTS */
.apply-form .apply-reg .a-ipt.btn-sub:active,
.w-agents .agents-location .query-box .query-search-box .btn-query:focus {
    outline: 0
}

.w-agents,
.w-agents .banner {
    text-align: center
}

.w-agents .banner {
    height: 390px;
    padding-top: 105px;
    background: url("../images/agentsbg.png") 50% no-repeat;
    background-size: cover
}

.w-agents .banner .title {
    font-size: 32px;
    line-height: 32px;
    color: #fff
}

.w-agents .banner .text {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    margin: 32px 0
}

.w-agents .banner .btn {
    color: #fff;
    width: 162px;
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#ff8a5c), to(#ffa66a));
    background: -webkit-linear-gradient(left, #ff8a5c, #ffa66a);
    background: linear-gradient(90deg, #ff8a5c, #ffa66a);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 38, .4);
    box-shadow: 0 3px 8px rgba(0, 0, 38, .4)
}

.w-agents .financing .finacing-content,
.w-agents .support .col-md-6 {
    text-align: left
}

.w-agents .banner .btn:hover {
    cursor: pointer;
    color: #fff;
    background-color: #ff7e5a
}

.w-agents .financing {
    padding-top: 80px;
    height: 495px
}

.w-agents .financing .title {
    color: #333;
    font-size: 32px;
    line-height: 32px
}

.w-agents .financing .c-title {
    color: #333;
    font-size: 24px;
    margin: 24px 0 60px
}

.w-agents .financing .finacing-content .col-md-2 .img-box {
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 10px
}

.w-agents .financing .finacing-content .col-md-2 .img-box img {
    width: 100%;
    height: auto
}

.w-agents .financing .finacing-content .col-md-2 .border {
    height: 12px;
    margin-bottom: 15px
}

.w-agents .financing .finacing-content .col-md-2 .border .circle,
.w-agents .financing .finacing-content .col-md-2 .border .line {
    vertical-align: middle
}

.w-agents .financing .finacing-content .col-md-2 .border .circle {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #ff9274;
    margin-right: 3px
}

.w-agents .financing .finacing-content .col-md-2 .border .line {
    display: inline-block;
    width: 89%;
    height: 2px;
    padding-left: 3px;
    background: #ff9274
}

.w-agents .financing .finacing-content .col-md-2 .sign,
.w-agents .financing .finacing-content .col-md-2 .text {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    margin-bottom: 4px
}

.w-agents .financing .finacing-content .col-md-2 .sign {
    color: #999
}

.w-agents .financing .finacing-content .agents-width {
    width: 14%;

}

.w-agents .support {
    background: -webkit-gradient(linear, left top, left bottom, from(#e7eaf7), to(#eff2fa)) #eff2fa;
    background: -webkit-linear-gradient(top, #e7eaf7, #eff2fa) #eff2fa;
    background: linear-gradient(180deg, #e7eaf7, #eff2fa) #eff2fa;
    background-size: cover;
    height: 420px
}

.w-agents .support .col-md-6 .title {
    font-size: 32px;
    line-height: 32px;
    color: #333;
    padding-top: 100px;
    padding-bottom: 60px
}

.w-agents .support .col-md-6 .text {
    font-size: 16px;
    line-height: 24px;
    width: 410px
}

.w-agents .support .col-md-6 .view-more {
    color: #ff9274;
    font-size: 14px;
    display: inline-block;
    margin-top: 35px
}

.w-agents .support .col-md-6 img {
    margin-top: 60px
}

.w-agents .feature {
    text-align: center;
    padding-top: 80px
}

.w-agents .feature .title {
    font-size: 32px;
    line-height: 32px;
    padding-bottom: 60px
}

.w-agents .feature .fea-cont .icon {
    display: block
}

.w-agents .feature .fea-cont .fea-title {
    font-size: 24px;
    color: #333;
    padding: 50px 0 24px
}

.w-agents .feature .fea-cont .fea-text {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    width: 280px;
    margin: 0 auto 140px
}

.w-agents .agents-location {
    height: 590px;
    padding-top: 90px;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#e7eaf7), to(#eff2fa)) #eff2fa;
    background: -webkit-linear-gradient(top, #e7eaf7, #eff2fa) #eff2fa;
    background: linear-gradient(180deg, #e7eaf7, #eff2fa) #eff2fa;
    text-align: left
}

.w-agents .agents-location .query-box .title {
    font-size: 24px;
    line-height: 32px;
    color: #333
}

.w-agents .agents-location .query-box .query-search-box {
    width: 318px;
    height: 44px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 6px;
    background: #fff;
    margin-top: 24px
}

.w-agents .agents-location .query-box .query-search-box .input-query {
    width: 200px;
    height: 36px;
    line-height: 24px;
    margin-top: 4px;
    padding: 0 10px;
    margin-right: 10px;
    font-size: 14px;
    vertical-align: top
}

.w-agents .agents-location .query-box .query-search-box .btn-query {
    width: 70px;
    height: 30px;
    margin-top: 7px;
    padding: 0 10px;
    border: none;
    border-radius: 5px;
    background: #ff9274;
    color: #fff;
    font-size: 16px;
    vertical-align: top;
    float: right
}

.w-agents .agents-location .query-box .query-search-box .btn-query:hover {
    cursor: pointer;
    background: #ff9274;
    color: #fff
}

.w-agents .agents-location .query-box .company-list {
    width: 90%
}

.w-agents .agents-location .query-box .company-list .company-itme {
    height: 80px;
    padding: 20px 0;
    border-bottom: 1px solid #ddd
}

.w-agents .agents-location .query-box .company-list .company-itme .name-short {
    font-size: 18px;
    margin-bottom: 8px;
    color: #333
}

.w-agents .agents-location .query-box .company-list .company-itme .name-full {
    font-size: 14px;
    color: #666
}

.w-agents .agents-location .query-box .company-list .company-itme .tel {
    font-size: 24px;
    color: #333;
    line-height: 40px;
    text-align: right
}

.w-agents .agents-location .query-box .company-list .no-company {
    font-size: 14px;
    color: #333;
    margin-top: 40px
}

.w-agents .agents-location .query-box .ag-connect {
    margin-top: 24px
}

.w-agents .agents-location .query-box .ag-connect .connect-item {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-bottom: 20px
}

.w-agents .agents-location .query-box .ag-connect .connect-item .orange {
    color: #f59370;
    font-style: normal;
    display: block;
    font-size: 18px;
    line-height: 24px;
    margin-top: 6px;
    margin-bottom: 17px
}

.w-agents .agents-location .query-box .ag-connect .connect-item .qrcode,
.w-agents .agents-location .query-box .ag-connect .connect-item img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    color: #666;
    line-height: 26px;
    font-size: 14px
}

.w-agents .agents-location .query-text .title {
    font-size: 24px;
    line-height: 32px;
    color: #333
}

.w-agents .agents-location .query-text .content {
    padding: 32px 0 40px
}

.w-agents .agents-location .query-text .content .cont-li {
    height: 32px;
    margin-bottom: 10px
}

.w-agents .agents-location .query-text .content .cont-li .icon,
.w-agents .agents-location .query-text .content .cont-li .text {
    display: inline-block;
    float: left;
    line-height: 32px;
    vertical-align: middle;
    font-size: 20px;
    color: #666
}

.w-agents .agents-location .query-text .content .cont-li .icon {
    width: 32px;
    height: 32px;
    margin-top: -3px;
    background: url("../images/green-check.png") 50% no-repeat
}

.w-agents .agents-location .query-text .btn-apply {
    color: #fff;
    width: 162px;
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#ff8a5c), to(#ffa66a));
    background: -webkit-linear-gradient(left, #ff8a5c, #ffa66a);
    background: linear-gradient(90deg, #ff8a5c, #ffa66a);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 38, .4);
    box-shadow: 0 3px 8px rgba(0, 0, 38, .4)
}

.w-agents .agents-location .query-text .btn-apply:hover {
    cursor: pointer;
    color: #fff;
    background-color: #ff7e5a
}

.apply-form {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #6f86a7;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f26f86a7,endColorStr=#f26f86a7)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f26f86a7, endColorStr=#f26f86a7);
    background: rgba(111, 134, 167, .95);
    display: none
}

.apply-form .apply-box {
    width: 500px;
    height: 628px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -314px;
    margin-left: -250px;
    border-radius: 4px;
    background: #fff
}

.apply-form .apply-box .close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    width: 12px;
    height: 12px
}

.apply-form .apply-box .close .icon,
.apply-form .apply-box .close .icon svg {
    fill: #999
}

.apply-form .apply-reg {
    position: relative;
    width: 380px;
    margin: 0 auto;
    padding-top: 66px
}

.apply-form .apply-reg .err-tip {
    position: absolute;
    left: 100px;
    top: 26px;
    display: none;
    border-radius: 4px;
    width: 270px;
    height: 30px;
    line-height: 20px;
    padding: 5px 10px;
    background: #e0705e;
    color: #fff;
    font-size: 14px;
    text-align: left
}

.apply-form .apply-reg .apply-item {
    padding-bottom: 20px;
    position: relative;
    width: 370px;
    margin: 0 auto
}

.apply-form .apply-reg .a-ipt,
.apply-form .apply-reg .item-name {
    display: inline-block;
    vertical-align: middle
}

.apply-form .apply-reg .item-name {
    width: 90px;
    text-align: right;
    padding-right: 20px;
    font-size: 14px;
    color: #333
}

.apply-form .apply-reg .a-ipt {
    width: 270px;
    height: 40px;
    border-radius: 4px;
    background: #fff;
    padding: 10px;
    line-height: 20px;
    font-size: 14px;
    border: 1px solid #ccc
}

.apply-form .apply-reg .a-ipt.a-tex {
    height: 100px;
    resize: none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    line-height: 20px
}

.apply-form .apply-reg .a-ipt.btn-sub {
    background: #ff9274;
    color: #fff;
    margin-top: 40px;
    font-size: 16px;
    border: none;
    outline: 0;
    padding: 0;
    line-height: 40px;
    text-align: center;
    position: relative
}

.apply-form .apply-reg .a-ipt.btn-sub .loading {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 12px;
    left: 95px;
    display: none
}

.apply-form .apply-reg .a-ipt.btn-sub:hover {
    background: #ff7e5a;
    cursor: pointer
}

a,
ins {
    text-decoration: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section {
    display: block
}

a,
hr {
    padding: 0
}

.row,
.w-footer {
    overflow: hidden
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-style: normal
}

ins,
mark {
    background-color: #ff9;
    color: #000
}

body {
    line-height: 1
}

ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

a {
    background: 0 0;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

mark {
    font-style: italic;
    font-weight: 700
}

h1,
h2,
h3,
h4,
p, span {
    font-weight: 300
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 1px;
    margin: 1em 0
}

input,
select {
    vertical-align: middle
}

a,
button,
input {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0)
}

a,
img {
    -webkit-touch-callout: none
}

svg g,
svg path {
    fill: inherit
}

body,
html {
    width: 100%;
    height: auto
}

body, button, textarea {
    font: 16px/1.5 tahoma, arial, 'Hiragino Sans GB', \5FAE\8F6F\96C5\9ED1, sans-serif;
}

body,
html,
input,
button,
select,
textarea {
    font-family: -apple-system, BlinkMacSystemFont, "PingFangSC-Regular", "Microsoft Yahei", "Helvetica", "Arial", "Verdana", "Sans-Serif";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
}

h1 {
    font-size: 48px
}

h2 {
    font-size: 36px
}

h3 {
    font-size: 30px
}

h4 {
    font-size: 24px
}

p {
    color: #333
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container {
    width: 1100px;
    margin: 0 auto;

}

.col-md-12,
.row {
    width: 100%
}

.row {
    margin-left: 0;
    margin-right: 0
}

[class*=col-] {
    display: inline-block;
    float: left
}

.login-box,
.pull-right,
.w-navbar {
    float: right
}

.clear {
    clear: both
}

.col-md-11 {
    width: 91.66666667%
}

.col-md-10 {
    width: 83.33333333%
}

.col-md-9 {
    width: 75%
}

.col-md-8 {
    width: 66.66666667%
}

.col-md-7 {
    width: 58.33333333%
}

.col-md-6 {
    width: 50%
}

.col-md-5 {
    width: 41.66666667%
}

.col-md-4 {
    width: 33.33333333%
}

.col-md-3 {
    width: 25%
}

.col-md-2 {
    width: 16.66666667%
}

.col-md-1 {
    width: 8.33333333%
}

.show {
    display: block
}

.hide,
.tab-pane {
    display: none
}

.tab-pane.active {
    display: block
}

@media screen and (max-width: 1139px) {
    .container {
        width: 100%;
        padding: 0 10px
    }
}

@-webkit-keyframes appearLeft {
    0% {
        -webkit-transform: translateX(-200px) translateY(0);
        transform: translateX(-200px) translateY(0)
    }
    to {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes appearLeft {
    0% {
        -webkit-transform: translateX(-200px) translateY(0);
        transform: translateX(-200px) translateY(0)
    }
    to {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes appearTop {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes appearTop {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes appearRight {
    0% {
        -webkit-transform: translateX(200px) translateY(0);
        transform: translateX(200px) translateY(0)
    }
    to {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes appearRight {
    0% {
        -webkit-transform: translateX(200px) translateY(0);
        transform: translateX(200px) translateY(0)
    }
    to {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes opacity {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

@keyframes opacity {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

@-webkit-keyframes headerChangeColor {
    0% {
        background: 0 0
    }
    to {
        background: #fff;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
        box-shadow: 0 0 8px rgba(0, 0, 0, .3)
    }
}

@keyframes headerChangeColor {
    0% {
        background: 0 0
    }
    to {
        background: #fff;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
        box-shadow: 0 0 8px rgba(0, 0, 0, .3)
    }
}

.w-header {
    position: fixed;
    width: 100%;
    z-index: 1;
    background: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    box-shadow: 0 0 8px rgba(0, 0, 0, .3)
}

.w-header .logo {
    margin-top: 12px;
    background-repeat: no-repeat;
    background-size: contain
}

.w-header .logo,
.w-header .logo a {
    width: 180px;
    height: 48px;
    line-height: 48px;
    display: inline-block
}

.w-header .logo img {
    margin-top: 8px
}

.w-header .logo img.white {
    display: none
}

.login-box {
    padding-top: 20px;
    margin-left: 10px
}

.login-box .btn {
    margin-left: 20px;
    width: 100px;
    height: 36px;
    line-height: 34px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    letter-spacing: 1px
}

.login-box .btn-orange {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#ff8a5c), to(#ffa66a));
    background: -webkit-linear-gradient(left, #ff8a5c, #ffa66a);
    background: linear-gradient(90deg, #ff8a5c, #ffa66a)
}

.login-box .btn-orange:hover {
    background: -webkit-gradient(linear, left top, right top, from(#f97c4b), to(#fd944d));
    background: -webkit-linear-gradient(left, #f97c4b, #fd944d);
    background: linear-gradient(90deg, #f97c4b, #fd944d)
}

.login-box .btn-white {
    color: #f07e5f;
    background-color: #fff;
    border: 1px solid #ff9274
}

.login-box .btn-white:hover {
    color: #ed6d49;
    background-color: #fff;
    border: 1px solid #ff7e5a
}

.w-header.transparent {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.w-header.transparent .logo img.white {
    display: block
}

.w-header.transparent .logo img.black {
    display: none
}

.w-header.transparent .login-box .btn-white {
    border-color: #fff
}

.w-navbar .menu .current-menu-ancestor,
.w-navbar .menu .current-menu-item.menu-item-126,
.w-navbar .menu-item a[class*=current-menu] {
    border-bottom: 3px solid #ff9274
}

.w-navbar {
    display: inline-block;
    padding: 0
}

.w-navbar .menu-item {
    display: inline-block;
    height: 72px;
    position: relative;
    vertical-align: top;
    margin-left: 30px
}

.w-navbar .menu-item a {
    display: inline-block;
    line-height: 72px;
    font-size: 14px;
    cursor: pointer
}

.w-navbar .menu-item .sub-menu {
    display: none;
    width: 120x;
    border-radius: 4px;
    margin-top: -4px;
    padding: 7px;
    position: absolute;
    left: -20px;
    top: 72px;
    height: auto;
    background: #fff;
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 6px rgba(0, 0, 0, .3)
}

.w-navbar .menu-item .sub-menu .menu-item-type-child {
    height: 36px;
    line-height: 36px;
    margin-left: 0
}

.w-navbar .menu-item .sub-menu .menu-item-type-child a {
    width: 110px;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    padding-left: 15px;
    cursor: pointer
}

.w-navbar .menu-item.menu-item-type-double .sub-menu {
    width: 294px
}

.w-navbar .menu-item.menu-item-type-double .sub-menu .menu-item-type-child {
    display: inline-block;
    float: left;
    width: 150px
}

.w-navbar .menu-item.menu-item-type-double .sub-menu .menu-item-type-child a {
    width: 150px
}

.w-navbar .menu-item.menu-item-type-double .sub-menu .menu-item-type-child:nth-child(even),
.w-navbar .menu-item.menu-item-type-double .sub-menu .menu-item-type-child:nth-child(even) a {
    width: 130px
}

.w-navbar .menu-item.menu-item-type-double .sub-menu .menu-item-type-child.menu-item-type-cheat a:hover {
    background: 0 0
}

.w-navbar .menu-item:hover {
    cursor: pointer
}

.w-navbar .menu-item:hover .sub-menu {
    display: block
}

.w-navbar .menu-item:hover .sub-menu .menu-item-type-child a:hover {
    background: #fd9e6b;
    border-radius: 4px;
    color: #fff
}

.w-navbar a {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    padding-bottom: 0;
    color: #333
}

.w-navbar a:hover {
    color: #f07e5f
}

.w-header.transparent .w-navbar {
    padding: 0
}

.w-header.transparent .w-navbar #top-menu > .menu-item > a {
    display: inline-block;
    line-height: 72px;
    color: #fff
}

.w-header.transparent .w-navbar #top-menu > .menu-item > a:hover {
    color: #f07e5f
}

.w-header.transparent .w-navbar .menu a[class*=current-menu] {
    border-bottom: none !important
}

.w-navbar .menu-servies .sub-menu {
    width: 135px;
}

.w-navbar .menu-item .sub-menu .menu-item-crmrz-child a {
    width: 123px;
}

.w-footer {
    height: 420px;
    background: #161616;
    text-align: center;
    padding-top: 80px;
    z-index: 1
}

.w-footer #bottom-menu {
    width: 1200px;
    margin: 0 auto
}

.w-footer #bottom-menu > li.menu-item {
    width: 235px;
    text-align: left;
    float: left;
    display: inline-block
}

.w-footer #bottom-menu > li:nth-of-type(1).menu-item {
    margin-left: 85px
}

.w-footer #bottom-menu > li.menu-item > a {
    font-size: 15px;
    color: #FFFFFF;
    margin-bottom: 25px;
    padding-left: 12px;
    display: block;
    font-weight: 800
}

.w-footer #bottom-menu > li.menu-item > .sub-menu > li.menu-item > a {
    color: #f6f6f6;
    font-size: 14px;
    line-height: 36px;
    display: block;
    padding-left: 13px
}

.w-footer #bottom-menu > li.menu-item > .sub-menu > li.menu-item > a:hover {
    color: #f07e5f
}

.w-footer #bottom-menu > li.menu-item:nth-child(5) {
    width: 130px
}

.w-footer .w-friend-link {
    background: #161616;
    padding-top: 60px
}

.w-footer .w-friend-link .container {
    padding: 20px 0 40px;
    border-top: 1px solid #CCCCCC;
    text-align: left
}

.w-footer .w-friend-link .container .friend-link-item {
    display: inline-block;
    margin-right: 30px;
    font-size: 12px;
    line-height: 18px;
    color: #999
}

.w-copyright {
    height: 120px;
    background: #222222;
    text-align: center
}

.w-copyright .copyright,
.w-copyright .logo {
    display: inline-block
}

.w-copyright .logo {
    float: left;
    width: 180px;
    height: 48px;
    margin-top: 21px
}

.w-copyright .declare {
    font-size: 12px;
    color: #666;
    line-height: 18px;
    padding-top: 18px;
    text-align: left
}

.w-copyright .copyright {
    margin-top: 18px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 25px
}

.w-copyright .copyright p {
    color: #666;
    font-size: 14px
}

.w-copyright .copyright .police {
    display: block;
    height: 20px;
    color: #666;
    margin-top: 3px
}

.w-copyright .copyright .police img,
.w-copyright .copyright .police span {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle
}

.w-copyright .copyright .police img {
    margin-right: 5px
}

.w-exp {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #6f86a7;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f26f86a7,endColorStr=#f26f86a7)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f26f86a7, endColorStr=#f26f86a7);
    background: rgba(111, 134, 167, .95);
    display: none
}

.w-exp .exp-box {
    width: 500px;
    height: 340px;
    border-radius: 6px;
    background: #fff;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -240px;
    margin-top: -170px;
    padding: 25px 30px
}

.w-exp .exp-box .close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    width: 12px;
    height: 12px
}

.w-exp .exp-box .close .icon,
.w-exp .exp-box .close .icon svg {
    fill: #999
}

.w-exp .exp-box .title {
    width: 100%;
    text-align: left;
    color: #666;
    font-size: 16px
}

.w-exp .exp-box .exp-content {
    width: 350px;
    margin: 0 45px;
    padding-top: 60px;
    position: relative
}

.w-exp .exp-box .exp-content .item {
    width: 100%;
    height: 42px;
    border-radius: 4px;
    margin-bottom: 20px;
    position: relative
}

.w-exp .exp-box .exp-content .item.border {
    border: 1px solid #ddd
}

.w-exp .exp-box .exp-content .item.require-code {
    position: relative
}

.w-exp .exp-box .exp-content .item input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 100px 0 10px;
    vertical-align: top
}

.w-exp .exp-box .exp-content .item .code-image {
    width: 88px;
    height: 40px;
    vertical-align: top;
    position: absolute;
    right: 0;
    top: 0
}

.w-exp .exp-box .exp-content .item.btn .btn-sub {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background: 0 0;
    border: none;
    outline: 0
}

.w-exp .exp-box .exp-content .item.btn .btn-sub:hover {
    cursor: pointer;
    background-color: #ff7e5a
}

.w-exp .exp-box .exp-content .item.phone-number {
    position: relative
}

.w-exp .exp-box .exp-content .item.phone-number .area,
.w-exp .exp-box .exp-content .item.phone-number .arrow,
.w-exp .exp-box .exp-content .item.phone-number .phone-number {
    display: inline-block;
    float: left;
    line-height: 40px
}

.w-exp .exp-box .exp-content .item.phone-number .area {
    width: 60px;
    color: #999;
    text-align: center;
    cursor: pointer
}

.w-exp .exp-box .exp-content .item.phone-number .arrow {
    width: 12px;
    cursor: pointer
}

.w-exp .exp-box .exp-content .item.phone-number .arrow img {
    width: 100%;
    height: auto
}

.w-exp .exp-box .exp-content .item.phone-number .phone-number {
    width: 270px;
    padding-left: 20px
}

.w-exp .exp-box .exp-content .item.require-code {
    display: none
}

.w-exp .exp-step2 {
    color: #666;
    font-size: 14px
}

.w-exp .exp-step2 .send-info {
    margin-bottom: 10px
}

.w-exp .exp-step2 .item.center {
    text-align: center;
    margin-bottom: 5px;
    display: none
}

.w-exp .exp-step2 .item.center .voice-code {
    text-decoration: underline;
    cursor: pointer
}

.w-exp .exp-step2 .item .change-number,
.w-exp .exp-step2 .item .count-seconds {
    font-size: 12px;
    display: inline-block;
    cursor: default
}

.w-exp .exp-step2 .item .change-number em,
.w-exp .exp-step2 .item .count-seconds em {
    font-style: normal
}

.w-exp .exp-step2 .item .change-number {
    color: #333;
    float: right;
    margin-top: 3px;
    text-decoration: underline;
    cursor: pointer
}

.w-exp .voice-code-page .voice-code-des {
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.w-exp .voice-code-page .voice-code-op {
    width: 100%;
    text-align: right;
    margin-top: 65px
}

.w-exp .voice-code-page .voice-code-op .btn {
    width: 110px;
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    color: #666;
    background-color: transparent;
    border: 1px solid #ddd;
    text-align: center
}

.areaCode-list,
.error {
    position: absolute;
    width: 100%;
    left: 0
}

.w-exp .voice-code-page .voice-code-op .btn.btn-sure {
    color: #fff;
    background-color: #ff9274;
    border: 1px solid #ff9274;
    margin-right: 20px
}

.w-exp .voice-code-page .voice-code-op .btn:hover {
    cursor: pointer;
    background-color: #ff7e5a
}

.error {
    display: block;
    height: 30px;
    padding: 5px 10px;
    line-height: 20px;
    top: 20px;
    background: #e0705e;
    color: #fff;
    font-size: 14px;
    border-radius: 4px
}

.areaCode-list {
    top: 45px;
    height: auto;
    max-height: 210px;
    overflow-y: auto;
    z-index: 1;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .3);
    border-radius: 4px
}

.areaCode-list .areaCode-item {
    height: 36px;
    line-height: 36px;
    padding: 0 21px 0 6px;
    color: #999;
    font-size: 14px
}

.areaCode-list .areaCode-item .areaChineseName {
    display: inline-block;
    width: 90px;
    text-align: center;
    text-align: left
}

.areaCode-list .areaCode-item .areaCode {
    float: right
}

.areaCode-list .areaCode-item:hover {
    background: #c4e1f3
}

.w-toolbar {
    position: fixed;
    right: 0;
    top: 300px;
    height: auto;
    display: none
}

.w-toolbar .toolbar-item {
    width: 64px;
    height: 64px;
    border-bottom: 1px solid #888;
    background: #353535;
    position: relative;
    text-align: center;
    font-size: 16px;
    display: block
}

.w-toolbar .toolbar-item .toolbar-icon {
    width: 64px;
    height: 64px;
    display: table-cell;
    vertical-align: middle
}

.w-toolbar .toolbar-item .toolbar-icon-hover,
.w-toolbar .toolbar-item:hover .toolbar-icon {
    display: none
}

.w-toolbar .toolbar-item.gotop {
    border-bottom: none
}

.w-toolbar .toolbar-item:hover {
    color: #fff;
    background: #fe6b4e;
    border-color: #ff9274;
    cursor: pointer
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover {
    display: table-cell;
    vertical-align: middle;
    height: 64px;
    width: 64px
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover p {
    color: #fff;
    line-height: 24px;
    font-size: 16px
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover.toolbar-icon-tel {
    position: relative
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover.toolbar-icon-tel .tel-details {
    position: absolute;
    left: -158px;
    top: -64px;
    width: 158px;
    height: 128px;
    background: #fe6b4e;
    padding: 14px;
    text-align: left
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover.toolbar-icon-tel .tel-details .margin-top {
    margin-top: 10px
}

.w-alert-info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #6f86a7;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f26f86a7,endColorStr=#f26f86a7)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f26f86a7, endColorStr=#f26f86a7);
    background: rgba(111, 134, 167, .95);
    display: none
}

.w-alert-info .info-box {
    width: 500px;
    height: 340px;
    border-radius: 6px;
    background: #fff;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -240px;
    margin-top: -170px;
    padding: 95px 30px
}

.w-alert-info .info-box .info-title {
    color: #ff9274
}

.w-alert-info .info-box .info-text {
    color: #333;
    line-height: 26px;
    margin: 30px 0
}

.w-alert-info .op .btn {
    width: 220px;
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    background-color: #ff9274;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.wp-footer-code {
    background-color: #161616
}

.wp-footer-code ul {
    padding-top: 24px;
    padding-bottom: 24px;
    height: 138px;
    margin: 0 auto;
    width: 1010px;
}

.wp-footer-code ul li {
    float: left;
    margin-left: 42px
}

.wp-footer-code ul li img {
    float: left
}

.wp-footer-code ul li p {
    float: right;
    margin-left: 14px
}

.wp-footer-code ul li p span {
    color: #dadada;
    font-family: PingFangSC;
    display: block;
    font-size: 14px
}

.wp-footer-code ul li:nth-of-type(1) {
    margin-left: 0
}

.wp-footer-code ul li:nth-of-type(1) p {
    float: none;
    margin-left: 0;
    color: #a8a8a8;
    font-size: 16px
}

.wp-footer-code ul li:nth-of-type(1) p span {
    display: -webkit-inline-box;
    color: #bababa;
    font-size: 20px
}

.wp-footer-code ul li:nth-of-type(2) p:nth-of-type(2) {
    padding-top: 21px
}

.wp-footer-code ul li p span:nth-of-type(1) {
    margin-top: 20px
}

.wp-footer-code ul li p span:nth-of-type(2) {
    margin-top: 16px
}

/** BLOG */
.w-blog .ad-group, .w-blog .blog-group, .w-blog .blog-group .blog-item {
    display: inline-block;
    float: left
}

.w-blog {
    padding-top: 55px;
    text-align: center
}

.w-blog .banner {
    width: 100%;
    height: 360px;
    background-image: url("../images/blog-bg.jpg");
    background-size: cover;
    background-position: 50%
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-blog .banner {
        background-image: url("../images/blog-bg@2x.jpg")
    }
}

.w-blog .blog-cont {
    padding-top: 34px;
    text-align: left
}

.w-blog .blog-group {
    width: 640px;
    overflow-y: hidden;
    padding-bottom: 124px
}

.w-blog .blog-group .blog-item {
    width: 640px;
    padding: 46px 0;
    border-bottom: 1px solid #eee
}

.w-blog .blog-group .blog-item .title {
    font-size: 24px;
    line-height: 36px;
    color: #333
}

.w-blog .blog-group .blog-item .time {
    font-size: 14px;
    line-height: 14px;
    color: #999;
    padding-top: 6px
}

.w-blog .blog-group .blog-item .img-box {
    width: 640px;
    height: 300px;
    background: #ccc;
    overflow: hidden;
    margin: 26px 0
}

.w-blog .blog-group .blog-item .img-box img {
    width: 100%;
    height: auto
}

.w-blog .blog-group .blog-item .text, .w-blog .blog-group .blog-item p {
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #333
}

.w-blog .blog-group .blog-item:last-child {
    border-bottom: none !important
}

.w-blog .blog-group .blog-content > ul > li .blog-item {
    border-bottom: 1px solid #eee !important
}

.w-blog .blog-group .blog-content > ul > li:last-child .blog-item {
    border-bottom: none !important
}

.w-blog .ad-group {
    padding-top: 46px;
    width: 360px;
    padding-left: 60px
}

.w-blog .ad-group .ad-item {
    width: 300px;
    height: 240px;
    display: block;
    background: #f5f5f5;
    text-align: center;
    line-height: 240px;
    margin-bottom: 40px;
    overflow: hidden;
    border: 1px solid #ccc
}

.w-blog .ad-group .ad-item img {
    width: 100%;
    height: auto
}

.w-blog .wp-pagenavi {
    text-align: center
}

.w-blog .wp-pagenavi .nextpostslink, .w-blog .wp-pagenavi .pages-group, .w-blog .wp-pagenavi .previouspostslink {
    display: inline-block;
    float: left;
    vertical-align: middle;
    height: 36px;
    line-height: 36px
}

.w-blog .wp-pagenavi .pages {
    display: none
}

.w-blog .wp-pagenavi .nextpostslink, .w-blog .wp-pagenavi .previouspostslink {
    width: 108px;
    height: 36px;
    line-height: 36px;
    border-radius: 60px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ccc;
    text-align: center;
    color: #ccc
}

.w-blog .wp-pagenavi .nextpostslink:hover, .w-blog .wp-pagenavi .previouspostslink:hover {
    border-color: #ff9274;
    color: #ff9274
}

.w-blog .wp-pagenavi .current, .w-blog .wp-pagenavi .page {
    display: inline-block;
    float: left;
    width: 24px;
    line-height: 36px;
    font-size: 14px;
    color: #999;
    cursor: pointer
}

.w-blog .wp-pagenavi .current, .w-blog .wp-pagenavi .current:hover, .w-blog .wp-pagenavi .page:hover {
    color: #ff9274
}

.w-blogs {
    padding-top: 55px
}

.w-blogs .banner {
    height: 280px;
    padding-top: 50px
}

.w-blogs .banner .container {
    width: 1000px;
    margin: 0 auto
}

.w-blogs .banner .banner-img {
    width: 650px;
    overflow: hidden;
    height: 280px;
    margin-left: -50px;
    float: left
}

.w-blogs .banner .banner-img .swiper-wrapper .baike-swiper-mengban {
    position: absolute;
    height: 50px;
    width: 650px;
    background: rgba(0, 0, 0, 0.4);
    margin-top: -50px
}

.w-blogs .banner .banner-img .swiper-wrapper .baike-swiper-mengban p {
    font-size: 22px;
    color: #FFFFFF;
    line-height: 50px;
    padding-left: 20px
}

.w-blogs .banner .banner-img img {
    width: 100%;
    height: auto
}

.w-blogs .banner .container .banner-right {
    float: left;
    width: 300px;
    height: 280px;
    margin-left: 50px
}

.w-blogs .banner .container .banner-right img {
    width: 100%;
    height: 280px
}

.w-blogs .banner .banner-text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000,endColorStr=#66000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000, endColorStr=#66000000);
    background: rgba(0, 0, 0, .4)
}

.w-blogs .banner .banner-text .container {
    padding-top: 122px;
    text-align: center
}

.w-blogs .banner .banner-text .container .title {
    font-size: 32px;
    line-height: 42px;
    padding-bottom: 32px;
    color: #fff
}

.w-blogs .banner .banner-text .container .btn-exp {
    color: #fff;
    width: 162px;
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#ff8a5c), to(#ffa66a));
    background: -webkit-linear-gradient(left, #ff8a5c, #ffa66a);
    background: linear-gradient(90deg, #ff8a5c, #ffa66a);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 38, .4);
    box-shadow: 0 3px 8px rgba(0, 0, 38, .4)
}

.w-blogs .banner .banner-text .container .btn-exp:hover {
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#f97c4b), to(#fd944d));
    background: -webkit-linear-gradient(left, #f97c4b, #fd944d);
    background: linear-gradient(90deg, #f97c4b, #fd944d)
}

.w-blogs .baike-middle {
    margin: 0 auto;
    width: 1100px
}

.w-blogs .baike-middle .w-baike-list {
    float: left
}

.w-blogs .baike-middle .w-baike-list .w-baike-report {
    border-left: 4px solid #ff9274;
    height: 24px
}

.w-blogs .baike-middle .w-baike-list .w-baike-report span {
    display: inline-block;
    color: #222;
    font-size: 24px;
    margin-left: 13px;
    font-weight: 400
}

.w-blogs .baike-middle .w-baike-list .baike-list-ul {
    margin-top: 14px
}

.w-blogs .baike-middle .w-baike-list .baike-list-ul .baike-list-li {
    height: 150px;
    border-bottom: 1px solid #e4e4e4
}

.w-blogs .baike-middle .w-baike-list .baike-list-ul .baike-list-li .baike-list-li-d {
    height: 100px;
    padding-top: 25px
}

.w-blogs .baike-middle .w-baike-list .baike-list-ul .baike-list-li img {
    width: 170px;
    height: 100px;
    float: left
}

.w-blogs .baike-middle .w-baike-list .w-baike-content {
    margin-left: 20px;
    float: left;
    width: 443px;
    position: relative
}

.w-blogs .baike-middle .w-baike-list .w-baike-content p:nth-of-type(1) {
    font-size: 20px;
    color: #222;
    font-weight: 400
}

.w-blogs .baike-middle .w-baike-list .w-baike-content p:nth-of-type(2) {
    font-size: 14px;
    position: absolute;
    top: 75px
}

.w-blogs .baike-middle .w-baike-list .w-baike-content p:nth-of-type(2) span {
    color: #888
}

.w-blogs .baike-middle .w-baike-list .w-baike-content p:nth-of-type(2) span:nth-of-type(1) {
    width: 70px;
    display: inline-block
}

.w-blogs .baike-middle .w-baike-list .w-baike-content p:nth-of-type(2) span:nth-of-type(2) {
    padding-left: 12px;
    border-left: 1px solid #888
}

.w-blogs .baike-middle .baike-right {
    padding-top: 40px;
    padding-left: 30px;
    float: left
}

.w-blogs .baike-middle .baike-right .baike-right-question h4 {
    color: #333;
    border-bottom: 1px solid #ff9274;
    height: 35px;
    width: 100px
}

.w-blogs .baike-middle .baike-right .baike-right-question hr {
    margin-top: 0
}

.w-blogs .baike-middle .baike-right .baike-right-question .baike-right-ul {
    height: 286px;
    list-style-type: square;
    color: #a6a6a6;
    font-size: 5px
}

.w-blogs .baike-middle .baike-right .baike-right-question .baike-right-ul li {
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.w-blogs .baike-middle .baike-right .baike-right-question .baike-right-ul li img {
    padding-right: 10px
}

.w-blogs .baike-middle .baike-right .baike-right-question .baike-right-ul li a {
    font-size: 14px;
    line-height: 34px;
    color: #444;
    list-style: disc
}

.w-blogs .baike-middle .baike-right .baike-right-question .baike-right-so {
    background-color: #f6f6f6;
    width: 300px;
    height: 300px
}

.w-blogs .baike-middle .baike-right .baike-right-question .baike-right-so .baike-so-words {
    display: inline-block;
    height: 30px;
    border: 1px solid #d9d9d9;
    border-radius: 15px;
    margin-left: 10px;
    margin-top: 15px;
    text-align: center;
    padding: 5px 20px;
    color: #888;
    font-size: 14px
}

.w-blogs .baike-middle .demo {
    width: 670px;
    margin: 40px auto;
    position: relative
}

.w-blogs .baike-middle .demo h2 {
    font-size: 16px;
    height: 44px;
    color: #3366cc;
    margin-top: 20px
}

.w-blogs .baike-middle .demo dl dt {
    font-size: 14px;
    color: #ff6600;
    margin-top: 30px;
    font-weight: 800
}

.demo dl dd, .w-blogs .baike-middle .demo dl dt {
    line-height: 22px
}

.w-blogs .baike-middle .tabbtn {
    width: 650px;
    height: 55px;
    background-color: #f6f6f6;
    border-top: solid 1px #ff9274
}

.w-blogs .baike-middle .tabbtn li {
    float: left;
    position: relative;
    margin: 0 0 0 -1px
}

.w-blogs .baike-middle .tabbtn li a {
    color: #666666;
    display: block;
    float: left;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    width: 108px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.w-blogs .baike-middle .tabbtn li.current a {
    height: 55px;
    line-height: 55px;
    color: #ff8d5d;
    font-weight: 500
}

.w-blogs .baike-middle .tabcon {
    position: relative;
    height: 1450px;
    overflow: hidden;
    margin-top: 2px
}

.w-blogs .baike-middle .tabcon .subbox {
    position: absolute;
    left: 0;
    top: 0
}

.w-blogs .baike-middle .tabcon .sublist {
    padding: 5px 10px;
    height: 170px
}

.w-blogs .baike-middle #leftcon .subbox {
    width: 9999em
}

.w-blogs .baike-middle #leftcon .subbox .sublist {
    float: left;
    width: 670px
}

.w-blogs .baike-middle .sublist {
    padding: 10px
}

.w-blogs .baike-middle .sublist li {
    height: 28px;
    line-height: 28px;
    font-size: 12px
}

.w-blogs .baike-middle .sublist li span {
    margin: 0 5px 0 0;
    font-family: "宋体";
    font-size: 12px;
    font-weight: 400;
    color: #888888
}

/**  DATACENTER */
.w-data-center {
    padding-top: 55px;
    text-align: center;
    overflow: hidden
}

.w-data-center .data-table {
    background: #f6f6f9;
    height: 640px
}

.w-data-center .table-nav-title {
    padding-top: 52px
}

.w-data-center .data-body {
    margin-top: 40px;
    min-width: 1020px;
    padding-left: 10px
}

.w-data-center .data-table-box-item {
    float: left;
    width: 322px;
    height: 120px;
    position: relative;
    /*border: solid 1px #dddddd;*/
    background: #FFFFFF;
    margin-left: 17px;
    margin-bottom: 19px;
    cursor: pointer
}

.w-data-center .data-table-first-item {
    margin-left: 0
}

.w-data-center .table-box-img {
    position: absolute;
    top: 39px;
    left: 16px;
    bottom: 39px
}

.w-data-center .table-itemp {
    margin-top: 37px
}

.w-data-center .table-itemp p:nth-of-type(1) {
    margin-bottom: 16px;
    font-size: 18px;
    color: #242424;
    position: absolute;
    left: 75px;
    top: 37px
}

.w-data-center .table-itemp p:nth-of-type(2) {
    font-size: 14px;
    color: #888888;
    position: absolute;
    left: 75px;
    top: 70px
}

.w-data-center .data-foot {
    height: 760px;
    background: #FFFFFF
}

.data-foot .solution-foot-box {
    width: 1000px
}

.data-foot-box {
    border: solid 1px #e4e5e8;
    width: 312px;
    height: 220px;
    margin-left: 30px;
    float: left;
    margin-bottom: 40px;
    position: relative
}

.data-foot .data-foot-box p {
    margin: 22px 20px 50px
}

.w-data-center .data-show {
    width: 310px;
    height: 175px
}

/** DOWNLOAD */
.w-download {
    padding-top: 72px
}

.w-download .container {
    padding: 100px 0 90px;
    overflow-y: hidden
}

.w-download .container .download-phone {
    display: inline-block;
    float: left;
    width: 250px;
    height: 493px;
    background-image: url("../images/iphoneX-img.png");
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-download .container .download-phone {
        background-image: url("../images/iphoneX-img.png")
    }
}

.w-download .container .download-content {
    display: inline-block;
    float: left;
    /*width: 850px;*/
    padding-top: 40px;
    padding-left: 24px
}

.w-download .container .download-content .title {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 20px;
    color: #333
}

.w-download .container .download-content .text {
    font-size: 16px;
    color: #999;
    margin-bottom: 40px
}

.w-download .container .download-content .links .download-link {
    width: 168px;
    height: 168px;
    overflow: hidden;
    position: relative;
    margin-right: 16px;
    border: 1px solid #ccc;
    text-align: center;
    padding: 32px
}

.w-download .container .download-content .links .download-link .img.icon {
    width: 62px;
    height: 62px;
    margin: 0 auto 20px
}

.w-download .container .download-content .links .download-link .img.icon.qr-code {
    position: absolute;
    left: 24px;
    top: 24px;
    width: 120px;
    height: auto
}

.w-download .container .download-content .links .download-link .img.icon svg {
    width: 62px;
    height: 62px
}

.w-download .container .download-content .links .download-link .link-name {
    font-size: 16px;
    color: #666
}

.w-download .container .download-content .links .download-link:hover .linkcode {
    display: block
}

.w-download .container .download-content .links .linkcode {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: #f2f7ff;
    padding: 32px
}

.w-download .container .download-content .links .linkcode img {
    width: 72px;
    height: auto
}

.w-download .link-name-child {
    font-size: 13px;
    width: 110px;
    display: inline-block;
}

.w-download .container .download-content .foot-version {
    margin-top: 30px;
}

/** FINACING */
.w-finacing {
    padding-top: 55px
}

.w-finacing .banner {
    height: 416px;
    margin-bottom: 80px;
    background: #fafafa;
    text-align: center
}

.w-finacing .banner .img-box {
    height: 360px;
    background: #080610
}

.w-finacing .banner .banner-text {
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    color: #333
}

.w-finacing .content {
    text-align: center
}

.w-finacing .content .page-title {
    font-size: 32px;
    line-height: 32px
}

.w-finacing .content .article {
    text-align: left;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    margin-top: 60px
}

.w-finacing .content .row {
    margin: 0 -20px;
    padding-top: 140px
}

.w-finacing .content .row .box {
    padding: 0 20px
}

.w-finacing .content .row .box-cont {
    border: 2px solid #d3dde6;
    padding: 96px 20px 30px;
    position: relative
}

.w-finacing .content .row .box-cont .head {
    position: absolute;
    top: -72px;
    left: 50%;
    margin-left: -72px
}

.w-finacing .content .row .box-cont .box-title {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 10px
}

.w-finacing .content .row .box-cont .title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700
}

.w-finacing .content .row .box-cont .text {
    height: 106px;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    text-align: left;
    margin-top: 36px
}

.w-finacing .content .row .box-cont .sign {
    margin-top: 12px;
    color: #999;
    text-align: right;
    font-size: 12px
}

.w-finacing .content .exp {
    padding: 80px 0 70px;
    text-align: center
}

.w-finacing .content .exp .btn-exp {
    color: #fff;
    font-size: 20px;
    width: 162px;
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#ff8a5c), to(#ffa66a));
    background: -webkit-linear-gradient(left, #ff8a5c, #ffa66a);
    background: linear-gradient(90deg, #ff8a5c, #ffa66a);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 38, .4);
    box-shadow: 0 3px 8px rgba(0, 0, 38, .4)
}

.w-finacing .content .exp .btn-exp:hover {
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#f97c4b), to(#fd944d));
    background: -webkit-linear-gradient(left, #f97c4b, #fd944d);
    background: linear-gradient(90deg, #f97c4b, #fd944d)
}

.w-finacing .finac-item-p {
    margin-top: 69px;
    line-height: 25px
}

.w-finacing .finac-tactic {
    background: #f6f7fa;
    height: 210px;
    margin-top: 48px
}

.w-finacing .finac-tactic img {
    float: left
}

.w-finacing .finac-middle-jd {
    height: 500px
}

.w-finacing .finac-tactic-content {
    float: left;
    width: 690px;
    padding: 24px 0px 40px 44px
}

.w-finacing .finac-tactic-content p:nth-of-type(1) {
    color: #222222;
    font-size: 24px;
    margin-bottom: 24px;
    font-weight: 500
}

.w-finacing .finac-tactic-content p:nth-of-type(2) {
    color: #333333;
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 500
}

.w-finacing .finac-tactic-content p:nth-of-type(3) {
    color: #666666;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px
}

.w-finacing .finac-tactic-content p:nth-of-type(4) {
    color: #999999;
    font-size: 14px;
    text-align: right
}

/*新的首页NEW index*/

.w-header {
    position: fixed;
    width: 100%;
    z-index: 12;
    background: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    box-shadow: 0 0 8px rgba(0, 0, 0, .3)
}

.w-header .container {
    width: 1100px;
    margin: 0 auto;

}

.w-header .logo {
    margin-top: 9px;
    background-repeat: no-repeat;
    background-size: contain
}

.w-header .logo,
.w-header .logo a {
    width: 160px;
    height: 48px;
    line-height: 48px;
    display: inline-table
}

.w-header .logo img {
    margin-top: 8px
}

.w-header .logo img.white {
    display: none
}

.login-box {
    float: right;
    padding-top: 20px;
    margin-left: 10px;
    font-size: 16px
}

.login-box .btn {
    margin-left: 20px;
    width: 100px;
    height: 36px;
    line-height: 34px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    letter-spacing: 1px
}

.login-box .btn-orange {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#ff8a5c), to(#ffa66a));
    background: -webkit-linear-gradient(left, #ff8a5c, #ffa66a);
    background: linear-gradient(90deg, #ff8a5c, #ffa66a)
}

.login-box .btn-orange:hover {
    background: -webkit-gradient(linear, left top, right top, from(#f97c4b), to(#fd944d));
    background: -webkit-linear-gradient(left, #f97c4b, #fd944d);
    background: linear-gradient(90deg, #f97c4b, #fd944d)
}

.login-box .btn-white {
    color: #f07e5f;
    background-color: #fff;
    border: 1px solid #ff9274
}

.login-box .btn-white:hover {
    color: #ed6d49;
    background-color: #fff;
    border: 1px solid #ff7e5a
}

.w-header.transparent {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 123;

}

.w-header.transparent .logo img.white {
    display: block
}

.w-header.transparent .logo img.black {
    display: none
}

.w-header.transparent .login-box .btn-white {
    border-color: #fff
}

.w-index {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.w-index > h1 {
    padding: 10px 20px
}

.w-index .banner .banner-image .earth,
.w-index .banner .banner-image .net {
    position: absolute;
    left: 50%;
    margin-left: -500px;
    bottom: 0;
    width: 1000px;
    height: auto
}

.w-index .banner .banner-image .sale {
    width: 100%;
    height: auto
}

.w-index .banner .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.w-index .banner .cover .article {
    position: absolute;
    left: 0;
    top: 160px;
    width: 100%;
    height: auto;
    text-align: center
}

.w-index .banner .cover .article img {
    cursor: pointer
}

.w-index .banner .cover .article .swiper-container {
    margin-top: -160px
}

.w-index .banner .cover .article .swiper-container .swiper-pagination {
    top: 650px
}

.w-index .article .swiper-container .swiper-slide .index-banner-server2-h1 {
    font-size: 58px;
    color: #ffffff;
    letter-spacing: 4.1px;
    margin-top: 145px;
    font-weight: 400;
}

.w-index .article .swiper-container .swiper-slide .index-banner-server2-h2 {
    font-size: 30px;
    color: #e5e5e5;
    letter-spacing: 2px;
    margin-top: 11px;
    margin-bottom: 40px
}

.w-index .banner .cover .index-banner-server1 {
    position: relative;
    text-align: center;
    width: 100%;
    height: 700px;
    overflow: hidden;
    background-image: url("/ap/wp-content/uploads/2018/02/home-banner-2.jpg");
    background-size: cover;
    background-position: 50%
}

.index-banner-server1 .swiper-server1 {
    margin-top: 255px
}

.index-banner-server1 .swiper-server1 img {
    vertical-align: middle
}

.index-banner-server1 .swiper-server1 span {
    font-size: 50px;
    color: #fff;
    margin-left: 30px
}

html.fx-ie9 .w-index .banner .cover {
    -webkit-filter: none;
    filter: none
}

html.fx-lte-ie8 .w-index .banner .cover {
    background: 0 0
}

.w-index .banner .cover .title-h1 {
    margin-bottom: 40px;
    color: #fff;
    font-size: 42px;
    letter-spacing: 20px
}

.w-index .banner .cover .description {
    overflow: hidden;
    width: 440px;
    margin: 0 auto
}

.w-index .banner .cover .description .btn-exp,
.w-index .banner .cover .description .num,
.w-index .banner .cover .description .text {
    display: inline-block;
    float: left;
    color: #e3d6b5;
    vertical-align: middle
}

.w-index .banner .cover .description .text {
    margin: 0 10px
}

.w-index .banner .cover .description .text-b,
.w-index .banner .cover .description .text-s {
    display: block
}

.w-index .banner .cover .description .num {
    font-size: 48px;
    line-height: 40px
}

.w-index .banner .cover .description .text-b {
    margin-top: 3px;
    font-size: 14px;
    margin-bottom: 8px
}

.w-index .banner .cover .description .text-s {
    font-size: 14px
}

.w-index .banner .cover .btn-exp {
    color: #fff !important;
    width: 162px;
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background: linear-gradient(90deg, rgba(253, 177, 31, 1) 0%, rgba(253, 151, 31, 1) 100%);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 38, .4);
    box-shadow: 0 3px 8px rgba(0, 0, 38, .4)
}

.w-index .banner .cover .btn-exp:hover {
    cursor: pointer;

}

.w-index .banner.banner2 {
    height: 576px;
    background: 0 0;
    text-align: center
}

.w-index .banner.banner2 .cover .title {
    color: #fff;
    font-size: 36px
}

.w-index .banner.banner2 .cover .text {
    color: #fff;
    font-size: 20px;
    width: 100%;
    margin: 40px 0 60px
}

.w-index .banner.banner2 .cover .text .banner-index-sprit {
    color: #b8b8b8
}

.w-index .banner.banner2 .cover .description {
    width: 100%;
    text-align: center
}

.w-index .banner.banner2 .cover .description .btn-exp {
    margin: 0 auto
}

.w-index .banner {
    position: relative;
    text-align: center;
    width: 100%;
    height: 440px;
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
}

.w-index .banner .cover .index-banner-server2 {
    position: relative;
    text-align: center;
    width: 100%;
    height: 440px;
    overflow: hidden;
    background-image: url(../images/banner-img.jpg);
    background-size: cover;
    background-position: 50%;
    cursor: default;

}

.w-index .newcontainer {
    width: 1100px;
    min-width: 1100px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.w-index .lifecycle {
    padding: 60px 0px 35px 0px;
    overflow: hidden;
}

.w-index .lifecycle .kuan-item {
    text-align: center;
    margin-top: 45px;
    width: 360px;
    height: 345px;
    float: left;
}

.w-index .lifecycle .kuan-item:hover {
    cursor: pointer;
    box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(101, 111, 132, 1);

}

.w-index .lifecycle .kuan-item h3 {
    margin: 30px 0px;
    font-weight: 400;
}

.w-index .lifecycle .kuan-item span {
    margin-top: 50px;
    display: inline-block;
    font-size: 12px;
}

.w-index .index-link img {
    vertical-align: middle;
    margin-top: -1px;
    margin-left: 8px;
}

.w-index .index-link {
    font-size: 12px;
    color: #888888;
}

.w-index .index-link:hover {
    color: #FDB11F;
}

.w-index .common-hover-zi:hover {
    color: #444444;
}

.w-index .yellow-jiantou {
    color: #FDB11F;
}

.w-index .link-title {
    font-size: 14px;
    display: inline-block;
    margin-top: 20px;
}

/*首页header*/

/*首页公共部分样式*/
.w-index h2 {
    font-size: 30px;
    color: #333333;
    font-weight: 400;
    line-height: 1;
}

.w-index h3 {
    font-size: 22px;
    color: #3E3E3E;
    font-weight: 400;
}

.w-index p {
    font-size: 14px;
    color: #888888;
}

.w-index a {
    color: #555555;
}

/*new header样式*/
.w-header.transparent .newcontainer:hover {
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.w-header .logo, .w-header .logo a {
    float: left;
}

#cssmenu .nav-menu {
    padding-top: 2px;
    padding-left: 50px;
    float: left;

}

.w-header #cssmenu > ul > li > a {
    color: #444444;
}

.common-drop-menu {
    width: 870px;
    height: 354px;
    background: #FFFFFF;
    padding: 35px;
    border: solid 1px #ededed;
    border-radius: 2px;
}

.w-header .triangle1 {
    dispaly: none;

}

.w-header.transparent .triangle1 {
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    z-index: 1000;
    top: -11px;
    left: 45px;
}

.login-btn {
    padding-top: 15px;
    float: right;
}

.w-header .login-btn .btn {
    margin-left: 20px;
    width: 76px;
    height: 30px;
    line-height: 27px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    letter-spacing: 1px;
    font-size: 14px;
    color: #444444;
    border: 1px solid rgba(153, 153, 153, 1);
    border-radius: 15px;
}

.w-header.transparent .login-btn .btn {
    margin-left: 20px;
    width: 76px;
    height: 30px;
    line-height: 27px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    letter-spacing: 1px;
    font-size: 14px;
    color: #FEFEFE;
    /*border:1px solid rgba(153,153,153,1);*/
    border-radius: 15px;
}

.w-header .login-btn .btn-white:hover {
    background: #FFFFFF;
    color: #444444;

}

.w-header .login-btn .btn-orange {
    background: #FDB11F;
    border: solid 1px #FDB11F;
    color: #FFFFFF;

}

.w-header .login-btn .btn-orange:hover {
    background: #fdbc1f;

}

.login-btn .btn-white {
    background: none;
    line-height: 25px;
}

#cssmenu .common-drop-menu .drop-content-item {
    float: left;
    margin-left: 50px;
}

#cssmenu .common-drop-menu .drop-content-item .drop-box {
    left: 0;
    position: relative;

}

#cssmenu .common-drop-menu .drop-content-item .drop-box .drop-box-item {
    width: 230px;
    padding: 25px 0px 20px 0px;
    border-top: solid 1px #E9E9E9;

}

#cssmenu .common-drop-menu .drop-content-item .drop-box .drop-box-item p a {
    font-size: 14px;
    color: #444444;
    margin-bottom: 10px;
    font-weight: 400;
    display: inline-block;
    padding: 0px;

}

#cssmenu .common-drop-menu .drop-content-item .drop-box .drop-box-item p a:hover {
    color: #FDB11F;
}

#cssmenu .common-drop-menu .drop-content-item .drop-box .drop-box-item p img {
    vertical-align: middle;
    margin-top: -1px;
    margin-right: 10px;
}

.common-drop-menu .drop-content-item .drop-box .drop-box-item span {
    color: #888888;
    font-size: 12px;
}

#cssmenu li:hover .drop-product {
    left: -20px;
}

#cssmenu ul .drop-product li a {
    padding: 0px;
    font-size: 16px;
    color: #333333;
    margin-bottom: 20px;
    font-weight: 400;

}

#cssmenu li:hover .solution-menu {
    background: #FFFFFF;
    width: 290px;
    border: solid 1px #ededed;
    /* margin: 10px; */
    height: 200px;
    border-radius: 2px;
}

#cssmenu li:hover .solution-menu li {
    float: left;
    padding: 0px 0px;
}

/*#cssmenu ul .solution-menu li a:hover{
		  	color: #FFFFFF;
   			background: #FDB11F;
   			border-radius: 2px;

}*/

#cssmenu ul .solution-menu li a:hover {
    color: #FDB11F;

}

#cssmenu li:hover .about-menu {
    background: #FFFFFF;
    width: 132px;
    border: solid 1px #ededed;
}

/*#cssmenu ul .about-menu li a:hover{
		  	color: #FFFFFF;
   			background: #FDB11F;
		  	width: 130px;
}*/

#cssmenu ul .about-menu li a:hover {
    color: #FDB11F;
}

.team-members {
    width: 340px;
    height: 400px;
    float: left;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-top: 50px;
    margin-left: 40px;
}

/*首页链接内外，构建链接型*/
.w-index .cost {
    width: 100%;
    height: 600px;
    background: url("../images/hulian-bg_06.jpg") no-repeat;
    background-size: cover;
    background-position: 50%;

}

.w-index .cost h2 {
    color: #FFFFFF;
    margin-bottom: 60px;
    padding-top: 60px;
}

.w-index .cost .cost-cont {
    background: #FFFFFF;
    overflow: hidden;

}

.w-index .cost .cost-cont .cost-item {
    width: 33.3%;
    text-align: center;
    float: left;
    border-right: 1px solid rgba(234, 234, 234, 1);
    padding: 30px 0px;

}

.w-index .cost .cost-cont .cost-item:hover {
    background: #F8F8F9;
}

.w-index .cost .cost-cont .cost-item h3 {
    margin-top: 38px;

}

.w-index .cost .cost-cont .cost-item p {
    margin-bottom: 30px;

}

.w-index .cost .cost-cont .cost-item .cost-line {
    width: 21px;
    height: 1px;
    background: #444444;
    margin: 15px auto;
    text-align: center;
}

/*个性业务需求*/

.w-index .profession {
    padding: 60px 0px;
    overflow: hidden;
    background: rgba(248, 248, 249, 1);
    height: 582px
}

.w-index .profession h2 {
    margin-bottom: 55px;
}

.w-index .profession .pro-item {
    width: 340px;

    background: #FFFFFF;
    padding: 40px 0px;
    float: left;
    margin-left: 40px;

}

.w-index .profession .pro-item:hover {
    /*background: #F8F8F9;*/
    cursor: pointer;
    box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(101, 111, 132, 1);

}

.w-index .profession .pro-item .pingtai-icon-img {
    height: 112px;

}

.w-index .profession .pro-item h3 {
    margin-top: 60px;
    margin-bottom: 10px;
}

.w-index .profession .pro-item p {
    margin-bottom: 30px;
}

/*行业解决方案模块*/

.w-index .solution {
    padding: 60px 0px 40px 0px;
    background: #FFFFFF;
    height: 600px;
}

.w-index .solution .member-effect-1 {

    background: url("../images/hangye-img-1.png");

}

.w-index .solution .member-effect-2 {

    background: url("../images/hangye-img-2.png");

}

.w-index .solution .member-effect-3 {

    background: url("../images/hangye-img-3.png");

}

.w-index .solution .member-image .yellow-line {
    margin: 30px 0px;
}

.w-index .solution .member-image h3 {
    color: #FFFFFF;
    margin-top: 50px;
}

.w-index .solution .member-image p {
    color: #FFFFFF;
    line-height: 1.5;
    font-size: 15px;
    line-height: 2;
}

.w-index .solution .member-image img {
    margin-bottom: 25px;
}

.w-index .solution .member-info {
    padding: 0px 30px;
    text-align: center;
    color: #FFFFFF;
}

.w-index .solution .member-info img {
    margin-top: 35px;
    margin-bottom: 10px;
}

.w-index .solution .member-info p {
    line-height: 24px;
    color: #FFFFFF;
    text-align: left;

}

.w-index .solution .member-info span {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 15px;
    float: right;

}

.w-index .solution .member-info a {
    width: 122px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    border: solid 1px #FFFFFF;
    border-radius: 19px;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
}

.w-index .solution .member-info a:hover {
    background: #ffffff;
    color: #FDB11F;
}

/*= 行业解决方案滑动effect-2 css =*/
.effect-2 {
    max-height: 400px;
    min-height: 400px;
    overflow: hidden;
}

.effect-2 h3 {
    padding-top: 7px;
    line-height: 33px;
}

.effect-2 .member-image {
    height: 400px;
    overflow: hidden;
    width: 100%;
    transition: 0.4s;
    float: none;
    vertical-align: middle;
}

.effect-2 .member-info {
    width: 340px;
    height: 400px;
    transition: 0.4s;
    background-color: rgba(253, 182, 31, 0.85);
}

.effect-2 .member-image img {
    vertical-align: bottom;
}

/*.effect-2 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
*/
.effect-2:hover .member-image {
    height: 0px;
    transition: 0.4s;
}

/*= effect-2 css end =*/

/*60万家企业模块*/
.w-index .company {
    padding: 60px 0px 50px 0px;
    background: rgba(248, 248, 249, 1);
}

.w-index .company h2 {
    margin-bottom: 60px;
}

.w-index .company .customer-logo {
    margin-left: -50px;
    margin-bottom: 40px;
}

.w-index .company span a {
    font-size: 15px;
}

.w-product-details .company {
    padding: 0px 0px 50px 0px;
}

/*免费申请开通*/
.w-index .index-form {
    width: 100%;
    height: 200px;
    background: url("../images/zhuce-bg.jpg");
    background-size: cover;
    background-position: 50%;
    padding: 50px 0px;
}

.w-product-details .index-form {

}

.w-index .index-form a {
    display: inline-block;
    width: 140px;
    height: 46px;
    line-height: 46px;
    margin-top: 30px;
    background: rgba(253, 177, 31, 1);
    border-radius: 23px;
    color: #FFFFFF;
    font-size: 16px;
    box-shadow: 0 5px 30px -5px rgba(253, 177, 31, 0.8);
}

.w-index .index-form a:hover {
    background: #fdbc1f;

}

.w-product-details .index-form a {
    margin-top: 20px;
}

/*公共底部*/
.fx-foot {
    padding: 60px 0px 30px 0px;
    overflow: hidden;
    background: #2F3135;

}

.fx-foot .newcontainer {
    width: 1100px;
    margin: 0 auto;
    text-align: center;

}

.fx-foot .parent-tit {
    overflow: hidden;
    position: relative;
}

.fx-foot .parent-tit li {
    float: left;
    width: 82px;
    /*margin-left: 82px;*/
    text-align: left;
}

.fx-foot .parent-tit .foot-part-left {
    margin-left: 70px;
}

.fx-foot .parent-tit li a {
    color: #FFFFFF;
    font-size: 16px;
    display: inline-block;

}

.fx-foot .parent-tit .child-tit {
    font-size: 12px;
    color: #B4B4B4;
    margin-top: 5px;

}

.fx-foot .parent-tit .child-tit li {
    margin-top: 10px;
    float: left;
    text-align: left;

}

.fx-foot .parent-tit .child-tit li a {
    color: #B4B4B4;
    font-size: 12px;

}

.fx-foot .parent-tit .child-tit li a:hover {
    color: #FDB11F;
}

.fx-foot .parent-tit .child-tit li img {
    vertical-align: middle;
    margin-top: -1px;
    margin-right: 10px;

}

.fx-foot .parent-tit .child-tit li .foot-ios-code {
    position: absolute;
    top: -55px;
    left: 57px;
    display: none;
}

.fx-foot .parent-tit .child-tit li .foot-ios-code .triangle-jiantou {
    width: 0;
    height: 0;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
    /* margin: 40px auto; */
    /* position: relative; */
    top: 87px;
    left: 32px;
    z-index: 0;
    position: absolute;
}

.fx-foot .parent-tit .child-tit li .foot-android-code .triangle-jiantou {
    left: 40px
}

.fx-foot .parent-tit .child-tit li .foot-android-code {
    position: absolute;
    top: -30px;
    left: 60px;
    display: none;
}

.fx-foot .parent-tit .child-tit li:hover .foot-ios-code {
    display: block;
}

.fx-foot .parent-tit .child-tit li:hover .foot-android-code {
    display: block;
}

.fx-foot .parent-first-ul {
    border-right: solid 1px rgba(255, 255, 255, 0.15);

    width: 575px;
    float: left;
}

.fx-foot .parent-tit .foot-part-left .child-last-width li {
    width: 310px;
}

.fx-foot .parent-tit .foot-part-left .child-last-width .last-company {
    margin-top: 38px;
}

.fx-foot .parent-tit .foot-part-left .child-last-width .last-company span a {
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
}

.fx-foot .parent-tit .foot-part-left .child-last-width .last-company span .company-active {
    color: #FDB11F;

}

.foot-link {
    height: 50px;
    line-height: 50px;
    border-top: solid 1px rgba(255, 255, 255, 0.2);
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
    overflow: hidden;
    margin-top: 40px;
    text-align: left;
}

.foot-link li:first-of-type {
    margin-left: 0px;
    color: #FFFFFF;
}

.foot-link li {
    float: left;
    margin-left: 25px;
    font-size: 12px;

}

.foot-link li a {
    color: #A4A4A4;
}

.copyright {
    margin-top: 20px;
}

.copyright span, .copyright p {
    color: #B4B4B4;
    font-size: 12px;
}

.copyright .police img {
    vertical-align: middle;
    margin-top: -1px;
    width: 16px;
    height: 18px;
    margin-right: 10px;
}

/** JUMPQQ*/
.w-qq {
    background: #fff
}

.w-qq, .w-qq .qq-wrapper {
    width: 100%;
    height: 500px
}

.w-qq .qq-wrapper {
    position: relative
}

/** NEWS */
.w-news {
    padding-top: 166px;
}

.w-news .container {
    position: relative
}

.w-news .case, .w-news .infu-details {
    display: inline-block;
    float: left
}

.w-news .infu-details {
    width: 780px
}

.w-news .container {
    width: 1100px
}

.w-news .infu-details .news-content {
    padding: 25px 36px;
    border: solid 1px #e5e5e5
}

.w-news .infu-details .news-content .title {
    color: rgba(34, 34, 34, 0.89);
    line-height: 48px;
    font-size: 28px;
    padding-bottom: 15px
}

.w-news .infu-details .news-content .month-day, .w-news .infu-details .news-content .year {
    font-size: 14px;
    line-height: 32px;
    color: #888;
    display: inline-block;
    padding-bottom: 20px
}

.w-news .infu-details .news-content .author {
    color: #888888;
    padding-left: 36px
}

.w-news .infu-details .news-content .source {
    color: #666;
    display: block;
    padding-bottom: 45px;
    font-size: 14px
}

.w-news .infu-details .news-content .source.hide {
    display: none
}

.w-news .infu-details .news-content .detail {
    text-align: center;
    letter-spacing: 1px
}

.w-news .infu-details .news-content .detail p {
    font-family: PingFangSC-Regular, Helvetica, Arial, Verdana, Sans-Serif;
    font-size: 16px;
    color: #444444;
    margin-bottom: 30px;
    line-height: 35px;
    text-align: left
}

.w-news .infu-details .news-content .detail .p-img-inner {
    display: block;
    margin: -10px auto 15px;
    width: auto;
    max-width: 100%;
    height: auto;
    border-radius: 2px
}

.w-news .infu-details .news-content .detail .p-img-info {
    color: #999;
    font-size: 12px;
    margin: -10px auto 15px;
    text-align: center
}

.w-news .infu-details .news-content .detail h4 {
    font-size: 14px;
    line-height: 28px;
    text-align: left
}

.w-news .read-paging {
    padding-top: 50px;
    text-align: center;
    width: 1100px
}

.w-news .read-paging .btn-paging {
    display: inline-block;
    margin: 0 10px;
    width: 70px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #999;
    cursor: pointer
}

.w-news .read-paging .btn-paging a {
    color: #999
}

.w-news .read-paging .btn-paging:hover {
    background-color: #ff9274
}

.w-news .read-paging .btn-paging:hover a {
    color: #ffffff
}

.w-news .case {
    width: 300px;
    padding-left: 50px
}

.w-news .case .title {
    color: #222;
    font-size: 22px;
    line-height: 48px;
    padding-bottom: 26px;
    height: 50px;
    border-bottom: solid 1px #ff9274;
    margin-top: -10px
}

.w-news .case .baike-tr {
    margin: 0;
    height: 30px;
    width: 270px
}

.w-news .case .case-box {
    width: 270px
}

.w-news .case .case-box .img-box {
    width: 270px;
    height: 130px;
    overflow: hidden
}

.w-news .case .case-box .img-box img {
    width: 100%;
    height: auto
}

.w-news .case .case-box .case-title {
    border-bottom: solid 1px #dedede;
    margin-bottom: 15px
}

.w-news .case .case-box .case-title a {
    display: block;
    padding: 10px 0 20px;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    color: #222
}

.w-news .case .view-more {
    display: block;
    text-align: right;
    color: #ff9274;
    font-size: 14px
}

.w-news .news-title-tj {
    color: #333;
    border-bottom: 1px solid #ff9274;
    height: 35px;
    width: 100px
}

.w-news .baike-content-ad {
    width: 270px;
    height: 270px
}

/** blogs-NEWS */
.w-blogs-news {
    padding-top: 166px;
    padding-bottom: 84px
}

.w-blogs-news .container {
    position: relative
}

.w-blogs-news .case, .w-blogs-news .infu-details {
    display: inline-block;
    float: left
}

.w-blogs-news .infu-details {
    width: 780px
}

.w-blogs-news .container {
    width: 1100px
}

.w-blogs-news .infu-details .news-content {
    padding: 25px 36px;
    border: solid 1px #e5e5e5
}

.w-blogs-news .infu-details .news-content .title {
    color: rgba(34, 34, 34, 0.89);
    line-height: 48px;
    font-size: 28px;
    padding-bottom: 15px
}

.w-blogs-news .infu-details .news-content .month-day, .w-blogs-news .infu-details .news-content .year {
    font-size: 14px;
    line-height: 32px;
    color: #888;
    display: inline-block;
    padding-bottom: 20px
}

.w-blogs-news .infu-details .news-content .author {
    color: #888888;
    padding-left: 36px
}

.w-blogs-news .infu-details .news-content .source {
    color: #666;
    display: block;
    padding-bottom: 45px;
    font-size: 14px
}

.w-blogs-news .infu-details .news-content .source.hide {
    display: none
}

.w-blogs-news .infu-details .news-content .detail {
    text-align: center;
    letter-spacing: 1px
}

.w-blogs-news .infu-details .news-content .detail p {
    font-family: PingFangSC-Regular, Helvetica, Arial, Verdana, Sans-Serif;
    font-size: 16px;
    color: #444444;
    margin-bottom: 30px;
    line-height: 35px;
    text-align: left
}

.w-blogs-news .infu-details .news-content .detail .p-img-inner {
    display: block;
    margin: -10px auto 15px;
    width: auto;
    max-width: 100%;
    height: auto;
    border-radius: 2px
}

.w-blogs-news .infu-details .news-content .detail .p-img-info {
    color: #999;
    font-size: 12px;
    margin: -10px auto 15px;
    text-align: center
}

.w-blogs-news .infu-details .news-content .detail h4 {
    font-size: 14px;
    line-height: 28px;
    text-align: left
}

.w-blogs-news .read-paging {
    padding-top: 90px;
    text-align: center
}

.w-blogs-news .read-paging .btn-paging {
    display: inline-block;
    margin: 0 10px;
    width: 70px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #999;
    cursor: pointer
}

.w-blogs-news .read-paging .btn-paging a {
    color: #999
}

.w-blogs-news .read-paging .btn-paging:hover {
    background-color: #ff9274
}

.w-blogs-news .read-paging .btn-paging:hover a {
    color: #ffffff
}

.w-blogs-news .case {
    width: 300px;
    padding-left: 50px
}

.w-blogs-news .case .title {
    color: #222;
    font-size: 22px;
    line-height: 48px;
    padding-bottom: 26px;
    height: 50px;
    border-bottom: solid 1px #ff9274;
    margin-top: -10px
}

.w-blogs-news .case .baike-tr {
    margin: 0;
    height: 30px;
    width: 270px
}

.w-blogs-news .case .case-box {
    width: 270px
}

.w-blogs-news .case .case-box .img-box {
    width: 270px;
    height: 130px;
    overflow: hidden
}

.w-blogs-news .case .case-box .img-box img {
    width: 100%;
    height: auto
}

.w-blogs-news .case .case-box .case-title {
    border-bottom: solid 1px #dedede;
    margin-bottom: 15px
}

.w-blogs-news .case .case-box .case-title a {
    display: block;
    padding: 10px 0 20px;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    color: #222
}

.w-blogs-news .case .view-more {
    display: block;
    text-align: right;
    color: #ff9274;
    font-size: 14px
}

.w-blogs-news .news-title-tj {
    color: #333;
    border-bottom: 1px solid #ff9274;
    height: 35px;
    width: 100px
}

/** PARTNER */

/**.w-partner{padding-top:72px;text-align:center}.w-partner .banner{width:100%;height:360px;background-image:url("../images/partner.jpg");background-size:cover;background-position:50%}@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){.w-partner .banner{background-image:url("../images/partner@2x.jpg")}}.w-partner .title{font-size:32px;color:#333;line-height:32px;margin:60px 0}.w-partner .partner-wall{padding-top:76px;overflow-y:hidden}.w-partner .partner-wall .partner-wall-group .partner-wall-item{display:inline-block;float:left;width:200px;height:80px;margin:10px 0;text-align:center}.w-partner .partner-wall .partner-wall-group .partner-wall-item img{width:auto;margin:0 auto}.w-partner .partner-case-group{overflow-y:hidden}.w-partner .partner-case-group .partner-case-item{display:inline-block;float:left;width:500px}.w-partner .partner-case-group .partner-case-item:nth-child(even){padding-left:20px}.w-partner .partner-case-group .partner-case-item:nth-child(odd){padding-right:20px}.w-partner .partner-case-group .partner-case-item .img-box{width:480px;height:280px;background:#ccc;overflow:hidden;border:1px solid #ccc}.w-partner .partner-case-group .partner-case-item .text{width:100%;height:152px;padding:20px 20px 0;font-size:16px;line-height:24px;text-align:left}*/

.w-partner {
    padding-top: 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-partner .banner {
    height: 420px;
    width: 100%;
    position: relative;
    padding-bottom: 22%
}

.w-partner .banner .banner-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 380px;
    overflow: hidden;
    /*background-image: url("/ap/wp-content/uploads/2017/12/cooperation-bg.png");*/
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background: url(/ap/wp-content/uploads/2019/04/case-banner-bg.png);
}

.w-partner .banner .banner-masking {
    background: black;
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 99%;
    overflow: hidden
}

.w-partner .banner .banner-img img {
    width: 100%;
    height: auto;
    background-image: linear-gradient(to top, #3975f0, #27bbf2)
}

.w-partner .banner .banner-text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000,endColorStr=#66000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000, endColorStr=#66000000)
}

.w-partner .banner .banner-text .container {
    text-align: center;
    width: 1000px
}

.w-partner .banner .banner-text .container .box-img2 {
    margin-top: -290px;
    float: right;
    position: absolute;
    left: 30%;
}

.w-partner .banner .banner-text .solution-container {
    width: 1000px
}

.w-partner .banner .banner-text .container {
    color: #fff;
    text-align: left;
    margin-top: 100px
}

.w-partner .banner .banner-text .container .exp-box {
}

.w-partner .banner .banner-text .container .title {
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 42px
}

.w-partner .banner .banner-text .container .title-2 {
    font-size: 24px;
    /*width: 270px;*/
    line-height: 35px
}

.banner-text .container .exp-box .box-img1 {
    margin-top: 3%;
    cursor: pointer
}

.banner-text .container .exp-box .box-img2 {
    float: right;
    margin-top: -20%
}

.w-partner .banner .banner-text .container .btn-exp:hover {
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#f97c4b), to(#fd944d));
    background: -webkit-linear-gradient(left, #f97c4b, #fd944d);
    background: linear-gradient(90deg, #f97c4b, #fd944d)
}

.w-partner .partner-body {
    background-color: #F5F6FB;
    margin-top: -40px;
}

.w-partner .partner-body .container {
    padding-top: 40px;
    width: 1200px;
    /*padding-left: 20px*/
}

.container .partner-item {
    width: 380px;
    height: 330px;
    float: left;
    background: #FFFFFF;
    /*border: solid 1px #e4e5e8;*/
    margin-left: 20px;
    margin-bottom: 40px
}

.container .partner-item:hover {
    /*border: solid 1px #2879fb;*/
    box-shadow: 0 7px 15px rgba(91, 91, 91, 0.1);
    border-bottom: 1px solid rgba(101, 111, 132, 1);;
}

.container .partner-item img {
    width: 380px
}

.container .partner-item-left {
    margin-left: 0
}

.container .partner-item .partner-item-content {
    margin: 0px 25px 25px
}

.container .partner-item .partner-item-content p {
    color: #222222;
    font-size: 14px;
    font-weight: 500
}

.container .partner-item .partner-item-content hr {
    border-top: solid 1px #ebebeb;
    margin: 10px 0;
}

.container .partner-item .partner-item-content p .p-content-title1 {
    border-right: solid 1px #d7d7d7;
    padding-right: 10px
}

.container .partner-item .partner-item-content p .p-content-title2 {
    padding-left: 10px
}

.container .partner-item .partner-item-content .p-title-2 {
    font-size: 19px;
    font-weight: 500
}

.container .partner-item .partner-item-content .p-title-3 {
    margin-top: 13px;
    color: #999999;
    line-height: 20px
}

.w-partner-detail {
    padding-top: 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-partner-detail .banner {
    height: 400px;
    width: 100%;
    position: relative;
    padding-bottom: 20%
}

.w-partner-detail .banner .banner-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.w-partner-detail .banner .banner-img .ba-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-width: 1500px;
    background-size: 100% 420px
}

.w-partner-detail .banner .banner-masking {
    background: black;
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 99%;
    overflow: hidden
}

.w-partner-detail .banner .banner-img img {
    width: 100%;
    height: auto;
    background-image: linear-gradient(to top, #3975f0, #27bbf2)
}

.w-partner-detail .banner .banner-text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000,endColorStr=#66000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000, endColorStr=#66000000)
}

.w-partner-detail .banner .banner-text .container {
    text-align: center
}

.w-partner-detail .banner .banner-text .solution-container {
    width: 1100px
}

.w-partner-detail .banner .banner-text .container {
    color: #fff
}

.w-partner-detail .banner .banner-text .container .exp-box {
    padding-top: 120px
}

.w-partner-detail .banner .banner-text .container .title {
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 42px
}

.w-partner-detail .banner .banner-text .container .title-2 {
    font-size: 36px;
    line-height: 35px;
    font-weight: 300
}

.w-partner-detail .banner .banner-text .container .title-img {
    padding-top: 50px
}

.w-partner-detail .banner .banner-text .container .btn-exp:hover {
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#f97c4b), to(#fd944d));
    background: -webkit-linear-gradient(left, #f97c4b, #fd944d);
    background: linear-gradient(90deg, #f97c4b, #fd944d)
}

.w-partner-detail .pa-detail-body .container .pa-container {
    width: 1150px;
    height: 130px
}

.w-partner-detail .pa-detail-body .container .pa-container .pa-detail {
    width: 203px;
    float: left;
    border-right: solid 1px #ebebeb;
    height: 130px
}

.w-partner-detail .pa-detail-body .container .pa-container .pa-detail .pa-detail-item {
    margin: 24px 40px
}

.w-partner-detail .pa-detail-body .container .pa-container .pa-detail .pa-detail-item .d-title-item1 {
    color: #a1a1a1;
    font-size: 16px
}

.w-partner-detail .pa-detail-body .container .pa-container .pa-detail .pa-detail-item .d-title-item2 {
    padding-top: 21px;
    color: #353535;
    font-size: 14px;
    line-height: 25px;
    font-weight: 500
}

.w-partner-detail .pa-detail-body .container .pa-container .pa-detail .pa-detail-item .d-title-width {
    width: 90px
}

.w-partner-detail .pa-detail-body .container .pa-container .pa-detail .pa-detail-item .d-left1 {
    text-align: left
}

.w-partner-detail .pa-detail-body .container .pa-container .pa-detail .pa-detail-item .d-left2 {
    text-align: left;
    width: 155px
}

.w-partner-detail .pa-detail-body .container .pa-container .pa-item2 {
    width: 150px;
    height: 130px
}

.w-partner-detail .pa-detail-body .container .pa-container .pa-item3 {
    width: 360px
}

.w-partner-detail .pa-detail-body .container .pa-container .pa-item4 {
    width: 283px;
    border-right: none
}

.w-partner-detail .pa-detail-body .pa-about {
    background-color: #f3f4f7;
    padding-bottom: 81px
}

.w-partner-detail .pa-detail-body .pa-about .container {
    padding-left: 50px;
    padding-top: 41px
}

.w-partner-detail .pa-detail-body .pa-about .container .pa-desc {
    padding-bottom: 10px;
    line-height: 30px;
    width: 993px;
    color: #222222;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: justify
}

.w-partner-detail .pa-detail-body .pa-about .container .pa-table {
    background-color: #FFFFFF;
    height: 440px;
    margin-top: 30px;
    width: 1000px
}

.w-partner-detail .pa-detail-body .pa-about .container .pa-table ul {
    float: left
}

.w-partner-detail .pa-detail-body .pa-about .container .pa-table ul li {
    border-bottom: solid 1px #ebebeb;
    width: 333px
}

.w-partner-detail .pa-detail-body .pa-about .container .pa-table ul .patable-last {
    border-bottom: none
}

.w-partner-detail .pa-detail-body .pa-about .container .pa-table ul li .pa-table-th {
    border-left: solid 3px #fdbc1f;
    padding-left: 10px;
    font-size: 26px;
    margin-left: 232px;
    height: 25px;
    line-height: 25px;
    margin-top: 30px;
    display: inline-block;
    margin-bottom: 30px
}

.w-partner-detail .pa-detail-body .pa-about .container .pa-table ul .pa-table-li {
    height: 120px;
    font-size: 16px;
    color: #444444
}

.w-partner-detail .pa-detail-body .pa-about .container .pa-table ul .pa-last-table-li {
    border-bottom: none
}

.w-partner-detail .pa-detail-body .pa-about .container .pa-table ul .pa-table-li .pa-table-sp {
    font-size: 16px;
    color: #444444;
    width: 290px;
    display: inline-block;
    padding-top: 15px;
    line-height: 30px
}

.w-partner-detail .pa-detail-body .pa-about .container .pa-table ul li .pa-first {
    margin-left: 31px
}

.w-partner-detail .pa-detail-body .pa-content .container {
    padding-left: 90px;
    padding-top: 40px;
    width: 1100px
}

.w-partner-detail .pa-detail-body .pa-content .container h4 {
    font-size: 24px;
    color: #222222;
    padding-bottom: 40px;
    font-weight: 500
}

.w-partner-detail .pa-detail-body .pa-content .container p {
    font-size: 18px;
    padding-bottom: 20px;
    color: #333333;
    line-height: 35px;
    font-weight: 500;
    text-align: justify
}

.w-partner-detail .pa-detail-body .pa-content .container img {
    padding-bottom: 40px;
    width: 1000px;
    height: 480px
}

.pa-case-foot {
    height: 520px;
    background: #f3f5f7
}

.pa-case-foot .solve-title {
    margin: 0;
    padding-top: 40px;
    padding-bottom: 30px
}

.pa-case-foot .solve-line {
    margin-top: 59px
}

.pa-case-foot .solution-foot-box {
    margin-top: 40px
}

.pa-case-foot .solution-foot-box .s-foot-box {
    border: solid 1px #e4e5e8;
    width: 331px;
    height: 260px;
    margin-left: 35px;
    float: left;
    margin-bottom: 40px;
    position: relative
}

.pa-case-foot .solution-foot-box .s-foot-mv {
    position: absolute;
    cursor: pointer
}

.pa-case-foot .solution-foot-box .s-foot-mv span {
    display: block;
    margin-top: -25px;
    text-align: right;
    color: #fff;
    margin-right: 10px
}

.pa-case-foot .solution-foot-box .video-big {
    width: 310px;
    height: 150px
}

.pa-case-foot .solution-foot-box .solution-left {
    margin-left: 0
}

/** PRODUCT ADVANTAGE */
.w-product .measures {
    overflow: hidden;
    padding-top: 200px
}

.w-product .measures .title {
    text-align: center;
    margin-bottom: 70px;
    font-size: 32px
}

.w-product .measures .col-md-6 {
    text-align: center
}

.w-product .measures .mea-box {
    margin: 60px auto;
    position: relative;
    width: 422px;
    height: 500px;
    background: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    padding: 30px 24px;
    border: 10px
}

.w-product .measures .mea-box.long {
    height: 570px
}

.w-product .measures .mea-box .icon {
    width: 56px;
    height: 56px;
    line-height: 44px;
    border-radius: 50%;
    position: absolute;
    top: -28px;
    left: 182px;
    text-align: center;
    background: #ff9274;
    -webkit-box-shadow: 0 5px 10px rgba(251, 146, 63, .5);
    box-shadow: 0 5px 10px rgba(251, 146, 63, .5);
    fill: #fff;
    padding-top: 12px
}

.w-product .measures .mea-box .icon img {
    width: 20px;
    height: auto
}

.w-product .measures .mea-box .title {
    margin: 20px auto 30px;
    font-size: 20px;
    color: #f07e5f
}

.w-product .measures .mea-box .text {
    text-align: left
}

.w-product .measures .mea-box .text p {
    color: #666;
    line-height: 30px
}

.w-product .measures .mea-box .text p.mb30 {
    margin-bottom: 30px
}

/** PRODUCT-detail */
.w-product-details {
    /*padding-top: 72px*/
}

.w-product-details .banner {
    height: 0;
    width: 100%;
    position: relative;
    padding-bottom: 22%
}

.w-product-details .banner .banner-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.w-product-details .banner .banner-masking {
    background: black;
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.w-product-details .banner .banner-img img {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, #3975f0, #27bbf2)
}

.w-product-details .banner .banner-text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000,endColorStr=#66000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000, endColorStr=#66000000)
}

.w-product-details .banner .banner-text .container {
    text-align: center
}

.w-product-details .banner .banner-text .solution-container {
    width: 1000px
}

.w-product-details .banner .banner-text .container {
    color: #fff;
    text-align: left;
    margin-top: 100px
}

.w-product-details .banner .banner-text .container .title {
    font-size: 40px;
    line-height: 40px;
    padding-bottom: 35px
}

.w-product-details .banner .banner-text .container .title-2 {
    font-size: 17px;
    line-height: 30px;
    letter-spacing: 1px
}

.w-product-details .banner-text .container .exp-box .box-img1 {
    margin-top: 3%;
    cursor: pointer
}

.w-product-details .banner-text .container .exp-box .box-img2 {
    float: none;
    margin-top: 0;
    margin-left: 300px;
    position: absolute;
    top: 0
}

.w-product-details .banner .banner-text .container .btn-exp:hover {
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#f97c4b), to(#fd944d));
    background: -webkit-linear-gradient(left, #f97c4b, #fd944d);
    background: linear-gradient(90deg, #f97c4b, #fd944d)
}

.w-product-details .tab-nav {
    text-align: left;
    height: 65px;
    line-height: 62px;
    /*margin-top: 30px;*/
    background: #f0f0f0;

}

.w-product-details .tab-nav .tab-nav-item {
    display: inline-block;
    margin-right: 200px;
    font-size: 20px;
    color: #333;
    text-align: left
}

.w-product-details .tab-nav .tab-nav-item .tab-nav-item-text {
    font-size: 18px;
    font-weight: 400;
}

.w-product-details .tab-nav .tab-nav-item.active {
    border-bottom: 3px solid #FDB11F;
    color: #FDB11F;
}

.w-product-details .tab-nav .tab-nav-item:hover {
    cursor: pointer
}

.w-product-details .pd-part .pd-item {
    width: 100%;
    background: #fff;
    min-width: 1100px
}

.w-product-details .pd-part .pd-item .newcontainer {
    height: 520px;
}

.w-product-details .pd-part .pd-item .col-md-6 {
    display: table;
    height: 100%

}

.w-product-details .pd-part .pd-item .col-md-6 .img img {
    max-width: 600px;
    height: auto;
    float: right;
}

.w-product-details .pd-part .black.pd-item .col-md-6 .img img {
    float: left;
}

.w-product-details .pd-part .pd-item .col-md-6 .img,
.w-product-details .pd-part .pd-item .col-md-6 .text {
    vertical-align: middle;
    display: table-cell
}

.w-product-details .pd-part .pd-item .col-md-6 .text .title {
    font-size: 26px;
    color: #3E3E3E;
    line-height: 30px;

}

.w-product-details .pd-part .pd-item .col-md-6 .text ul li {
    font-size: 16px;
    line-height: 1.5em;
    color: #666666;
    margin-bottom: 8px;
    position: relative;
    padding-left: 10px;

}

.w-product-details .pd-part .pd-item .col-md-6 .text ul .list-btn {
    border: solid 1px;
    border-radius: 20px;
    font-weight: 500;
    background: none;
    color: #FDB11F;
    padding: 5px 13px;
    font-size: 13px;
    margin-top: 20px;
    display: inline-block;
}

.w-product-details .pd-part .pd-item .col-md-6 .text ul .list-btn:hover {
    background: #FDB11F;
    border: solid 1px #FDB11F;
    color: #ffffff
}

.w-product-details .pd-part .pd-item .col-md-6 .text ul li:before {
    content: '';
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #666666;
    position: absolute;
    left: 0px;
    top: 10px
}

.w-product-details .pd-part .pd-item .col-md-6 .text .view-open {
    font-size: 16px;
    color: #f07e5f
}

.w-product-details .pd-part .pd-item .col-md-6 .text .view-open:hover {
    color: #ed6d49
}

.w-product-details .pd-part .pd-item.black {
    background: #f8f8f8
}

.w-product-details .pd-part .pd-item.black .text .col-text-right {
    /*padding-right: 30px*/
    float: right;

}

.w-pingtai .pd-part .pd-item .text ul {
    width: 500px;
    text-align: justify;
}

.w-update {
    padding-top: 0
}

.w-update .banner {
    width: 100%;
    height: 460px;
    text-align: center;
    background: none
}

.w-update62 .banner {
    width: 100%;
    height: 400px;
    text-align: center;
    background: none
}

.w-update .banner .banner-img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-image: url("/ap/wp-content/uploads/2017/10/update-banner.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.w-update .banner .banner-img62 {
    width: 100%;
    height: 100%;
    margin: 70px auto 0;
    overflow: hidden;
    background-image: url("/ap/wp-content/uploads/2018/06/banner-img.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.w-update .banner .banner-img63 {
    width: 100%;
    height: 100%;
    margin: 70px auto 0;
    overflow: hidden;
    background-image: url("/ap/wp-content/uploads/2018/10/6.3.5banner-img.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.w-update .banner .banner-img .banner-btn {
    width: 1000px;
    margin: 0 auto;
    text-align: left
}

.w-update .banner .banner-img .banner-btn .update-btn {
    margin-left: -65px;
    margin-top: 350px;
    cursor: pointer;
    width: 165px;
    background: none
}

.w-update .banner .banner-img .banner-btn .update62-btn {
    width: 165px;
    background: none;
    margin-top: 280px;
    cursor: pointer
}

.w-product-details .pd-part .update-item {
    height: 510px
}

.w-product-details .pd-part .update-item.black {
    background: #f2f6fc
}

.w-product-details .pd-part .update-item .container {
    height: 510px;
    width: 1150px
}

.w-product-details .pd-part .update-item .update-left {
    margin-left: 10px
}

.w-product-details .pd-part .update-item .col-md-6:nth-of-type(1) {
    width: 55%
}

.w-product-details .pd-part .update-item .col-md-6:nth-of-type(2) {
    width: 44%
}

.w-product-details .pd-part .pd-item.white .update-text {
    padding-left: 0
}

.w-product-details .pd-part .pd-item .col-md-6 .update-text .title {
    font-size: 24px;
    color: #222;
    line-height: 42px;
    margin-bottom: 20px;
    font-weight: 500
}

.w-product-details .pd-part .pd-item .col-md-6 .update-text ul li {
    font-size: 15px;
    line-height: 2;
    color: #333;
    margin-bottom: 0;
    position: relative;
    padding-left: 13px;
    margin-left: -13px
}

.w-product-details .pd-part .pd-item .col-md-6 .update-text ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d8d8d8;
    position: absolute;
    left: -10px;
    top: 12px
}

.w-product-details .pd-part .pd-item.white .update62-text {
    padding-left: 0
}

.w-product-details .pd-part .pd-item .col-md-6 .update62-text .title {
    font-size: 26px;
    color: #222;
    line-height: 42px;
    margin-bottom: 20px;
    font-weight: 500
}

.w-product-details .pd-part .pd-item .col-md-6 .update62-text ul li {
    font-size: 16px;
    line-height: 2;
    color: #333;
    margin-bottom: 0;
    position: relative;
    padding-left: 13px;
    margin-left: -13px
}

.w-product-details .pd-part .pd-item .col-md-6 .update62-text ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d8d8d8;
    position: absolute;
    left: -8px;
    top: 12px
}

.w-product-details .update-footer {
    width: 100%;
    height: 300px;
    text-align: center;
    background: #F3F3F5;

}

.update-footer .version-company {
    width: 1000px;
    margin: 0 auto;
}

.version-company p {
    color: #000000;
    padding-top: 60px;
    margin-bottom: 40px;
    text-align: left;
    font-size: 30px;
    margin-left: 10px;
}

.w-product-details .update-footer .update-footer-img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-image: url("/ap/wp-content/uploads/2017/10/update-logo.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.w-product-details .update-footer .update62-footer-img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-image: url("/ap/wp-content/uploads/2018/03/version62-logo.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.w-product-details .update-exp-btn {
    width: 100%;
    height: 300px;
    text-align: center;
    background: none
}

.w-product-details .update-exp-btn .banner-btn {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-image: url("/ap/wp-content/uploads/2017/10/servion-foot-btn.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center
}

.w-product-details .update62-exp-btn .banner-btn {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-image: url("https://www.fxiaoke.com/ap/wp-content/uploads/2017/10/servion-foot-btn.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center
}

.w-product-details .update-exp-btn .banner-btn img {
    margin-top: 90px;
    cursor: pointer
}

.w-product-details .update-exp-btn .banner-btn p {
    color: #dfdfdf;
    font-size: 18px
}

/*新增产品详情*/
.w-product-details h2 {
    font-size: 30px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 10px;
}

.w-product-details h3 {
    font-size: 22px;
    color: #3E3E3E;
    font-weight: 400;
}

.w-product-details p {
    font-size: 14px;
    color: #888888;
}

.w-product-details a {
    color: #555555;
}

.w-common .banner {
    width: 100%;
    height: 440px;
    background: linear-gradient(45deg, rgba(32, 35, 43, 1) 0%, rgba(43, 49, 57, 1) 100%);
}

.w-product-details .pd-part .pd-item .col-md-6 {
    width: 50%;
}

.w-product-details .pd-part .pd-item .col-common-left {
    text-align: left;
    width: 50%;
}

.w-common .banner .common-title-left {
    float: left;
    text-align: left;
}

.w-common .banner .common-title-left h2 {
    font-size: 42px;
    margin-top: 156px;
    margin-bottom: 15px;
    color: #FFFFFF;
}

.w-common .banner .common-title-left p {
    font-size: 18px;
    margin-bottom: 50px;
    color: #FFFFFF;
}

.w-common .banner .common-title-left a {
    display: block;
    width: 132px;
    height: 40px;
    line-height: 35px;
    border: solid 1px #a9a9a9;
    border-radius: 50px;
    color: #ffffff;
    text-align: center;
    background: #FDB11F;
    border: solid 1px #FDB11F;
}

.w-common .banner .common-title-left a:hover, .w-common .banner .common-solution-button:hover {
    background: #FDB11F;
    border: solid 1px #FDB11F;

}

.w-common .banner .common-solution-button {
    display: inline-block;
    width: 132px;
    height: 40px;
    line-height: 35px;
    border: solid 1px #a9a9a9;
    border-radius: 50px;
    color: #ffffff;
    text-align: center;
    background: #FDB11F;
    border: solid 1px #FDB11F;
}

.w-common .banner .common-solution-button:hover {
    background: #FDB11F;
    border: solid 1px #FDB11F;

}

.w-common .banner .fwt-tit-img {
    float: right;
    position: absolute;
    left: 450px;
    top: 80px;
}

.w-common .common-pro-yew-line {
    background: #FFB400;

}

.w-common .common-pro-line {
    width: 27px;
    height: 3px;
    margin-top: 36px;
    margin-bottom: 40px;

}

.w-product-details .procontainer {
    width: 1200px;

}

.w-product-details .pd-part .pd-item .promob {
    height: 540px;
}

.tab-nav .tab-head {
    /*border-bottom: solid 1px #E0E0E0;*/
}

.w-product-details .effic {
    padding: 60px 0px 40px 0px;
    overflow: hidden;

}

.w-product-details.item-bgblack .effic {
    background: #F8F8F9;

}

.w-product-details .effic h2 {
    margin-bottom: 30px;
}

.w-product-details .effic .effic-item {
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
    margin-left: 90px;
    height: 220px;

}

.w-product-details .effic .effic-item p {
    color: #444444;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

.w-product-details .effic .effic-item span {
    color: #999999;
    font-size: 14px;
    line-height: 22px;
    width: 230px;
    display: inline-block;
    text-align: left;

}

.w-product-details .effic .effic-first-left {
    margin-left: 0px;
}

.w-product-details .effic-back {
    background: #F8F8F9;
    height: 170px;
    padding: 35px 0px;
}

.w-product-details.item-bgblack .effic-back {
    background: #ffffff;

}

.w-product-details .product-fix {
    position: fixed;
    top: 56px;
    background: #f0f0f0;
    z-index: 11;
    width: 100%;
}

.w-product-details .product-fix-width {
    width: 100%;
}

/** SERVICE*/
.w-service {
    padding-top: 55px;
    text-align: center
}

.w-service .container {
    width: 1100px;
    margin: 0 auto;
}

.w-service .banner {
    width: 100%;
    height: 200px;
    background-image: url("../images/service-banner.png");
    background-size: cover;
    background-position: 50%;
    line-height: 200px;
}

.w-service .banner p {
    color: #FFFFFF;
    font-size: 36px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-service .banner {
        background-image: url("../images/service-banner.png")
    }
}

.w-service .service-title {
    padding: 80px 0 100px;
    width: 315px;
    margin: 0 auto
}

.w-service .service-title .text,
.w-service .service-title .text-pic {
    display: inline-block;
    float: left;
    vertical-align: middle
}

.w-service .service-title .text-pic {
    width: 184px;
    height: auto
}

.w-service .service-title .text {
    height: 69px;
    line-height: 69px;
    font-size: 32px;
    color: #333
}

.w-service .title span {
    font-size: 24px;
    line-height: 24px;
    color: #333;
    display: inline-block;
    vertical-align: middle
}

.w-service .title span.icon {
    width: 48px;
    height: auto;
    line-height: 48px;
    fill: #b3b3bc;
    padding-top: 10px;
    overflow: hidden
}

.w-service .title span.icon img {
    width: 40px;
    height: auto
}

.w-service .service-part {
    padding: 70px 0
}

.w-service .service-part .title {
    padding-bottom: 60px
}

.w-service .service-part1 .title {
    padding-bottom: 0
}

.w-service .service-part1 .text {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    width: 544px;
    margin: 24px auto 40px
}

.w-service .service-part1 .pic .col-md-2 {
    float: right;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    line-height: 180px;
    margin-right: -21px;
    color: #fff
}

.w-service .service-part1 .pic .pic-1 {
    background: 0 0;
    margin-right: 0
}

.w-service .service-part1 .pic .pic-2 {
    background: #6a7dca;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#e66a7dca,endColorStr=#e66a7dca)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#e66a7dca, endColorStr=#e66a7dca);
    background: rgba(106, 125, 202, .9)
}

.w-service .service-part1 .pic .pic-3 {
    background: #57a5f2;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#e657a5f2,endColorStr=#e657a5f2)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#e657a5f2, endColorStr=#e657a5f2);
    background: rgba(87, 165, 242, .9)
}

.w-service .service-part1 .pic .pic-4 {
    background: #7fc25d;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#e67fc25d,endColorStr=#e67fc25d)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#e67fc25d, endColorStr=#e67fc25d);
    background: rgba(127, 194, 93, .9)
}

.w-service .service-part1 .pic .pic-5 {
    background: #ffac63;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#e6ffac63,endColorStr=#e6ffac63)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#e6ffac63, endColorStr=#e6ffac63);
    background: rgba(255, 172, 99, .9)
}

.w-service .service-part1 .pic .pic-6 {
    background: 0 0
}

.w-service .service-part2 .col-md-6:nth-child(odd) {
    padding-right: 20px
}

.w-service .service-part2 .col-md-6:nth-child(even) {
    padding-left: 20px
}

.w-service .service-part2 .service-part2-box {
    width: 480px;
    height: 200px;
    background-image: url("../images/service-card.png");
    background-size: contain
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-service .service-part2 .service-part2-box {
        background-image: url("../images/service-card@2x.png")
    }
}

.w-service .service-part2 .service-part2-box .icon {
    width: 110px;
    height: 200px;
    display: inline-block;
    float: left;
    padding: 0 10px;
    background-repeat: no-repeat;
    background-position: 50%
}

.w-service .service-part2 .service-part2-box .icon .icon1 {
    height: 200px;
    background-image: url("../images/service-21.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-service .service-part2 .service-part2-box .icon .icon1 {
        background-image: url("../images/service-21@2x.png")
    }
}

.w-service .service-part2 .service-part2-box .icon .icon2 {
    height: 200px;
    background-image: url("../images/service-22.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-service .service-part2 .service-part2-box .icon .icon2 {
        background-image: url("../images/service-22@2x.png")
    }
}

.w-service .service-part2 .service-part2-box .article {
    width: 370px;
    height: 200px;
    display: inline-block;
    float: left;
    padding: 44px 30px
}

.w-service .service-part2 .service-part2-box .article .title {
    font-size: 20px;
    line-height: 20px;
    color: #333;
    padding: 0 0 27px;
    text-align: left
}

.w-service .service-part2 .service-part2-box .article .text {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    text-align: left
}

.w-service .service-part3 .row {
    width: 1040px;
    margin: 0 -20px
}

.w-service .service-part3 .col-md-4 {
    padding: 60px 20px 0
}

.w-service .service-part3 .col-md-4 .service-part3-box {
    width: 300px;
    height: 270px;
    position: relative;
    border: 1px solid #d3dde6
}

.w-service .service-part3 .col-md-4 .service-part3-box .img-icon {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-top: -60px;
    margin-left: -60px
}

.w-service .service-part3 .col-md-4 .service-part3-box .title {
    padding-top: 100px;
    padding-bottom: 15px;
    font-size: 24px;
    line-height: 24px;
    color: #333
}

.w-service .service-part3 .col-md-4 .service-part3-box .text {
    padding: 0 20px;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #666
}

.w-service .service-part4 .row {
    width: 1030px;
    margin: 0 -15px
}

.w-service .service-part4 .col-md-3 {
    padding: 0 15px
}

.w-service .service-part4 .col-md-3 .service-part3-box {
    width: 100%;
    height: 300px;
    line-height: 300px;
    position: relative;
    cursor: pointer;
    background-image: url("../images/service-41.png");
    background-size: contain
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-service .service-part4 .col-md-3 .service-part3-box {
        background-image: url("../images/service-41@2x.png")
    }
}

.w-service .service-part4 .col-md-3 .service-part3-box .label {
    font-size: 24px;
    color: #fff
}

.w-service .service-part4 .col-md-3 .service-part3-box .article {
    display: none;
    background: #f6f6f6;
    padding: 22px 22px 0;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.w-service .service-part4 .col-md-3 .service-part3-box .article .title {
    color: #f07e5f;
    line-height: 24px;
    font-size: 24px;
    padding-bottom: 16px
}

.w-service .service-part4 .col-md-3 .service-part3-box .article .text {
    font-size: 14px;
    line-height: 22px;
    color: #666
}

.w-service .service-part4 .col-md-3 .service-part3-box:hover .article {
    display: block
}

.w-service .service-part4 .col-md-3:nth-child(2) .service-part3-box {
    background-image: url("../images/service-42.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-service .service-part4 .col-md-3:nth-child(2) .service-part3-box {
        background-image: url("../images/service-42@2x.png")
    }
}

.w-service .service-part4 .col-md-3:nth-child(3) .service-part3-box {
    background-image: url("../images/service-43.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-service .service-part4 .col-md-3:nth-child(3) .service-part3-box {
        background-image: url("../images/service-43@2x.png")
    }
}

.w-service .service-part4 .col-md-3:nth-child(4) .service-part3-box {
    background-image: url("../images/service-44.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-service .service-part4 .col-md-3:nth-child(4) .service-part3-box {
        background-image: url("../images/service-44@2x.png")
    }
}

.w-service .service-part5 .text {
    width: 698px;
    margin: 0 auto
}

.w-service .service-part5 .text p {
    font-size: 16px;
    line-height: 24px;
    color: #666
}

.w-service .service-part5 .life-cycle {
    width: 100%;
    height: 72px;
    line-height: 72px;
    list-style: none;
    margin-top: 30px;
    background-image: url("../images/service-5.png");
    background-size: contain
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-service .service-part5 .life-cycle {
        background-image: url("../images/service-5@2x.png")
    }
}

.w-service .service-part5 .life-cycle .life-item {
    float: left;
    display: inline-block;
    width: 20%;
    text-align: center;
    line-height: 72px;
    color: #fff
}

.w-service .service-part5 .life-cycle .life-item.life-item-dark {
    color: #333
}

.w-service .service-part6 .title {
    font-size: 32px;
    line-height: 32px
}

.w-service .service-part6 .service-part6-table {
    text-align: center
}

.w-service .service-part6 .service-part6-table thead th {
    background: #f9f9f9;
    height: 52px;
    line-height: 52px
}

.w-service .service-part6 .service-part6-table thead th:nth-child(2) {
    width: 658px;
    text-align: left
}

.w-service .service-part6 .service-part6-table tbody td {
    width: 171px;
    padding: 14px 0;
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px solid #e2e2e2;
    vertical-align: middle
}

.w-service .service-part6 .service-part6-table tbody td:nth-child(2) {
    width: 658px;
    text-align: left
}

.w-service .service-part6 .service-part6-table tbody td .point {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px
}

.w-service .service-part6 .service-part6-table tbody td .point.red {
    background: #e0705e
}

.w-service .service-part6 .service-part6-table tbody td .point.orange {
    background: #ff9274
}

.w-service .service-part6 .service-part6-table tbody td .point.blue {
    background: #6aa1e2
}

.w-service .service-part6 .service-part6-table tbody td .point.green {
    background: #abdb79
}

.service-part8 {
    position: relative;
    margin-top: 50px
}

.service-part8 img {
    position: absolute;
    left: 39%
}

.service-part8 .service-part8-gf-img {
    left: 28%
}

.service-part8 p {
    font-size: 24px;
    font-weight: 500;
    padding-top: 5px
}

.w-service .service-line {
    width: 46px;
    display: inline-block;
    height: 2px;
    background: #FDB11F;
}

.w-service-details {
    padding-top: 30px;
    /*padding-bottom: 110px;*/
    text-align: center
}

.w-service-details .service-box {
    /*-webkit-box-shadow: 0 5px 30px #eff1f8;
	box-shadow: 0 5px 30px #E6E6E6*/
}

.w-service-details .service-details-table td {
    width: 128px;
    min-height: 60px;
    border-right: 1px solid #E6E6E6;
    /*border-bottom: 1px solid #E6E6E6*/
}

.w-service-details .service-details-table td:first-child {
    /*border-left: 1px solid #E6E6E6*/
}

.w-service-details .service-details-table td:last-child {
    /*border-right: 1px solid #E6E6E6*/
    border: none;
}

.w-service-details .service-details-table td.br-top-left {
    border-top-left-radius: 4px !important
}

.w-service-details .service-details-table td.br-top-right {
    border-top-right-radius: 4px !important
}

.w-service-details .service-details-table td.br-bottom-left {
    border-bottom-left-radius: 4px !important
}

.w-service-details .service-details-table td.br-bottom-right {
    border-bottom-right-radius: 4px !important
}

.w-service-details .service-details-title {
    border-collapse: separate;
    border-spacing: 0;
    width: 1100px;
}

.w-service-details .service-details-title td {
    background: #F4F4F4;
    /*border-top: 1px solid #dbdbdb*/
}

.w-service-details .service-details-title .service-details-item .title {
    font-size: 18px;
    line-height: 18px;
    color: #444;
    padding-top: 50px;
    font-weight: 600
}

.w-service-details .service-details-title .service-details-item .title.padding-left {
    padding-left: 20px
}

.w-service-details .service-details-title .service-details-item .title .title-span {
    font-size: 12px;
    color: #f07e5f
}

.w-service-details .service-details-title .service-details-item .text {
    font-size: 16px;
    line-height: 24px;
    color: #000000
}

.w-service-details .service-details-title .service-details-item .text .checkbox {
    margin-right: 6px;
    width: 16px;
    height: 16px
}

.w-service-details .service-details-title .service-details-part1 {
    width: 360px;
    height: 120px;
}

.w-service-details .service-details-title .service-details-part1 .service-details-p-left {
    text-align: left;
    padding-left: 28px
}

.w-service-details .service-details-content {
    border-collapse: separate;
    border-spacing: 0;
    background: #FBFBFB;
    width: 1100px;
}

.w-service-details .service-details-content tr:hover {
    background: #F2F2F2;
}

.w-service-details .service-details-content .no-border td {
    border-top: none
}

.w-service-details .service-details-content .service-details-item {
    padding: 15px;
    color: #242424;
    font-size: 14px;
    /*background: #FBFBFB;*/
}

.w-service-details .service-details-content .service-details-item.text-title {
    color: #444;
    width: 360px;
    text-align: left;
    padding-left: 30px;
}

.w-service-details .service-details-content .service-details-item .service-check {
    display: block;
    width: 16px;
    height: 11px;
    background-image: url("../images/Check.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-service-details .service-details-content .service-details-item .service-check {
        background-image: url("../images/Check.png")
    }
}

.w-service-details .service-details-content .item-title {
    text-align: left;
    height: 50px;
    line-height: 50px;
    padding-left: 70px;
    font-weight: 700;
    background: #f8f8f8
}

.w-service-details .service-rule {
    padding: 50px 0
}

.w-service-details .service-rule p {
    font-size: 16px;
    line-height: 28px;
    color: #444;
    text-align: left
}

.service-nav-bg {
    /*height: 830px;*/
    /*background: url("/ap/wp-content/uploads/2018/01/crm-bg-1.png")*/
}

.service-nav-bg .service-nav-tit {
    float: left;
}

.service-nav-bg .service-container {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

.service-nav-bg .service-container .service-xuxian {
    position: absolute;
    left: 120px;
    top: 40px;
    z-index: 10;
}

.service-nav-bg .box-icon {
    width: 0px;
    height: 0px;
    border-top: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-bottom: 15px solid #F4F4F4;
    border-left: 15px solid rgba(0, 0, 0, 0);
    position: absolute;
    top: -28px;
    left: 42px;
}

.tab-con-item .data-service {
    margin-top: 70px;
}

.tab-con-item .data-service .service-item {
    float: left;
}

.tab-con-item .data-service .service-item .arrow {
    margin-top: 45px;
    margin-left: 40px;
    margin-right: 40px;
}

.tab-last-item .data-service .service-item .arrow {
    margin-left: 20px;
    margin-right: 20px;
}

.tab-con-item h4 {
    font-size: 26px;
    margin-bottom: 20px;
}

.service-item p {
    float: left;
}

.service-item span {
    display: inherit;
    color: #333333;
}

.tab-con-item .service-box-item {
    padding: 40px 10px 40px 35px;
    width: 48%;
    background: #fff;
    margin-top: 60px;
    float: left;
    height: 177px;
}

.tab-con-item .service-box-item .data-box-show {
    float: left;
    text-align: left;
    width: 370px;
    text-align: justify
}

.tab-con-item .service-box-item .data-box-show h5 {
    font-size: 17px;
    color: #333333;
    margin-bottom: 10px;
    font-weight: 400;
}

.tab-con-item .service-box-item .data-box-show span {
    font-size: 13px;
    color: #666666;
}

.tab-con-item .service-box-item img {
    float: left;
    margin-right: 30px;
}

.tab-con-item .service-box-width {
    width: 31.8%;
    padding: 40px 18px;
    height: 177px;
}

.tab-con-item .service-box-width img {
    margin-right: 20px;
}

.tab-con-item .service-box-width .data-box-show {
    width: 240px;
}

.customer-image-bg {
    margin-top: 50px
}

.service-nav-con {
    width: 1080px;
    position: relative
}

.service-nav-title {
    color: #242424;
    font-size: 30px;
    padding-top: 45px
}

.service-bg-content1 {
    position: absolute;
    top: 235px;
    left: 80px;
    width: 168px;
    text-align: left
}

.service-bg-content1 p:nth-of-type(1) {
    font-size: 20px;
    margin-bottom: 19px
}

.service-bg-content1 p:nth-of-type(2) {
    font-size: 14px;
    color: #444;
    line-height: 24px;
    width: 190px
}

.service-bg-content-two {
    top: 458px;
    left: 120px
}

.service-bg-content-three {
    top: 675px;
    left: 520px
}

.service-bg-content-four {
    top: 455px;
    left: 850px
}

.service-bg-content-five {
    left: 850px
}

.service-hover-content1 {
    background: url("/ap/wp-content/uploads/2018/01/customer-pop.png") no-repeat;
    width: 728px;
    height: 313px;
    background-size: 728px 313px;
    position: absolute;
    top: -85px;
    left: 210px
}

.service-hover-content1 .service-hover-title {
    font-size: 15px;
    color: #333;
    line-height: 28px;
    padding: 40px 60px 25px;
    text-align: left
}

.service-hover-content1 p .service-hover-pfirst {
    padding-left: 5px
}

.service-hover-content1 p span {
    padding-left: 81px
}

.service-hover-content-base {
    background: url("/ap/wp-content/uploads/2018/01/customer-pop.png") no-repeat;
    width: 720px;
    height: 313px;
    background-size: 720px 313px;
    position: absolute;
    top: 140px;
    left: 220px;
    z-index: 1
}

.service-hover-content3 {
    background: url("/ap/wp-content/uploads/2018/01/security-pop.png") no-repeat;
    width: 760px;
    height: 320px;
    background-size: 760px 320px;
    position: absolute;
    top: 250px;
    left: 165px;
    z-index: 1
}

.service-hover-content4 {
    background: url("/ap/wp-content/uploads/2018/01/support-pop.png") no-repeat;
    width: 730px;
    height: 615px;
    background-size: 730px 615px;
    position: absolute;
    top: -50px;
    left: -10px;
    z-index: 1
}

.service-hover-item {
    padding: 38px 25px 20px;
    text-align: center;
    float: left;
    width: 350px
}

.service-hover-last-item {
    padding: 0 25px
}

.service-hover-item-three {
    text-align: center;
    float: left;
    width: 240px
}

.service-hover-cleft {
    padding-left: 15px
}

.service-hover-item-hr {
    width: 1px;
    border-top: 185px solid #e4e4e4;
    margin-top: 50px;
    float: left
}

.service-hover-item-hr3 {
    float: none;
    width: 650px;
    border-top: 1px solid #e4e4e4;
    margin-left: 30px
}

.service-hover-item p:nth-of-type(1) {
    margin-top: 19px;
    margin-bottom: 22px;
    font-size: 18px;
    color: #333
}

.service-hover-item p:nth-of-type(2) {
    font-size: 14px;
    color: #444;
    line-height: 24px;
    text-align: left;
    text-align: justify
}

.customer-button-base {
    position: absolute
}

.customer-button-default-1 {
    top: 198px;
    left: 290px
}

.data-button-default-2 {
    top: 425px;
    left: 300px
}

.security-button-default-3 {
    top: 540px;
    right: 485px
}

.support-button-default-4 {
    top: 420px;
    right: 280px
}

.phase-button-default-5 {
    top: 198px;
    right: 285px
}

.service-hover-content5 {
    background: url("/ap/wp-content/uploads/2018/01/phase-pop.png") no-repeat;
    width: 728px;
    height: 353px;
    background-size: 728px 353px;
    top: -125px;
    left: 142px
}

.service-hover-content5 .service-hover-title {
    padding: 40px 60px 30px
}

.service-hover-last-contentp {
    text-align: left
}

.service-hover-content1 p .service-hover-last-span1 {
    padding-left: 55px
}

.service-hover-content1 p .service-hover-last-span2 {
    padding-left: 80px
}

.service-hover-content1 p .service-hover-last-span3 {
    padding-left: 73px
}

.service-hover-content1 p .service-hover-last-span5 {
    padding-left: 72px
}

.service-bg-content1 .service-bg-color-p1 {
    color: #1268e9
}

.service-bg-content-two .service-bg-color-p2 {
    color: #4759eb
}

.service-bg-content-three .service-bg-color-p3 {
    color: #f35744
}

.service-bg-content-four .service-bg-color-p4 {
    color: #04a9a2
}

.service-bg-content-five .service-bg-color-p5 {
    color: #d83176
}

/*solutions developing*/
.w-solution {
    padding-top: 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-solution .banner {
    height: 340px;
    width: 100%;
    position: relative;
    padding: 0px;

}

.w-solution .banner .banner-img {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 340px;
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
    cursor: default;
}

/*快消*/
.w-solution .banner .kuaixiao-banner-img {

    background-image: url(../images/solution-banner-bg2.png);

}

/*it互联网*/
.w-solution .banner .ithulian-banner-img {

    background-image: url(../images/solution-banner-bg1.png);

}

/*机械制造*/
.w-solution .banner .jixie-banner-img {

    background-image: url(../images/solution-banner-bg3.png);

}

/*农牧*/
.w-solution .banner .nongmu-banner-img {

    background-image: url(../images/solution-banner-bg4.png);

}

/*软件*/
.w-solution .banner .ruanjian-banner-img {

    background-image: url(../images/solution-banner-bg5.png);

}

/*医疗*/
.w-solution .banner .yiliao-banner-img {
    background-image: url(../images/solution-banner-bg6.png);

}

/*建材*/
.w-solution .banner .jiancai-banner-img {
    background-image: url(../images/solution-banner-bg7.png);

}

/*传媒*/
.w-solution .banner .chuanmei-banner-img {
    background-image: url(../images/solution-banner-bg8.png);

}

/*金融*/
.w-solution .banner .jinrong-banner-img {
    background-image: url(../images/solution-banner-bg9.png);

}

/*教育培训*/
.w-solution .banner .jiaoyu-banner-img {
    background-image: url(../images/solution-banner-bg10.png);

}

/*生活服务行业*/
.w-solution .banner .shenghuo-banner-img {
    background-image: url(../images/solution-banner-bg11.png);

}

.w-solution .banner .banner-masking {
    background: black;
    opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.w-solution .banner .banner-img img {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, #3975f0, #27bbf2)
}

.w-solution .banner .banner-text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000,endColorStr=#66000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000, endColorStr=#66000000)
}

.w-solution .banner .banner-text .container {
    text-align: center
}

.w-solution .banner .banner-text .solution-container {
    width: 1100px
}

.w-solution .banner .banner-text .container {
    color: #fff;
    text-align: left;
    margin-top: 80px
}

.w-solution .banner .banner-text .container .title {
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 10px
}

.w-solution .banner .banner-text .container .title-2 {
    font-size: 22px
}

.banner-text .container .exp-box .box-img1 {
    margin-top: 3%;
    cursor: pointer
}

.banner-text .container .exp-box .box-img2 {
    float: right;
    margin-top: -200px
}

.w-solution .banner .banner-text .container .btn-exp:hover {
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#f97c4b), to(#fd944d));
    background: -webkit-linear-gradient(left, #f97c4b, #fd944d);
    background: linear-gradient(90deg, #f97c4b, #fd944d)
}

.w-solution .solution-body {
    text-align: center
}

.w-solution .solution-body .solution-middle {
    height: 650px
}

.solve-title {
    color: #242424;
    font-size: 30px;
    height: 32px;
    margin-top: 40px
}

.solve-line {
    background-color: #2879fb;
    height: 2px;
    width: 66px;
    margin: 19px auto
}

.w-solution .solution-body .solution-middle .solution-box {
    margin-top: 40px
}

.w-solution .solution-body .solution-middle .solution-box .s-box {
    width: 310px;
    height: 110px;
    margin-left: 35px;
    margin-bottom: 30px;
    border: solid 1px #dddddd;
    float: left;
    position: relative
}

.w-solution .solution-body .solution-middle .solution-box .s-box:hover {
    border: solid 1px #3080f5;
    box-shadow: 0 7px 35px rgba(0, 0, 0, 0.2);
    cursor: pointer
}

.w-solution .solution-body .solution-middle .solution-box .s-box img {
    position: absolute;
    top: 32px;
    left: 27px
}

.w-solution .solution-body .solution-middle .solution-box .s-box p:nth-of-type(1) {
    position: absolute;
    top: 30px;
    left: 88px;
    font-size: 20px;
    color: #242424;
    font-weight: 500
}

.w-solution .solution-body .solution-middle .solution-box .s-box p:nth-of-type(2) {
    position: absolute;
    top: 64px;
    left: 88px;
    right: 25px;
    font-size: 15px;
    color: #888888;
    text-align: justify;
    width: 200px
}

.w-solution .solution-body .solution-middle .solution-box .solution-left {
    margin-left: 0
}

.w-solution .solution-body .solution-question {
    height: 920px;
    background-color: #f3f4f7
}

.w-solution .solution-body .solution-question .container .solve-title {
    padding-top: 60px
}

.w-solution .solution-body .solution-question .container .solve-line {
    margin: 54px auto
}

.w-solution .solution-body .solution-question .container .solution-question-table {
    border: solid 1px #dddddd;
    background-color: #FFFFFF;
    height: 688px
}

.w-solution .solution-body .solution-question .container .solution-question-table table {
    width: 1000px
}

.w-solution .solution-body .solution-question .container .solution-question-table table tr td {
    border-right: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd
}

.w-solution .solution-body .solution-question .container .solution-question-table table .solution-nav-tr {
    height: 81px
}

.w-solution .solution-body .solution-question .container .solution-question-table table tr {
    height: 120px;
    line-height: 120px;
    color: #333333;
    font-weight: 500
}

.w-solution .solution-body .solution-question .container .solution-question-table table .solution-nav-tr .solution-question-item .title {
    color: #222222;
    font-size: 22px;
    font-weight: 500;
    line-height: 82px
}

.w-solution .solution-body .solution-question .container .solution-question-table table .solution-question-item .table-left-title {
    color: #333333;
    font-size: 16px;
    font-weight: 500
}

.w-solution .solution-body .solution-question .container .solution-question-table table .solution-nav-tr .solution-table-left {
    width: 320px
}

.w-solution .solution-body .solu-item-enterprise img {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 30px
}

.w-solution .solution-body .solution-foot {
    height: 760px;
    background: #f3f5f7
}

.w-solution .solution-body .solution-foot .solve-title {
    margin: 0;
    padding-top: 40px
}

.w-solution .solution-body .solution-foot .solve-line {
    margin-top: 59px
}

.w-solution .solution-body .solution-foot .solution-foot-box {
    margin-top: 40px
}

.w-solution .solution-body .solution-foot .solution-foot-box .s-foot-box {
    border: solid 1px #e4e5e8;
    width: 310px;
    height: 260px;
    margin-left: 35px;
    float: left;
    margin-bottom: 40px;
    position: relative
}

.w-solution .solution-body .solution-foot .solution-foot-box .s-foot-mv {
    position: absolute;
    cursor: pointer
}

.w-solution .solution-body .solution-foot .solution-foot-box .so-user-btn {
    position: absolute
}

.w-solution .solution-body .solution-foot .solution-foot-box .s-foot-mv span {
    display: block;
    margin-top: -35px;
    text-align: right;
    color: #fff;
    margin-right: 10px
}

.w-solution .solution-body .solution-foot .solution-foot-box .video-big {
    width: 310px;
    height: 150px
}

.w-solution .solution-body .solution-foot .solution-foot-box .solution-left {
    margin-left: 0
}

.w-solution .solution-body .solution-foot .solution-foot-box p {
    margin: 22px 22px 50px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #444444;
    line-height: 22px
}

.w-solution .banner .banner-text .d-container {
    text-align: center;
    /*margin-top: 7%*/
}

.w-solution .banner .banner-text .d-container .exp-box .d-title {
    font-size: 40px
}

.w-solution .banner .banner-text .d-container .exp-box .d-title-2 {
    font-size: 20px;
    margin-bottom: 40px
}

.d-solution-body .pd-part .pd-item .col-common-left .text ul p {
    font-size: 26px;
    margin-bottom: 43px;
    color: #333333;
}

.d-solution-body .pd-part .white.pd-item .col-md-6 .img img {
    float: left;
}

.d-solution-body .pd-part .black.pd-item .col-md-6 .img img {
    float: right;
}

.d-solution-body .pd-part .pd-item .col-md-6 .text ul li {
    margin-bottom: 0px;
}

.d-solution-body .pd-part .pd-item .col-md-6 .text ul li b {
    font-weight: 500;
    color: #333333;
}

.d-solution-body .pd-part .pd-item .col-md-6 .text ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #A9AEB5;
    position: absolute;
    left: -5px;
    top: 10px;

}

.d-solution-body .pd-part .pd-item .col-md-6 .text ul li.d-solution-box-item {
    margin-bottom: 15px;
}

.d-solution-body .pd-part .pd-item .col-md-6 .text ul li.d-solution-box-item:before {
    width: 0px;
    height: 0px;

}

.d-solution-body .pd-part .pd-item .newcontainer {
    height: 660px;
    width: 1100px;
}

.d-solution-body .d-solution-middle {
    background-color: #f3f4f7;
    overflow: hidden;
    padding-bottom: 50px;
}

.d-solution-body .d-middle-case {
    height: 475px;
    text-align: center;
}

.d-solution-body .d-case-imglogo {
    height: 250px;
    text-align: center;
}

.d-solution-new-body .d-middle-case {
    height: 306px;
    text-align: center;
}

/*.d-solution-new-body .d-sol-white{
	background: #ffffff;
}*/
.d-solution-body .index-link {
    font-size: 16px;
}

.d-solution-body .d-solution-bg {
    /*height: 710px;*/
    background-color: #FFFFFF
}

.d-solution-new-body .d-solution-bg {
    height: auto
}

.d-solution-new-body ul {
    list-style-type: disc
}

.d-solution-body .d-solution-middle .container .d-solve-title {
    color: #242424;
    font-size: 30px;
    height: 32px;
    padding-top: 40px;
    text-align: center
}

.d-solution-new-body .d-solution-new-middle .container .d-solve-title {
    color: #242424;
    font-size: 30px;
    height: 32px;
    padding-top: 40px;
    text-align: center
}

.d-solution-body .d-solution-middle .container .d-solve-line {
    background-color: #2879fb;
    height: 2px;
    width: 66px;
    margin: 59px auto 40px
}

.d-solution-new-body .d-solution-new-middle .container .d-solve-line {
    background-color: #2879fb;
    height: 2px;
    width: 66px;
    margin: 59px auto 40px
}

.d-solution-body .d-solution-middle .d-solution-box .d-box {
    width: 340px;
    height: 346px;
    position: relative;
    background-color: #FFFFFF;
    float: left;
    margin-left: 40px;
    box-shadow: 0px 8px 15px 0px rgba(76, 78, 87, 0.06);
    margin-top: 88px;

}

.d-solution-body .d-solution-middle .d-solution-img {
    width: 1150px;
    padding-top: 70px;
    /*padding-left: 35px;*/
    margin-bottom: 30px;
    overflow: hidden;
    margin-left: -15px;
}

.d-solution-body .d-solution-middle .d-solution-box .d-box-project {
    height: 490px;
    border: solid 1px #e4e5e8
}

.d-solution-body .d-solution-middle .d-solution-box .d-box .d-box-img {
    position: absolute;
    top: 25px;
    left: 120px;
    bottom: 37px
}

.d-solution-body .d-solution-middle .d-box-title p:nth-of-type(1) {
    color: #333333;
    font-size: 17px;
    font-weight: 500;
    margin-top: 155px;
    text-align: center
}

.d-solution-body .d-solution-middle .d-solution-box p:nth-of-type(2) {
    position: absolute;
    top: 192px;
    left: 24px;
    right: 24px;
    color: #888888;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400
}

.d-solution-body .d-solution-middle .d-solution-box .d-solution-left {
    margin-left: 0
}

.d-solution-body .d-solution-middle .d-solution-box .d-box-project .d-box-bg {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    height: 200px;
    width: 340px;
    background: #F8F8F8;
}

.d-solution-body .d-solution-middle .d-solution-box .d-box .d-box-center {
    text-align: center;
    vertical-align: middle;
    display: table-cell
}

.d-solution-body .d-solution-middle .d-solution-box .d-box-project p:nth-of-type(1) {
    text-align: center;
    margin-top: 30px;
    font-weight: 500;
    font-size: 17px;
    color: #333333;
}

.d-solution-body .d-solution-middle .d-solution-box .d-box-project .souline {
    width: 20px;
    height: 1px;
    background: #444444;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
}

.d-solution-body .d-solution-middle .d-solution-box .d-box-project p:nth-of-type(2) {
    position: absolute;
    top: 277px;
    left: 24px;
    right: 25px;
    text-align: justify
}

.d-solution-body .d-solution-middle .d-solution-box .d-case {
    float: left
}

.d-solution-body .d-solution-middle .d-solution-box .d-case .d-solution-case {
    position: inherit;
    /*	margin-left: -21px*/
    width: 383px;
    margin-left: -5px;
    height: 250px;
}

.d-solution-body .d-solution-middle .d-solution-box .d-case .d-solution-case-left {
    /*margin-left: 10px*/
}

.d-solution-body .d-solution-middle .d-solution-box .d-case p {
    position: inherit;
    text-align: center;
    color: #555555;
    font-size: 16px
}

.d-solution-body .d-solution-middle .d-solution-look {
    clear: both;
    text-align: center;
    margin-left: 20px;
    padding-top: 39px
}

.d-solution-new-body .d-solution-middle .d-solution-look {
    clear: both;
    text-align: center;
    margin-left: 30px;
    padding-top: 85px
}

.d-solution-body .d-solution-middle .d-solution-look span a {
    color: #e86d50
}

.d-solution-body .d-pro-height {
    /*height: 638px*/
}

.d-solution-new-body .d-pro-height {
    /*height: 670px*/
}

.d-solution-body .d-solution-middle .d-solution-box .d-box-pro-height {
    height: 430px
}

.d-solution-new-body .d-solution-middle .d-solution-box .d-box-pro-height {
    height: 476px
}

.d-solution-body .d-solve-height {
    /*height: 730px*/
}

.d-solution-new-body .d-solve-height {
    height: auto
}

.d-solution-body .d-solution-middle .d-solution-box .d-box-solve-height {
    height: 520px
}

.d-solution-new-body .d-solution-new-middle .d-solution-new-box {
    width: 100%;
    min-width: 1240px;
    background: url(../images/consume-bg.png);
    height: 420px;
    background-size: 100% 420px;
    margin-top: 90px;
}

.d-solution-new-body .d-solution-new-middle .d-solution-farm {

    background: url(../images/Farming-bg.png);

}

.d-solution-new-body .d-solution-new-middle .d-solution-new-box .d-solution-box-img {

    height: 317px;
    float: right;
    margin-top: 50px;
}

.d-solution-black {
    background: #F9F9F9;
    padding-top: 85px;
    background-size: 100% 710px;
}

.d-solution-crm {
    margin-top: 140px;
    float: left;
    width: 560px;
    /* font-size: 14px; */
    text-align: left;
    /* line-height: 420px; */
}

.d-solution-crm p {
    color: #ffffff;
    font-size: 26px
}

.d-solution-crm ul {
    font-size: 14px;
    color: #ffffff;
    /* line-height: 30px; */
    margin-top: 49px;
}

.d-solution-crm ul li {
    margin-bottom: 10px;
    font-weight: 300;
}

.d-solution-white {
    height: 710px;
    padding-top: 60px
}

.d-solution-white .solu-img-left {
    margin-left: -50px
}

.d-solution-box-2 {
    height: 700px
}

.d-solution-white .container .solu-box-left {
    float: left
}

.d-solution-white .container .solu-box-right {
    float: right
}

.d-solution-white .container .solu-box-base p span {
    color: #222222;
    font-size: 24px;
    font-weight: 600
}

.d-solution-white .container .solu-box-base ul {
    width: 510px;
    height: 651px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.d-solution-white .container .solu-box-base ul p {
    padding-bottom: 39px
}

.d-solution-white .container .solu-box-base ul li {
    font-size: 15px;
    color: #444444;
    line-height: 25px;
    padding-bottom: 10px;
    list-style-type: disc;
}

.d-solution-white .container .solu-box-base ul .d-solution-box-item {
    list-style: none
}

.d-solution-blue {
    background: url("/ap/wp-content/uploads/2017/12/solution-banner-bg.png") no-repeat;
    padding-top: 85px;
    background-size: 100% 710px
}

.d-solution-blue .container .solu-box-base p span {
    color: #FFFFFF
}

.d-solution-blue .container .solu-box-base ul li {
    color: #FFFFFF
}

#wrapper {
    width: 960px;
    margin: 100px auto 0
}

#tabs {
    width: 1000px;
    height: 605px;
    margin: 0 auto 40px
}

#tabs ul {
    width: 320px;
    float: left
}

#tabs ul .tables-border {
    border-right: solid 1px #FDB11F
}

#tabs .tables-left-li {
    margin-right: 2px;
    width: 320px;
    height: 121px;
    line-height: 121px;
    border-bottom: solid 1px #dddddd
}

#tabs .tables-last-li {
    border-bottom: none
}

#tabs .tables-left-li:last-child {
    border-bottom: none
}

#tabs li a {
    display: block;
    text-decoration: none;
    color: #333333;
    cursor: default
}

#tabs_container {
    padding: 40px;
    overflow: hidden;
    position: relative;
    background: white;
    height: 606px;
    background-color: #f8f9fb;
    border: solid 1px #2879fb;
    border-left-style: none;
    text-align: left
}

#tabs_container div {
    margin-right: 40px
}

#tabs_container .solu-tabs-span {
    border-left: solid 2px #2879fb;
    padding-left: 8px;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    height: 17px;
    line-height: 17px
}

#tabs_container .tabs-right-ul {
    width: 610px
}

#tabs_container .tabs-right-ul li {
    line-height: 25px;
    padding-bottom: 10px;
    text-align: justify;
    font-size: 14px;
    color: #555555;
    border-right: none
}

#tabs_container .tabs-right-ul .solution-box-item-a {
    display: inline-block;
    cursor: pointer;
    color: #ed6d49
}

#tabs_container .tables-lable {
    position: absolute;
    top: 380px
}

#tabs_container p span {
    display: inline-block;
    height: 30px;
    border: 1px solid #d9d9d9;
    border-radius: 15px;
    margin-left: 10px;
    margin-top: 15px;
    text-align: center;
    padding: 5px 20px;
    color: #888;
    font-size: 14px
}

#tabs_container p span:hover {
    color: #5797fe;
    border: 1px solid #5797fe;
    cursor: pointer
}

.transition {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.make_transist {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.hidescale {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0
}

.showscale {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.hideleft {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.showleft {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.hidescaleup {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.showscaleup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.hideflip {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: rotatey(-90deg) scale(1.1);
    -moz-transform: rotatey(-90deg) scale(1.1);
    -o-transform: rotatey(-90deg) scale(1.1);
    -ms-transform: rotatey(-90deg) scale(1.1);
    transform: rotatey(-90deg) scale(1.1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.showflip {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform: rotatey(0deg) scale(1);
    -moz-transform: rotatey(0deg) scale(1);
    -o-transform: rotatey(0deg) scale(1);
    -ms-transform: rotatey(0deg) scale(1);
    transform: rotatey(0deg) scale(1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.tabulous_active {
    background-color: #f8f9fb;
    border: solid 1px #FDB11F;
    border-right-style: none
}

.tabulousclear {
    display: block;
    clear: both
}

/** PRICE **/
/** PRICE **/
.w-price {
    padding-top: 55px;
    text-align: center
}

.w-price .container {
    width: 1200px
}

.w-price .title {
    padding: 100px 0 40px;
    font-size: 32px;
    line-height: 32px;
    color: #333
}

.w-price .price-content {
    padding-top: 10px;
    padding-bottom: 72px
}

.w-price .price-content .col-md-3 {
    padding: 0 13px
}

.w-price .price-content .price-content-box {
    background: #fff;
    height: 540px;
    -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .12);
    box-shadow: 0 0 24px rgba(0, 0, 0, .12)
}

.w-price .price-content .price-content-box .price-title {
    padding: 20px 0;
    font-size: 24px;
    line-height: 24px;
    color: #333
}

.w-price .price-content .price-content-box .price-info {
    height: 210px;
    padding: 38px 0;
    background: #f7f7f7
}

.w-price .price-content .price-content-box .price-info .price-desc1 {
    font-size: 35px;
    line-height: 64px;
    padding-bottom: 13px
}

.w-price .price-content .price-content-box .price-info .price-desc1.green {
    color: #7fc25d
}

.w-price .price-content .price-content-box .price-info .price-desc1.yellow {
    color: #fcb058
}

.w-price .price-content .price-content-box .price-info .price-desc1.red {
    color: #f27474
}

.w-price .price-content .price-content-box .price-info .price-desc1.blue {
    color: #718ce5
}

.w-price .price-content .price-content-box .price-info .price-desc1.unit {
    font-size: 35px;
    font-weight: 500;
    position: relative;
    text-align: left;
    padding-left: 85px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-price .price-content .price-content-box .price-info .price-desc1.unit:before {
    content: '¥';
    position: absolute;
    left: 60px;
    top: 15px;
    width: 15px;
    height: 33px;
    line-height: 33px;
    color: #333;
    font-size: 24px;
    font-weight: 400
}

.w-price .price-content .price-content-box .price-info .price-desc1.unit:after {
    content: '/用户/年';
    position: absolute;
    top: 23px;
    right: 30px;
    bottom: 20px;
    width: auto;
    height: 25px;
    line-height: 25px;
    color: #333;
    font-size: 20px;
    font-weight: 400
}

.w-price .price-content .price-content-box .price-info .price-desc1.unit.blue {
    padding-left: 65px
}

.w-price .price-content .price-content-box .price-info .price-desc1.unit.blue:before {
    left: 40px
}

.w-price .price-content .price-content-box .price-info .price-desc1.unit.blue:after {
    right: 30px
}

.w-price .price-content .price-content-box .price-info .price-desc2 {
    font-size: 24px;
    line-height: 24px;
    padding-bottom: 15px;
    color: #333
}

.w-price .price-content .price-content-box .price-info .price-desc3 {
    font-size: 18px;
    line-height: 18px;
    color: #333
}

.w-price .price-content .price-content-box .price-desc {
    padding: 28px 24px 0 36px;
    list-style: disc
}

.w-price .price-content .price-content-box .price-desc .price-desc-item {
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    padding-bottom: 16px
}

.w-price .view-price-details {
    padding-bottom: 80px
}

.w-price .view-price-details .btn-price-detais {
    color: #fff !important;
    width: 162px;
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#ff8a5c), to(#ffa66a));
    background: -webkit-linear-gradient(left, #ff8a5c, #ffa66a);
    background: linear-gradient(90deg, #ff8a5c, #ffa66a);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 38, .4);
    box-shadow: 0 3px 8px rgba(0, 0, 38, .4)
}

.w-price .view-price-details .btn-price-detais:hover {
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#f97c4b), to(#fd944d));
    background: -webkit-linear-gradient(left, #f97c4b, #fd944d);
    background: linear-gradient(90deg, #f97c4b, #fd944d)
}

.w-price .price-affix {
    padding-top: 50px
}

.w-price .price-affix p {
    font-size: 16px;
    line-height: 28px;
    color: #444;
    text-align: left
}

.w-price .price-affix .title {
    font-size: 16px;
    padding-top: 0;
    color: #333;
    font-weight: 500;
    line-height: 24px;
    padding-left: 11px;
    position: relative;
    padding-bottom: 5px
}

.w-price .price-affix .title:before {
    content: '';
    width: 4px;
    height: 15px;
    background: #ff9274;
    position: absolute;
    top: 3px;
    left: 0
}

.w-price .price-affix .text {
    color: #444
}

.w-price .price-affix .text.table span {
    display: inline-block;
    width: 160px
}

.w-price .price-affix p {
    color: #666
}

.w-price .price-affix .price-affix-table {
    text-align: center
}

.w-price .price-affix .price-affix-table td, .w-price .price-affix .price-affix-table th {
    border-collapse: collapse;
    border: 1px solid #dbdbdb;
    padding: 20px 10px;
    font-size: 16px;
    color: #666;
    display: table-cell;
    vertical-align: middle;
    line-height: 22px
}

.w-price .price-affix.last {
    padding-bottom: 60px
}

.w-price .price-affix.last .title {
    padding-bottom: 20px
}

.w-price-list-details {
    padding-top: 46px;
    text-align: center
}

.w-price-list-details .service-box {
    -webkit-box-shadow: 0 5px 30px #eff1f8;
    box-shadow: 0 5px 30px #eff1f8
}

.w-price-list-details .service-details-table td {
    width: 199px;
    min-height: 60px;
    border-right: 2px solid #eff1f8;
    border-bottom: 2px solid #eff1f8
}

.w-price-list-details .service-details-table td:first-child {
    border-left: 1px solid #eff1f8
}

.w-price-list-details .service-details-table td:last-child {
    border-right: 1px solid #eff1f8
}

.w-price-list-details .service-details-table td.br-top-left {
    border-top-left-radius: 4px !important
}

.w-price-list-details .service-details-table td.br-top-right {
    border-top-right-radius: 4px !important
}

.w-price-list-details .service-details-table td.br-bottom-left {
    border-bottom-left-radius: 4px !important
}

.w-price-list-details .service-details-table td.br-bottom-right {
    border-bottom-right-radius: 4px !important
}

.w-price-list-details .service-details-title {
    border-collapse: separate;
    border-spacing: 0
}

.w-price-list-details .service-details-title td {
    background: #e7eaf2;
    border-top: 1px solid #dbdbdb
}

.w-price-list-details .service-details-title .service-details-item .title {
    font-size: 18px;
    line-height: 18px;
    color: #444;
    padding-top: 50px
}

.w-price-list-details .service-details-title .service-details-item .title.padding-left {
    padding-left: 20px
}

.w-price-list-details .service-details-title .service-details-item .title .title-span {
    font-size: 12px;
    color: #f07e5f
}

.w-price-list-details .service-details-title .service-details-item .text {
    font-size: 18px;
    line-height: 24px;
    color: #fff
}

.w-price-list-details .service-details-title .service-details-item .text .checkbox {
    margin-right: 6px;
    width: 16px;
    height: 16px
}

.w-price-list-details .service-details-title .service-details-tiem-bg {
    background: #5dc285;
    width: 199px
}

.w-price-list-details .service-details-title .service-details-tiem-blue1 {
    background: #fcb058;
    width: 199px
}

.w-price-list-details .service-details-title .service-details-tiem-blue2 {
    background: #f46868;
    width: 199px
}

.w-price-list-details .service-details-title .service-details-tiem-orange {
    background: #718ce5;
    width: 199px
}

.w-price-list-details .service-details-title .service-details-tiem-red {
    background: #5eabf3;
    width: 205px
}

.w-price-list-details .service-details-title .service-details-part1 {
    width: 360px;
    height: 120px
}

.w-price-list-details .service-details-title .service-details-part1 .service-details-p-left {
    text-align: left;
    padding-left: 10px
}

.w-price-list-details .service-details-content {
    border-collapse: separate;
    border-spacing: 0
}

.w-price-list-details .service-details-content .no-border td {
    border-top: none
}

.w-price-list-details .service-details-content .service-details-item {
    color: #333;
    font-size: 18px;
    letter-spacing: 0.8px
}

.w-price-list-details .service-details-content .service-details-item.text-title {
    color: #333
}

.w-price-list-details .service-details-content .service-details-item .service-check {
    display: block;
    width: 22px;
    height: 16px;
    background-image: url("https://fxiaoke.com/ap/wp-content/uploads/2017/10/check-icon.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-price-list-details .service-details-content .service-details-item .service-check {
        background-image: url("https://fxiaoke.com/ap/wp-content/uploads/2017/10/check-icon@2x.png")
    }
}

.w-price-list-details .service-details-content .item-title {
    text-align: left;
    height: 50px;
    line-height: 50px;
    padding-left: 70px;
    font-weight: 700;
    background: #f8f8f8
}

.w-price-list-details .service-rule {
    padding: 50px 0
}

.w-price-list-details .service-rule p {
    font-size: 16px;
    line-height: 28px;
    color: #444;
    text-align: left
}

.w-price-list-details .service-details-content .same {
    height: 120px;
    line-height: 120px
}

.w-price-list-details .service-details-title .price-hl-next {
    width: 239px
}

.w-price-list-details .price-next2 td {
    width: 240px
}

.service-details-item .price-num1 {
    color: #5dc285
}

.service-details-item .price-num2 {
    color: #fcb058
}

.service-details-item .price-num3 {
    color: #f46868
}

.service-details-item .price-num4 {
    color: #718ce5
}

.w-price .price-view-button {
    padding-bottom: 30px;
    padding-top: 50px
}

/*企业互联价格详情页*/
.w-price-qy-details {
    padding-top: 130px;
    text-align: center;
    padding-bottom: 50px
}

.w-price-qy-details .price-details-table td {
    min-height: 60px;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb
}

.w-price-qy-details .price-details-table td:first-child {
    border-left: 1px solid #dbdbdb
}

.w-price-qy-details .price-details-table td.br-top-left {
    border-top-left-radius: 4px !important;
    width: 120px;
    height: 140px
}

.w-price-qy-details .price-details-table td.br-top-right {
    border-top-right-radius: 4px !important
}

.w-price-qy-details .price-details-table td.br-bottom-left {
    border-bottom-left-radius: 4px !important
}

.w-price-qy-details .price-details-table td.br-bottom-right {
    border-bottom-right-radius: 4px !important
}

.w-price-qy-details .price-details-title {
    border-collapse: separate;
    border-spacing: 0
}

.w-price-qy-details .price-details-title td {
    padding: 60px 0;
    background: #f2f2f2;
    border-top: 1px solid #dbdbdb
}

.w-price-qy-details .price-details-title .price-details-item .title {
    font-size: 18px;
    line-height: 18px;
    color: #333
}

.w-price-qy-details .price-details-title .price-details-item .title.padding-left {
    padding-left: 20px
}

.w-price-qy-details .price-details-title .price-details-item .title .title-span {
    font-size: 12px;
    color: #f07e5f
}

.w-price-qy-details .price-details-title .price-details-item .text {
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.w-price-qy-details .price-details-title .price-details-item .text .checkbox {
    margin-right: 6px;
    width: 16px;
    height: 16px
}

.w-price-qy-details .price-details-title .price-qy-details-item {
    padding: 0
}

.w-price-qy-details .price-details-content {
    border-collapse: separate;
    border-spacing: 0
}

.w-price-qy-details .price-details-content .no-border td {
    border-top: none
}

.w-price-qy-details .price-details-content .price-details-item {
    padding: 15px 5px;
    color: #f07e5f;
    text-align: left;
    line-height: 25px;
    vertical-align: middle
}

.w-price-qy-details .price-details-content .price-details-item.text-title {
    color: #333;
    width: 201px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.w-price-qy-details .price-details-content .price-details-item.price-table-item {
    width: 399px
}

.w-price-qy-details .price-details-content .price-details-item.price-table-xk-item {
    width: 130px
}

.w-price-qy-details .price-details-content .price-details-item.price-table-wxlast-item {
    width: 140px
}

.w-price-qy-details .price-details-content .price-details-item .price-check {
    display: block;
    width: 21px;
    height: 12px;
    background-image: url("/ap/wp-content/uploads/2018/01/check-34cc869d79.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-price-qy-details .price-details-content .price-details-item .price-check {
        background-image: url("/ap/wp-content/uploads/2018/01/check-34cc869d79@2x.png")
    }
}

.w-price-qy-details .price-details-content .price-details-item ul li {
    padding-left: 10px;
    padding-bottom: 15px
}

.w-price-qy-details .price-details-content .item-title {
    text-align: left;
    height: 50px;
    line-height: 50px;
    padding-left: 70px;
    font-weight: 700;
    background: #f8f8f8
}

.w-price-qy-details .price-rule {
    padding: 50px 0
}

.w-price-qy-details .price-rule p {
    font-size: 16px;
    line-height: 28px;
    color: #444;
    text-align: left
}

.price-qy-item {
    border: 1px solid #dbdbdb;
    width: 1000px;
    height: 140px;
    font-size: 18px;
    background: #f2f2f2
}

.price-qy-cositem {
    width: 399px
}

.price-qy-cositem, .price-qy-first {
    float: left;
    height: 140px;
    border-right: 1px solid #dbdbdb;
    line-height: 140px
}

.price-qy-first {
    width: 200px
}

.price-qy-last {
    line-height: 15px;
    border-right: none
}

.qy-item-top {
    height: 50px;
    border-bottom: 1px solid #dbdbdb;
    display: table-cell;
    vertical-align: middle;
    width: 400px
}

.qy-item-bottom-itme {
    float: left;
    border-right: 1px solid #dbdbdb;
    height: 90px;
    padding-top: 40px
}

.qy-item-bottom1, .qy-item-bottom2 {
    width: 130px
}

.qy-item-bottom3 {
    width: 135px;
    border-right: none;
    line-height: 22px;
    padding-top: 25px
}

/*客户互联价格详情页*/
.w-price-kh-details {
    padding-top: 130px;
    text-align: center;
    padding-bottom: 50px
}

.w-price-kh-details .price-details-table td {
    width: 200px;
    min-height: 60px;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb
}

.w-price-kh-details .price-details-table td:first-child {
    border-left: 1px solid #dbdbdb
}

.w-price-kh-details .price-details-table td.br-top-left {
    border-top-left-radius: 4px !important
}

.w-price-kh-details .price-details-table td.br-top-right {
    border-top-right-radius: 4px !important
}

.w-price-kh-details .price-details-table td.br-bottom-left {
    border-bottom-left-radius: 4px !important
}

.w-price-kh-details .price-details-table td.br-bottom-right {
    border-bottom-right-radius: 4px !important
}

.w-price-kh-details .price-details-title {
    border-collapse: separate;
    border-spacing: 0
}

.w-price-kh-details .price-details-title td {
    padding: 20px 0;
    background: #f2f2f2;
    border-top: 1px solid #dbdbdb
}

.w-price-kh-details .price-details-title .price-details-item .title {
    font-size: 18px;
    line-height: 18px;
    color: #333
}

.w-price-kh-details .price-details-title .price-details-item .title.padding-left {
    padding-left: 20px
}

.w-price-kh-details .price-details-title .price-details-item .title .title-span {
    font-size: 12px;
    color: #f07e5f
}

.w-price-kh-details .price-details-title .price-details-item .text {
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.w-price-kh-details .price-details-title .price-details-item .text .checkbox {
    margin-right: 6px;
    width: 16px;
    height: 16px
}

.w-price-kh-details .price-details-title .price-kh-lastcos {
    width: 800px
}

.w-price-kh-details .price-details-content {
    border-collapse: separate;
    border-spacing: 0
}

.w-price-kh-details .price-details-content .no-border td {
    border-top: none
}

.w-price-kh-details .price-details-content .price-details-item {
    color: #f07e5f
}

.w-price-kh-details .price-details-content .price-details-item.text-title {
    color: #333;
    display: table-cell;
    vertical-align: middle
}

.w-price-kh-details .price-details-content .price-details-item .price-check {
    display: block;
    width: 21px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto
}

.w-price-kh-details .price-details-content .price-kh-right-item {
    width: 800px
}

.w-price-kh-details .price-details-content .price-kh-right-item ul {
    text-align: left;
    line-height: 20px;
    padding-bottom: 20px
}

.w-price-kh-details .price-details-content .price-kh-right-item ul li {
    padding-top: 20px;
    padding-left: 20px
}

.w-price-kh-details .price-details-content .item-title {
    text-align: left;
    height: 50px;
    line-height: 50px;
    padding-left: 70px;
    font-weight: 700;
    background: #f8f8f8
}

.w-price-kh-details .price-rule {
    padding: 50px 0
}

.w-price-kh-details .price-rule p {
    font-size: 16px;
    line-height: 28px;
    color: #444;
    text-align: left
}

/** PRICE DETAILS**/
.w-price-details .price-details-content, .w-price-details .price-details-title {
    border-collapse: separate;
    border-spacing: 0
}

.w-price-details {
    padding-top: 170px;
    text-align: center
}

.w-price-details .price-details-table td {
    width: 200px;
    min-height: 60px;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb
}

.w-price-details .price-details-table td:first-child {
    border-left: 1px solid #dbdbdb
}

.w-price-details .price-details-table td.br-top-left {
    border-top-left-radius: 4px !important
}

.w-price-details .price-details-table td.br-top-right {
    border-top-right-radius: 4px !important
}

.w-price-details .price-details-table td.br-bottom-left {
    border-bottom-left-radius: 4px !important
}

.w-price-details .price-details-table td.br-bottom-right {
    border-bottom-right-radius: 4px !important
}

.w-price-details .price-details-title td {
    padding: 20px 0;
    background: #f2f2f2;
    border-top: 1px solid #dbdbdb
}

.w-price-details .price-details-title .price-details-item .title {
    font-size: 18px;
    line-height: 18px;
    color: #333;
    padding-bottom: 20px
}

.w-price-details .price-details-title .price-details-item .title.padding-left {
    padding-left: 20px
}

.w-price-details .price-details-title .price-details-item .title .title-span {
    font-size: 12px;
    color: #f07e5f
}

.w-price-details .price-details-title .price-details-item .text {
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.w-price-details .price-details-title .price-details-item .text .checkbox {
    margin-right: 6px;
    width: 16px;
    height: 16px
}

.w-price-details .price-details-content .no-border td {
    border-top: none
}

.w-price-details .price-details-content .price-details-item {
    padding: 15px 5px;
    color: #f07e5f
}

.w-price-details .price-details-content .price-details-item.text-title {
    color: #333
}

.w-price-details .price-details-content .price-details-item .price-check {
    display: block;
    width: 21px;
    height: 12px;
    background-image: url("/web/v2.0/images/check-34cc869d79.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-price-details .price-details-content .price-details-item .price-check {
        background-image: url("/web/v2.0/images/check@2x-11f2fe36ec.png")
    }
}

.w-price-details .price-details-content .item-title {
    text-align: left;
    height: 50px;
    line-height: 50px;
    padding-left: 70px;
    font-weight: 700;
    background: #f8f8f8
}

.w-price-details .price-rule {
    padding: 50px 0
}

.w-price-details .price-rule p {
    font-size: 16px;
    line-height: 28px;
    color: #444;
    text-align: left
}

.w-friend-link {
    background: #161616
}

.w-friend-link .container {
    padding: 20px 0;
    border-top: 1px solid #444444;
    border-bottom: 1px solid #444444;
    text-align: left
}

.w-friend-link .container .friend-link-item {
    display: inline-block;
    margin-right: 30px;
    font-size: 14px;
    line-height: 18px;
    color: #DADADA;
    margin-bottom: 10px
}

/*ACTIVITY*/
.w-activity {
    background: #000
}

.w-activity .container {
    text-align: center
}

.w-activity .activity-title {
    padding: 80px 0 60px;
    text-align: center
}

.w-activity .activity-title p {
    margin: 0 auto;
    color: #a0c1ff;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    position: relative
}

.w-activity .activity-title p:after, .w-activity .activity-title p:before {
    position: absolute;
    top: 9px;
    display: block;
    width: 388px;
    height: 22px;
    content: '';
    background-size: contain
}

.w-activity .activity-title p:before {
    left: 0;
    background-image: url("/ap/wp-content/uploads/2017/07/arrow-left.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-activity .activity-title p:before {
        background-image: url("/ap/wp-content/uploads/2017/07/arrow-left@2x.png")
    }
}

.w-activity .activity-title p:after {
    right: 0;
    background-image: url("/ap/wp-content/uploads/2017/07/arrow-right.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-activity .activity-title p:after {
        background-image: url("/ap/wp-content/uploads/2017/07/arrow-right@2x.png")
    }
}

.w-activity .j-tab-pane {
    display: none
}

.w-activity .j-tab-pane.active {
    display: block
}

.w-activity-title {
    background-image: url("/ap/wp-content/uploads/2017/07/activity-bg1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .w-activity-title {
        background-image: url("/ap/wp-content/uploads/2017/07/activity-bg1@2x.jpg")
    }
}

.w-activity-title .container {
    width: 100%;
    max-width: 1920px;
    padding-bottom: 50px
}

.w-activity-title .title {
    width: 100%;
    max-width: 1920px;
    height: 432px;
    margin: 0 auto;
    background: url("/ap/wp-content/uploads/2017/07/activity-title-bg.png") 0 no-repeat;
    background-size: contain;
    padding-top: 140px
}

.w-activity-title .title img {
    width: 800;
    height: auto
}

.w-activity-title .title-small {
    margin-top: -160px
}

.w-activity-title .text-group {
    padding: 26px 0;
    width: 800px;
    margin: 0 auto
}

.w-activity-title .text {
    font-size: 16px;
    line-height: 42px;
    text-align: left;
    color: #c1d1f3
}

.activity-location {
    text-align: center;
    background: #050d1d
}

.activity-location .row {
    width: 800px;
    margin: 0 auto
}

.activity-location .location-box {
    width: 20%;
    padding: 40px 17px;
    float: left;
    display: inline-block;
    cursor: pointer
}

.activity-location .location-box .location-loca {
    width: 138px;
    height: 130px;
    background-image: url("/ap/wp-content/uploads/2017/07/loca-normal.png");
    background-size: cover;
    background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .activity-location .location-box .location-loca {
        background-image: url("/ap/wp-content/uploads/2017/07/loca-normal@2x.png")
    }
}

.activity-location .location-box .location-loca p {
    line-height: 120px;
    font-size: 24px;
    color: #6c94df;
    padding-left: 20px
}

.activity-location .location-box .time {
    padding: 25px 0 20px 30px;
    color: #8eaeec;
    font-size: 21px;
    line-height: 48px;
    display: none
}

.activity-location .location-box .arrow {
    width: 65px;
    height: 21px;
    margin: 0 auto;
    background: url("/ap/wp-content/uploads/2017/07/loca-active-arrow.png") 30px 0 no-repeat;
    display: none
}

.activity-location .location-box.active .arrow, .activity-location .location-box.over .time {
    display: block
}

.activity-location .location-box.active .location-loca {
    background-image: url("/ap/wp-content/uploads/2017/07/loca-active.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .activity-location .location-box.active .location-loca {
        background-image: url("/ap/wp-content/uploads/2017/07/loca-active@2x.png")
    }
}

.activity-location .location-box.active .location-loca p {
    color: #fff
}

.activity-schedule {
    text-align: center;
    background-image: url("/ap/wp-content/uploads/2017/07/activity-bg3.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .activity-schedule {
        background-image: url("/ap/wp-content/uploads/2017/07/activity-bg3@2x.jpg")
    }
}

.activity-schedule .schedule-content {
    display: none
}

.activity-schedule .schedule-content.active {
    display: block
}

.activity-schedule .schedule-content .schedule-item {
    width: 1100px;
    margin: 0 auto;
    display: block;
    clear: both;
    overflow: hidden;
    color: #fff
}

.activity-schedule .schedule-content .schedule-item span {
    display: inline-block;
    float: left
}

.activity-schedule .schedule-content .schedule-item span.time {
    width: 450px;
    text-align: right;
    font-size: 20px;
    padding-right: 20px;
    line-height: 40px
}

.activity-schedule .schedule-content .schedule-item span.point {
    width: 60px;
    text-align: center
}

.activity-schedule .schedule-content .schedule-item span.point .point-big {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 8px solid #2863fc;
    border: 8px solid rgba(40, 99, 252, .08);
    margin: 0 auto
}

.activity-schedule .schedule-content .schedule-item span.point .point-big .round {
    width: 26px;
    height: 26px;
    display: block;
    border-radius: 50%;
    border: 3px solid #2863fc
}

.activity-schedule .schedule-content .schedule-item span.point .line {
    width: 2px;
    height: 30px;
    background: #2863fc;
    margin: -8px auto 0;
    display: block
}

.activity-schedule .schedule-content .schedule-item span.activity {
    width: 590px;
    font-size: 20px;
    text-align: left;
    line-height: 40px;
    padding-left: 15px
}

.activity-schedule .schedule-content .schedule-item.detail .point-small {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #2863fc;
    display: block;
    margin: 0 auto
}

.activity-gallery, .activity-guest {
    background-repeat: no-repeat;
    background-size: cover
}

.activity-schedule .schedule-content .schedule-item.detail .activity, .activity-schedule .schedule-content .schedule-item.detail .time {
    color: #a0c1ff;
    font-size: 18px
}

.activity-schedule .schedule-content .schedule-item.detail .line {
    margin-top: 0 !important
}

.activity-schedule .schedule-content .schedule-item.detail .line-top {
    height: 10px !important
}

.activity-schedule .schedule-content .schedule-item.detail .line-bottom {
    height: 55px !important
}

.activity-schedule .schedule-content .schedule-item.detail .line-middle {
    height: 95px !important
}

.activity-schedule .schedule-content .schedule-item.detail .line-long {
    height: 220px !important
}

.activity-schedule .schedule-content .schedule-item.detail .line-gz-long {
    height: 370px !important
}

.activity-guest {
    background-image: url("/ap/wp-content/uploads/2017/07/activity-bg4.jpg");
    background-position: 0 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .activity-guest {
        background-image: url("/ap/wp-content/uploads/2017/07/activity-bg4@2x.jpg")
    }
}

.activity-guest .guest-box {
    padding-bottom: 60px
}

.activity-guest .guest-box .img-box {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    overflow: hidden;
    border: 15px solid #fff;
    border: 15px solid hsla(0, 0%, 100%, .08);
    margin: 0 70px
}

.activity-guest .guest-box .img-box img {
    width: 100%;
    height: auto
}

.activity-guest .guest-box .img-box-sh {
    margin: 0 30px
}

.activity-guest .guest-box .img-box-border-sh, .activity-guest .guest-box .img-box-sh {
    border: 1px solid #fff;
    border: 1px solid hsla(0, 0%, 100%, .08)
}

.activity-guest .guest-box .name {
    padding-top: 20px;
    padding-bottom: 15px;
    line-height: 36px;
    font-size: 22px;
    color: #fff
}

.activity-guest .guest-box .desc {
    font-size: 14px;
    color: #c1d1f3;
    line-height: 26px
}

.activity-gallery {
    background-image: url("/ap/wp-content/uploads/2017/07/activity-bg5.jpg");
    text-align: center
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .activity-gallery {
        background-image: url("/ap/wp-content/uploads/2017/07/activity-bg5@2x.jpg")
    }
}

.activity-gallery .exhibition_hall {
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-bottom: 190px
}

.activity-gallery .exhibition_hall .roundabout_box {
    height: 425px;
    width: 980px;
    margin: 40px auto 20px
}

.activity-gallery .exhibition_hall .roundabout_box img {
    width: 100%
}

.activity-gallery .roundabout-holder {
    list-style: none;
    width: 500px;
    height: 425px;
    margin: 0 auto
}

.activity-gallery .roundabout-moveable-item {
    font-size: 12px !important;
    height: 425px;
    width: 650px;
    cursor: pointer;
    background: #f9f9f9
}

.activity-gallery .roundabout-moveable-item img {
    height: 100%;
    width: 100%;
    background-color: #fff;
    margin: 0
}

.activity-gallery .roundabout-in-focus {
    cursor: auto
}

.activity-gallery .roundabout-in-focus000:hover {
    -webkit-box-shadow: 0 0 20px #787878;
    -moz-box-shadow: 0 0 20px #787878;
    background: #f9f9f9
}

.activity-gallery .roundabout-holder .text {
    color: #999
}

.activity-gallery .roundabout-in-focus000:hover span {
    display: inline;
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 8px 20px;
    background: #f9f9f9;
    color: #36c;
    z-index: 1;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topLeft: 5px;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa
}

.activity-gallery .roundabout a:active, .activity-gallery .roundabout a:focus, .activity-gallery .roundabout a:visited {
    outline: 0;
    text-decoration: none
}

.activity-gallery .roundabout li {
    margin: 0
}

.activity-content .video-box {
    width: 452px;
    height: 360px;
    display: block;
    padding-bottom: 60px
}

.activity-content .video-box .video-cover {
    width: 100%;
    height: 100%;
    position: relative
}

.activity-content .video-box .video-cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.activity-content .video-box .video-cover .play-icon {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
    background: url("/ap/wp-content/uploads/2017/07/activity-video-play.png")
}

.activity-content .video-box .video-title {
    color: #fff;
    text-align: center
}

.activity-media {
    background-image: url("/ap/wp-content/uploads/2017/07/activity-bg6.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .activity-media {
        background-image: url("/ap/wp-content/uploads/2017/07/activity-bg6@2x.jpg")
    }
}

.activity-media .media-group {
    padding-bottom: 100px
}

.activity-media .media-group .media-item {
    display: block
}

.activity-media .media-group .media-item.big {
    position: relative
}

.activity-media .media-group .media-item.big .item-title {
    position: absolute;
    left: 75px;
    bottom: 0;
    margin: 0 auto;
    color: #fff;
    width: 850px;
    height: 48px;
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3000000,endColorStr=#b3000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3000000, endColorStr=#b3000000);
    background: rgba(0, 0, 0, .7);
    font-size: 22px;
    text-align: left;
    line-height: 48px;
    padding-left: 10px;
    z-index: 1
}

.activity-media .media-group .media-item.big .item-cover {
    width: 850px;
    height: 510px;
    overflow: hidden;
    margin: 0 auto
}

.activity-media .media-group .media-item.big .item-cover img {
    width: 100%;
    height: auto
}

.activity-media .media-group .media-list {
    width: 884px;
    margin: 0 auto;
    padding-top: 40px
}

.activity-media .media-group .media-list .col-md-4 {
    padding: 0 17px
}

.activity-media .media-group .media-list .col-md-4 .item-cover {
    width: 100%;
    height: 135px;
    overflow: hidden
}

.activity-media .media-group .media-list .col-md-4 .item-cover img {
    width: 100%;
    height: auto
}

.activity-media .media-group .media-list .col-md-4 .item-title {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    font-weight: 300;
    padding: 20px 0
}

.activity-company {
    padding: 100px 0 30px;
    background-image: url("/ap/wp-content/uploads/2017/07/activity-bg7.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .activity-company {
        background-image: url("/ap/wp-content/uploads/2017/07/activity-bg7@2x.jpg")
    }
}

.activity-company .company-title {
    font-size: 30px;
    line-height: 48px;
    color: #a0c1ff;
    padding-bottom: 30px
}

.activity-company .company-group {
    width: 1200px;
    margin: 0 auto;
    padding-top: 48px;
    text-align: left;
    overflow: hidden
}

.activity-company .company-group .company-item {
    width: 100%;
    height: 78px;
    padding-bottom: 24px;
    display: block
}

.activity-company .company-group .img-group, .activity-company .company-group .title {
    display: inline-block;
    float: left
}

.activity-company .company-group .title {
    color: #a0c1ff;
    font-size: 20px;
    width: 160px;
    text-align: right;
    line-height: 54px
}

.activity-company .company-group .img-group {
    padding-left: 35px
}

.activity-company .company-group .img-group img {
    width: 160px;
    height: auto;
    margin-right: 20px
}

.activity-company .company-group .img-group .parter-img {
    margin-right: 25px
}

.activity-apply {
    width: 850px;
    height: 465px;
    background: #030d20;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#80030d20,endColorStr=#80030d20)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#80030d20, endColorStr=#80030d20);
    background: rgba(3, 13, 32, .5);
    padding: 30px 85px;
    margin: 0 auto;
    text-align: left;
    color: #fff
}

.activity-apply .apply-item {
    width: 100%;
    height: 70px;
    padding-bottom: 22px;
    overflow: hidden
}

.activity-apply .apply-item .apply-item-name, .activity-apply .apply-item .apply-item-value {
    display: inline-block;
    float: left
}

.activity-apply .apply-item .apply-item-name {
    width: 120px;
    padding-right: 35px;
    text-align: right;
    line-height: 48px;
    font-size: 20px
}

.activity-apply .apply-item .apply-item-name .require {
    display: inline-block;
    padding-right: 10px;
    color: #ff9274
}

.activity-apply .apply-item .apply-item-value {
    width: 560px;
    height: 48px;
    border: none
}

.activity-apply .apply-item .apply-item-value select {
    font-size: 16px;
    padding-left: 22px
}

.activity-apply .apply-item .apply-item-value input {
    width: 100%;
    height: 46px;
    border-radius: 4px;
    outline: 0;
    line-height: 46px;
    padding-left: 22px;
    background: #fff
}

.activity-apply .apply-item .apply-item-value input.activity-error {
    border: 1px solid red
}

.activity-apply .apply-item .apply-item-value input:focus {
    border: 1px solid #22c38c
}

.activity-apply .apply-item .apply-select {
    width: 100%;
    height: 48px
}

.activity-apply .btn-apply {
    width: 200px;
    height: 54px;
    border-radius: 4px;
    margin: 0 auto;
    background: #3c7bfe;
    color: #fff;
    text-align: center;
    line-height: 54px;
    cursor: pointer
}

.activity-apply .btn-apply:hover {
    background: #266af5
}

.activity-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#80000000,endColorStr=#80000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#80000000, endColorStr=#80000000);
    background: rgba(0, 0, 0, .5);
    display: none
}

.activity-cover.active {
    display: block
}

.activity-cover .success-alert {
    width: 380px;
    height: 215px;
    padding: 10px 0 60px;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -108px;
    margin-left: -190px
}

.activity-cover .success-alert .close {
    display: block;
    width: 100%;
    padding-right: 10px;
    text-align: right;
    padding-bottom: 40px;
    cursor: pointer
}

.activity-cover .success-alert .title {
    height: 44px
}

.activity-cover .success-alert .title img, .activity-cover .success-alert .title label {
    display: inline-block;
    vertical-align: middle;
    line-height: 44px
}

.activity-cover .success-alert .title label {
    font-size: 30px;
    padding-left: 14px
}

.activity-cover .success-alert .text {
    color: #888;
    font-size: 14px;
    padding-top: 25px
}

/** product new */
.w-product {
    padding-top: 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-product .banner {
    height: 200px;
    width: 100%;
    position: relative;
    padding-bottom: 19%
}

.w-product .banner .banner-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url("/ap/wp-content/uploads/2019/04/security-banner.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.w-product .banner .banner-masking {
    background: black;
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 99%;
    overflow: hidden
}

.w-product .banner .banner-img img {
    width: 100%;
    height: 200px;
    background-image: linear-gradient(to top, #3975f0, #27bbf2)
}

.w-product .banner .banner-text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000,endColorStr=#66000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000, endColorStr=#66000000)
}

.w-product .banner .banner-text .solution-container {
    width: 1100px
}

.w-product .banner .banner-text .container {
    color: #fff;
    text-align: center;
    margin-top: 8%
}

.w-product .banner .banner-text .container .title {
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 42px
}

.w-product .banner .banner-text .container .title-2 {
    font-size: 40px
}

.banner-text .container .exp-box .box-img1 {
    margin-top: 3%;
    cursor: pointer
}

.banner-text .container .exp-box .box-img2 {
    float: right;
    margin-top: -200px
}

.w-product .banner .banner-text .container .btn-exp:hover {
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#f97c4b), to(#fd944d));
    background: -webkit-linear-gradient(left, #f97c4b, #fd944d);
    background: linear-gradient(90deg, #f97c4b, #fd944d)
}

.w-product .solution-body {
    text-align: center
}

.w-product .solution-body .solution-middle {
    height: 650px
}

.solve-title {
    color: #242424;
    font-size: 30px;
    height: 32px;
    margin-top: 40px
}

.solve-line {
    background-color: #2879fb;
    height: 2px;
    width: 66px;
    margin: 19px auto
}

.w-product .solution-body .solution-middle .solution-box {
    margin-top: 40px
}

.w-product .solution-body .solution-middle .solution-box .s-box {
    width: 310px;
    height: 110px;
    margin-left: 35px;
    margin-bottom: 30px;
    border: solid 1px #dddddd;
    float: left;
    position: relative
}

.w-product .solution-body .solution-middle .solution-box .s-box:hover {
    border: solid 1px #3080f5;
    box-shadow: 0 7px 35px rgba(0, 0, 0, 0.2);
    cursor: pointer
}

.w-product .solution-body .solution-middle .solution-box .s-box img {
    position: absolute;
    top: 32px;
    left: 27px
}

.w-product .solution-body .solution-middle .solution-box .s-box p:nth-of-type(1) {
    position: absolute;
    top: 30px;
    left: 88px;
    font-size: 20px;
    color: #242424;
    font-weight: 500
}

.w-product .solution-body .solution-middle .solution-box .s-box p:nth-of-type(2) {
    position: absolute;
    top: 64px;
    left: 88px;
    right: 25px;
    font-size: 15px;
    color: #888888;
    text-align: justify;
    width: 200px
}

.w-product .solution-body .solution-middle .solution-box .solution-left {
    margin-left: 0
}

.w-product .solution-body .solution-question {
    height: 721px;
    background-color: #f3f4f7;
    padding-top: 59px
}

.w-product .solution-body .solution-question .container .solve-title {
    padding-top: 60px
}

.w-product .solution-body .solution-question .container .solve-line {
    margin: 54px auto
}

.w-product .solution-body .solution-question .container .solution-question-table {
    border: solid 1px #dddddd;
    background-color: #FFFFFF;
    height: 668px
}

.w-product .solution-body .solution-question .container .solution-question-table table {
    width: 1000px
}

.w-product .solution-body .solution-question .container .solution-question-table table tr td {
    border-right: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd
}

.w-product .solution-body .solution-question .container .solution-question-table table .solution-nav-tr {
    height: 81px
}

.w-product .solution-body .solution-question .container .solution-question-table table tr {
    height: 120px;
    line-height: 120px;
    color: #333333;
    font-weight: 500
}

.w-product .solution-body .solution-question .container .solution-question-table table .solution-nav-tr .solution-question-item .title {
    color: #222222;
    font-size: 22px;
    font-weight: 500;
    line-height: 82px
}

.w-product .solution-body .solution-question .container .solution-question-table table .solution-question-item .table-left-title {
    color: #333333;
    font-size: 16px;
    font-weight: 500
}

.w-product .solution-body .solution-question .container .solution-question-table table .solution-nav-tr .solution-table-left {
    width: 320px
}

.w-product .solution-body .solu-item-enterprise img {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 30px
}

.w-product .solution-body .product-lable {
    background-color: #f3f4f7;
    font-size: 18px
}

.w-product .solution-body .product-lable p {
    padding-top: 20px;
    text-align: left;
    padding-bottom: 60px;
    color: #444444
}

.w-product .solution-body .product-lable p span a {
    color: #FDB11F;
    padding-left: 25px
}

.w-product .solution-body .solution-foot {
    height: 760px;
    background: #f3f5f7
}

.w-product .solution-body .solution-foot .solve-title {
    margin: 0;
    padding-top: 40px
}

.w-product .solution-body .solution-foot .solve-line {
    margin-top: 59px
}

.w-product .solution-body .solution-foot .solution-foot-box {
    margin-top: 40px
}

.w-product .solution-body .solution-foot .solution-foot-box .s-foot-box {
    border: solid 1px #e4e5e8;
    width: 310px;
    height: 260px;
    margin-left: 35px;
    float: left;
    margin-bottom: 40px;
    position: relative
}

.w-product .solution-body .solution-foot .solution-foot-box .s-foot-mv {
    position: absolute;
    cursor: pointer
}

.w-product .solution-body .solution-foot .solution-foot-box .so-user-btn {
    position: absolute
}

.w-product .solution-body .solution-foot .solution-foot-box .s-foot-mv span {
    display: block;
    margin-top: -25px;
    text-align: right;
    color: #fff;
    margin-right: 10px
}

.w-product .solution-body .solution-foot .solution-foot-box .video-big {
    width: 310px;
    height: 150px
}

.w-product .solution-body .solution-foot .solution-foot-box .solution-left {
    margin-left: 0
}

.w-product .solution-body .solution-foot .solution-foot-box p {
    margin: 22px 22px 50px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #444444;
    line-height: 22px
}

.w-product #wrapper {
    width: 960px;
    margin: 100px auto 0
}

#tabs {
    width: 1000px;
    height: 605px;
    margin: 0 auto 40px
}

#tabs ul {
    width: 320px;
    float: left
}

#tabs ul .tables-border {
    border-right: solid 1px #FDB11F
}

.w-product #tabs .tables-left-li {
    margin-right: 2px;
    width: 320px;
    height: 94.5px;
    line-height: 93px;
    border-bottom: solid 1px #dddddd
}

.w-product #tabs .tables-last-li {
    border-bottom: none
}

.w-product #tabs .tables-left-li:last-child {
    border-bottom: none
}

.w-product #tabs li a {
    display: block;
    text-decoration: none;
    color: #333333;
    cursor: default
}

.w-product #tabs_container {
    padding: 40px;
    overflow: hidden;
    position: relative;
    background: white;
    height: 662px;
    background-color: #f8f9fb;
    border: solid 1px #FDB11F;
    border-left-style: none;
    text-align: left
}

.w-product #tabs_container div {
    margin-right: 40px
}

.w-product #tabs_container .tabs-img {
    text-align: center;
}

.w-product #tabs_container .solu-tabs-span {
    border-left: solid 2px #2879fb;
    padding-left: 8px;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500
}

.w-product #tabs_container .tabs-right-ul {
    width: 610px
}

.w-product #tabs_container .tabs-right-ul li {
    line-height: 25px;
    padding-bottom: 15px;
    text-align: justify;
    font-size: 14px;
    color: #555555;
    border-right: none
}

.w-product #tabs_container .tabs-right-ul .solution-box-item-a {
    display: inline-block;
    cursor: pointer;
    color: #ed6d49
}

.w-product #tabs_container .tables-lable {
    position: absolute;
    top: 380px
}

.w-product #tabs_container p span {
    display: inline-block;
    height: 30px;
    border: 1px solid #d9d9d9;
    border-radius: 15px;
    margin-left: 10px;
    margin-top: 15px;
    text-align: center;
    padding: 5px 20px;
    color: #888;
    font-size: 14px
}

.w-product #tabs_container p span:hover {
    color: #5797fe;
    border: 1px solid #5797fe;
    cursor: pointer
}

/*product function 产品功能*/
.w-product-function {
    padding-top: 55px
}

.w-product-function .banner {
    height: 360px;
    width: 100%;
    position: relative
}

.w-product-function .banner .banner-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url("/ap/wp-content/uploads/2017/12/product-crm-banner.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.w-product-function .banner .banner-img img {
    width: 100%;
    height: auto
}

.w-product-function .banner .banner-text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center
}

.w-product-function .banner .banner-text .container {
    padding-top: 122px;
    text-align: center
}

.w-product-function .banner .banner-text .container .title {
    font-size: 32px;
    line-height: 42px;
    padding-bottom: 32px;
    color: #fff
}

.w-product-function .banner .banner-text .container .btn-exp {
    color: #fff;
    width: 162px;
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#ff8a5c), to(#ffa66a));
    background: -webkit-linear-gradient(left, #ff8a5c, #ffa66a);
    background: linear-gradient(90deg, #ff8a5c, #ffa66a);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 38, .4);
    box-shadow: 0 3px 8px rgba(0, 0, 38, .4)
}

.w-product-function .banner .banner-text .container .btn-exp:hover {
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#f97c4b), to(#fd944d));
    background: -webkit-linear-gradient(left, #f97c4b, #fd944d);
    background: linear-gradient(90deg, #f97c4b, #fd944d)
}

.w-product-function .function-middle {
    margin: 0 auto;
    width: 1000px
}

.w-product-function .function-middle .w-function-list .sublist {
    width: 1000px;
    margin: 60px 91px
}

.w-product-function .function-middle .w-function-list .w-function-box .box-icon-left {
    margin-left: 0
}

.w-product-function .function-middle .w-function-list .w-function-box .box-icon-last {
    margin-left: 70px
}

.w-product-function .function-middle .w-function-list .w-function-box li {
    float: left;
    width: 84px;
    height: 112px;
    margin-left: 60px;
    margin-bottom: 70px;
    text-align: center
}

.w-product-function .function-middle .w-function-list .w-function-box li img {
    width: 74px;
    height: 74px
}

.w-product-function .function-middle .w-function-list .w-function-box li .function-box-span-hover {
    color: #0083f7
}

.w-product-function .function-middle .w-function-list .w-function-box li span {
    margin-top: 13px;
    font-size: 16px;
    color: #444;
    display: inline-block
}

.w-product-function .function-middle .w-function-list .w-function-box li .box-w-item {
    width: 124px;
    margin-left: -15px
}

.w-product-function .container {
    width: 1000px;
    margin: 0 auto
}

.w-product-function .func-pt1 .container {
    width: 1150px;
    margin: 0 auto;
    padding-left: 80px
}

.w-product-function .solve-line {
    background-color: #2879fb;
    height: 2px;
    width: 66px;
    margin: 19px auto
}

.w-product-function .solve-title {
    color: #242424;
    font-size: 30px;
    height: 32px;
    margin-top: 40px;
    text-align: center
}

.w-product-function .func-crm {
    height: 400px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-image: url("/ap/wp-content/uploads/2017/12/crm-product-banner-2.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 50px
}

.w-product-function .func-crm-left {
    float: left;
    margin: 60px auto;
    text-align: center
}

.w-product-function .func-crm-left p {
    margin-top: -200px;
    font-size: 24px;
    color: #fff
}

.w-product-function .func-crm-left span {
    margin-top: 33px;
    display: inline-block;
    line-height: 25px;
    font-size: 15px;
    color: #d0e0f6
}

.w-product-function .func-crm-right {
    float: left;
    width: 760px
}

.w-product-function .func-crm-item {
    margin-left: 80px;
    margin-top: 60px;
    float: left;
    margin-bottom: 25px
}

.w-product-function .func-crm-item-title {
    margin-left: 26px;
    float: left
}

.w-product-function .func-crm-item img {
    float: left
}

.w-product-function .func-crm-item-title p {
    color: #fff;
    font-size: 18px
}

.w-product-function .func-crm-item-title span {
    margin-top: 22px;
    display: inline-block;
    line-height: 20px;
    color: #f6f6f6;
    font-size: 14px
}

.w-product-function .func-pt2 {
    height: 660px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-image: url("/ap/wp-content/uploads/2017/12/crm-bg-1.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.w-product-function .func-pt2 .container p {
    padding-top: 56px;
    text-align: center;
    font-size: 30px;
    color: #242424
}

.w-product-function .func-pt2 .container img {
    width: 1200px;
    margin-top: 40px;
    margin-left: -100px
}

.solution-foot {
    height: 760px;
    background: #f3f5f7
}

.solution-foot .solve-title {
    margin: 0;
    padding-top: 40px
}

.solution-foot .solve-line {
    margin-top: 59px
}

.solution-foot .solution-foot-box {
    margin-top: 40px;
    width: 1050px
}

.w-product-function .solution-foot .solution-foot-box .s-foot-box {
    border: 1px solid #e4e5e8;
    width: 310px;
    height: 220px;
    margin-left: 35px;
    float: left;
    margin-bottom: 40px;
    position: relative
}

.solution-foot .solution-foot-box .s-foot-mv {
    position: absolute;
    cursor: pointer
}

.solution-foot .solution-foot-box .so-user-btn {
    position: absolute
}

.solution-foot .solution-foot-box .s-foot-mv span {
    display: block;
    margin-top: -25px;
    text-align: right;
    color: #fff;
    margin-right: 10px
}

.solution-foot .solution-foot-box .video-big {
    width: 310px;
    height: 150px
}

.solution-foot .solution-foot-box .solution-left {
    margin-left: 0
}

.solution-foot .solution-foot-box p {
    margin: 22px 22px 50px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    line-height: 22px
}

.w-product-function .function-middle .demo {
    width: 1003px;
    margin: 40px auto;
    position: relative;
    border: 1px solid #ddd
}

.w-product-function .function-middle .demo h2 {
    font-size: 16px;
    height: 44px;
    color: #36c;
    margin-top: 20px
}

.w-product-function .function-middle .demo dl dt {
    font-size: 14px;
    color: #f60;
    margin-top: 30px;
    font-weight: 800
}

.demo dl dd, .w-product-function .function-middle .demo dl dt {
    line-height: 22px
}

.w-product-function .function-middle .tabbtn {
    height: 60px;
    background-color: #f6f6f6
}

.w-product-function .function-middle .tabbtn li {
    float: left;
    position: relative;
    margin: 0 0 0 -1px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.w-product-function .function-middle .tabbtn li a {
    color: #666;
    display: block;
    float: left;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    width: 250px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.w-product-function .function-middle .tabbtn li.current a {
    height: 60px;
    line-height: 60px;
    color: #2879fb;
    font-weight: 500;
    border-top: 2px solid
}

.w-product-function .function-middle .tabcon {
    position: relative;
    height: 814px;
    overflow: hidden;
    margin-top: 2px
}

.w-product-function .function-middle .tabcon .subbox {
    position: absolute;
    left: 0;
    top: 0
}

.w-product-function .function-middle .tabcon .sublist {
    padding: 5px 10px;
    height: 170px
}

.w-product-function .function-middle #leftcon .subbox {
    width: 9999em
}

.w-product-function .function-middle #leftcon .subbox .sublist {
    float: left;
    width: 900px
}

.w-product-function .function-middle .sublist {
    padding: 10px
}

.produc-solution-foot {
    height: 420px
}

/*媒体沟通会 mediacss*/
.w-media-talk {
    overflow-x: hidden
}

.w-media-talk .media-banner {
    width: 100%;
    height: 1100px;
    text-align: center;
    overflow: hidden;
    background-image: url("/ap/wp-content/uploads/2018/01/banner-image_01.png");
    background-size: cover;
    background-position: 50%
}

.w-media-talk .media-banner p {
    margin-top: 700px;
    font-size: 23px;
    color: #352d1a;
    line-height: 50px;
    width: 931px;
    padding-left: 75px;
    text-align: left
}

.w-media-talk .media-banner p span a {
    color: #FFFFFF
}

.w-media-talk .media-middle {
    background-color: #ebf2fc;
    height: 1613px;
    padding-bottom: 100px
}

.w-media-talk .media-middle .container {
    position: relative
}

.w-media-talk .media-bg {
    background-color: #d6e3f9;
    width: 1100px;
    height: 1453px;
    position: absolute;
    z-index: 10000;
    margin-top: 50px;
    margin-left: -50px
}

.w-media-talk .talk-item-title {
    padding: 50px 460px
}

.w-media-talk .talk-item-cont {
    padding: 0 32px;
    height: 210px
}

.w-media-talk .talk-cont-box {
    width: 320px;
    height: 210px;
    background: #FFFFFF;
    float: left;
    margin-left: 20px
}

.w-media-talk .talk-cont-box img {
    width: 320px;
    height: 210px
}

.w-media-talk .talk-baodao-box {
    width: 490px;
    height: 300px;
    float: left;
    margin-left: 20px;
    margin-bottom: 80px
}

.w-media-talk .talk-baodao-cont {
    padding: 0 30px
}

.w-media-talk .talk-baodao-box .baodao-box-img {
    width: 490px;
    height: 300px
}

.w-media-talk .talk-baodao-box p {
    margin-top: 10px;
    width: 490px;
    line-height: 25px
}

.me-element-1 {
    position: absolute;
    left: 1000px;
    top: 70px
}

.me-element-2 {
    position: absolute;
    left: -230px;
    top: 670px
}

.me-element-3 {
    position: absolute;
    left: 950px;
    top: 1150px
}

/*QUESTION*/
.middle .hidLeftMenu {
    display: none;
    padding-top: 80px;
    width: 40px;
    height: 1650px;
    background-color: #354045;
    float: left;
    border-right: 1px solid #49afcd
}

.middle .hidLeftMenu .hidTitle {
    color: #5AD1F2;
    width: 20px;
    margin-top: 20px;
    line-height: 50px;
    margin-left: 10px;
    font-size: 20px
}

.middle .hidLeftMenu .openMenu {
    margin-left: 12px;
    cursor: pointer
}

.middle .leftMenu .topMenu {
    height: 42px;
    background-color: #586065
}

.middle .leftMenu .topMenu img {
    margin: 11px;
    float: left
}

.middle .leftMenu .topMenu .changeMenu {
    cursor: pointer
}

.middle .leftMenu .topMenu .banshi {
    padding-left: 23px
}

.middle .leftMenu .topMenu .menuTitle {
    text-align: center;
    color: #F2F2F2;
    float: left;
    line-height: 42px;
    font-size: 16px;
    width: 120px
}

.menu_list {
    width: 260px
}

.menu_list ul li {
    display: block;
    width: 100%
}

.menu_list ul li .fuMenu {
    color: #444444;
    font-size: 16px;
    cursor: pointer;
    height: 46px;
    line-height: 46px;
    padding-left: 41px;
    width: 260px;
    float: left;
    position: relative
}

.menu_list ul li .ques-img {
    position: absolute;
    top: 15px;
    left: 15px
}

.menu_list ul li .xiala {
    float: left;
    margin-left: -50px;
    margin-top: 27px
}

.menu_list ul li .div1 {
    width: 100%;
    height: auto;
    float: left
}

.menu_list ul li .div1 .zcd {
    color: #444444;
    font-size: 15px;
    height: 40px;
    margin-bottom: 2px;
    cursor: pointer;
    line-height: 40px;
    padding-left: 50px;
    width: 246px;
    display: block
}

.div1 {
    height: 200px;
    display: none
}

.menu_list ul li .div1 .zcd:hover {
    color: #2169FA;
    background-color: #e2f0ff;
    border-right: solid 2px #3d7bf9
}

.removes {
    color: #2169fa !important;
    background: #e2f0ff;
    border-right: solid 2px #3d7bf9
}

.w-question {
    background: #efefef;
    font-family: PingFangSC Regular
}

.w-question .container {
    padding-top: 143px
}

.w-question .question-item-bg {
    width: 1100px;
    height: 1000px;
    background: #FFFFFF
}

.w-question .question-left {
    width: 248px;
    float: left;
    border-right: solid 2px #ebebeb;
    height: 100%
}

.w-question .question-left .question-left-p {
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    color: #222222;
    font-weight: 500
}

.w-question .question-left .question-left-p .question-left-icon {
    margin-left: 13px;
    vertical-align: middle;
    margin-bottom: 5px
}

.w-question .question-left .question-left-p span {
    margin-left: 6px
}

.w-question .question-left ul li {
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    cursor: pointer;
    color: #444444
}

.w-question .question-left ul li span:hover {
    color: #2169FA
}

.w-question .last-border {
    border-bottom: solid 1px #efefef;
    padding-bottom: 60px
}

.w-question .question-right {
    width: 852px;
    float: left;
    padding-right: 49px
}

.w-question .question-right .question-right-p {
    font-size: 26px;
    color: #121212;
    padding-top: 42px;
    padding-bottom: 30px;
    margin-left: 50px;
    border-bottom: solid 1px #EFEFEF;
    font-weight: 500
}

.w-question .question-right ul li {
    border-bottom: solid 1px #EFEFEF;
    margin-left: 50px;
    padding-top: 30px;
    padding-bottom: 16px;
    font-size: 15px;
    color: #3d7bf9;
    cursor: pointer
}

.w-question .question-right ul li a:link {
    color: #3d7bf9
}

.w-question .question-right ul li a:visited {
    color: #3d7bf9
}

.w-question .question-right ul li a:hover {
    color: #0048FF
}

.w-question .question-right ul li:active {
    color: #0048FF
}

.w-question .first-li {
    background: #e2f0ff;
    border-right: solid 3px #3d7bf9
}

.w-question .first-li span {
    color: #2169FA
}

.w-question .que-right-box {
    display: none
}

.w-question .que-right-box-block {
    display: block
}

.w-question .que-content-des {
    margin: 0 50px
}

.w-question .que-content-des p {
    font-size: 15px;
    color: #121212;
    padding-top: 20px;
    line-height: 25px
}

.w-question .que-content-des img {
    padding-top: 20px
}

.w-question .new-container {
    padding-top: 20px;
    padding-bottom: 70px
}

.w-question .foot-container {
    width: 1100px;
    font-size: 14px;
    color: #666666
}

.w-question .question-foot-left-p {
    float: left
}

.w-question .question-foot-right-p {
    float: right
}

.w-toolbar {
    position: fixed;
    right: 0;
    top: 25%;
    height: auto;
    display: none;
    z-index: 100
}

.w-toolbar .toolbar-item {
    width: 64px;
    height: auto;
    background: #353535;
    position: relative;
    text-align: center;
    font-size: 13px;
    display: block;
    border-bottom: none;
    margin-bottom: 2px;
    border-radius: 2px;
}

.w-toolbar .toolbar-item .toolbar-icon {
    width: 64px;

    display: table-cell;
    vertical-align: middle
}

.w-toolbar .toolbar-item.gotop {
    border-bottom: none
}

.w-toolbar .toolbar-item:hover {
    color: #fff;
    background: #FDB11F;
    border-color: #FDB11F;
    cursor: pointer;

}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover {
    display: table-cell;
    vertical-align: middle;

    width: 64px
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover.toolbar-icon-tel .tel-details .margin-top {
    margin-top: 20px;
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover p:nth-of-type(1) {
    color: #666666;
    font-size: 14px;
    margin-bottom: 5px
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover p:nth-of-type(2) {
    color: #444444;
    font-size: 18px
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover p:nth-of-type(3) {
    color: #666666;
    font-size: 14px;
    margin-bottom: 5px
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover p:nth-of-type(4) {
    color: #444444;
    font-size: 18px
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover.toolbar-icon-tel {
    position: relative;
    height: auto;
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover.toolbar-icon-tel .tel-details {
    position: absolute;
    left: -185px;
    top: -82px;
    width: 176px;
    height: 159.5px;
    background: #FFFFFF;
    padding: 20px;
    text-align: left;
    line-height: 26px;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.15);
}

/*.w-toolbar .toolbar-item:hover .toolbar-icon-hover.toolbar-icon-tel .tel-details .margin-top {
	margin-top: 10px
}*/

.w-toolbar .toolbar-item .toolbar-icon-hover {
    display: none;
}

.tool-icon {
    padding: 18px 20px 5px 20px;
}

.tool-zixun {
    color: #ffffff;
    margin-bottom: 10px;
    display: inline-block;
}

.fx-km-page .kmpg-banner {
    height: 400px;
    width: 100%;
    background: linear-gradient(#161C68, #2F3CB2);
}

.fx-km-page .kmpg-banner .banner-bg {
    background-origin: content-box;
    position: relative;
}

.fx-km-page .kmpg-banner .banner-bg > a {
    position: absolute;
    bottom: 10px;
    right: 14%;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

.fx-km-page .kmpg-banner .banner-bg > a .arraw {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border: 6px solid #fff;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: 3px;
    right: -17px;
}

.fx-km-page .kmpg-banner .banner-bg > a .arraw:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid #2F3CB2;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -8px;
    top: -6px;
}

.fx-km-page .kmpg-banner .kb-desc {
    float: left;
    margin-left: 120px;
    margin-top: 100px;
}

.fx-km-page .kmpg-banner .kb-desc > p:first-child {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

.fx-km-page .kmpg-banner .kb-desc > p:last-child {
    font-size: 16px;
    color: #474769;
    text-align: center;
    margin-top: 18px;
}

.fx-km-page .row .container {
    width: 1000px;
    height: 600px;
    margin: 0 auto;
}

.fx-km-page .row.black {
    background: #F5F6FC;
}

.fx-km-page .row .col {
    width: 50%;
    float: left;
}

.fx-km-page .row .col.content-center {
    flex-direction: column;
    justify-content: center;
    height: 100%;
    display: flex;
}

.fx-km-page .row .col img {
    width: 100%;
    margin-top: 50px;
}

.fx-km-page .row .col .text .title {
    font-size: 30px;
    color: #282134;
    line-height: 42px;
    margin-bottom: 15px;
}

.fx-km-page .row .col .text .description {
    font-size: 18px;
    color: #282134;
    line-height: 26px;
}

.fx-km-page .row .col .text ul {
    list-style: none;
    padding: 0;
}

.fx-km-page .row .col .text ul li {
    font-size: 16px;
    line-height: 1.5em;
    color: #333;
    margin-bottom: 24px;
    position: relative;
    padding-left: 13px;
    margin-left: -13px;
}

.fx-km-page .row .col .text ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d8d8d8;
    position: absolute;
    left: 0;
    top: 8px;
}

.fx-km-page .row .bottom-row {
    text-align: center;
}

/*解决方案表单*/
.solve-form {
    background: #2B82FA;
    width: 100%;
    height: 330px;
    margin: 0 auto
}

.sf-content {
    margin: 0 auto;
    width: 1050px;
    text-align: center
}

.sf-title {
    font-size: 24px;
    color: #FFFFFF;
    padding-top: 38px;
    padding-bottom: 30px;
    text-align: center
}

.sf-span span {
}

.form-control {
    width: 378px;
    height: 42px;
    padding-left: 15px;
    margin-left: 12px;
    border-radius: 4px;
    border: none;
    font-size: 15px;
    background: #ffffff
}

.form-control-left {
    margin-left: 83px
}

.selectform {
    margin-top: 15px;
    float: left;
    margin-left: 17px
}

.lable-title {
    float: left;
    margin-top: 30px;
    margin-left: 3.7%
}

.seletcolor {
    color: #FFFFFF
}

::-webkit-scrollbar {
    width: 6px;
    height: 26px;
    background-color: #F5F5F5
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #C6C6C6
}

.jiaru-btn {
    margin-top: 45px
}

.media-detail-btn {
    margin-top: 85px;
    background: #F7904C;
    width: 202px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    color: #ffffff;
    border-radius: 50px;
    margin-left: 430px;
}

@-webkit-keyframes iui-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes iui-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-ms-keyframes iui-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes iui-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes iui-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes iui-fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes iui-fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes iui-fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes iui-fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes iui-fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.dropdown-multiple, .dropdown-multiple-label, .dropdown-single {
    position: relative
}

.dropdown-multiple-label.active .dropdown-main, .dropdown-multiple.active .dropdown-main, .dropdown-single.active .dropdown-main {
    display: block;
    -webkit-animation: iui-fadeIn 0.2s ease-in forwards;
    -moz-animation: iui-fadeIn 0.2s ease-in forwards;
    -ms-animation: iui-fadeIn 0.2s ease-in forwards;
    -o-animation: iui-fadeIn 0.2s ease-in forwards;
    animation: iui-fadeIn 0.2s ease-in forwards
}

.dropdown-multiple-label.active .dropdown-display-label:after, .dropdown-multiple-label.active .dropdown-display:after, .dropdown-multiple.active .dropdown-display-label:after, .dropdown-multiple.active .dropdown-display:after, .dropdown-single.active .dropdown-display-label:after, .dropdown-single.active .dropdown-display:after {
    border-top: none;
    border-bottom: 7px solid #999;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.dropdown-multiple-label.active .dropdown-display, .dropdown-multiple-label.active .dropdown-display-label, .dropdown-multiple.active .dropdown-display, .dropdown-multiple.active .dropdown-display-label, .dropdown-single.active .dropdown-display, .dropdown-single.active .dropdown-display-label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.dropdown-display, .dropdown-display-label {
    position: relative;
    display: block;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border-radius: 4px;
    color: #333;
    background-color: #fff
}

.dropdown-display-label:after, .dropdown-display:after {
    content: '';
    position: absolute;
    border-top: 7px solid #999;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 15px;
    right: 8px
}

.dropdown-clear-all {
    background-color: #fff;
    border: none;
    font-size: 22px;
    z-index: 999;
    color: #999;
    position: absolute;
    right: 2px;
    top: 2px;
    display: none;
    width: 25px;
    height: 30px;
    text-align: center;
    line-height: 30px
}

.dropdown-clear-all:focus {
    outline: 0
}

.dropdown-clear-all:hover {
    color: #ccc;
    text-decoration: none
}

.dropdown-display {
    white-space: nowrap;
    width: 378px;
    height: 42px;
    line-height: 42px;
    padding-left: 15px;
    text-align: left
}

.dropdown-multiple:hover .dropdown-clear-all, .dropdown-single:hover .dropdown-clear-all {
    display: block
}

.dropdown-display .dropdown-chose-list {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dropdown-display .dropdown-chose-list span:before {
    content: ','
}

.dropdown-display .dropdown-chose-list span:first-child:before {
    content: ''
}

.dropdown-display .placeholder {
    display: none
}

.dropdown-display .placeholder:first-child {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    color: #999;
    display: block;
    text-indent: 10px;
    font-size: 13px;
    line-height: 32px
}

.dropdown-display input {
    border: 0;
    outline: 0
}

.dropdown-display-label {
    cursor: text;
    padding: 6px 25px 5px 0
}

.dropdown-display-label .dropdown-search {
    display: none
}

.dropdown-display-label input, .dropdown-display-label input:focus {
    border: none;
    outline: 0
}

.dropdown-display-label .dropdown-chose-list {
    display: inline-block;
    padding: 0 5px
}

.dropdown-display-label .dropdown-chose-list .placeholder {
    display: none
}

.dropdown-display-label .dropdown-selected {
    position: relative;
    margin: 0 5px 5px 0;
    padding: 0 20px 0 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-repeat: repeat-x;
    color: #333;
    cursor: default;
    display: inline-block
}

.dropdown-display-label .dropdown-selected .del {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    line-height: 1;
    color: #999;
    position: absolute;
    right: 3px;
    top: 0
}

.dropdown-display-label .dropdown-selected .del:after {
    content: '\D7';
    font-size: 16px
}

.dropdown-main {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1010;
    width: 378px;
    color: #333;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    margin-top: -1px;
    border-top: 0;
    padding: 4px 7px;
    display: none
}

.dropdown-main ul {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 240px;
    margin: 0;
    padding: 0
}

.dropdown-main input {
    margin-top: 0;
    display: block;
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #ccc;
    width: 100%;
    text-indent: 5px;
    border-radius: 3px
}

.dropdown-main .dropdown-search {
    display: block;
    padding: 5px 0
}

.dropdown-group {
    font-weight: 700
}

.dropdown-group, .dropdown-option {
    margin: 0;
    padding-left: 37px;
    list-style: none;
    line-height: 35px;
    word-wrap: break-word;
    font-size: 15px;
    position: relative;
    text-align: left
}

.dropdown-option {
    cursor: pointer
}

.dropdown-option:focus, .dropdown-option:hover {
    background-color: #efefef;
    outline: 0
}

.dropdown-option[disabled] {
    color: #ddd;
    background-color: #fff;
    cursor: not-allowed;
    text-decoration: line-through
}

.dropdown-option.dropdown-chose:before {
    content: '';
    float: left;
    width: 13px;
    height: 9px;
    background: url("/ap/wp-content/uploads/2018/07/gouxuan.png");
    border-radius: 100%;
    margin: 13px 15px 0 0;
    position: absolute;
    left: 15px
}

.dropdown-maxItem-alert {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e4e3e2;
    width: 100%;
    height: 39px;
    line-height: 39px;
    padding: 0 5px;
    border-radius: 5px;
    color: #999;
    -webkit-animation: iui-fadeIn 0.2s ease-in forwards;
    -moz-animation: iui-fadeIn 0.2s ease-in forwards;
    -ms-animation: iui-fadeIn 0.2s ease-in forwards;
    -o-animation: iui-fadeIn 0.2s ease-in forwards;
    animation: iui-fadeIn 0.2s ease-in forwards
}

/*企业微信页面*/
.qw-cover {
    padding-top: 55px;
}

.qw-cover .qw-banner {
    background: url(/ap/wp-content/uploads/2018/08/banner-img_02.jpg) no-repeat;
    min-width: 1200px;
    width: 100%;
    height: 1182px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 2000px 1182px;

}

.qw-cover .qw-container {
    margin: 0 auto;
    width: 1200px;
}

.qw-cover .qw-banner-content {
    padding-left: 110px;

}

.qw-cover .qw-banner-content h3 {
    font-size: 42px;
    color: #FFFFFF;
    margin-bottom: 53px;
    padding-top: 95px;
}

.qw-cover .qw-banner-content ul li {
    line-height: 36px;
    font-size: 20px;
    color: #FFFFFF;

}

.qw-cover .qw-img {
    margin-top: 80px;
    height: 120px;
}

.qw-cover .qw-img-item {
    width: 180px;
    float: left;
    text-align: center;
    margin-left: 90px;
}

.qw-cover .qw-firstimg-item {
    margin: 0;
}

.qw-cover .qw-img-item p {
    margin-top: 18px;
    border: solid 1px #2B8FF3;
    border-radius: 5px;

}

.qw-cover .qw-img-item p a {
    color: #FFFFFF;
    font-size: 16px;
    padding: 10px;
    display: inline-block;
}

.qw-cover .qw-img-item p a img {
    vertical-align: middle;
    margin-right: 7px;
}

.qw-cover .qw-bgcontent {
    background: #FFFFFF;
    margin-top: 80px;
    width: 1225px;
    height: 550px;
    padding: 10px;
}

.qw-cover .qw-bgcontent .liucheng {
    background: #F9F9F9;
    width: 540px;
    height: 530px;
    text-align: center;
    padding-top: 70px;
    float: left;
}

.qw-cover .qw-bgcontent .liucheng p {
    font-size: 24px;
    color: #222222;
    margin-top: 30px;
}

.qw-cover .bgcontent-icon {
    float: left;
    padding: 70px 0px;
    width: 655px;

}

.qw-cover .bgcontent-icon .icon-item {
    margin-left: 60px;
    width: 260px;
    float: left;
    margin-bottom: 25px;
}

.qw-cover .bgcontent-icon .icon-item img {
    float: left;
    margin-right: 18px;
}

.qw-cover .icon-item-content {
    float: left;
    width: 185px;
    text-align: justify;
}

.qw-cover .icon-item-content h4 {
    color: #222222;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 15px;
}

.qw-cover .icon-item-content p {
    color: #555555;
    line-height: 24px;
    font-size: 14px;
    padding-bottom: 20px;
    border-bottom: dashed 1px #DBDEE0;
}

.qw-cover .icon-item-content .icon-item-last {
    border-bottom: none;
}

.qw-cover .qw-title {
    text-align: center;
}

.qw-cover .qw-title p {
    font-size: 32px;
    color: #1A1A1A;
    padding-top: 60px;
    padding-bottom: 27px;

}

.qw-cover .qw-title .qw-line {
    width: 70px;
    height: 2px;
    background: #0082FF;
    margin: 0 auto;
    margin-bottom: 20px;
}

.qw-cover .qwcrm .qw-container {
    height: 650px;
}

.qw-cover .qw-col {
    display: table;
    height: 100%;
    width: 47%;
    float: left;
}

.qw-cover .qw-col .img, .qw-col .text {
    vertical-align: middle;
    display: table-cell;
}

.qw-cover .white .text {
    padding-left: 50px;

}

.qw-cover .qwcrm .qw-col .text .title {
    font-size: 30px;
    color: #222222;
    margin-bottom: 40px;
}

.qw-cover .qwcrm .qw-col .text ul li {
    color: #222222;
    font-size: 17px;
    line-height: 44px;
    list-style: none;

}

.qw-cover .qwcrm .qw-col .text ul li img {
    margin-right: 14px;
    vertical-align: middle;
}

.qw-cover .black {
    background: #F6F6F6;
}

.qw-cover .black .text {
    padding-right: 30px;
}

/*swiper*/
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("https://baike.fxiaoke.com/wp-content/uploads/2017/12/btn-default-2.png")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("https://baike.fxiaoke.com/wp-content/uploads/2017/12/btn-default-1.png")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black:hover {
    background-image: url("https://baike.fxiaoke.com/wp-content/uploads/2017/12/btn-hover-2.png")
}

.swiper-button-next.swiper-button-black:hover {
    background-image: url("https://baike.fxiaoke.com/wp-content/uploads/2017/12/btn-hover-1.png")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #ffffff;
    opacity: 0.4
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

/*弹框视频css*/
.jquery-lightbox-overlay {
    BACKGROUND: #000000
}

.jquery-lightbox {
    POSITION: relative;
    PADDING-BOTTOM: 17px;
    PADDING-LEFT: 0;
    PADDING-RIGHT: 0;
    PADDING-TOP: 47px
}

.jquery-lightbox-border-top-left {
    Z-INDEX: 7000;
    POSITION: absolute;
    WIDTH: 12%;
    HEIGHT: 17px
}

.jquery-lightbox-border-top-right {
    Z-INDEX: 7000;
    POSITION: absolute;
    WIDTH: 12%;
    HEIGHT: 17px
}

.jquery-lightbox-border-bottom-left {
    Z-INDEX: 7000;
    POSITION: absolute;
    WIDTH: 12%;
    HEIGHT: 17px
}

.jquery-lightbox-border-bottom-right {
    Z-INDEX: 7000;
    POSITION: absolute;
    WIDTH: 12%;
    HEIGHT: 17px
}

.jquery-lightbox-border-top-left {
    TOP: 0;
    LEFT: 0
}

.jquery-lightbox-border-top-right {
    TOP: 0;
    RIGHT: 0
}

.jquery-lightbox-border-top-middle {
    Z-INDEX: 7000;
    POSITION: absolute;
    BACKGROUND: #2b2b2b;
    HEIGHT: 7px;
    OVERFLOW: hidden;
    TOP: 0;
    LEFT: 12%
}

.jquery-lightbox-border-bottom-left {
    BOTTOM: 0;
    LEFT: 0
}

.jquery-lightbox-border-bottom-right {
    BOTTOM: 0;
    RIGHT: 0
}

.jquery-lightbox-title {
    Z-INDEX: 7000;
    POSITION: absolute;
    PADDING-BOTTOM: 5px;
    LINE-HEIGHT: 14px;
    MARGIN: 3px;
    PADDING-LEFT: 8px;
    BOTTOM: 0;
    PADDING-RIGHT: 8px;
    FONT-FAMILY: verdana, arial, serif;
    BACKGROUND: #2b2b2b;
    COLOR: #ffffff;
    FONT-SIZE: 11px;
    PADDING-TOP: 5px;
    opacity: 0.9
}

.jquery-lightbox-html {
    Z-INDEX: 7000;
    BORDER-BOTTOM: 0;
    POSITION: relative;
    BORDER-LEFT: #2b2b2b 7px solid;
    PADDING-BOTTOM: 0;
    PADDING-LEFT: 15px;
    PADDING-RIGHT: 15px;
    VERTICAL-ALIGN: top;
    BORDER-TOP: 0;
    BORDER-RIGHT: #2b2b2b 7px solid;
    PADDING-TOP: 0
}

.jquery-lightbox-html EMBED {
    VERTICAL-ALIGN: top
}

.jquery-lightbox-html OBJECT {
    VERTICAL-ALIGN: top
}

.jquery-lightbox-html IFRAME {
    VERTICAL-ALIGN: top
}

.jquery-lightbox-background {
    Z-INDEX: 6999;
    POSITION: absolute;
    PADDING-BOTTOM: 0;
    PADDING-LEFT: 0;
    PADDING-RIGHT: 0;
    FLOAT: left;
    TOP: 37px;
    PADDING-TOP: 0;
    LEFT: 7px
}

.jquery-lightbox-background IMG {
    BORDER-BOTTOM: 0;
    POSITION: relative;
    BORDER-LEFT: 0;
    PADDING-BOTTOM: 0;
    MARGIN: 0;
    PADDING-LEFT: 0;
    WIDTH: 100%;
    PADDING-RIGHT: 0;
    DISPLAY: block;
    HEIGHT: 100%;
    BORDER-TOP: 0;
    BORDER-RIGHT: 0;
    PADDING-TOP: 0
}

.jquery-lightbox-mode-image .jquery-lightbox-html {
    Z-INDEX: 6998;
    PADDING-BOTTOM: 0;
    PADDING-LEFT: 0;
    PADDING-RIGHT: 0;
    PADDING-TOP: 0
}

.jquery-lightbox-mode-html .jquery-lightbox-background {
    BACKGROUND: #ffffff
}

.jquery-lightbox-mode-html .jquery-lightbox-html {
    OVERFLOW: auto
}

.jquery-lightbox-loading {
    BACKGROUND: url("images/loading.gif") #ffffff no-repeat center center
}

.jquery-lightbox-mode-html .jquery-lightbox-loading {
    BACKGROUND: url("images/loading.gif") #ffffff no-repeat center center
}

.jquery-lightbox-button-close {
    POSITION: absolute;
    WIDTH: 29px;
    BACKGROUND: url("/ap/wp-content/uploads/2017/12/jquery-lightbox-theme.png") no-repeat -190px -115px;
    HEIGHT: 29px;
    TOP: 32px;
    RIGHT: -26px
}

.jquery-lightbox-button-close:hover {
    BACKGROUND: url("/ap/wp-content/uploads/2017/12/jquery-lightbox-theme.png") no-repeat -220px -115px
}

.jquery-lightbox-button-close SPAN {
    DISPLAY: none
}

.jquery-lightbox-buttons SPAN {
    DISPLAY: none
}

.jquery-lightbox-mode-image .jquery-lightbox-button-close {
    Z-INDEX: 7002;
    RIGHT: 14px
}

.jquery-lightbox-buttons {
    Z-INDEX: 7001;
    POSITION: absolute;
    DISPLAY: none;
    HEIGHT: 39px;
    TOP: 7px;
    LEFT: 7px
}

.jquery-lightbox-buttons .jquery-lightbox-buttons-init {
    WIDTH: 5px;
    DISPLAY: inline;
    FLOAT: left;
    HEIGHT: 39px
}

.jquery-lightbox-buttons .jquery-lightbox-buttons-end {
    WIDTH: 5px;
    DISPLAY: inline;
    FLOAT: left;
    HEIGHT: 39px
}

.jquery-lightbox-buttons .jquery-lightbox-buttons-init {
    MARGIN: 7px 0 0 7px;
    BACKGROUND: url(" /ap/wp-content/uploads/2017/11/jquery-lightbox-theme.png") no-repeat -151px -153px
}

.jquery-lightbox-buttons .jquery-lightbox-buttons-end {
    MARGIN: 7px 0 0;
    BACKGROUND: url(" /ap/wp-content/uploads/2017/11/jquery-lightbox-theme.png") no-repeat -244px -153px
}

.jquery-lightbox-buttons .jquery-lightbox-button-left {
    MARGIN: 7px 0 0;
    WIDTH: 24px;
    DISPLAY: inline;
    BACKGROUND: url(" /ap/wp-content/uploads/2017/11/jquery-lightbox-theme.png") no-repeat -156px -153px;
    FLOAT: left;
    HEIGHT: 39px
}

.jquery-lightbox-buttons .jquery-lightbox-button-left:hover {
    BACKGROUND: url(" /ap/wp-content/uploads/2017/11/jquery-lightbox-theme.png") no-repeat -156px -194px
}

.jquery-lightbox-buttons .jquery-lightbox-button-right {
    MARGIN: 7px 0 0;
    WIDTH: 24px;
    DISPLAY: inline;
    BACKGROUND: url("/ap/wp-content/uploads/2017/11/jquery-lightbox-theme.png") no-repeat -220px -153px;
    FLOAT: left;
    HEIGHT: 39px
}

.jquery-lightbox-buttons .jquery-lightbox-button-right:hover {
    BACKGROUND: url(" /ap/wp-content/uploads/2017/11/jquery-lightbox-theme.png") no-repeat -220px -194px
}

.jquery-lightbox-buttons .jquery-lightbox-button-max {
    MARGIN: 7px 0 0;
    WIDTH: 36px;
    DISPLAY: inline;
    BACKGROUND: url(" /ap/wp-content/uploads/2017/11/jquery-lightbox-theme.png") no-repeat -182px -153px;
    FLOAT: left;
    HEIGHT: 39px
}

.jquery-lightbox-buttons .jquery-lightbox-button-max:hover {
    BACKGROUND: url(" /ap/wp-content/uploads/2017/11/jquery-lightbox-theme.png") no-repeat -182px -194px
}

.jquery-lightbox-buttons .jquery-lightbox-button-min {
    MARGIN: 7px 0 0;
    WIDTH: 36px;
    DISPLAY: inline;
    BACKGROUND: url(" /ap/wp-content/uploads/2017/11/jquery-lightbox-theme.png") no-repeat -162px -235px;
    FLOAT: left;
    HEIGHT: 39px
}

.jquery-lightbox-buttons .jquery-lightbox-button-min:hover {
    BACKGROUND: url(" /ap/wp-content/uploads/2017/11/jquery-lightbox-theme.png") no-repeat -207px -235px
}

.jquery-lightbox-buttons-custom {
    LINE-HEIGHT: 39px;
    MARGIN: 7px 0 0;
    DISPLAY: inline;
    BACKGROUND: #2b2b2b;
    FLOAT: left;
    HEIGHT: 39px;
    FONT-SIZE: 10px
}

.jquery-lightbox-buttons-custom A {
    PADDING-BOTTOM: 0;
    PADDING-LEFT: 3px;
    PADDING-RIGHT: 3px;
    DISPLAY: inline;
    COLOR: #ffffff;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline;
    PADDING-TOP: 0
}

.jquery-lightbox-mode-image .jquery-lightbox-button-close {
    opacity: 0.7
}

.jquery-lightbox-mode-image .jquery-lightbox-buttons {
    opacity: 0.3
}

.jquery-lightbox-mode-image:hover .jquery-lightbox-buttons {
    opacity: 0.9
}

.jquery-lightbox-mode-image:hover .jquery-lightbox-button-close {
    opacity: 0.9
}

.jquery-lightbox-navigato