@charset "utf-8";

body {
    font-size: 62.5%;
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
    color: #666;
}

a:focus {
    outline: none;
    -moz-outline: none;
}

ul {
    list-style-type: none;
}

input, button {
    outline: none;
}
/* Clear Fix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}
/* Hide from IE Mac */
.clearfix {
    display: block;
}

.marginLeft5 {
    margin-left: 5px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft15 {
    margin-left: 15px;
}

.marginLeft20 {
    margin-left: 20px;
}

.nopadding {
    padding: 0 !important;
}

.paddingTop80 {
    padding-top: 80px;
}

.paddingTop60 {
    padding-top: 60px;
}

.paddingTop20 {
    padding-top: 20px;
}

.paddingTop12 {
    padding-top: 12px;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

.paddingLeft40 {
    padding-left: 40px;
}

.text-bold {
    font-weight: bold;
}

.mark-pop {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

blockquote {
    padding: 0px;
    border-left: 0px;
}

.mark-pop-default {
    color: #666;
    background-color: #fff;
    border-color: #ddd;
}

.mark-pop-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.mark-pop-extend {
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.logo-wrap {
    padding: 5px;
}

    .logo-wrap img {
        display: inline-block;
    }

    .logo-wrap span {
        color: #666;
    }

.navbar {
    min-height: 80px;
    font-size: 14px;
    border: 0;
    opacity: 0.9;
}
/* 带箭头弹出框 */
.message-box {
    display: none;
    position: absolute;
    left: -100px;
    box-shadow: 5px 5px 20px rgba(100,100,100,.7);
    -webkit-box-shadow: 5px 5px 20px rgba(100,100,100,.7);
    -moz-box-shadow: 5px 5px 20px rgba(100,100,100,.7);
}

.message-inner {
    position: relative;
}

.arrow {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 12px;
    border-style: dashed;
    border-color: transparent;
    border-top-width: 0;
    border-bottom-color: #fff;
    border-bottom-style: solid;
}

.arrow_out {
    top: 0;
    left: 120px;
}

.arrow_in {
    top: 1px;
    left: 120px;
}

.qrcode {
    width: 258px;
    height: 258px;
}

.qrcode-text {
    background-color: #fff;
    color: #666;
    font-size: 15px;
    text-align: center;
}

    .qrcode-text p {
        padding-bottom: 10px;
        margin: 0;
    }

#myCarousel {
    margin: 0;
    margin-top: 80px;
}

.scroll-case {
    padding: 50px 0;
}

    .scroll-case .title {
        font-weight: bold;
        font-size: 18px;
        display: inline-block;
        height: 50px;
        position: absolute;
    }

    .scroll-case .more {
        font-size: 16px;
        float: right;
    }

    .scroll-case .container {
        border: 1px solid #11ab86;
        border-left: none;
        border-right: none;
        height: 50px;
        line-height: 50px;
    }

    .scroll-case ul {
        margin: 0;
        padding: 0;
        display: inline-block;
        margin-left: 100px;
    }

    .scroll-case li {
        font-size: 18px;
        display: none;
    }

        .scroll-case li a {
            color: #11ab86;
        }


.question-tab {
    padding: 0 0 50px;
    background-color: #fff;
    text-align: center;
}

    .question-tab h1 {
        font-size: 24px;
    }

    .question-tab h3 {
        font-size: 20px;
    }

    .question-tab p {
        font-size: 14px;
    }

.product-tab {
    padding: 80px 0;
    text-align: center;
    background-color: #fff;
}

    .product-tab a {
        font-size: 14px;
        color: #11ab86;
    }

    .product-tab img {
        width: 80%;
    }

.text h3 {
    font-size: 20px;
}

.text p {
    font-size: 14px;
}

.tab1 {
    background-color: #f4f5f9;
}

.tab2 {
    background-color: #fff;
}

.tab3 {
    background-color: #f4f5f9;
}

.service-tab {
    padding: 40px 0;
}

    .service-tab .messagebox, .service-tab .box-wrap {
        width: 80%;
        max-width: 598px;
        margin: 0 auto 20px;
        font-size: 14px;
    }

    .service-tab .box-wrap {
        border: 1px solid #dcdcdc;
        border-radius: 5px;
        -webkti-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .service-tab .box {
        letter-spacing: 1px;
    }

    .service-tab .box-header {
        height: 45px;
        line-height: 45px;
        background-color: #11ab86;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        text-align: center;
    }

    .service-tab .box-body {
        margin: 40px 0;
    }

    .service-tab .box-text {
        text-align: right;
    }

    .service-tab .row-extend {
        margin-top: 10px;
    }

.input-wrap {
    //width: 80%;
    min-width: 130px;
    border: 1px solid #dcdcdc;
    padding: 5px 0;
    border-radius: 4px;
}

    .input-wrap input::-webkit-input-placeholder, .input-wrap textarea::-webkit-input-placeholder {
        /* placeholder颜色  */
        color: rgba(153,153,153,1);
        /* placeholder字体大小  */
        font-size: 14px;
        /* placeholder位置*/
        //padding-left: 10px;
    }

.input-inner {
}

.input-height {
    height: 40px;
}

.input-line-height {
    margin-top: 20px;
    margin-bottom: 20px;
}

.textarea-height {
    height: 90px;
}

.input-prev-flag {
    min-width: 90px;
    margin-top: 5px;
    font-size: 16px;
    text-align: right;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    line-height: 28px;
}

.trans-input {
    border: 0;
    text-indent: 5px;
    width: 100%;
    background-color: transparent;
    height: 30px !important;
    padding-left: 10px;
    font-size: 14px;
}

.trans-textarea {
    border: 0;
    text-indent: 3px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    outline: none;
    padding-left: 10px;
    font-size: 14px;
}

.box-button-wrap {
    margin-top: 20px;
    //text-align: center;
}

.case-tab {
    background-color: #eee;
    padding: 40px 15px;
}

    .case-tab .list-group-extend {
    }

        .case-tab .list-group-extend h4 {
            font-size: 16px;
            color: #eee;
            text-align: center;
            background-color: #606060;
            margin: 0;
            height: 40px;
            line-height: 40px;
        }

        .case-tab .list-group-extend a {
            padding: 9px 15px;
            font-size: 14px;
        }

    .case-tab .case-wrap {
        margin: 0 auto;
        min-width: 290px;
        max-width: 635px;
    }

.case-entity-box {
    text-align: center;
}

    .case-entity-box img {
        margin-top: 20px;
        width: 80%;
        cursor: pointer;
    }

        .case-entity-box img:hover {
            box-shadow: 0 0 50px rgba(100,100,100,.7);
            -webkit-box-shadow: 0 0 50px rgba(100,100,100,.7);
            -moz-box-shadow: 0 0 50px rgba(100,100,100,.7);
            transition: all 0.3s;
        }

.case-item-wrap {
    margin-bottom: 20px;
}

.case-item {
    border: 1px solid #eee;
    background: #fff;
    cursor: pointer;
}

.case-item-img-wrap {
    padding-top: 40px;
    height: 150px;
}

.case-item-img {
    min-width: 84px;
    min-height: 40px;
}

.case-item-text-wrap {
    padding-top: 10px;
}

    .case-item-text-wrap h4 {
        padding-bottom: 5px;
        border-bottom: 1px solid #eee;
    }

    .case-item-text-wrap p {
        font-size: 13px;
        line-height: 1.6;
    }

#information {
    background-color: #eee;
    padding: 40px 0;
}

.info-content {
    background-color: #fff;
    margin: 0 0 20px 0;
    box-shadow: 2px 2px 3px #ccc;
    cursor: pointer;
}

    .info-content img {
        margin: 12px 0;
    }

    .info-content h4 {
        color: #333;
        padding: 2px 0 0 0;
        font-size: 14px;
    }

    .info-content p {
        font-size: 14px;
        line-height: 1.6;
    }

.info-right-content p {
    font-size: 10px;
}

.info-right {
    background-color: #fff;
    box-shadow: 2px 2px 3px #ccc;
}

.info-right-content {
    cursor: pointer;
}

.info-right blockquote {
    margin: 0;
    padding: 0;
}

.info-right h2 {
    font-size: 20px;
    color: #333;
    padding: 5px;
}

.info-right-content h4 {
    color: #333;
    font-size: 14px;
    padding: 2px 0 0 0;
    line-height: 1.6;
}

.c-table {
    width: 100%;
}

    .c-table th {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #eee;
        font-weight: 500;
        text-align: center;
        background-color: #11ab86;
    }

    .c-table td {
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        text-align: center;
        border-left: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
    }

        .c-table td:last-child {
            border-right: 1px solid #dcdcdc;
        }

.contactus-tab {
    padding: 30px 0 100px 0;
}

.solution-tab {
    padding: 30px 0 10px 0;
}

.icon-icon_read {
    margin-right: 5px;
}

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

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

.contactus-tab h3 {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px;
    margin-bottom: 0px;
    font-size: 14px;
    max-width: 58px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0,0,0,1);
}

.contactus-tab h4 {
    /*margin: 50px 0 30px 0;*/
    margin: 30px 0 20px 0;
    font-weight: 600;
    font-size: 13px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(0,0,0,1);
}

.contactus-tab p {
    font-size: 12px;
    line-height: 1.6;
}

.contactus-tab .bold {
    font-weight: bold;
}

.contactus-tab .small {
    font-size: 12px;
    font-family: ArialMT;
    font-weight: 400;
    color: rgba(153,153,153,1);
}

.contactus-tab .contactInformation {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0,0,0,1);
}

.contactus-tab .Dot-small {
    width: 8px;
    height: 8px;
    background: rgba(29,204,186,1);
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
}

.contactus-tab .Dot-big {
    width: 12px;
    height: 12px;
    background: rgba(75,235,237,1);
    border: 3px solid rgba(29, 204, 186, 1);
    border-radius: 50%;
    display: inline-block;
    margin-right: 4px;
}

.contactus-tab .green {
    color: #11ab86;
}

.contact-tab {
    padding: 20px 0;
    background-color: #606060;
}

    .contact-tab p {
        color: #eee;
    }

    .contact-tab .com-wrap {
        padding-top: 10px;
    }

    .contact-tab .com-name {
        text-align: center;
        letter-spacing: 2px;
        font-size: 12px;
        font-weight: bold;
        font-style: italic;
    }

    .contact-tab .media-extend {
        padding-left: 20px;
    }

    .contact-tab .icon {
        margin-top: 3px;
        height: 24px;
        line-height: 24px;
        color: #eee;
        width: 16px;
        font-size: 16px;
    }

    .contact-tab .text {
        height: 30px;
        line-height: 30px;
        color: #eee;
        font-size: 12px;
        margin: 0 !important;
        padding: 0;
    }

.footer {
    padding: 15px 0;
    background: rgba(70,69,74,1);
}

    .footer p {
        font-size: 13px;
        //text-align: center;
        margin-bottom: 5px;
    }

    .footer a {
        color: #939393;
    }

    .footer .icon {
        /*
        position: relative;
        top: 4px;
        margin-right: 4px;
        border: 1px solid #ccc;
        padding: 1px 2px 0 2px;
        color: #4bd3ac;
        font-size: 20px;
        */
        color: rgba(185,185,185,1);
    }

    .footer .remark {
        padding: 0px;
        vertical-align: middle;
        text-align: center;
    }

        .footer .remark .copy {
            display: inline-block;
            height: 24px;
            line-height: 24px;
            vertical-align: middle;
            color: #939393;
            margin: 0px 20px 0px 0px;
        }

        .footer .remark .recordnumwrap {
            display: inline-block;
            height: 24px;
            line-height: 24px;
            text-decoration: none;
            vertical-align: middle;
        }

        .footer .remark .recordnum {
            float: left;
            height: 24px;
            line-height: 24px;
            margin: 0px 0px 0px 5px;
            color: #939393;
        }

.jumbotron {
    /*margin: 80px 0 0 0;*/
    color: #ccc;
    padding: 30px 0;
    margin-bottom: 0px;
    margin-top:-20px;
}

.old.jumbotron {
    background-image: url(../images/bg.jpg);
    margin: 60px 0 0 0;
    color: #ccc;
    padding: 30px 0;
}

.jumbotron h1 {
    font-size: 26px;
    padding: 0 0 0 20px;
}

.jumbotron h4 {
    font-size: 15px;
    padding: 0 0 0 20px;
}

.about-tab {
    margin: 0px 0;
}

    .about-tab .list-group-text {
        font-size: 14px;
    }

    .about-tab a {
        color: #666;
    }

    .about-tab .about {
        //background-color: #fff;
        //box-shadow: 2px 2px 3px #ccc;
    }

.title-h3 {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px;
    margin-bottom: 0px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0,0,0,1);
    font-size: 14px;
    max-width: 58px;
}

.about-tab h4 {
    text-align: center;
    font-weight: bold;
}

.title-small {
    font-family: ArialMT;
    font-weight: 400;
    color: rgba(153,153,153,1);
}


.detail-tab {
    background-color: #eee;
    padding: 40px 15px;
}

    .detail-tab .list-group-text {
        font-size: 14px;
    }

    .detail-tab a {
        color: #666;
    }

    .detail-tab .about {
        background-color: #fff;
        box-shadow: 2px 2px 3px #ccc;
    }

    .detail-tab h3 {
        color: #333;
        font-size: 18px;
        border-left: 5px solid #11ab86;
        margin: 20px 0;
        padding: 10px 10px;
        background-color: #f4f5f9;
    }

    .detail-tab p {
        line-height: 2;
        font-size: 13px;
    }

.content-2-grade {
    padding-left: 0;
}

    .content-2-grade .icon {
        padding: 0 10px;
    }

.yzs_apply {
    position: absolute;
    top: 45%;
    left: 35%;
    background: #1abc9c;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.yzs_apply_size {
    padding: 3px 20px;
    font-size: 10px;
}

.body-title-text {
    font-size: 13px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(38,38,38,1);
    text-align: center;
    border: 1px solid rgba(237,237,237,1);
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-width: 0px;
    display: inline-block;
    margin-right: -4px;
}

.about-describe {
    margin: 20px 0;
    line-height: 28px;
    font-size: 14px;
}

.qf_timeline {
    background: rgba(249,249,249,1);
    margin: 50px 0;
}

.hLine {
    margin: 0 auto;
    height: 1px;
    background: rgba(255,255,255,1);
    //border: 1px solid rgba(217,217,217,1);
    border: 1px solid rgba(207,232,226,1);
}

.navigation_title {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(102,102,102,1);
    line-height: 26px;
    display: inline-block;
}

.navigation_info {
    width: 90%;
    margin: 0 auto;
}

.footer-left a {
    text-decoration: none;
    color: #bab7b7;
    -webkit-tap-highlight-color: rgba(255,0,0,0);
}

    .footer-left a:hover {
        text-decoration: none;
        color: #ececec;
        -webkit-tap-highlight-color: rgba(255,0,0,0);
    }

.footer-title {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
}

.footer-left p {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(185,185,185,1);
    line-height: 33px;
    color: rgba(185,185,185,1);
}

.footer-right p {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(185,185,185,1);
    line-height: 20px;
    color: rgba(185,185,185,1);
}

.footer-botoom {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(185,185,185,1);
    border-top: 1px solid rgba(108,108,108,1);
    padding-top: 10px;
}

    .footer-botoom .splitter {
        margin: 0 10px;
    }

    .footer-botoom a {
        text-decoration: none;
        color: #bab7b7;
        -webkit-tap-highlight-color: rgba(255,0,0,0);
        /*margin: 0 10px;*/
    }

        .footer-botoom a:hover {
            text-decoration: none;
            color: #ececec;
            -webkit-tap-highlight-color: rgba(255,0,0,0);
        }
    .footer-botoom .authinfo>label {
        margin: 0 5px;
    }

.footer-top {
    margin: 20px 0;
}

.proxy-tab1 .body-tips > h2 {
    height: 45px;
    font-size: 45px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0,0,0,1);
}

.proxy-tab1 .body-tips > h4 {
    height: 30px;
    font-size: 30px;
    font-family: MicrosoftYaHeiLight;
    font-weight: 300;
    color: rgba(0,0,0,1);
    margin-top: 25px;
}

.proxy-body {
    margin-bottom: 25px;
    margin-top: 40px;
}

.proxy-top-p {
    //height: 32px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(153,153,153,1);
}

.all-list {
    margin-bottom: 20px;
}

/*没有小于768px，是因为Bootstrap3以移动端优先设计*/

/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
    .col-solution-title {
        width: 22%;
    }

    .col-solution-body {
        width: 78%;
    }

    #myCarousel {
        margin-top: 0;
    }

    .tab-h2 {
        font-size: 26px;
    }

    .tab-p {
        font-size: 16px;
    }

    .question-tab h1 {
        font-size: 26px;
    }

    .question-tab h3 {
        font-size: 22px;
    }

    .question-tab p {
        font-size: 14px;
    }

    .text h3 {
        font-size: 22px;
    }

    .text p {
        font-size: 14px;
    }

    .product-tab2-text {
        float: left;
    }

    .product-tab2-img {
        float: right;
    }

    .product-tab1 .col-button {
        text-align: left;
    }

    .info-content h4 {
        font-size: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .info-content p {
        font-size: 12px;
    }

    .info-right-content h4 {
        font-size: 14px;
    }

    .info-right-content p {
        font-size: 10px;
    }

    .contact-tab .com-name {
        font-size: 14px;
    }

    .contact-tab .icon {
        width: 17px;
        font-size: 17px;
    }

    .contact-tab .text {
        font-size: 14px;
    }

    .c-table th {
        font-size: 14px;
    }

    .contactus-tab h3 {
        font-size: 15px;
    }

    .contactus-tab h4 {
        font-size: 15px;
    }

    .contactus-tab p {
        font-size: 14px;
    }

    .jumbotron h1 {
        font-size: 30px;
    }

    .jumbotron h4 {
        font-size: 16px;
    }

    .title-h3 {
        font-size: 19px;
    }

    .title-small {
        font-size: 12px;
    }

    .detail-tab h3 {
        font-size: 19px;
    }

    .detail-tab p {
        font-size: 14px;
    }

    .navbar-nav > li > a {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .yzs_apply_size {
        padding: 8px 30px;
        font-size: 14px;
    }
}

/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 992px) {
    .col-solution-title {
        width: 22%;
    }

    .col-solution-body {
        width: 78%;
    }

    #myCarousel {
        margin-top: 0;
    }

    .tab-h2 {
        font-size: 28px;
    }

    .tab-p {
        font-size: 17px;
    }

    .question-tab h1 {
        font-size: 32px;
    }

    .question-tab h3 {
        font-size: 22px;
    }

    .question-tab p {
        font-size: 14px;
    }

    .text h3 {
        font-size: 24px;
    }

    .text p {
        font-size: 15px;
    }

    .product-tab1 .col-button {
        text-align: center;
    }

    .info-content h4 {
        font-size: 18px;
    }

    .info-content p {
        font-size: 13px;
    }

    .info-right-content h4 {
        font-size: 15px;
    }

    .info-right-content p {
        font-size: 12px;
    }

    .contact-tab .com-name {
        font-size: 15px;
    }

    .contact-tab .icon {
        width: 18px;
        font-size: 18px;
    }

    .contact-tab .text {
        font-size: 15px;
    }

    .c-table th {
        font-size: 15px;
    }

    .contactus-tab h3 {
        font-size: 25px;
        max-width: 100px;
    }

    .contactus-tab h4 {
        font-size: 16px;
    }

    .contactus-tab p {
        font-size: 15px;
    }

    .jumbotron h1 {
        font-size: 33px;
    }

    .jumbotron h4 {
        font-size: 17px;
    }

    .title-h3 {
        font-size: 20px;
    }

    .title-small {
        font-size: 12px;
    }

    .detail-tab h3 {
        font-size: 20px;
    }

    .detail-tab p {
        font-size: 15px;
    }

    .yzs_apply_size {
        padding: 10px 40px;
        font-size: 16px;
    }
}

/* 大屏幕（大桌面显示器，大于等于1200px） */
@media (min-width: 1200px) {
    .col-solution-title {
        width: 22%;
    }

    .col-solution-body {
        width: 78%;
    }

    #myCarousel {
        margin-top:0;
    }

    .icon_lists li {
        margin-right: 50px;
    }

    .contactus-tab1 .icon_lists li {
        margin-right: 90px;
    }

    .footer-title {
        font-size: 16px;
    }

    .footer-left p {
        font-size: 14px;
        line-height: 33px;
    }

    .footer-botoom .links {
        margin: 0 auto;
        width: 65%;
    }

        .footer-botoom .row {
            margin: 0 auto;
            width: 65%;
        }

    .navigation_info {
        //width: 60%;
        width: 61.5%;
    }

    .yzs-jz {
        margin-right: -15px;
        margin-left: -15px;
    }

    .about-tab {
        margin: 30px 0;
    }

    .article-img1 {
        /*max-width: 86% !important;*/
        /* margin: auto; */
        margin-top: 15px;
    }

    .body-title-text {
        width: 110px;
        height: 42px;
        font-size: 17px;
        line-height: 40px;
    }

    .article-img {
        /*max-width: 60%;
        margin-left: 120px;*/
        margin-top: 20px;
    }

    .tab-h2 {
        font-size: 30px;
    }

    .tab-p {
        font-size: 18px;
    }

    .question-tab h1 {
        font-size: 36px;
    }

    .question-tab h3 {
        font-size: 26px;
    }

    .question-tab p {
        font-size: 14px;
    }

    .text h3 {
        font-size: 26px;
    }

    .text p {
        font-size: 16px;
    }

    .product-tab1 .col-button {
        text-align: center;
    }

    .info-content h4 {
        font-size: 20px;
    }

    .info-content p {
        font-size: 14px;
    }

    .info-right-content h4 {
        font-size: 16px;
    }

    .info-right-content p {
        font-size: 13px;
    }

    .contact-tab .com-name {
        font-size: 16px;
    }

    .contact-tab .icon {
        width: 20px;
        font-size: 20px;
    }

    .contact-tab .text {
        font-size: 16px;
    }

    .c-table th {
        font-size: 16px;
    }

    .contactus-tab h3 {
        font-size: 30px;
        max-width: 120px;
    }

    .contactus-tab h4 {
        font-size: 18px;
    }

    .contactus-tab p {
        font-size: 16px;
    }

    .jumbotron h1 {
        font-size: 36px;
    }

    .jumbotron h4 {
        font-size: 18px;
    }

    .title-h3 {
        font-size: 30px;
        max-width: 120px;
    }

    .title-small {
        font-size: 12px;
    }

    .detail-tab h3 {
        font-size: 22px;
    }

    .detail-tab p {
        font-size: 16px;
    }

    .yzs_apply_size {
        padding: 10px 50px;
        font-size: 20px;
    }

    .top-height {
        height: 570px;
    }
}

/*自定义 覆盖bootstrap按钮样式*/
.btn {
    padding-left: 30px;
    padding-right: 30px;
    font-weight: bold;
}

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: none;
    }

.btn-extend {
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.btn-custom {
    color: #4bd3ac;
    background-color: #fff;
    border-color: #4bd3ac;
}

    .btn-custom:hover,
    .btn-custom:focus,
    .btn-custom.focus,
    .btn-custom:active,
    .btn-custom.active,
    .open > .dropdown-toggle.btn-custom {
        color: #4bd3ac;
        background-color: #fff;
        border-color: #4bd3ac;
    }

    .btn-custom:active,
    .btn-custom.active,
    .open > .dropdown-toggle.btn-custom {
        background-image: none;
    }

    .btn-custom.disabled,
    .btn-custom[disabled],
    fieldset[disabled] .btn-custom,
    .btn-custom.disabled:hover,
    .btn-custom[disabled]:hover,
    fieldset[disabled] .btn-custom:hover,
    .btn-custom.disabled:focus,
    .btn-custom[disabled]:focus,
    fieldset[disabled] .btn-custom:focus,
    .btn-custom.disabled.focus,
    .btn-custom[disabled].focus,
    fieldset[disabled] .btn-custom.focus,
    .btn-custom.disabled:active,
    .btn-custom[disabled]:active,
    fieldset[disabled] .btn-custom:active,
    .btn-custom.disabled.active,
    .btn-custom[disabled].active,
    fieldset[disabled] .btn-custom.active {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-custom .badge {
        color: #4bd3ac;
        background-color: #4bd3ac;
    }

.btn-custom-primary {
    color: #fff;
    background-color: #a3b0c0;
    border-color: #a3b0c0;
}

    .btn-custom-primary:hover,
    .btn-custom-primary:focus,
    .btn-custom-primary.focus,
    .btn-custom-primary:active,
    .btn-custom-primary.active,
    .open > .dropdown-toggle.btn-custom-primary {
        color: #fff;
        background-color: #4bd3ac;
        border-color: #4bd3ac;
    }

    .btn-custom-primary:active,
    .btn-custom-primary.active,
    .open > .dropdown-toggle.btn-custom-primary {
        background-image: none;
    }

    .btn-custom-primary.disabled,
    .btn-custom-primary[disabled],
    fieldset[disabled] .btn-custom-primary,
    .btn-custom-primary.disabled:hover,
    .btn-custom-primary[disabled]:hover,
    fieldset[disabled] .btn-custom-primary:hover,
    .btn-custom-primary.disabled:focus,
    .btn-custom-primary[disabled]:focus,
    fieldset[disabled] .btn-custom-primary:focus,
    .btn-custom-primary.disabled.focus,
    .btn-custom-primary[disabled].focus,
    fieldset[disabled] .btn-custom-primary.focus,
    .btn-custom-primary.disabled:active,
    .btn-custom-primary[disabled]:active,
    fieldset[disabled] .btn-custom-primary:active,
    .btn-custom-primary.disabled.active,
    .btn-custom-primary[disabled].active,
    fieldset[disabled] .btn-custom-primary.active {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-custom-primary .badge {
        color: #4bd3ac;
        background-color: #4bd3ac;
    }

.btn-success {
    background-color: #11ab86;
    //margin-left: 30px;
    width: 45%;
    height: 45px;
    line-height: 30px;
}

#btnSubmit {
    margin-right: 14px;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #13c59a;
    background: rgba(255,150,0,1);
    border: 0px;
}

.navbar-custom {
    background-color: #FFFFFF;
    border-color: #e7e7e7;
}

    .navbar-custom .navbar-brand {
        color: #eee;
    }

        .navbar-custom .navbar-brand:hover,
        .navbar-custom .navbar-brand:focus {
            color: #eee;
            background-color: transparent;
        }

    .navbar-custom .navbar-text {
        color: #eee;
    }

    .navbar-custom .navbar-nav > li > a {
        /*
        color: #666;
        font-size: 15px;
*/
        font-size: 17px;
        font-family: MicrosoftYaHei;
        font-weight: 400;
        color: rgba(38,38,38,1);
    }

        .navbar-custom .navbar-nav > li > a.icon-box {
            padding: 27px 0;
            margin-left: 20px;
            cursor: pointer;
        }

            .navbar-custom .navbar-nav > li > a.icon-box > span.icon {
                font-size: 24px;
            }

        .navbar-custom .navbar-nav > li > a:hover,
        .navbar-custom .navbar-nav > li > a:focus {
            /*color: #11ab86;
  background-color: transparent;*/
            //color: #fff;
            //background-color: #11ab86;
        }

        .navbar-custom .navbar-nav > li > a.icon-box:hover,
        .navbar-custom .navbar-nav > li > a.icon-box:focus {
            color: #11ab86;
            background-color: transparent;
        }

    .navbar-custom .navbar-nav > .active > a,
    .navbar-custom .navbar-nav > .active > a:hover,
    .navbar-custom .navbar-nav > .active > a:focus {
        //color: #fff;
        //background-color: #11ab86;
    }

    .navbar-custom .navbar-nav > .disabled > a,
    .navbar-custom .navbar-nav > .disabled > a:hover,
    .navbar-custom .navbar-nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }

    .navbar-custom .navbar-toggle {
        border-color: #eee;
    }

        .navbar-custom .navbar-toggle:hover,
        .navbar-custom .navbar-toggle:focus {
            background-color: #eee;
        }

        .navbar-custom .navbar-toggle .icon-bar {
            background-color: #ddd;
        }

    .navbar-custom .navbar-collapse,
    .navbar-custom .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-custom .navbar-nav > .open > a,
    .navbar-custom .navbar-nav > .open > a:hover,
    .navbar-custom .navbar-nav > .open > a:focus {
        color: #555;
        background-color: #13c59a;
    }

@media (max-width: 767px) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

        .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
            background-color: transparent;
        }

    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #13c59a;
    }

    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-custom .navbar-link {
    color: #777;
}

    .navbar-custom .navbar-link:hover {
        color: #333;
    }

.navbar-custom .btn-link {
    color: #777;
}

    .navbar-custom .btn-link:hover,
    .navbar-custom .btn-link:focus {
        color: #333;
    }

    .navbar-custom .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-custom .btn-link:hover,
    .navbar-custom .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-custom .btn-link:focus {
        color: #ccc;
    }

/* 资质查询 */
select {
    /*height: 32px !important;
    border: 1px solid #D2D2D2;
    line-height: 32px;*/
    font-size: 14px;
    min-width: 110px;
    padding: 0 15px 0 10px;
    border-radius: 2px;
    margin-right: 5px;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url(../images/select_arrow.png) no-repeat scroll right center transparent;
}
    /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
    select::-ms-expand {
        display: none;
    }

.productline {
    display: inline-block;
    width: 110px;
    height: 32px;
    border: 1px solid #15CD99;
    line-height: 32px;
    font-size: 14px;
    min-width: 110px;
    padding: 0 10px;
    border-radius: 2px;
    margin-right: 5px;
    color: #fff;
    background-color: #15CD99;
}

.conBtm > div {
    display: block;
    float: left;
    height: 290px;
}

.conBtm .leftImg {
    width: 295px;
}

.conBtm .content {
    width: 494px;
    padding: 20px 50px;
}

    .conBtm .content .title {
        font-weight: bold;
    }

    .conBtm .content div {
        margin-bottom: 15px;
    }

    .conBtm .content .company_name {
        width: 275px;
        height: 32px;
        border: 1px solid #D2D2D2;
        border-radius: 2px;
        text-indent: 10px;
        font-size: 14px;
    }

.conBtm .rightImg {
    width: 37px;
}

.nav-solution, .nav-qualification {
    cursor: pointer;
}

.panel {
    display: none;
    background: #fff;
    box-shadow: #ccc 1px 1px 3px;
    z-index: 1000;
    margin-bottom: 0px;
    opacity: 0.9;
}

.panel-body {
    border-top: 2px solid rgba(217,217,217,1);
    padding: 0;
    padding-bottom: 20px;
}

.panel-service {
    /*margin-left: 26%;*/
    width: 250px;
}
.panel-solution {
    /*margin-left: 26%;*/
    width: 400px;
}
.panel-qualification {
    /*margin-left: 56.5%;*/
    width: 250px;
}
.glyphicon {
    position: absolute;
    top: 70px;
}

.panel h4 {
    font-size: 16px;
    font-weight: bold;
    color: rgba(38,38,38,1);
    height: 40px;
    line-height: 35px;
    border-bottom: 2px solid rgba(217,217,217,1);
    //text-align: center;
}

.panel ul {
    padding: 0;
    margin: 0;
}

.panel ul > li {
    line-height: 30px;
    width: 50%;
    float: left;
}

.panel-qualification ul > li, .panel-service ul > li {
    width: 100%;
}

.panel li a {
    color: #666;
}

.panel li a:hover {
    color: #11ab86;
}

.white-bgc {
    background-color: #FAFAFA;
    font-size: 16px;
}

.article-select a {
    color: rgba(17,171,134,1) !important;
}

.article-select .article-body {
    color: rgba(17,171,134,1) !important;
}

.case-tab a {
    color: rgba(38,38,38,1);
}

.news-tab a.news-title-a {
    color: rgba(38,38,38,1);
}

.case-tab a:hover {
    //color: #11ab86;
}

.pageinfo, .showmore-case {
    float: right;
    margin-top: 30px;
}

    .pageinfo > span, .pageinfo > a {
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #666;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }

    .pageinfo:nth-child(1) {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .pageinfo:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .pageinfo > a:focus, .pageinfo > a:hover, .pageinfo > span:focus, .pageinfo > span:hover {
        z-index: 2;
        color: #666;
        background-color: #eee;
        border-color: #ddd;
    }

    .pageinfo > .current, .pageinfo > .current:focus, .pageinfo > .current:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #11ab86;
        border-color: #11ab86;
    }

    .pageinfo > .disenable {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }
/*.case-list .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}*/

.header-action {
    width: 106px;
    height: 32px;
    background: rgba(57,184,156,0.08);
    border: 1px solid rgba(57, 184, 156, 1);
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(17,171,134,1);
    margin-top: 23px;
}

.header-login, .header-register {
    color: rgba(17,171,134,1);
}


.body-tips {
    text-align: center;
    margin: 30px;
}

.service-top {
    background-image: url(/images/index/banner_服务.jpg);
}

.proxy-top {
    background-image: url(/images/index/banner_代理资质.jpg);
}

.contactus-top {
    background-image: url(/images/index/banner_contactus.png);
}

.case-top {
    background-image: url(/images/index/banner_case.png);
}

.news-top {
    background-image: url(/images/index/banner_news.png);
}

.about-top {
    background-image: url(/images/index/banner_aboutus.jpg);
}

.solution-top {
    background-image: url(/images/index/banner_solution.png);
}

.bottom-background-image {
    margin: 10px 0 20px;
    background: url(/images/index/img_bg.png) no-repeat center bottom;
    padding: 0px 0px 150px;
}

.body-title-box {
    background: rgba(255,255,255,1);
    border-bottom: 2px solid rgba(17,171,134,1);
    margin-bottom: 20px;
}



.body-title-select {
    background: rgba(17,171,134,1);
    color: rgba(255,255,255,1);
}

.article-title {
    font-size: 23px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(38,38,38,1);
    line-height: 26px;
    margin-top: 15px;
}

.article-description {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(153,153,153,1);
    line-height: 26px;
    border-bottom: 1px dashed;
    padding-bottom: 7px;
}

.article-body {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(102,102,102,1);
    line-height: 26px;
    margin-bottom: 10px;
    /*显示3行 超出省略*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 80px;
}

.article-count {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(153,153,153,1);
    line-height: 26px;
    margin-bottom: 10px;
}

.article-info {
    margin-bottom: 10px;
    background-color: rgba(255,255,255,1);
}

.article-box {
    //background: rgba(255,255,255,1);
    /*border: 1px solid rgba(237, 237, 237, 1);*/
    /*margin-left: -50px;*/
}

    .article-box:hover {
        //background: rgba(231,255,249,1);
    }

.article-info:hover {
    background: rgba(231,255,249,1);
}

.content_body {
    background-color: #FAFAFA;
    padding-top: 30px;
}

.news-tab {
    padding: 40px 15px;
}

.article-details {
    font-size: 14px;
}

.article-details-title {
    text-align: center;
    font-size: 24px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(17,17,17,1);
    line-height: 24px;
}

.article-details-description {
    text-align: center;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(153,153,153,1);
    line-height: 24px;
}

.article-boder {
    background: rgba(255,255,255,1);
    border: 1px solid rgba(217, 217, 217, 1);
    margin-top: 30px;
    margin-bottom: 30px;
}

.header-register:hover, .header-login:hover {
    color: #ffa800;
}
		.service_center{ width: 970px;margin: 0 auto;position: relative;box-sizing: border-box;padding-left: 180px;margin-top: 30px;}
		.service_center .service_bar{
			position: absolute;
			left: -55px;
			width: 200px;
			border-radius: 0 15px 0 0;
			overflow: hidden;
		}
		.service_center .service_bar>span{
			display: block;
			height: 65px;
			width: 100%;
			line-height: 65px;
			background-color: #11AB86;
			text-align: center;
			font-size:19px;
			color:#fff;
		} 
		.service_center .service_bar ul{
			display: block;
			border: 1px solid #D9D9D9;
			border-top: none;
			padding:0;
		}
		.service_center .service_bar ul li{
			position: relative;
			height: 50px;
			line-height: 50px;
			border-bottom: 1px solid #D9D9D9;
			background-color: #F7F7F7;
			text-indent: 45px;
            font-size:12px;
		}
		.service_center .service_bar ul li a{
			display: block;
			width: 100%;
			height: 100%;			
			color:#444;
		}
		.service_center .service_bar ul li::before{
			position: absolute;
			top: 21px;
			left: 25px;
			content: '';
			background-color: #D9D9D9;
			width: 8px;
			height: 8px;
			border-radius: 50%;
		}
		.service_center .service_bar ul .cur{
			color: #11AB86;
			background-color: #FFF;
		}
		.service_center .service_bar ul .cur::before{
			background-color: #11AB86;
		}
		
		.service_center .service_contentwrap{
			border: 1px solid #d9d9d9;
			margin-bottom: 45px;
		}
		.service_center .service_contentwrap .service_type{
			height: 54px;
			font-size: 16px;
			line-height: 54px;
			font-family: "microsoft yahei";
			text-indent: 16px;
			font-weight: bolder;
			border-bottom: 2px solid #11AB86;
			background-color: #f7f7f7;
		}
		.service_center .service_contentwrap .service_content{
			padding: 0 20px 35px 20px;
		}
		.service_center .service_contentwrap .service_content .service_content_title{
			display: block;
			width: 100%;
			height: 54px;
			margin-top: 15px;
			line-height: 54px;
			text-align: center;
			font-size: 24px;
		}
            .service_center .service_contentwrap .service_content .service_content_time {
                display: block;
                width: 100%;
                text-align: center;
                color: #999;
                padding-bottom: 10px;
                border-bottom: 1px solid #d9d9d9;
                margin-bottom: 35px;
                font-size: 12px;
            }
            .service_center .service_contentwrap .service_content .service_content_article p {
                line-height: 22px;
                font-size: 12px;
            }