/** ABOUT */
.w-about {
    padding-top: 72px;
}
.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: #f07e5f;
    border-bottom: 2px solid #fe663d;
}

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

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

.w-about .tab-aboutpane {
    min-height: 600px;
    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;
}

.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;
}

.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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/beijing-active@2x.png");
    }
}

.w-about .map .company-pos span.cur .icon-map.shanghai {
    background-image: url("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/shanghai-active@2x.png");
    }
}

.w-about .map .company-pos span.cur .icon-map.hangzhou {
    background-image: url("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/hangzhou-active@2x.png");
    }
}

.w-about .map .company-pos span.cur .icon-map.guangzhou {
    background-image: url("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/guangzhou-active@2x.png");
    }
}

.w-about .map .company-pos span.cur .icon-map.shenzheng {
    background-image: url("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/shenzheng-active@2x.png");
    }
}

.w-about .map .company-pos span.cur .icon-loca {
    background-image: url("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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;
    min-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;
    margin-bottom: 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, textarea, tfoot, time, ul, var, video {
    background: 0 0;
    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;
    min-width: 1140px;
overflow-x:hidden;
}

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: 510px;
}

.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 .logo a.white {
    display: none;
}

.w-header .logo a.black {
    display: block;
}

.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;
    min-width: 114px;
    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 {
    min-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: auto;
    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("/ap/wp-content/uploads/2017/04/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: 16px;
    color: #333;
    line-height: 24px;
    margin-bottom: 4px;
}

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

.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("/ap/wp-content/uploads/2017/04/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;
}


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: Microsoft Yahei,PingFangSC-Regular,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;
}

.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 a.white {
    display: block;
}

.w-header.transparent .logo a.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;
    min-width: 114px;
    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 {
    min-width: 100px;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

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

.w-navbar .menu-item.menu-item-type-double .sub-menu .menu-item-type-child a {
    min-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 {
    min-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: auto;
    background: #161616;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 30px;
    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: 160px;
    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: 72px;
    text-align: center;
}

.w-blog .banner {
    width: 100%;
    height: 360px;
    background-image: url("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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: 72px;
}

.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: 72px;
    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;
    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;
    background-repeat: no-repeat;
    background-size: contain;
}



.w-download .container .download-content {
    display: inline-block;
    float: left;
    width: 770px;
    padding-top: 92px;
    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: 20px;
}

.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;
}
/** FINACING */
.w-finacing {
    padding-top: 72px;
}

.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;
}


/** INDEX */
.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 {
    float: right;
    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 a.white {
    display: block;
}

.w-header.transparent .logo a.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 {
    position: relative;
    text-align: center;
    width: 100%;
    height: 640px;
    overflow: hidden;
    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-index .banner {
        background-image: url("ap/wp-content/uploads/2017/04/index-banner1@2x.jpg");
    }
}

.w-index .banner .banner-image {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    height: 570px;
}

.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 img {
    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: -200px;
}

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

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

.w-index .article .swiper-container .swiper-slide .index-banner-server2-h2 {
    font-size: 20px;
    color: #e5e5e5;
    letter-spacing: 0.5px;
    margin-top: 31px;
    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;
}

.w-index .banner .cover .swiper-slide {
    position: relative;
    text-align: center;
    width: 100%;
    display: block;
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
    cursor: pointer;
}

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: -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-index .banner .cover .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-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 .w-index-news {
    background-color: #f8f9fd;
    text-align: center;
    padding-top: 18px;
}

.w-index .w-index-news .news-item {
    padding-top: 40px;
    background: -webkit-gradient(linear, left top, left bottom, from(#e9ecf8), to(#fff));
    background: -webkit-linear-gradient(top, #e9ecf8, #fff);
    background: linear-gradient(180deg, #e9ecf8, #fff);
}

.w-index .w-index-news .news-item .news-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto 30px;
}

.w-index .w-index-news .news-item .news-icon.news-icon1 {
    background-image: url("/ap/wp-content/uploads/2017/05/news1.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-index .w-index-news .news-item .news-icon.news-icon1 {
        background-image: url("/ap/wp-content/uploads/2017/05/news1@2x.png");
    }
}

.w-index .w-index-news .news-item .news-icon.news-icon2 {
    background-image: url("/ap/wp-content/uploads/2017/04/news2.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-index .w-index-news .news-item .news-icon.news-icon2 {
        background-image: url("/ap/wp-content/uploads/2017/04/news2@2x.png");
    }
}

.w-index .w-index-news .news-item .news-icon.news-icon3 {
    background-image: url("/ap/wp-content/uploads/2017/07/news4.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-index .w-index-news .news-item .news-icon.news-icon3 {
        background-image: url("/ap/wp-content/uploads/2017/07/news4@2x.png");
    }
}

.w-index .w-index-news .news-item .news-title {
    font-size: 18px;
    margin-bottom: 15px;
}

.w-index .w-index-news .news-item .news-desc {
    font-size: 14px;
    color: #666;
}

.w-index .w-index-news .news-item .news-desc .read-more {
    display: inline-block;
    color: #f07e5f;
    margin-left: 10px;
}

.w-index .w-index-news .news-item .news-desc .read-more:hover {
    color: #ed6d49;
}

.w-index .w-index-news .news-item:nth-child(2) {
    background: -webkit-gradient(linear, left top, left bottom, from(#d9def2), to(#fff));
    background: -webkit-linear-gradient(top, #d9def2, #fff);
    background: linear-gradient(180deg, #d9def2, #fff);
}

.w-index .w-index-news .news-item:nth-child(3) {
    background: -webkit-gradient(linear, left top, left bottom, from(#cad2eb), to(#fff));
    background: -webkit-linear-gradient(top, #cad2eb, #fff);
    background: linear-gradient(180deg, #cad2eb, #fff);
    position: relative;
}

.w-index .w-index-news .news-item:nth-child(3) img {
    position: absolute;
    padding-left: 30px;
}

.w-index .feature-content {
    position: relative;
}

.w-index .feature-content .feature-pane {
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 660px;
}

.w-index .feature-content .feature-pane #feat1 p, .w-index .feature-content .feature-pane #feat2 p {
    color: #666;
    font-weight: normal;
    font-size: 17px;
}

.w-index .feature-content .feature-pane {
}

.w-index .feature-content .feature-pane .fea-pic {
}

.w-index .feature-content .feature-pane.pane2 {
    background: #eff1fa;
}

.w-index .feature-content .feature-pane.pane2 .fea-pic {
}



.w-index .feature-content .feature-pane .container {
    overflow: hidden;
    width: 1150px;
    margin: 0 auto;
    padding-top: 118px;
}

.w-index .feature-content .feature-pane .feature-next-2 {
    padding-top: 10px;
}

.w-index .feature-content .feature-pane .text {
    text-align: left;
    padding-top: 160px;
    display: none;
}

.w-index .feature-content .feature-pane .text .title {
    margin-bottom: 40px;
    color: #333;
    font-size: 30px;
    line-height: 48px;
    width: 600px;
    font-weight: 500;
}

.w-index .feature-content .feature-pane .text .title-2 {
    padding-top: 50px;
}

.w-index .feature-content .feature-pane .text p {
    line-height: 36px;
    font-size: 20px;
    color: #333;
    font-weight: 500;
}

.w-index .feature-content .feature-pane .text .check-details {
    display: block;
    color: #f07e5f;
    font-size: 16px;
    margin-top: 20px;
}

.w-index .feature-content .feature-pane .text .check-details:hover {
    cursor: pointer;
    color: #ed6d49;
}

.w-index .feature-content .feature-pane .pic {
    text-align: left;
    display: none;
}

.w-index .feature-content .feature-pane .pic .fea-pic {
    width: 628px;
    height: 542px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.w-index .feature-content .feature-pane .pic .fea-pic2 {
    width: 672px;
    height: 648px;
}

.w-index .feature-content .feature-pane .animation-left {
    display: inline-block;
    -webkit-animation: appearLeft 0.5s ease, opacity 1s linear;
    animation: appearLeft 0.5s ease, opacity 1s linear;
}

.w-index .feature-content .feature-pane .animation-right {
    display: inline-block;
    -webkit-animation: appearRight 0.5s ease, opacity 1s linear;
    animation: appearRight 0.5s ease, opacity 1s linear;
}

@media screen and (max-width:1139px) {
    .feature-content .feature-pane .text {
        width: 60%;
    }

    .feature-content .feature-pane .pic {
        width: 40%;
    }

    .feature-content .feature-pane #feat2 {
        margin-left: 40%;
    }
}

.w-index .w-index-service {
    height: 560px;
    padding: 110px 0 80px;
}

.w-index .w-index-service .title {
    text-align: center;
    margin-bottom: 70px;
}

.w-index .w-index-service .title .title-p, .w-index .w-index-service .title img {
    display: inline-block;
    vertical-align: middle;
    line-height: 78px;
    font-size: 36px;
    color: #333;
}

.w-index .w-index-service .content {
    text-align: center;
    margin: 0 auto;
}

.w-index .w-index-service .content .cont-item {
    display: inline-block;
    text-align: center;
    margin: 0 30px;
}

.w-index .w-index-service .content .cont-item .icon {
    width: 120px;
    height: 120px;
    display: block;
    padding: 24px;
}

.w-index .w-index-service .content .cont-item .icon img {
    width: 100%;
    height: auto;
}

.w-index .w-index-service .content .cont-item .text {
    font-size: 18px;
    color: #666;
}

.w-index .w-index-service .more {
    text-align: center;
    margin-top: 60px;
}

.w-index .w-index-service .more .view-more {
    display: inline-block;
    margin: 0 auto;
    color: #f07e5f;
}

.w-index .w-index-service .more .view-more:hover {
    cursor: pointer;
    color: #ed6d49;
}

.w-index .w-enterprise {
    height: 740px;
    padding: 110px 0 80px;
    text-align: center;
}

.w-index .w-enterprise h2 {
    margin-bottom: 70px;
}

.w-index .w-enterprise img {
    width: 1000px;
    height: auto;
    margin: 0 auto;
}

.w-index .w-enterprise .more {
    text-align: center;
    padding: 50px 0 60px;
}

.w-index .w-enterprise .more .view-more {
    display: inline-block;
    margin: 0 auto;
    color: #f07e5f;
    line-height: 24px;
}

.w-index .w-enterprise .more .view-more:hover {
    cursor: pointer;
    color: #ed6d49;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail > img, .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: left 0.6s ease-in-out;
    transition: left 0.6s ease-in-out;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    line-height: 1;
}

@media (-webkit-transform-3d), all and (transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    .carousel-inner > .item.active.right, .carousel-inner > .item.next {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
        left: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: auto;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    margin-top: 110px;
}

.carousel-control.right {
    right: 0;
    left: auto;
}

.carousel-control .icon svg {
    width: 36px;
    height: auto;
}

.carousel-control:focus, .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

.carousel {
    height: 480px;
    position: relative;
    width: 1000px;
    margin: 0 auto 60px;
}

.carousel .carousel-inner {
    margin: 0 auto;
    width: 850px;
    -webkit-box-shadow: 0 0 60px rgba(118, 139, 191, .35);
    box-shadow: 0 0 60px rgba(118, 139, 191, .35);
}

.carousel .carousel-inner .item {
    width: 850px;
    height: 346px;
    background-color: #fff;
}

.carousel .carousel-inner .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: auto;
}

.carousel .carousel-inner .item .carousel-caption {
    position: absolute;
    top: 0;
    left: 310px;
    width: 530px;
    padding: 60px 50px 0;
    height: auto;
    color: #333;
    z-index: 1;
    text-shadow: none;
    font-size: 20px;
    text-align: left;
}

.carousel .carousel-inner .item .carousel-caption .text {
    line-height: 36px;
    display: block;
    padding: 0 20px;
    margin: 10px 0;
    font-family: SimSun;
}

.carousel .carousel-inner .item .carousel-caption .quot-after, .carousel .carousel-inner .item .carousel-caption .quot-before {
    display: block;
    width: 100%;
}

.carousel .carousel-inner .item .carousel-caption .quot-after .icon, .carousel .carousel-inner .item .carousel-caption .quot-before .icon {
    width: 32px !important;
    height: 32px;
    display: block;
    background: url("quotleft.jpg") no-repeat;
    background-size: contain;
}

.carousel .carousel-inner .item .carousel-caption .quot-after {
    text-align: right;
    height: 32px;
}

.carousel .carousel-inner .item .carousel-caption .quot-after .icon {
    float: right;
    background: url("quotright.jpg") no-repeat;
    background-size: contain;
}

.carousel .carousel-inner .item .carousel-caption label {
    font-size: 14px;
    float: right;
    display: block;
    padding-top: 10px;
}

.carousel .carousel-indicators {
    position: absolute;
    bottom: 60px;
    left: 50%;
    z-index: 2;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel .carousel-indicators li {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 12px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #ccc;
    border-radius: 8px;
}

.carousel .carousel-indicators .active {
    background: #ec833d;
}

.carousel .btn-exp {
    position: absolute;
    left: 50%;
    margin-left: -81px;
    bottom: 0;
    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);
}

.carousel .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-index .w-media {
    background: #333;
    color: #fff;
    padding: 65px 0;
}

.w-index .w-media .col-md-6 {
    padding-right: 40px;
}

.w-index .w-media .title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 45px;
}

.w-index .w-media .title .icon {
    width: 22px;
    margin-right: 8px;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
}

.w-index .w-media .title .icon img {
    width: 100%;
    height: auto;
}

.w-index .w-media .media-list {
    list-style: none;
    padding-left: 20px;
}

.w-index .w-media .media-list .media-item {
    height: 32px;
    position: relative;
}

.w-index .w-media .media-list .media-item .media-item-title {
    color: #fff;
    width: 100%;
    line-height: 32px;
    height: 32px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.w-index .w-media .media-list .media-item .media-item-title:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: 12px;
}

.w-index .w-index-news .container {
    width: 1100px;
}

.w-index .w-index-news .container .index-banner-low {
    width: 30%;
    position: relative;
    text-align: center;
    margin-left: -5%;
}

.w-index .w-index-news .container .index-banner-low .index-low-img {
    width: 284px;
}

.w-index .w-index-news .container .index-banner-low .w-index-banner-content {
    position: absolute;
    top: 40%;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: 18px;
}

.w-index .w-index-news .container .index-banner-low .w-index-banner-newitem {
    display: none;
    background: #4c8ffe;
    position: absolute;
    top: 11.5px;
    left: 10.5%;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    width: 262.5px;
    height: 163px;
    font-size: 14px;
}

.w-index .w-index-news .container .index-banner-low .w-index-banner-newitem .w-index-big-size {
    display: -webkit-inline-box;
    margin-top: 24px;
    font-size: 20px;
}

.w-index .w-index-news .container .index-banner-low .w-index-banner-newitem .w-index-item-st {
    padding-top: 10px;
    display: -webkit-inline-box;
}

.w-index .w-index-news .container .index-banner-low span {
    color: #fff;
}

.w-index .w-index-news .container .index-banner-low .w-index-line {
    margin-left: 48%;
    text-align: center;
    border: 1.5px solid #fff;
    width: 20px;
}

/** 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;
    padding-bottom: 84px;
}

.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 {
    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: 90px;
    text-align: center;
}

.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;
    -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: 420px;
    overflow: hidden;
    background-image: url("/ap/wp-content/uploads/2017/12/cooperation-bg.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.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: -340px;
    float: right;
}

.w-partner .banner .banner-text .solution-container {
    width: 1000px;
}

.w-partner .banner .banner-text .container {
    color: #fff;
    text-align: left;
    margin-top: 150px;
}

.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 .container {
    margin-top: 40px;
    width: 1150px;
    padding-left: 20px;
}

.container .partner-item {
    width: 330px;
    height: 350px;
    float: left;
    border: solid 1px #e4e5e8;
    margin-left: 26px;
    margin-bottom: 40px;
}

.container .partner-item:hover {
    border: solid 1px #2879fb;
    box-shadow: 0 7px 15px rgba(91, 91, 91, 0.1);
}

.container .partner-item img {
    width: 328px;
}

.container .partner-item-left {
    margin-left: 0;
}

.container .partner-item .partner-item-content {
    margin: 24px 18px 25px;
}

.container .partner-item .partner-item-content p {
    color: #222222;
    font-size: 15px;
    font-weight: 500;
}

.container .partner-item .partner-item-content hr {
    border-top: solid 1px #ebebeb;
}

.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: 20px;
    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: 72px;
    -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: 150px;
}

.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;
}

.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 #2879fb;
    padding-left: 10px;
    font-size: 26px;
    margin-left: 232px;
    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-banner .banner {
    height: 0;
    width: 100%;
    position: relative;
    padding-bottom: 22%;
}

.w-banner .banner .banner-img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
    width: auto;
    height: 100%;
    overflow: hidden;
}

.w-banner .banner .banner-masking {
    background: black;
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    overflow: hidden;
}

.w-banner .banner .banner-img img {
    width: auto;
    height: 100%;
    background-image: linear-gradient(to top, #3975f0, #27bbf2);
}

.w-banner .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-banner .banner .banner-text .container {
    text-align: center;
}

.w-banner .banner .banner-text .solution-container {
    width: 1000px;
}

.w-banner .banner .banner-text .container {
    color: #fff;
    text-align: left;
    margin-top: 100px;
}

.w-banner .banner .banner-text .container .title {
    font-size: 40px;
    line-height: 40px;
    padding-bottom: 35px;
}

.w-banner .banner .banner-text .container .title-2 {
    font-size: 17px;
    line-height: 30px;
    letter-spacing: 1px;
}

.w-banner .banner-text .container .exp-box .box-img1 {
    margin-top: 3%;
    cursor: pointer;
}

.w-banner .banner-text .container .exp-box .box-img2 {
    float: none;
    margin-top: 0;
    margin-left: 300px;
    position: absolute;
    top: 0;
}

.w-banner .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: 56px;
    line-height: 56px;
    background: #fafafa;
}

.w-product-details .tab-nav .tab-nav-item {
    display: inline-block;
    margin-right: 95px;
    font-size: 20px;
    color: #333;
    text-align: left;
}

.w-product-details .tab-nav .tab-nav-item .tab-nav-item-text {
    font-size: 20px;
}

.w-product-details .tab-nav .tab-nav-item.active {
    border-bottom: 2px solid #ff9274;
}

.w-product-details .tab-nav .tab-nav-item:hover {
    cursor: pointer;
}

.w-product-details .pd-part .pd-item {
    width: 100%;
    height: 600px;
    background: #fff;
    min-width: 1100px;
}

.w-product-details .pd-part .pd-item .container {
    height: 600px;
}

.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: 500px;
    height: auto;
}

.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: #333;
    line-height: 42px;
    margin-bottom: 40px;
}

.w-product-details .pd-part .pd-item .col-md-6 .text ul li {
    font-size: 16px;
    line-height: 1.5em;
    color: #333;
    margin-bottom: 24px;
    position: relative;
    padding-left: 13px;
    margin-left: -13px;
}

.w-product-details .pd-part .pd-item .col-md-6 .text ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d8d8d8;
    position: absolute;
    left: 0;
    top: 8px;
}

.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 {
    padding-right: 30px;
}

.w-product-details .pd-part .pd-item.white .text {
    padding-left: 80px;
}

.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/03/version62-banner.png");
    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: 340px;
    text-align: center;
    background: none;
}

.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;
}


/** SERVICE*/
.w-service {
    padding-top: 72px;
    text-align: center;
}

.w-service .banner {
    width: 100%;
    height: 360px;
    background-image: url("/ap/wp-content/uploads/2017/04/service-1.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-service .banner {
        background-image: url("/ap/wp-content/uploads/2017/04/service-1@2x.jpg");
    }
}

.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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/service-21@2x.png");
    }
}

.w-service .service-part2 .service-part2-box .icon .icon2 {
    height: 200px;
    background-image: url("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/service-42@2x.png");
    }
}

.w-service .service-part4 .col-md-3:nth-child(3) .service-part3-box {
    background-image: url("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/service-43@2x.png");
    }
}

.w-service .service-part4 .col-md-3:nth-child(4) .service-part3-box {
    background-image: url("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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("/ap/wp-content/uploads/2017/04/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: 80px;
}

.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-details {
    padding-top: 100px;
    padding-bottom: 110px;
    text-align: center;
}

.w-service-details .service-box {
    -webkit-box-shadow: 0 5px 30px #eff1f8;
    box-shadow: 0 5px 30px #eff1f8;
}

.w-service-details .service-details-table td {
    width: 128px;
    min-height: 60px;
    border-right: 2px solid #eff1f8;
    border-bottom: 2px solid #eff1f8;
}

.w-service-details .service-details-table td:first-child {
    border-left: 1px solid #eff1f8;
}

.w-service-details .service-details-table td:last-child {
    border-right: 1px solid #eff1f8;
}

.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;
}

.w-service-details .service-details-title td {
    background: #e7eaf2;
    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: 18px;
    line-height: 24px;
    color: #fff;
}

.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-tiem-bg {
    background: url("/ap/wp-content/uploads/2017/10/service-green.png");
    width: 128px;
}

.w-service-details .service-details-title .service-details-tiem-blue1 {
    background: url("/ap/wp-content/uploads/2017/10/service-blue1.png");
    width: 128px;
}

.w-service-details .service-details-title .service-details-tiem-blue2 {
    background: url("/ap/wp-content/uploads/2017/10/service-blue2.png");
    width: 128px;
}

.w-service-details .service-details-title .service-details-tiem-orange {
    background: url("/ap/wp-content/uploads/2017/10/service-orange.png");
    width: 128px;
}

.w-service-details .service-details-title .service-details-tiem-red {
    background: url("/ap/wp-content/uploads/2017/10/service-red.png");
    width: 128px;
}

.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: 10px;
}

.w-service-details .service-details-content {
    border-collapse: separate;
    border-spacing: 0;
}

.w-service-details .service-details-content .no-border td {
    border-top: none;
}

.w-service-details .service-details-content .service-details-item {
    padding: 15px;
    color: #444;
    font-size: 14px;
}

.w-service-details .service-details-content .service-details-item.text-title {
    color: #444;
    width: 360px;
    text-align: left;
}

.w-service-details .service-details-content .service-details-item .service-check {
    display: block;
    width: 22px;
    height: 16px;
    background-image: url("/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-service-details .service-details-content .service-details-item .service-check {
        background-image: url("/ap/wp-content/uploads/2017/10/check-icon@2x.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");
}

.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: 72px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.w-solution .banner {
    height: 0;
    width: 100%;
    position: relative;
    padding-bottom: 22%;
    overflow: hidden;
}

.w-solution .banner .banner-img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
    width: auto;
    height: 100%;
    overflow: hidden;
}

.w-solution .banner .banner-masking {
    background: black;
    opacity: 0.4;
    position: absolute;
    left: -50%;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.w-solution .banner .banner-img img {
    width: auto;
    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: 100px;
}

.w-solution .banner .banner-text .container .title {
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 42px;
}

.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: -25px;
    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: 36px;
}

.w-solution .banner .banner-text .d-container .exp-box .d-title-2 {
    font-size: 24px;
}

.d-solution-body .d-solution-middle {
    height: auto;
    overflow: hidden;
    padding-bottom: 40px;
    background-color: #f3f4f7;
}

.d-solution-body .d-middle-case {
    height: auto;
    overflow: hidden;
}

.d-solution-new-body .d-middle-case {
    height: auto;
    overflow: hidden;
}

.d-solution-body .d-solution-bg {
    height: auto;
    overflow: hidden;
    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: 70px;
    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: 320px;
    min-height: initial;
    position: relative;
    background-color: #FFFFFF;
    float: left;
    margin-left: 19px;
    margin-bottom: 20px;
    padding-bottom: 30px;
    box-shadow: 0 7px 35px rgba(0, 0, 0, 0.1);
}

.d-solution-body .d-solution-middle .d-solution-box .d-box .img {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.d-solution-body .d-solution-middle .d-solution-box .d-box .img img {
    max-width: 100%;
}

.d-solution-body .d-solution-middle .d-solution-box .d-box .title {
    text-align: center;
    color: #222;
    padding: 0 10px 0 10px;
    font-weight: bold;
}

.d-solution-body .d-solution-middle .d-solution-box .d-box .content {
    padding: 20px 15px 15px 15px;
    line-height: 25px;
    color: #666;
    font-size: 13px;
}

.d-solution-body .d-solution-middle .d-solution-img {
    width: 1100px;
    padding-top: 30px;
    padding-left: 35px;
}



.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 .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: 600;
    font-size: 17px;
}

.d-solution-body .d-solution-middle .d-solution-box .d-box-project p:nth-of-type(2) {
    position: absolute;
    top: 267px;
    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;
}

.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: 640px;
}

.d-solution-new-body .d-pro-height {
    height: 670px;
}

.d-solution-body .d-solution-middle .d-solution-box .d-box-pro-height {
    height: 446px;
}

.d-solution-new-body .d-solution-middle .d-solution-box .d-box-pro-height {
    height: 476px;
}

.d-solution-body .d-solve-height {
    height: 790px;
}

.d-solution-new-body .d-solve-height {
    height: auto;
}

.d-solution-body .d-solution-middle .d-solution-box .d-box-solve-height {
    height: 600px;
}

.d-solution-new-body .d-solution-new-middle .d-solution-new-box {
    width: 100%;
    min-width: 1240px;
    background: url("/ap/wp-content/uploads/2017/12/crm-bg.png");
    height: 566px;
    background-size: 100% 566px;
}

.d-solution-new-body .d-solution-new-middle .d-solution-new-box .d-solution-box-img {
    margin-left: 50%;
    height: 536px;
}

.d-solution-crm {
    width: 435px;
    margin-top: -400px;
}

.d-solution-crm p {
    color: #ffffff;
    font-size: 26px;
}

.d-solution-crm ul {
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    margin-top: 49px;
}

.d-solution-crm ul li {
    margin-bottom: 40px;
}

.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;
}

.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;
}

.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 #2879fb;
}

#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;
}

#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 #2879fb;
    border-right-style: none;
}

.tabulousclear {
    display: block;
    clear: both;
}

/** PRICE **/
/** PRICE **/
.w-price {
    padding-top: 72px;
    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: 72px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.w-product .banner {
    height: 400px;
    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/2017/12/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: 400px;
    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: 650px;
    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: 568px;
}

.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: 60px;
    text-align: left;
    padding-bottom: 60px;
    color: #444444;
}

.w-product .solution-body .product-lable p span a {
    color: #e86c50;
    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 #2879fb;
}

.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: 568px;
    background-color: #f8f9fb;
    border: solid 1px #2879fb;
    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: 72px;
}

.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;
}

/*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-navigator {
    DISPLAY: none;
}


.bottomLink {
    padding-top: 10px;
    padding-bottom: 10px;
}

.bottomLink a {
    display: block;
    margin-left: 11px;
    color: #fff;
    font-size: 14px;
}

.bottomLink a:hover {
    color: #f97c4b;
}

.w-friend-link ul {
    list-style: none;
}

.w-friend-link ul li {
    display: inline-block;
    list-style: none;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.w-friend-link ul li a {
    display: inline;
    color: #fff;
    font-size: 14px;
}

.w-friend-link ul li a:hover {
    color: #f97c4b;
}

.news-top a {
    color: #666;
    font-size: 14px;
}


#ff input {
    border: 1px solid #ccc;
    background: #fff;
    line-height: 35px;
    height: 35px;
    margin-top: 10px;
    margin-left: 10px;
    border-radius: 0px;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    width: 400px;
}

#ff textarea {
    border: 1px solid #ccc;
    background: #fff;
    margin-top: 10px;
    margin-left: 10px;
    border-radius: 0px;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
}

#ff input:focus, #ff textarea:focus {
    border-color: #000;
}

#ff .btn {
    border: 0px;
    background: #ddd;
    padding: 0px;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 35px;
    width: 120px;
    border-radius: 5px;
    transition: all 0.3s;
    cursor: pointer;
}
#ff .btn:hover {color: #fff;background: #c10404;}
#ff .form-control {width: 92%;}
#qqServiceBox{width: 160px; padding: 15px; min-height: 160px; background: #fe6b4e; color: #fff; position: absolute; margin-left: -160px; margin-top: -56px;text-align:left}
#qqServiceBox a{display:block;color:#fff;font-size:14px;line-height:none;margin:0;padding:0;}
#qqServiceBox a:hover{font-weight:bold}
.links{background:#161616;width:100%;overflow:hidden;padding:20px 0;color:#fff;}
.links .link{width: 1000px;margin: 0 auto;line-height:28px;}
.links .link span{float: left;}
.links .link a{color:#fff;padding:0 8px;}