@font-face {
    font-family: 'finex'; /* 给你的自定义WebFont命名 */
    src: url('../fonts/iconfont_1505969914496.eot');
    src: url('../fonts/iconfont_1505969914496.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont_1505969914496.woff') format('woff'),
    url('../fonts/iconfont_1505969914496.ttf') format('truetype'),
    url('../fonts/iconfont_1505969914496.svg#micon') format('svg');
    font-weight: normal;
    font-style: normal;
}

html * {
    font-family: Arial;
}

.icon-liuzhuan:before {
    content: "\E600"
}

.icon-bofang:before {
    content: "\E633"
}

.icon-cmstubiaozitihua11:before {
    content: "\E755"
}

.icon-users:before {
    content: "\E617"
}

.icon-sign01:before {
    content: "\E612"
}

.icon-line-chart:before {
    content: "\E63E"
}

.icon-area-chart:before {
    content: "\E671"
}

.icon-data-manager:before {
    content: "\E688"
}

.icon-share:before {
    content: "\E689"
}

.icon-process:before {
    content: "\E68B"
}

.icon-dingding:before {
    content: "\E6A2"
}

.icon-shouhoufuwu:before {
    content: "\E601"
}

.icon-paperplane:before {
    content: "\E660"
}

.icon-icondengdeng:before {
    content: "\E616"
}

.icon-iconquanxiankongzhi:before {
    content: "\E639"
}

.icon-iconshouzhijizhang:before {
    content: "\E64E"
}

.icon-iconzidingyichaxun:before {
    content: "\E667"
}

.icon-congexceldaoru:before {
    content: "\E67B"
}

.icon-iconshenpi:before {
    content: "\E6B4"
}

.icon-zuoshuangyinhao:before {
    content: "\E62E"
}

.icon-caiwuguanli02:before {
    content: "\E606"
}

.icon-xingzhengguanli:before {
    content: "\E61E"
}

.icon-news:before {
    content: "\E604"
}

.icon-logo:before {
    content: "\E6D3"
}

.icon-wechat_ent:before {
    content: "\E6DA"
}

.icon-form:before {
    content: "\E695"
}

.icon-user-switch:before {
    content: "\E6DF"
}

.icon-report:before {
    content: "\E696"
}

.icon-zuoshuangyinhao-copy:before {
    content: "\E63B"
}

.icon-wps-create:before {
    content: "\E6EB"
}

.icon-zidingyidayin_zidingyidayin-:before {
    content: "\E6ED"
}

.icon-tubiao_biaodanpaiban:before {
    content: "\E6EE"
}

.icon-tubiao_baobiaowailian:before {
    content: "\E6EF"
}

.icon-tubiao_biaodanwailian:before {
    content: "\E6F0"
}

.icon-tubiao_gongshiyuhanshu:before {
    content: "\E6FF"
}

.icon-tubiao_biaodanxiaoyan:before {
    content: "\E6F1"
}

.icon-tubiao_huizongbiao:before {
    content: "\E6F2"
}

.icon-tubiao_shujuquanxianguanli:before {
    content: "\E703"
}

.icon-tubiao_shujuzidongliuzhuan:before {
    content: "\E6F4"
}

.icon-tubiao_GPS:before {
    content: "\E6F5"
}

.icon-tubiao_shujuguanlianyuliandong:before {
    content: "\E6F6"
}

.icon-tubiao_zidingyichaxuntiaojian:before {
    content: "\E6F8"
}

.icon-tubiao_tuanduixiezuo:before {
    content: "\E704"
}

.icon-tubiao_keshihuatubiao:before {
    content: "\E6FA"
}

.icon-tubiao_zibiaodan:before {
    content: "\E6FC"
}

.icon-tubiao_qiyeweixin:before {
    content: "\E6FD"
}

.icon-tubiao_gezhongweb-yidongduan:before {
    content: "\E6FE"
}

.icon-tubiao_weixinfuwuhao:before {
    content: "\E700"
}

.icon-tuiguangjiandaoyun-:before {
    content: "\E640"
}

.icon-shujuguanli_kuozhan_piliangcaozuo:before {
    content: "\E665"
}

.icon-kongjian_chengyuanduoxuan:before {
    content: "\E70A"
}

.icon-kongjian_fuxuankuangzu:before {
    content: "\E60A"
}

.icon-kongjian_guanlianshuju:before {
    content: "\E6AC"
}

.icon-fuzhi:before {
    content: "\E68C"
}

.icon-close-normal:before {
    content: "\E6D4"
}

.icon-ok:before {
    content: "\E656"
}

.icon-service-heart:before {
    content: "\E6C8"
}

.icon-service-medal:before {
    content: "\E6C9"
}

.icon-help-slim:before {
    content: "\E6C6"
}

.icon-app-diy:before {
    content: "\E755"
}

.icon-app-build:before {
    content: "\E65B"
}

.icon-app-platform:before {
    content: "\E65A"
}

.icon-prev:before {
    content: '\E669';
    color: #4A90E2;
}

.icon-next:before {
    content: '\E66A';
    color: #4A90E2;
}

.icon-help-empty:before {
    content: '\E718'
}

.icon-role-sale:before {
    content: '\E67D'
}

.icon-role-it:before {
    content: '\E67E'
}

.icon-role-hr:before {
    content: '\E67C'
}

.icon-role-product:before {
    content: '\E679'
}

.icon-role-customer:before {
    content: '\E67A'
}

.icon-role-purchase:before {
    content: '\E678'
}

.icon-menu-bar:before {
    content: '\E668'
}

body {
    /*min-height: 1000px;*/
    padding: 0;
    margin: 0 auto;
    overflow:hidden;
    background: #fafafa;
}

.hdft a:hover {
    color: rgba(74, 144, 226, 0.92);
}

a:hover {
    text-decoration: none;
}

@media (min-width: 768px) {
    .hd {
        height: 33px;
    }
}

.hdft {
    font-size: 16px;
    line-height: 52px;
    /*background-color: rgba(248, 248, 248, 0.91);*/
}

.hdimg {
    /*width: 136.88px;*/width: inherit;
    height: initial;margin-top:20px;
}

/*模板头部*/
.mod-index__banner-new {
    margin-top: 40px;
    overflow: hidden;
    height: 900px;
    background: url(../images/bg1.png) top center #244770;
    background-repeat: no-repeat;
}

.app-template-header .header-item.block {
    background-image: url(../images/app_template_bg_block.png);
}

.app-template-header .header-item {
    position: relative;
    /*float: left;*/
    left: 0;
    /*width: 33%;*/
    height: 300px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    /* user-select: none; */
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: .95;
    -webkit-transition: opacity 218ms;
    -moz-transition: opacity 218ms;
    -o-transition: opacity 218ms;
    transition: opacity 218ms;
}

.app-template-header .header-item .header-item-icon.block {
    width: 136px;
    height: 136px;
    margin: 40px auto 0;
    background-image: url(../images/app_template_icon_block.png);
}

.app-template-header .header-item .header-item-icon {
    background-repeat: no-repeat;
    /* background-position: center; */
    background-size: 100% 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms;
    cursor: pointer;
    z-index: 2;
    margin: 0 auto;
}

.app-template-header .header-item .header-item-icon.block_1 {
    transform: scale(1.1);
    cursor: pointer;
    transition: all 0.2s;
}

.app-template-header .header-item .header-item-title {
    /*position: absolute;*/
    top: 210px;
    left: 0;
    width: 100%;
    height: 45px;
    z-index: 2;
    font-size: 24px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 5px;
    margin-top: 20px;
}

.app-template-header .header-item .header-item-msg {
    /*position: absolute;*/
    top: 250px;
    left: 0;
    width: 100%;
    height: 20px;
    z-index: 2;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
}

.app-template-header .header-item.template {
    background-image: url(../images/app_template_bg_service.png);
    /*width: 34%;*/
}

.app-template-header .header-item .header-item-icon.template {
    width: 136px;
    height: 136px;
    margin: 45px auto 0;
    background-image: url(../images/app_template_icon_template.png);
}

.app-template-header .header-item .header-item-icon.service {
    width: 136px;
    height: 136px;
    margin: 45px auto 0;
    background-image: url(../images/app_template_icon_service.png);
}

.app-template-header .header-item.service {
    background: url(../images/app_template_bg_template.png) no-repeat center center;
}

@media screen and (min-width: 768px) {
    .mod-index__banner-new {
        /*margin-top: 0;*/
        margin-top: 72px;
        overflow: hidden;
        height: 300px;
        background: url(../images/bg1.png) top center #244770;
        background-repeat: no-repeat;
        width: 100%;
    }

    .app-template-header .header-item {
        position: relative;
        float: left;
        left: 0;
        width: 33%;
        height: 300px;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        /* user-select: none; */
        overflow: hidden;
        text-align: center;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        opacity: .95;
        -webkit-transition: opacity 218ms;
        -moz-transition: opacity 218ms;
        -o-transition: opacity 218ms;
        transition: opacity 218ms;
    }

    .app-template-header .header-item.template {
        background-image: url(../images/app_template_bg_service.gif);
        width: 34%;
    }
}

@media screen and (max-width: 1024px) {
    .mod-index__search {
        width: 1024px;
        margin-top: -12px;
        background: #F0F2F5;
    }

    .mod-index__banner-new {
        width: 1024px;
        margin-top: 40px;
        overflow: hidden;
        height: 300px;
        background: url(../images/bg1.png) top center #244770;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 768px) {
    .mod-index__search {
        width: 100%;
        margin-top: -12px;
        background: #F0F2F5;
    }

    .mod-index__banner-new {
        width: 100%;
        margin-top: 72px;
        overflow: hidden;
        height: 600px;
        background: url(../images/bg1.png) top center #244770;
        background-repeat: no-repeat;
    }
}

/*尾部*/
.mod-index__footer {

    font-size: 14px;
    text-align: center;
    color: #777;
    margin: 60px 0;
    text-align: -webkit-center;
    width: 100%;

}

.mod-index__footer-links {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;

}

.mod-index__footer-item_no-extra {
    border-left-width: 0;
}

.mod-index__footer-item {
    display: inline-block;
    padding: 0 2px;
    line-height: 1em;

}

.mod-index__footer-item a {
    color: #333;
    font-size: 12px;
    cursor: pointer;
}

/*搜索栏*/
.mod-index__search {
    margin-top: -10px;
    background: #FFFFFF;
}

.mod-index__search-right-wrap .mod-index__search-input:focus {
    outline: 0
}

.mod-index__search-wrap {
    /*width: 70%;*/
    width: 1200px;
    margin: auto;
    height: 50px;
}

.mod-index__search-type {
    /* width: 346px; */
    font-size: 16px;
    color: #333333;
    margin-left: 0;
    list-style-type: none;
}

.mod-index__search-type li {
    line-height: 64px;
    float: left;
    margin-right: 1%;
    padding: 0 5px;
    cursor: pointer;
}

.mod-index__search-type .mod-index__search-type_active {
    border-bottom: 2px solid #4A90E2;
    color: #4a90e2;
}

.mod-index__search-right-wrap {
    margin-top: 12px;
    float: right;
    margin-right: 16px;
}

.mod-index__search-right-wrap .mod-index__search-input {
    padding-left: 10px;
    width: 175px;
    height: 40px;
    border: 1px solid #4A90E2;
    vertical-align: top;
    font-size: 14px;
    border-radius: 0px;
    margin-left: -1px;
}

.mod-index__search-right-wrap .mod-index__search-button {
    width: 40px;
    height: 50px;
    display: inline-block;
    background: url(../images/bby_index_ss.png) no-repeat center;
    background-position: -2px 0px;
    margin-left: -5px;
    margin-top: 0px;
}
.mod-index__search-right-wrap .mod-index__search-input::-moz-input-placeholder{
    color: #9fbfeb;
}
.mod-index__search-right-wrap .mod-index__search-input::-ms-input-placeholder{
    color: #9fbfeb;
}
.mod-index__search-right-wrap .mod-index__search-input::-webkit-input-placeholder{
    color: #9fbfeb;
}

@media screen and (max-width: 768px) {
    .mod-index__search-wrap {
        width: 99%;
        margin: -10px auto;
        height: 100px;
    }

    .mod-index__search-type li {
        margin-top: 50px;
        line-height: 47px;
        float: left;
        margin-right: 0;
        padding: 0 10px;
        cursor: pointer;
        font-size: 14px;
        width: 20%;
        text-align: center;
    }

    .mod-index__search-right-wrap {
        float: left;
        margin-top: -82px;
        width: 100%;
        text-align: center;
        background: none;
    }

    .mod-index__search-right-wrap .mod-index__search-input {
        padding-left: 10px;
        /*width: 80%;*/
        width: 50%;
        height: 30px;
        border: 1px solid #4A90E2;
        vertical-align: top;
        font-size: 14px;
    }
}

.header-title {
    opacity: 1;
    color: #42b7f2;
    line-height: 75px;
    margin-left: -25px;
    font-size: 18px;
    cursor: pointer;
    float: right;
}

/*列表*/
/*.mod-index__suite {*/
/*background-color: white;*/
/*width: 100%;*/

/*}*/
.mod-index__suite {
    margin-top: 17px;
    min-height: 500px;
}

.mod-index__suite-detail-logo {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    float: left;
    border-radius: 20px;
    margin-left: -55px;
    margin-top: 40px;
    position: absolute;
    transition: .5s;
    z-index: 1;
}

.mod-index__suite-wrap {
    margin: 0 auto;
    width: 1200px;
    margin-top: 0px;
    overflow: initial;
    line-height: 50px;
}

.mod-index__suite-type {
    padding: 0 7px;
    display: inline-block;
    line-height: 50px;
    color: #333333;
    text-decoration: none;
    transition: .5s;
}

.mod-index__suite-type__active {
    color: #4a90e2;
}

.mod-index__suite-type:hover, .mod-index__suite-type.active {
    text-decoration: none;
    color: #4A90E2;
    border: none;
    border-radius: 2px;
}

.mod-index__suite-detail-wrap {
    width: 1200px;
    zoom: 1;
    margin: 10px auto 0;
    list-style-type: none;
    padding-top: 20px;
}

.mod-index__suite-detail-wrap:before {
    content: '';
    display: block
}

.mod-index__suite-detail-wrap:after {
    content: '';
    display: table;
    clear: both
}

.mod-index__suite-detail-wrap > li {
    display: inline-block;
    float: left;
    padding: 20px;
    width: 32.333%;
    overflow: hidden;
    margin-left: 11px;
    height: 204px;
    padding-bottom: 11px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.js_suite_item {
    background: #ffffff;
    height: 160px;
    display: block;
    transition: .5s;
    border: 1px solid rgba(219, 233, 253, 0);
    border-radius: 10px;
}
.js_suite_item:hover{
    border: 1px solid #dbe9fd;
}
/*.js_suite_item:hover .mod-index__suite-detail-logo{*/
    /*margin-top: -30px;*/
/*}*/
.navbar-fixed-top{
 /*position: relative;*/
    position: fixed;
}

/*.js_suite_item:hover .mod-index__suite-detail-logo{*/
    /*-webkit-animation: clipAni 4s infinite linear;*/
/*}*/
.mod-index__suite-detail-title {
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
    line-height: 35px;
    font-weight: 600;
}
#func, #scene, #db1{
    background: #dbe9f9;

}
.mod-index__suite-detail-littletitle {
    color: #666666;
    font-size: 14px;
}

.mod-index__suite-detail-content {
    color: #333333;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: start;
}

.mod-index__suite-detail {
    margin-left: 35px;
    text-align: left;
    overflow: hidden;
    display: inline-block;
    width: 90%;
}
.tubiao-app{
    color: white;
    font-size: 12px;
    position: absolute;
    border-radius: 15px;
    height: 26px;
    margin-top: 4px;
    line-height: 26px;
    margin-left: 5px;
    padding: 0 10px;

}
.app-red{
    background: #e55555;
}
.app-yellow{
    background: #f3b82a;
}
.app-fen{
    background: #3ecdf1;
}
.bw {
    width: 100%;
}

.mod-index_suite-bg {
    background-color: #edf5ff;
}

@media screen and (max-width: 768px) {
    .mod-index__suite-wrap {
        margin: 0 auto;
        width: 99%;
        font-size: 14px;
        zoom: 1;
        margin-top: 0px;
        margin-left: 1%;
        text-align: -webkit-auto;
    }

    .mod-index__suite-detail {
        overflow: hidden;
        display: inline-block;
        margin-left: 35px;
        padding: 0 13px;
    }
}

@media screen and (max-width: 768px) {
    a {
        color: rgba(51, 122, 183, 0.86);
        text-decoration: none;
        padding-right: 10px;
        padding-left: 30px;
    }
    .tubiao-app {
        color: white;
        font-size: 12px;
        position: absolute;
        border-radius: 15px;
        height: auto;
        margin-top: 0;
        line-height: normal;
        margin-left: 5px;
        padding: 2px 10px;
    }
    .mod-index__suite-detail-wrap {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        zoom: 1;
        margin: 0;
        list-style-type: none;
        float: left;
        padding-top: 10px;
    }

    .mod-index__suite-detail-wrap > li {
        display: inline-block;
        float: left;
        overflow: hidden;
        margin-right: -5px;
        padding: 0;
        width: 88%;
        height: 180px;
        margin-left: 30px;
    }

    .mod-index__suite-detail-logo {
        height: 70px;
        width: 70px;
        margin-top: 22px;
        margin-left: -30px;
    }

    .mod-index__suite-detail-title {
        font-size: 14px;
        color: #232528;
        margin-top: 5px;
        line-height: 16px;
        display: block;
    }
    .page_r{
        margin-top: 25px!important;
    }
    .mod-index__suite-detail-content {
        height: 48px;
        line-height: 25px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        width: 100%;
    }

}

@media screen and (max-width: 352px) {

    .mod-index__search-right-wrap .mod-index__search-input {
        padding-left: 10px;
        width: 196px;
        height: 30px;
        vertical-align: top;
        font-size: 14px;
    }


    .mod-index__suite-detail-wrap {
        width: 100%;
        zoom: 1;
        margin: 10px auto 0;
        list-style-type: none;
        padding-left: 8px;
        padding-right: 8px;
    }


}

/*更多样式*/
.ui-ta-c {
    text-align: center;
}

.mod-more {
    display: inline-block;
    color: #75777A;
    font-size: 14px;
    width: 118px;
    height: 29px;
    line-height: 29px;
    border: 1px solid #D8DADD;
    text-align: center;
    margin-bottom: 15px;
}

/*帮助页面 */
.bby-foo a{padding:0; }
.bby-foo{
    height: 120px;
    background: #364078;
    text-align: center;
    display: inline-block;
    width: 100%;
    color: #ccc;font-size: 16px;
}
.bby-foo .bby-foo-mx{
    height: 200px;
    display: inline-block;
    width: 100%;
}
.bby-foo .bby-foo-left , .bby-foo .bby-foo-right{
    display: inline-block;
    float: left;
}
.bby-foo .bby-foo-left{
    text-align: right;
    width: 53%;
}
.bby-foo .bby-foo-left ul{
    width: 460px;
    float: right;
}
.bby-foo .bby-foo-left li{
    display: inline-block;
    margin: 0 20px;
    float: left;
}
.bby-foo .bby-foo-left li:nth-child(1), .bby-foo .bby-foo-left li:nth-child(2), .bby-foo .bby-foo-left li:nth-child(3){
    margin-top:50px;
}
.bby-foo .bby-foo-left li:nth-child(4), .bby-foo .bby-foo-left li:nth-child(5), .bby-foo .bby-foo-left li:nth-child(6){
    margin-top:30px;
}
.bby-foo .bby-foo-left li a{
    color: #ccc;
}
.bby-foo .bby-foo-right{
    text-align: left;

}
.bby-foo .bby-foo-right ul{
    width: 400px;
    display: inline-block;
    margin-top: 40px;
}
.bby-foo .bby-foo-right ul li{
    display: inline-block;
    float: left;
}
.bby-foo .bby-foo-right ul li img{
    height: 124px;
}
.bby-foo .bby-foo-right ul li:nth-child(2){
    margin-left: 30px;
}
.bby-foo-ms{
    margin-top: 50px;
    display: inherit;
    text-align: center;
}

.bby-foo-ms div{
    float: left;
}
.bby-foo-px{
    margin-top: 25px;
}
.bby-foo-px a{
    color: #ccc;
}

.newtop {
    margin-top: 81px;
}

.g-flow {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

.f-cb {
    zoom: 1;
}

.g-sd1 {
    position: relative;
    float: left;
    width: 225px;
    margin-right: -225px;
}

.g-sd1.abt {
    position: relative;
    float: left;
    width: 265px;
    margin-top: 80px;
}

.b-20 {
    clear: both;
    height: 20px;
    overflow: hidden;
    display: block;
}

.f-bg {
    margin-top: 96px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px #bbb;
    -moz-box-shadow: 0 1px 2px #bbb;
    box-shadow: 0 1px 2px #bbb;
}

.u-aboutTabs .tabClick:hover {
    background-color: #10ae58;
    color: #fff;
}

.u-aboutTabs a:hover {
    background-color: #f6f6f6;
    color: #10ae58;
}

.u-aboutTabs .tabClick {
    background-color: #10ae58;
    color: #fff;
}

.u-aboutTabs a {
    border-top: none;
    display: block;
    height: 50px;
    padding-left: 18px;
    line-height: 50px;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    border-top: 1px solid #ddd;
    color: #333;
}

.f-pr {
    position: relative;
    border-top: 1px solid #e7e7e7;
}

.m-about .about_con .tabtit {
    padding: 14px 0 1px 20px;
    font-size: 20px;
}

.m-about .about_con .about_content {
    color: #666;
    font-size: 14px;
    padding: 20px;
    line-height: 24px;
}

.m-about .about_con .about_content p {
    line-height: 22px;
}

.g-mn1c.abt {
    margin-left: 285px;
}

.g-mn1c {
    margin-left: 245px;
}

.helpft {
    min-height: auto;
    padding: 0;
    margin: 0 auto;
    padding-top: 12px;

}

.helpfts {
    padding: 0;
    margin: 0 auto;
    padding-top: 12px;
    background: #fafafa;
}

@media screen and (max-width: 768px) {
    .g-sd1.abt {
        position: relative;
        /*position: fixed;*/
        float: left;
        /*width: auto;*/
        width: 90px;
        margin-top: 45px;
    }

    /*.g-sd1.abt {*/
    /*position: relative;*/
    /*!* position: fixed; *!*/
    /*float: left;*/
    /*!* width: auto; *!*/
    /*width: 86px;*/
    /*margin-top: 45px;*/
    /*margin-left: 5px;*/
    /*}*/
    .f-bg {
        margin-top: 62px;
        background-color: #fff;
        -webkit-box-shadow: 0 1px 2px #bbb;
        -moz-box-shadow: 0 1px 2px #bbb;
        box-shadow: 0 1px 2px #bbb;
    }

    .g-mn1c.abt {
        margin-left: 91px;
        /*width: auto;*/
        /* width: max-content; */
    }

    .g-flow {
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }
}

/*套餐定价*/
.price-section-1 {
    margin-top: 60px;
    position: relative;
    width: 100%;
    height: 400px;
    background: url(../images/bg1.png) center center no-repeat;
    color: #fff;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.price-section-21 {
    margin-top: 60px;
    position: relative;
    width: 100%;
    height: 400px;
    background: url(../images/g1.jpg) center center no-repeat;
    color: #fff;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}
.price-section-6 {
    margin-top: 72px;
    position: relative;
    width: 100%;
    height: 400px;
    background: url(../images/kefu.png) center center no-repeat;
    color: #fff;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.price-section-3 {
    margin-top: 60px;
    position: relative;
    width: 100%;
    height: 400px;
    background: url(../images/banner-top.png) center center no-repeat;
    color: #fff;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.title-large {
    padding-top: 100px;
    text-align: center;
    font-size: 40px;
    position: relative;
}

/*.price-section-1,.price-section-2,.price-section-3 .title-large {*/
/*padding-top: 150px;*/
/*text-align: center;*/
/*font-size: 40px;*/
/*}*/
.title-normal {
    padding-top: 20px;
    text-align: center;
    font-size: 30px;
    color: white;
    position: relative;
}

.dd {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.3) !important;
    background: #000;
}

/*.price-section-1,.price-section-2,.price-section-3 .title-normal {*/
/*padding-top: 15px;*/
/*text-align: center;*/
/*font-size: 30px;*/
/*color: white;*/
/*}*/
.tt {
    text-align: center;
    position: relative;
}

.tt .btn {
    width: 200px;
    height: 60px;
    background: #4a90e2;
    color: white;
    line-height: 25px;
    padding: 17px 40px;
    font-size: 20px;
    border-radius: 2px;
    transition: .5s;
    margin-top: 30px;
}

.tt :hover {
    color: #fff;
    background: rgba(74, 144, 226, 0.77) !important;

}

/** 云服务器 **/
/*.cloudSever {*/
/*width: 1200px;*/
/*min-width: 1200px;*/
/*margin: 0 auto;*/
/*padding-bottom: 36px*/
/*}*/
.cloudSever {
    margin: 0 auto;
    float: left;
    padding-left: 15%;
    padding-right: 15%;
    width: 100%;
    padding-bottom: 36px;
}

.cloudSever .mod1 {
    overflow: hidden;
    zoom: 1;
    padding: 10px 0 28px;
    height: 80px;
    background: #fff;
    border-top: 3px solid #f0f2f5;
    border-bottom: 3px solid #f0f2f5
}

.cloudSever .mod1 .col {
    width: 25%;
    float: left;
    position: relative;
    display: block
}

.cloudSever .mod1 .col:after {
    display: block;
    content: '';
    width: 1px;
    overflow: hidden;
    height: 80px;
    background: #e2e2e2;
    position: absolute;
    right: 0;
    top: 10px
}

.cloudSever .mod1 .col .cl {
    margin: 0 0 0 126px
}

.cloudSever .mod1 .col .limg {
    display: block;
    position: absolute;
    left: 16px;
    top: 0;
    transition: all linear .2s;
    -moz-transition: all linear .2s;
    -webkit-transition: all linear .2s;
}

.cloudSever .mod1 .col a:hover .limg {
    margin-top: -5px;
}

.cloudSever .mod1 .col a:hover .cl .t1 {
    color: #E95048;
}

.cloudSever .mod1 .col .t1 {
    height: 22px;
    line-height: 22px;
    text-align: left;
    font-size: 16px;
    padding: 22px 0 0 0
}

.cloudSever .mod1 .col .t1 span {
    line-height: 22px;
    color: #e95048;
    font-size: 16px;
    font-weight: bold
}

.cloudSever .mod1 .col .t1 img {
    position: relative;
    left: 0;
    top: 0;
    margin-left: 8px
}

.cloudSever .mod1 .col .t2 {
    height: 22px;
    line-height: 22px;
    text-align: left;
    font-size: 14px;
    color: #535353;
    padding: 2px 0 0 0
}

.cloudSever .mod1 .last:after {
    display: none
}

/*.cloudSever .inCon {*/
/*background: #fff;*/
/*padding: 0 1px;*/
/*position: relative*/
/*}*/
.cloudSever .inCon {
    background: #fff;
    padding: 0 1px;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

.cloudSever .cmMod {
    position: relative;
    margin-bottom: 8px;
    padding-bottom: 26px;
}

/*.cloudSever .cmMod .cmClear {*/
/*position: relative;*/
/*left: 50px;*/
/*right: 0px;*/
/*width: 1080px;*/
/*padding-bottom: 40px;*/
/*border-bottom: 1px solid #ededed;*/
/*}*/
.cloudSever .cmMod .cmClear {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid #ededed;
}

.cloudSever .cmLtit {
    width: 27px;
    overflow: hidden;
    background: #ededed;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.cloudSever .cmLtit span {
    display: block;
    width: 27px;
    text-align: center;
    color: #9d9d9d;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -32px
}

.cloudSever .cmLtit .v2 {
    margin-top: -16px
}

.cloudSever .cmRow {
    padding: 30px 0 0 0
}

.cloudSever .pdt {
    padding-top: 70px
}

.cloudSever .cmLt {
    display: block;
    width: 90px;
    text-align: left;
    padding: 0 5px 0 0px;
    float: left;
    font-size: 14px;
    color: #9d9d9d
}

.cloudSever .cmLts {
    display: block;
    width: 0px;
    text-align: left;

    float: left;
    font-size: 14px;
    color: #9d9d9d
}

/*2017-3-22*/
.cloudSever .cmLt .ll {
    display: block;
    float: left;
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    color: #9d9d9d
}

.cloudSever .cmLt .gth {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 20;
    /*background: url(../images/thICCS.jpg) no-repeat center;*/
    cursor: pointer;
    float: left;
    margin: 8px 0 0 0
}

/*.cloudSever .cmRit {*/
/*width: 800px;*/
/*float: left*/
/*}*/
.cloudSever .cmRit {
    float: left
}

.cloudSever .nlts {
    padding-left: 145px
}

.cloudSever .cmRit .cmTb {
    display: block;
    width: 106px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #535353;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 1px solid #d7d7d7;
    margin: -1px 0 0 -1px;
    cursor: pointer;
    transition: all linear .2s;
    position: relative;
    float: left
}

.cloudSever .cmRit .cmTb:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.cloudSever .cmRit .cmTb:last-child, .cloudSever .cmRit .lstadBrs {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.cloudSever .cmRit .selected {
    border-color: #e95048;
    background: #f9ebeb;
    color: #e95048;
    z-index: 2
}

.cloudSever .cmRit .dis {
    border-color: #d7d7d7;
    background: #f1f1f1;
    color: #a2a2a2; /*cursor:default*/
}

.cloudSever .cmRit .dis:after {
    content: '售罄';
    display: block;
    height: 17px;
    line-height: 17px;
    padding: 0 5px;
    white-space: nowrap;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    z-index: 2;
    background: #a2a2a2
}

.cloudSever .cmInRt {
    width: 100%;
    position: relative
}

.cloudSever .secTps {
    display: block;
    text-align: left;
    font-size: 12px;
    color: #9d9d9d;
    padding: 10px 0 0 0
}

.cloudSever .secTps .lk {
    font-size: 12px;
    color: #6699ff
}

.cloudSever .cmSlider {
    float: left;
    height: 5px;
    width: 610px;
    border: 0;
    margin-top: 15px;
    border-radius: 10px;
    background: #ededed
}

.ui-widget-header {
    background: #ededed
}

.cloudSever .cmSlider .cc {
    display: block;
    width: 55px;
    height: 20px;
    text-align: center;
    position: relative;
    padding-top: 18px;
    top: 5px
}

.cloudSever .cmSlider .cc:after {
    display: block;
    content: '';
    height: 8px;
    width: 1px;
    overflow: hidden;
    background: #a2a2a2;
    position: absolute;
    left: 50%;
    top: 0
}

.cloudSever .cmSlider .cc p {
    font: 14px/20px microsoft yahei;
    color: #535353
}

.cloudSever .cmSlider .d1 {
    position: absolute;
    left: -22px
}

.cloudSever .cmSlider .d2 {
    position: absolute;
    left: 16.66%;
    margin-left: -28px
}

.cloudSever .cmSlider .d3 {
    position: absolute;
    left: 33.33%;
    margin-left: -28px
}

.cloudSever .cmSlider .d4 {
    position: absolute;
    left: 50%;
    margin-left: -28px
}

.cloudSever .cmSlider .d5 {
    position: absolute;
    left: 66.66%;
    margin-left: -28px
}

.cloudSever .cmSlider .d6 {
    position: absolute;
    left: 83.33%;
    margin-left: -28px
}

.cloudSever .cmSlider .d7 {
    position: absolute;
    right: -22px
}

.cloudSever .cmSlider .ds1 {
    position: absolute;
    left: -22px
}

.cloudSever .cmSlider .ds2 {
    position: absolute;
    left: 12.5%;
    margin-left: -28px
}

.cloudSever .cmSlider .ds3 {
    position: absolute;
    left: 25%;
    margin-left: -28px
}

.cloudSever .cmSlider .ds4 {
    position: absolute;
    left: 37.5%;
    margin-left: -28px
}

.cloudSever .cmSlider .ds5 {
    position: absolute;
    left: 50%;
    margin-left: -28px
}

.cloudSever .cmSlider .ds6 {
    position: absolute;
    left: 62.5%;
    margin-left: -28px
}

.cloudSever .cmSlider .ds7 {
    position: absolute;
    left: 75%;
    margin-left: -28px
}

.cloudSever .cmSlider .ds8 {
    position: absolute;
    left: 87.5%;
    margin-left: -28px
}

.cloudSever .cmSlider .ds9 {
    position: absolute;
    right: -23px
}

.cloudSever .cmSlider .ds10 {
    position: absolute;
    left: -23px
}

.cloudSever .cmSlider .ds11 {
    position: absolute;
    left: 20%;
    margin-left: -28px
}

.cloudSever .cmSlider .ds12 {
    position: absolute;
    left: 40%;
    margin-left: -28px
}

.cloudSever .cmSlider .ds13 {
    position: absolute;
    left: 60%;
    margin-left: -28px
}

.cloudSever .cmSlider .ds14 {
    position: absolute;
    left: 80%;
    margin-left: -28px
}

.cloudSever .cmSlider .ds15 {
    position: absolute;
    right: -23px
}

.cloudSever .cmSlider .df1 {
    position: absolute;
    left: -22px
}

.cloudSever .cmSlider .df2 {
    position: absolute;
    left: 9.09%;
    margin-left: -28px
}

.cloudSever .cmSlider .df3 {
    position: absolute;
    left: 18.18%;
    margin-left: -28px
}

.cloudSever .cmSlider .df4 {
    position: absolute;
    left: 27.27%;
    margin-left: -28px
}

.cloudSever .cmSlider .df5 {
    position: absolute;
    left: 36.36%;
    margin-left: -28px
}

.cloudSever .cmSlider .df6 {
    position: absolute;
    left: 45.45%;
    margin-left: -28px
}

.cloudSever .cmSlider .df7 {
    position: absolute;
    left: 54.54%;
    margin-left: -28px
}

.cloudSever .cmSlider .df8 {
    position: absolute;
    left: 63.63%;
    margin-left: -28px
}

.cloudSever .cmSlider .df9 {
    position: absolute;
    left: 72.72%;
    margin-left: -28px
}

.cloudSever .cmSlider .df10 {
    position: absolute;
    left: 81.81%;
    margin-left: -28px
}

.cloudSever .cmSlider .df11 {
    position: absolute;
    left: 90.9%;
    margin-left: -28px
}

.cloudSever .cmSlider .df12 {
    position: absolute;
    right: -23px
}

.cloudSever .cmSlider .cl1 {
    background: #ff6900;
    border-right: 1px solid #be5002;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    float: none;
}

.cloudSever .cmSlider .cl2 {
    background: #ff6900;
    border-right: 1px solid #be5002;
    position: absolute;
    left: 217px;
    top: 0;
    z-index: 2;
    float: none;
}

.cloudSever .cmSlider .cl3 {
    background: #ff6900;
    border-right: 0;
    position: absolute;
    left: 326px;
    top: 0;
    z-index: 2;
    float: none;
}

.cloudSever .cmSlider .cl1 p, .cloudSever .cmSlider .cl2 p, .cloudSever .cmSlider .cl3 p {
    color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #f9ebeb url(../images/handelBg.jpg) no-repeat center;
    width: 15px;
    height: 39px;
    border: 1px solid #e95048;
    border-radius: 0;
    top: -18px;
    outline: none;
    border-radius: 2px
}

.cloudSever .cmSlider .ins {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 0;
    margin-top: 0;
    float: none;
    border: 0;
    width: 30%;
    background: #e95048;
    height: 5px;
    border-radius: 10px
}

.ui-state-default p {
    display: none
}

.cloudSever .cmInRt .cloSevTips {
    top: 55px;
    left: 186px
}

.cloudSever .num-con {
    width: 118px;
    height: 36px;
    float: left;
    position: relative;
    left: 0;
    top: 0;
    margin-left: 18px;
}

.cloudSever .num-con .btn {
    display: block;
    width: 34px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 18px;
    color: #e95048
}

.cloudSever .num-con .btn:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.cloudSever .num-con .btn:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.cloudSever .num-con .jia {
    position: absolute;
    right: 7px;
    top: 0;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-left: 0;
    cursor: pointer;
    line-height: 100%;
}

.cloudSever .num-con .jian {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-right: 0;
    cursor: pointer;
    line-height: 100%;
}

.cloudSever .num-con input {
    display: block;
    height: 33px;
    line-height: 34px;
    width: 43px;
    border: 1px solid #d7d7d7;
    position: absolute;
    left: 34px;
    top: 0;
    overflow: hidden;
    background: none;
    text-align: center;
    font: 14px/34px microsoft yahei;
    color: #333;
    text-align: center;
}

.cloudSever .num-con input:hover, .cloudSever .num-con input:focus {
    /*border-color: #e95048*/
}

.cloudSever .num-con .lc {
    border: 1px solid #e1e1e1;
    width: 83px;
    height: 34px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.cloudSever .num-con .lc span {
    display: block;
    width: 48px;
    font: 14px/36px microsoft yahei;
    color: #7d7d7d;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}

.cloudSever .num-con .rc {
    height: 36px;
    width: 22px;
    background: #ebebeb;
    position: absolute;
    right: 0;
    top: 0;
}

.cloudSever .dwRts {
    display: block;
    height: 36px;
    line-height: 36px;
    float: left;
    margin: 0 0 0 12px;
    font-size: 14px;
    color: #535353
}

.cloudSever .dwtps {
    display: block;
    height: 36px;
    line-height: 36px;
    float: left;
    margin: 0 0 0 12px;
    font-size: 12px;
    color: #9d9d9d
}

.cloudSever .yhms {
    margin-left: 0;
    font-size: 14px;
    color: #333
}

.cloudSever .dtsNmgL {
    margin-left: 2px
}

.cloudSever .sTv2 {
    padding-top: 40px;
    margin-left: -6px
}

.cloudSever .cmLt .gth:hover .cloSevTipLg {
    display: block
}

.cloudSever .monitor-select {
    height: 34px;
    width: 214px;
    border: 1px solid #c1c1c1;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    float: left;
    text-align: left;
    position: relative;
    left: 0;
    top: 0;
    zoom: 1
}

.cloudSever .monitor-select .values {
    height: 22px;
    border: none;
    background: none;
    text-align: center;
    font: 14px/23px microsoft yahei;
    width: 136px;
    float: left;
    margin-left: 12px;
    _margin-left: 6px;
    margin-top: 7px;
    width: 180px;
    text-align: left;
    color: #000;
}

.cloudSever .monitor-select .rit-ars {
    width: 30px;
    float: right;
    overflow: hidden;
    height: 34px;
    /*background: url(../images/dpdIcs.png) no-repeat center;*/
    position: absolute;
    right: 0;
    top: 0
}

.cloudSever .monitor-select .chi-con {
    height: auto;
    overflow: hidden;
    position: absolute;
    left: -1px;
    top: 34px;
    border: 1px solid #ddd;
    width: 100%;
    display: none;
    overflow: hidden;
    background: #fff;
}

.cloudSever .monitor-select .chi-con .in-con {
    width: 100%;
    overflow: hidden;
}

.cloudSever .monitor-select .chi-con .opts {
    display: block;
    height: 32px;
    font: 14px/32px microsoft yahei;
    text-align: left;
    padding-left: 22px;
    overflow: hidden;
    outline: none;
    cursor: default;
    color: #585858;
    transition: background linear 0.2s;
}

.cloudSever .monitor-select .chi-con .jxIc1 {
    /*background: url(../images/zjlxIcon1.png) no-repeat 12px center;*/
    padding-left: 36px
}

.cloudSever .monitor-select .chi-con .jxIc2 {
    /*background: url(../images/zjlxIcon2.png) no-repeat 12px center;*/
    padding-left: 36px
}

.cloudSever .monitor-select .chi-con .jxIc3 {
    /*background: url(../images/zjlxIcon3.png) no-repeat 12px center;*/
    padding-left: 36px
}

.cloudSever .monitor-select .chi-con .jxIc4 {
    /*background: url(../images/zjlxIcon4.png) no-repeat 12px center;*/
    padding-left: 36px
}

.cloudSever .monitor-select .chi-con .alc {
    padding-left: 0;
    text-align: center;
}

.cloudSever .monitor-select .chi-con .opts:hover {
    background-color: #f2efef;
    text-decoration: none;
}

.cloudSever .mntv2 {
    width: 328px;
    margin-left: -1px;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.cloudSever .mntv2 .values {
    width: 292px;
}

.cloudSever .mntv2s {
    margin-left: -1px;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.cloudSever .mntv3 {
    width: 305px;
    border--radius: 3px
}

.cloudSever .mntv3 .values {
    width: 267px;
}

.cloudSever .tsZdx {
    position: relative;
    z-index: 5
}

.cloudSever .erInfo {
    border-color: #e95048;
    background: #f9ebeb;
    z-index: 5
}

.cloudSever .rltv {
    position: relative
}

.cloudSever .rltv .cloSevTips .ccs {
    width: 210px
}

.cloudSever .rltv .cloSevTips {
    position: absolute;
    left: 122px;
    top: auto;
    bottom: -38px
}

.cloudSever .hps {
    display: block;
    float: left;
    height: 24px;
    font: 12px/24px microsoft yahei;
    color: #535353;
    margin: 6px 0 0 12px;
}

.cloudSever .hpv2 {
    color: #9d9d9d
}

.cloudSever .hpv2 i {
    font: 12px/24px microsoft yahei;
    color: #ff6900
}

.cloudSever .addbtn {
    display: block;
    width: 34px;
    height: 34px;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    float: left;
    cursor: pointer;
    font-size: 18px;
    color: #e95048;
    line-height: 30px
}

.cloudSever .addrow {
    font: 14px/24px microsoft yahei;
    border: 0;
    background: none;
    cursor: pointer;
}

.cloudSever .diss .addbtn {
    background: #ddd;
    color: #666
}

.cloudSever .diss .addrow {
    color: #ccc
}

.cloudSever .err {
    background: #ebebeb;
    height: 48px;
    overflow: hidden;
    zoom: 1;
    padding: 0 10px;
    margin: 5px 260px 0 0;
}

.cloudSever .err .lx {
    display: block;
    font: 14px/48px microsoft yahei;
    color: #333;
    width: 98px;
    float: left;
}

.cloudSever .err .ipt {
    position: relative;
    left: 0;
    top: 0;
    width: 83px;
    height: 35px;
    border: 1px solid #e1e1e1;
    background: #fff;
    float: left;
    margin-top: 6px;
}

.cloudSever .err .ipt i {
    font: 14px/35px microsoft yahei;
    color: #333;
    position: absolute;
    top: 0;
    right: 5px;
}

.cloudSever .err .ipt input {
    width: 52px;
    border: 0;
    height: 21px;
    font: 14px/21px microsoft yahei;
    color: #333;
    text-align: center;
    position: absolute;
    left: 5px;
    top: 7px;
    overflow: hidden;
}

.cloudSever .err .fp {
    color: #7d7d7d;
    float: left;
    margin-left: 10px;
    font: 14px/48px microsoft yahei;
}

.cloudSever .err .cls {
    float: right;
    width: 14px;
    height: 13px;
    /*background: url(../img/xxsIcs.jpg) no-repeat 0 0;*/
    margin-top: 20px;
}

.cloudSever .ipts {
    display: block;
    border: 1px solid #c1c1c1;
    padding: 5px 12px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    float: left;
    font-size: 14px;
    color: #000;
    text-align: left;
    outline: none;
    width: 278px;
    border-radius: 3px
}

.cloudSever .erTps {
    line-height: 24px;
    color: #e95048;
    display: block;
    text-align: left;
    padding: 3px 0 0 0
}

.cloudSever .jspdt {
    padding-top: 10px
}

.cloudSever .erCls {
    color: #e95048 !important
}

.cloudSever .sxBtn {
    display: block;
    float: left;
    height: 36px;
    margin: 0 0 0 2px;
    cursor: pointer;
    width: 30px;
    /*background: url(../images/sxYqIcs.jpg) no-repeat center*/
}

.cloudSever .sysy {
    display: block;
    float: left;
    line-height: 24px;
    font-size: 14px;
    color: #6699ff;
    margin: 6px 0 0 0
}

.cloudSever .cmRit .cmTbs {
    display: block;
    width: 52px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #535353;
    white-space: nowrap;
    /*text-overflow: ellipsis;*/
    overflow: hidden;
    border: 1px solid #d7d7d7;
    margin: -1px 0 0 -1px;
    cursor: pointer;
    transition: all linear .2s;
    position: relative;
    float: left;
    padding: 0;
}

.cloudSever .cmRit .cmTbs:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.cloudSever .cmRit .cmTbs:last-child, .cloudSever .cmRit .lstadBrs {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.cloudSever .cmRit .cur {
    border-color: #e95048;
    background-color: #f9ebeb !important;
    color: #e95048;
    z-index: 2
}

.cloudSever .cmRit .cur:after {
    content: '个月';
    color: #e95048
}

.cloudSever .cmRit .year {
    padding-left: 22px;
    background: #fff url(../images/gftIcs.png) no-repeat 7px center;
    text-align: left;
    /*width: 60px*/
}

.cloudSever .cmRit .year:after {
    display: none
}

.cloudSever .clearMgl {
    margin-left: 0
}

.cloudSever .jjDis {
    border-color: #d7d7d7 !important;
    color: #b7b7b7 !important;
    background: #ebebeb !important
}

.cloudSever .pzCon {
    margin-top: 28px;
    padding: 16px 75px 0 75px;
    overflow: hidden; /*border-top:1px solid #ededed*/
}

/*2017-3-22*/
.cloudSever .pzCon .t1 {
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #535353;
    padding-bottom: 5px
}

.cloudSever .pzCon ul {
    overflow: hidden;
    zoom: 1
}

.cloudSever .pzCon li {
    padding: 10px 0 0 0;
    float: left;
    width: 25%;
    text-align: left;
    font-size: 14px;
    color: #444;
    line-height: 150%;
    list-style-type: none;
}

.cloudSever .pzCon li span {
    font-size: 14px;
    color: #535353;
    line-height: 150%
}

.cloudSever .btmRows {
    padding: 45px 75px;
    overflow: hidden;
    zoom: 1;
    /*background: url(../images/sdPics.jpg) repeat-x;*/
    margin-top: 45px
}

.cloudSever .btmRows .llt {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #9d9d9d;
    float: left;
    padding: 0 25px 0 0;
    text-decoration: line-through;
}

.cloudSever .btmRows .num {
    display: block;
    float: left;
    line-height: 36px;
    height: 36px;
    color: #e95048;
    font-size: 28px;
    font-weight: bold
}

.cloudSever .btmRows .dw {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding-left: 5px;
    color: #e95048;
    float: left;
}

.cloudSever .btmRows .b1 {
    display: block;
    border: 0;
    height: 36px;
    line-height: 36px;
    width: 125px;
    cursor: pointer;
    float: left;
    background: #e95048;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    margin-left: 70px
}

.cloudSever .btmRows .b2 {
    display: block;
    border: 0;
    height: 36px;
    line-height: 36px;
    width: 125px;
    cursor: pointer;
    float: left;
    background: #ffe9d3;
    color: #e95048;
    border-radius: 4px;
    font-size: 16px;
    margin-left: 6px
}

.cloudSever .ritBox {
    width: 215px;
    text-align: left;
    position: absolute;
    right: 15px;
    top: 5px;
    overflow: hidden;
    z-index: 10;
    background-color: white
}

.cloudSever .ritBox .tt1 {
    display: block;
    padding: 15px 0 0 0;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 16px;
    color: #535353;
    text-align: left
}

.cloudSever .ritBox .lstC {
    padding: 6px 0 0 0
}

.cloudSever .ritBox .ccon {
    overflow: hidden;
    height: 24px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #7d7d7d
}

.cloudSever .ritBox .ccon span {
    line-height: 24px;
    color: #535353
}

.cloudSever .ritBox .prs {
    overflow: hidden;
    zoom: 1;
    padding: 15px 0 0 0
}

.cloudSever .ritBox .bt {
    overflow: hidden;
    zoom: 1;
    padding: 5px 0 0 0
}

.cloudSever .ritBox .b1 {
    display: block;
    border: 0;
    height: 36px;
    line-height: 36px;
    width: 125px;
    cursor: pointer;
    float: left;
    background: #e95048;
    color: #fff;
    border-radius: 4px;
    font-size: 16px
}

.cloudSever .ritBox .num {
    display: block;
    float: left;
    line-height: 36px;
    height: 36px;
    color: #e95048;
    font-size: 28px
}

.cloudSever .ritBox .num span {
    font-size: 26px
}

.cloudSever .cmMod:hover .cmLtit {
    background: #e3e3e3
}

.cloudSever .cmMod:hover .cmLtit span {
    color: #000
}

.shop-ui-block-icon {
    background-color: #ff7300;
    color: #fff;
    height: 10px;
    line-height: 10px;
    overflow: hidden;
    padding: 1px 2px;
    position: absolute;
    right: 0;
    top: -4px;
    z-index: 100;
}

.shop-ui-block-icon em {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    transform: scale(0.8, 0.8);
}

.cmTbs em, i {
    font-style: normal;
    font-weight: 400;
}

.n {
    display: none
}

.rs {
    margin-left: 12px
}

.addBg {
    background: #F3F8FC;

}

.coupon {
    color: #e72726;
    font: 28px/36px microsoft yahei;
    text-align: left;
}

.fixeds {
    position: fixed;
    top: 0;
    z-index: 10;
    background-color: white;
    width: 230px;
}

.btn-primary {
    color: #fff;
    background-color: red;
    border-color: rgba(255, 255, 255, 0);
}

.cloudSever .cmInRt input {
    outline: none;
    width: 212px;
}

.cloudSever .err .ipt input:focus {
    outline: none;
}

/*定价后期添加*/

.spid {
    font-size: 10px;
    color: #7d7d7d;
    margin-left: 8px;
}

.spput {
    height: 30px;
    margin-top: 4px;
    border: 1px solid #D8D8D8;
}

.m-about {
    width: 100%;
    padding-right: 1px;
}

/*详情页面*/
.mod-3rd-app__wrap {
    position: relative;
    padding: 40px 0 0;
    margin: 70px 0 0 auto;
}

.mod-3rd-app__wrap-left {
    float: left;
    margin-right: 15px;
    margin-top: 25px;
}

.mod-3rd-app__wrap-left-img {
    float: left;
    width: 120px;
    height: 120px;
    border: 1px solid rgba(0, 0, 0, .1);
}

.mod-3rd-app__wrap-right {
    position: relative;
    margin-left: 200px;
}
/*2017-11-19*/
.mod-3rd-app__tips-t {
    color: #333333;
    font-size: 16px;
    line-height: 25px;
    margin-top: 10px;
}

.mod-3rd-app__type {
    color: #75777A;
    background: #E9EBEE;
    line-height: 24px;
    padding: 0 10px;
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
}
/*2017-11-19*/
.ui-fl-r {
    float: left;
    margin-top: 10px;
}

.ui-mr-small {
    margin-right: 10px;
}

.btn_blue {
    color: #fff;
    background: -moz-linear-gradient(top, #4a90e2 0, #4a90e2 100%);
    background: -webkit-linear-gradient(top, #4a90e2 0, #4a90e2 100%);
    background: -o-linear-gradient(top, #4a90e2 0, #4a90e2 100%);
    background: -ms-linear-gradient(top, #4a90e2 0, #4a90e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A90E2', endColorstr='#4A90E2', GradientType=0);
    background: linear-gradient(top, #4a90e2 0, #4a90e2 100%);
    border-color: #417FC8;
}
/*2017-11-17*/
.btn_blue:active {
    color: white;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125);
    background-color: rgba(66, 118, 179, 0.85);
}

.mod-3rd-app__wrap-title {
    margin: 30px 0 0;
    padding-left: 10px;
    font-size: 16px;
    line-height: 60px;
    color: #4A90E2;
    background: #ffffff;
    text-align: center;
}
.body-details{
    width: 1200px;
    margin: 0 auto;

}
.body-min{
    background: #f9f9f9;
    padding-top: 1px;
    padding-bottom: 30px;
}
.bby_details{
    color: #4A90E2;
    font-size: 16px;
    border-left: 3px solid;
    padding-left: 15px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.mod-3rd-app__wrap-single {
    overflow: hidden;
    padding: 0 1px;
    width: 1200px;
    margin: 0 auto;
}

.mod-3rd-app__content {
    color: #232528;
    font-size: 14px;
    overflow: hidden;
    clear: both;
}

.mod-3rd-app__line-title {
    display: table-cell;
    width: 75px;
}
.mod-3rd-app_title{
    font-size: 24px;
}
.mod-3rd-app__line-content {
    display: table-cell;
}

.mod-3rd-app__wrap-content li {
    display: table;
}

.mod-3rd-app__wrap-content {
    color: #75777A;
    font-size: 14px;
    line-height: 28px;
}

.qytel a {
    padding: 0;
}

.mod-coror_wap {
    width: 100%;
    min-height: auto;
    height: 100%;
    background: #edf5ff;
}

@media screen and (max-width: 1220px) {
    .cloudSever .cmRit {
        float: left;
        width: 100%;
    }

    .cloudSever .cmSlider {
        float: left;
        height: 5px;
        width: 100%;
        border: 0;
        margin-top: 15px;
        border-radius: 10px;
        background: #ededed;
        margin-bottom: 70px;
    }

}

@media screen and (max-width: 768px) {
    .mod-3rd-app__wrap {
        position: relative;
        padding-top: 30px;
        width: 100%;
    }

    .price-section-1 {
        margin-top: 60px;
        position: relative;
        width: 100%;
        height: 255px;
        background: url(../images/bg1.png) center center no-repeat;
        color: #fff;
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
    }

    .price-section-1 .title-large {
        padding-top: 40px;
        text-align: center;
        font-size: 30px;
    }

    .price-section-1 .title-normal {
        padding-top: 50px;
        text-align: center;
        font-size: 18px;
        color: #8AC1EC;
    }

    .ui-mr-small {
        display: none;
    }

    .ui-fl-r {
        margin-top: -1px;
        margin-right: 10px;
        text-align: center;
        width: 100%;
    }
    .ui-fl-r>a{
        padding: 3px 10px;
    }
    .mod-3rd-app__type {
        color: #75777A;
        background: #E9EBEE;
        line-height: 24px;
        padding: 0 3px;
        display: inline-block;
        font-size: 14px;
        margin-right: 10px;
    }

    .mod-3rd-app__wrap-left-img {
        float: left;
        width: 120px;
        height: 120px;
        border: 1px solid rgba(0, 0, 0, .1);
    }

    .cloudSever {
        margin: 0 auto;
        float: left;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        padding-bottom: 36px;
    }

    /*.cloudSever .cmSlider {*/
    /*display: none;*/
    /*float: left;*/
    /*height: 5px;*/
    /*width: 610px;*/
    /*border: 0;*/
    /*margin-top: 15px;*/
    /*border-radius: 10px;*/
    /*background: #ededed;*/
    /*}*/
    .cloudSever .cmSlider {
        float: left;
        height: 5px;
        width: 94%;
        margin-left: 5px;
        margin-bottom: 70px;
        border: 0;
        margin-top: 15px;
        border-radius: 10px;
        background: #ededed;
    }

    .cloudSever .cmRit {
        width: 100%;
        float: left;
        margin-top: 15px;
    }

    .cloudSever .err {
        width: 90%;
    }

    .spid {
        display: none;
    }

    .cloudSever .pzCon li {
        padding: 10px 2px 0 0;
        text-align: left;
        font-size: 14px;
        color: #444;
        line-height: 150%;
        list-style-type: none;
        float: none;
        width: 100%;
    }

    .cloudSever .pzCon {
        margin-top: 0;
        padding: 0;
        overflow: hidden;
        border-top: aliceblue;
    }

    .cloudSever .btmRows {
        padding: 0;
        overflow: hidden;
        zoom: 1;
        /*background: url(../images/sdPics.jpg) repeat-x;*/
        margin-top: 15px;
        padding-bottom: 20px;
    }

    .cloudSever .btmRows .b1 {
        display: block;
        border: 0;
        height: 36px;
        line-height: 36px;
        width: 99%;
        cursor: pointer;
        float: left;
        background: #e95048;
        color: #fff;
        border-radius: 4px;
        font-size: 16px;
        margin-top: 5px;
        margin-left: 0;
    }

    .cloudSever .sTv2 {
        display: none;
        padding-top: 40px;
        margin-left: -6px;
    }

    .cloudSever .cmInRt input {
        outline: none;
        width: 90%;
    }

    .mod-index__footer-item {
        width: 34%;
        display: inline-block;
        padding: 0 2px;
        line-height: 1em;
        cursor: pointer;
    }

    /*.mode_index_nonex{*/
    /*border-left:1px solid #dadada;;*/
    /*}*/
}

/*@media screen and (max-width: 479px) {*/
/*.mod_index_none{*/
/*border: none;*/
/*}*/
/*!*.mode_index_nonex{*!*/
/*!*border-left: none;*!*/
/*!*}*!*/
/*!*.mode_index_nonex{*!*/
/*!*border-left:1px solid #dadada;;*!*/
/*!*}*!*/
/*}*/
/*@media screen and (max-width: 480px) {*/
/*.mode_index_nonex{*/
/*border-left: none;*/
/*}*/
/*}*/
@media screen and (max-width: 370px) {
    .mod-3rd-app__wrap-left-img {
        float: left;
        width: 90px;
        height: 90px;
        border: 1px solid rgba(0, 0, 0, .1);
    }

    /*.mod_index_none {*/
    /*border-left: 1px solid #dadada;*/
    /*}*/
    /*.mode_index_nonex{*/
    /*border-left:1px solid #dadada;;*/
    /*}*/
}

@media (min-width: 768px) {
    .hdft {
        font-size: 16px;
        line-height: 52px;
        margin-left: -24px;
        /* background-color: rgba(248, 248, 248, 0.91); */
    }
}

@media (min-width: 992px) {
    .hdft {
        font-size: 16px;
        line-height: 52px;
        margin-left: 101px;
        /* background-color: rgba(248, 248, 248, 0.91); */
    }
}

@media (min-width: 1200px) {

    .hdft {
        font-size: 16px;
        line-height: 52px;
        margin-left: 150px;
        /* background-color: rgba(248, 248, 248, 0.91); */
    }
}

.header-titles {
    display: none;
    opacity: 1;
    line-height: 66px;
    margin-right: 0px;
    font-size: 20px;
    padding-left: 0;
    float: right;

}

.header_user {
    display: none;
    background-color: rgba(248, 248, 248, 0.91);
    margin-top: 72px;
    height: 150px;
}

.header_user > ul > li {
    line-height: 49px;
    border-bottom: 1px solid #e7e7e7;
    margin: 0 20px;
    font-size: 16px;
}

.sidebar-menu {
    margin-top: 18px;
    text-align: center;
    background-color: white;
    position: absolute;
    float: left;
}
.sidebar-menu a{
    color: #4a90e2;
    cursor: pointer;
}

#articleMenu {
    margin-top: 27px;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}

/*yun 2017-11-3*/
.navbar-right {
    margin-top: 5px;
}

@media (max-width: 768px) {
    #articleMenu {
        margin-top: 0;
        border: none;
    }

    .sidebar-menu {
        margin: 0;
        text-align: inherit;
        background-color: inherit;
        padding:5px 18px;
        font-size: 16px;
         position: initial;
    }

    .sidebar-menu > ul > li {
        padding: 2px 0;
    }

    .sidebar-menu > ul > li > a {
        padding: 6px 15px;
    }

    .sidebar-menu > ul > li > a:hover {
        background-color: #f8f8f8;
        border-radius: 5px;
    }

    .navbar-right {
        display: block;
        float: left;
        width: 100%;
        margin-left: 0;
    }

    .dropdown {

        height: 48px;
        margin-bottom: 15px;
    }

    .header-titles {
        display: block;

    }

    .header_user {
        display: none;

    }

    .header-title {

        opacity: 1;
        line-height: 75px;
        margin-left: -8px;
        font-size: 20px;
        padding-left: 0;
        float: inherit;

    }

    .hdft > a {
        border-bottom: 1px solid #e7e7e7;
        color: rgba(51, 122, 183, 0.86);
        text-decoration: none;
        padding-right: 15px;
        padding-left: 0;
        width: 100%;
        float: left;
        line-height: 45px;
    }
}

@media (max-width: 382px) {
    .header-title {
        opacity: 1;
        line-height: 75px;
        margin-left: -8px;
        font-size: 18px;

    }
}

@media (max-width: 372px) {
    .header-title {
        opacity: 1;
        line-height: 75px;
        margin-left: -8px;
        font-size: 14px;

    }
}

@media (max-width: 336px) {
    .header-title {
        opacity: 0;
        line-height: 75px;
        margin-left: -8px;
        font-size: 14px;
    }
}

/*功能介绍*/
.title {
    font-size: 36px;
    text-align: center;
    padding: 60px 0 50px;
}

.func-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.func-item {
    background: #ffffff;
    position: relative;
    float: left;
    left: 0;
    width: 31.3%;
    height: 150px;
    padding: 10px 15px 10px 15px;
    margin: 10px;
}

.func-figure {
    float: left;
    display: inline-block;
    width: 100px;
    height: 110px;
    margin-top: 10px;
    text-align: center;

}

.func-figure > img {
    height: 35px;
    margin-top: 20px;
}

.func-title {
    display: block;
    color: #4A90E2;
    font-size: 16px;
    margin: 15px 0;
    padding: 0;
}

.func-detail {
    color: #000000;
    margin-left: 110px;
    line-height: 25px;
    height: 100px;
     display: block;
    margin-top: 25px;
    cursor: pointer;
}

.func-cont {
    color: #4A90E2;
    background: #fafafa;
}

.section-1 {
    width: 100%;
    height: 735px;
}

.common-box {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 20px 50px;
    border-bottom: 1px solid #D0E5F9;
}

.section-2 {
    margin-top: 45px;
}

.section-2 .common-box .title {
    padding: 25px 0 10px;
}

.section-2 .common-box .description {
    text-align: center;
}

.section-2 .common-box .common-wrapper {
    /*background: #fff;*/
    /*border: 1px solid #E7EAF1;*/
    margin-top: 30px;
    /*-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.05);*/
    /*box-shadow: 0 1px 3px 0 rgba(0,0,0,.05);*/
    /*-webkit-border-radius: 1px;*/
    /*-moz-border-radius: 1px;*/
    /*border-radius: 1px;*/
    /*padding: 20px 20px 40px;*/
    height: 639px;
}

.section-2 .common-box .common-wrapper .common-item {
    /*position: relative;*/
    float: left;
    left: 0;
    width: 33.3%;
    height: 120px;
    padding: 10px 40px;
    /*margin: 10px 0;*/
    border: 1px solid #e7e7e7;
    margin-left: -1px;
    margin-bottom: -1px;
    background: white;
}

.section-2 .common-box .common-wrapper .common-item .common-title {
    display: block;
    color: #0DB3A6;
    font-size: 16px;
    margin: 10px 0;
}

.section-2 .common-box .common-wrapper .common-item .common-detail {
    color: #5E6D82;
}

.section-25 {
    background: #edf5ff;
}

.section-3 {
    padding-bottom: 30px;
    background: white;
    margin-top: -1px;
    height: 564px;
}

.section-3 .description {
    text-align: center;
    margin-bottom: 25px;
}

.section-3 .secure-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.section-3 .secure-wrapper .secure-item {
    text-align: center;
    position: relative;
    float: left;
    left: 0;
    width: 47%;
    padding: 20px;
    background: #ffffff;
    margin: 15px;
    height: 140px;
}
.func-cont .section-3{
    background: #fafafa;
}
.section-3 .secure-wrapper .secure-item .secure-title {
    font-weight: initial;
    margin: 12px 0;
    margin-left: 162px;
    text-align: left;
    margin-top: 10px;
    font-size: 20px;
    color: #333333;
}
.secure-item .secure-figure{
    width: 150px;
    position: absolute;
    margin-top: 15px;
}
.section-3 .secure-wrapper .secure-item .secure-detail {
    color: #333333;
    margin-left: 162px;
    text-align: left;
    font-size: 14px;
}

.banner-comp {
    position: relative;
    height: 400px;
    margin-top: -20px;
}

.banner-comp .banner-bg {
    display: block;
    width: 100%;
    min-height: 150px;
}
.bottom-banner {
    position: relative;
    width: 100%;
    height: 400px;
    background: url(../images/banner_02.png) center center no-repeat;
    color: #fff;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.bottom-banner .banner-comp .content {
    color: #fff;
    text-align: center;
    max-width: 1000px;
    position: relative;
    padding-top: -20px;
}

.banner-comp .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70%;
    text-align: center;
}

.bottom-banner .banner-comp .content .title {
    text-align: center;
    padding: 0;
}

.banner-comp .content .title {
    font-size: 40px;

    margin-bottom: 20px;
}

.banner-comp .content .btn-group {
    margin: 0;
}

.bottom-banner .banner-comp .content .btn-group .btn {
    width: 200px;
    height: 60px;
    background: #4a90e2;
    color: white;
    line-height: 25px;
    padding: 17px 0;
    font-size: 20px;
    border-radius: 2px;
    transition: .5s;
}
.bottom-banner .banner-comp .content .btn-group :hover {
    color: #fff;
    background: rgba(74, 144, 226, 0.77) !important;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
    display: none;
}

.row_acticve {
    margin-right: -15px;
    margin-left: -15px;
    display: block;
}

article.post.clearfix {
    padding-bottom: 11px;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: #ffffff;
}

article.post.style2 {
    margin-top: 30px;
    border-bottom: none;
    padding-bottom: 0;
    box-shadow: 4px 4px 0px 0px #dbe9f9;
    border-radius: 5px;
}

/*article.post.style2:hover {*/
/*-webkit-transform: translateY(-10px);*/
/*-moz-transform: translateY(-10px);*/
/*-ms-transform: translateY(-10px);*/
/*-o-transform: translateY(-10px);*/
/*transform: translateY(-10px);*/
/*}*/
article.post.style2:hover {
    box-shadow: 4px 4px 0px 0px #4a90e2;
    -webkit-box-shadow: 4px 4px 0px 0px #4a90e2;
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
}

article.post.style2:hover .featured-post img {
    opacity: 0.5;
}

.post.style2 .featured-post {
    margin-bottom: 0px;
    background-color: #1688d3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.post.style2 .content-post {
    padding: 24px 29px 18px 29px;
    height: 240px;
}

.post.style2 .content-post h5.title-post {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 10px;
}

.post.style2 .content-post h5.title-post a {
    color: #3c3a42;
}

.post.style2 .content-post h5.title-post a:hover,
.post.style2 .content-post ul.meta-post li a:hover {
    color: #1688d3;
}

.post.style2 .content-post ul.meta-post {
    margin-bottom: 0px;
}

.post.style2 .content-post ul.meta-post li {
    color: #ababab;
    padding-left: 18px;
    padding-right: 7px;
    font-family: 'MyriadPro-Regular';
}

.post.style2 .content-post ul.meta-post li.day-time {
    padding-left: 16px;
    padding-right: 0;
}

.post.style2 .content-post ul.meta-post li::before {
    position: absolute;
    left: 0;
    top: -1px;
    font-family: 'FontAwesome';
    content: "\f0e5";
}

.post.style2 .content-post ul.meta-post li.day-time::before {
    content: "\f017";
}

.post.style2 .content-post ul.meta-post li::after {
    content: none;
}

.post.style2 .content-post ul.meta-post li a {
    color: #ababab;
}

.post.style2 .content-post.style2 {
    padding: 25px 25px 19px 33px;
}

.post.style2 .content-post.style3 {
    padding: 24px 29px 18px 28px;
}

/* Home-gird-Sidebar
-------------------------------------------------------------- */
.post.style2.smalls .content-post h5.title-post {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
}

.post.style2.smalls .content-post h5.title-post a {
    color: #182331;
}

.post.style2.smalls .content-post,
.post.style2.smalls .content-post.style2 {
    padding: 16px 14px 20px 19px;
}

.post.style2.smalls .content-post.style3 {
    padding: 16px 14px 20px 18px;
}

.post.style2.smalls .content-post ul.meta-post li {
    font-size: 14px;
}

.tl_a {
    background: #fafafa;
}
.helpfts .tl_a .title , .clsd .section-25 .title{
    color: #4A90E2;
}

.tl {
    font-size: 30px;
    text-align: center;
    padding: 50px;
}

.tl_t {
    font-size: 20px;

    text-align: center;
    margin-left: 100px;
}

.post.style2.column .content-post p {
    line-height: 24px;
    margin: 20px 0;
    color: #333333;
}
.content-post .p{
    color: #666666!important;
}
.content-post a {
    padding: 0;
}
.secondNavBar .content span{
    font-size: 16px;
}
.title-post a {
    padding: 0;
}

.section-2 .industry-slider {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 1px;
}
.clsd .section-25 .title {
    color: #4A90E2;
    padding: 30px 0 0px;
}
.section-2 .industry-content {
    position: relative;
    max-width: 1110px;
    margin: 30px auto;
    overflow: hidden;
    padding-bottom: 20px;
}

.section-2 .industry-content .industry-wrapper {
    /*width: 2590px;*/
    width: 2220px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    right: 0;
}

.section-2 .industry-content .industry-wrapper .industry {
    float: left;
    width: 350px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px 0 #e6e9ed;
    box-shadow: 0 3px 3px 0 #e6e9ed;
    padding-bottom: 20px;
    margin: 0 10px;
}

.section-2 .industry-content .industry-wrapper .industry img {
    width: 100%;
    height: 104px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.section-2 .industry-content .industry-wrapper .industry h2 {
    font-size: 20px;
    position: absolute;
    text-align: center;
    width: 350px;
    margin: -65px 0;
}

.section-2 .industry-content .industry-wrapper .industry ul {
    margin-left: 44px;
    display: inline-block;
    color: #666;
}

.section-2 .industry-content .industry-wrapper .industry ul li {
    list-style-type: disc;
    height: 26px;
    line-height: 26px;
}

.section-2 .industry-content .industry-wrapper .industry ul.industry-right {
    margin-left: 70px;
}

.section-2 .industry-content .industry-wrapper .industry ul {
    margin-left: 50px;
    display: inline-block;
    color: #666;
}

.section-2 .industry-content .industry-wrapper .industry ul li {
    height: 40px;
    line-height: 60px;
    list-style: none;
}

.section-2 .industry-slider .industry-btn-prev {
    left: 10px;
}

.scene .section-2 .industry-slider [class^=industry-btn-] i {
    font-size: 40px
}

.scene .section-2 .industry-slider .industry-btn-prev {
    left: 20px
}

.scene .section-2 .industry-slider .industry-btn-next {
    right: 10px
}

.scene .section-2 .industry-content {
    position: relative;
    max-width: 1110px;
    margin: 50px auto;
    overflow: hidden;
    padding-bottom: 20px
}

.iconfont {
    font-family: finex !important;
    font-size: 30px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.section-2 .industry-slider .industry-btn-next {
    right: 10px;
}

.section-2 .industry-slider [class^=industry-btn-] {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #979daa;
    position: absolute;
    width: 30px;
    height: 46px;
    background: rgba(230, 233, 237, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 2px;
    text-align: center;
    line-height: 0px;
    top: 50%;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
    cursor: pointer;
}

.section-2 .industry-slider [class^=industry-btn-] :hover {
    background: rgb(230, 233, 237);
    /*background: rgba(230, 233, 237, 0);*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.section-2 .industry-content .industry-wrapper .industry:hover {
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0, 0);
    box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.15);
}

.section-2 .industry-content .industry-wrapper .clearfix {
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: white;
}

.section-3 .left {

    float: right;
    width: 50%;
}

/*.section-3>div {*/
/*float: left;*/
/*}*/
.section-3 .left img {
    width: auto;
    height: 475px;
    margin-top: 25px;
    float: right;
}

.section-3 .right {
    float: right;
    width: 40%;
    margin: 50px 0 0 5%;
}

.section-3 .right h1 {
    font-size: 25px;
}

.section-3 .right p {
    font-size: 16px;
    line-height: 1.6;
    margin: 25px 0 40px;
    width: auto;
}

@media (max-width: 1500px) {
    .section-3 .right p {
        width: 72%;
    }
}

.section-3 .right div > a {
    display: block;
    font-size: 18px;
    color: #49a1f3;
    text-decoration: underline;
    margin: 10px 0;
}

.s1, .s2, .s3 {
    background: #F8FAFC;
    width: 33.33%;
    float: left;
}

.section-4 {
    padding-bottom: 30px;
    background: white;
    margin-top: -1px;
    height: 606px;
}

.footer-img {
    text-align: center;
    padding-top: 34px;
    width: 100%;
    height: 300px;
    background: url(../images/g1.jpg);
}

.footer-img .text {
    position: relative;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    padding: 10px 25px;
    border-radius: 5px;
    transition: .2s;
    background: rgba(73, 161, 243, 0.7);
    margin-top: 18px;
    width: 182px;

}

.footer-img_t :hover {
    color: #fff;
    background: #49a1f3;
}

.secondNavBar {
    width: 100%;
    height: 80px;
    line-height: 80px;
    background: #fafafa;
    font-size: 16px;
    text-align: center;
    border-bottom: 6px solid rgba(74, 144, 226, 0);

}

.secondNavBar .active {
    color: #4A90E2!important;
    border-bottom: 6px solid rgba(74, 144, 226, 0) !important;
}

.secondNavBar .link {
    color: #333333;
    margin-left: 36px;
    padding: 22px 23px;
    height: 32px;
    line-height: 65px;
    padding-top: 14px;
    border-bottom: 6px solid rgba(74, 144, 226, 0);
}

.link {
    color: #4A90E2;
    font-size: 15px;
}

.secondNavBar .link:hover {
    color: #4A90E2!important;
}

.bor_top {
    background: white;
}

/*.func-item:hover{*/
/*-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);*/
/*transform: translate3d(0,0px,0);*/
/*-webkit-transform: translate3d(0,0px,0);*/
/*box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.15);*/
/*}*/
.func-item:hover {
    -webkit-box-shadow:2px 3px 0px 0px rgba(74, 144, 226, 0.25);
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    box-shadow: 2px 3px 0px 0px rgba(74, 144, 226, 0.25);
}

.func-wrapper > div {
    padding-bottom: 11px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.dd_dv {
    font-size: 40px;
    color: white;
    position: relative;
    padding-top: 57px;

}

/*.common-item:hover{*/
/*-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);*/
/*transform: translate3d(0,0px,0);*/
/*-webkit-transform: translate3d(0,0px,0);*/
/*box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.15);*/
/*}*/
.common-item:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15);
}

.common-wrapper > div {
    padding-bottom: 11px;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

@media screen and (max-width: 870px) {
    .section-2 .industry-slider {
        max-width: 570px;
    }

    .section-2 .industry-content {
        max-width: 370px;
    }

    .section-3 {
        height: 900px;
    }

    .section-3 .left {
        width: 100%;
    }

    .section-3 .right {
        width: 80%;
        margin: 30px 10% 0;
    }
}

@media (max-width: 768px) {

    .secondNavBar {
        width: 100%;
        height: auto;
        line-height: 50px;
        font-size: 16px;
        text-align: center;
        margin-top: 20px;
    }

    .secondNavBar .link {
        display: inline-block;
        color: #666;
        margin-left: 0;
        padding: 0 23px;
        height: 46px;
        line-height: 38px;
        border-radius:0px;
    }

    .title {
        font-size: 18px;
        padding: 15px 10px 0px;
    }

    .section-3 .left img {
        width: 100%;
        height: auto;
        margin-top: 0;
        float: inherit;
    }

    .price-section-3 {
        height: 200px;
    }

    .title-large {
        padding-top: 30px;
        font-size: 18px;
    }

    .title-normal {
        font-size: 14px;
    }
}

@media screen and (max-width: 650px) {
    .section-2 .industry-slider {
        max-width: 500px;
    }

    .section-2 .industry-content {
        max-width: 300px;
    }

    .section-2 .industry-content .industry-wrapper {
        width: 1800px;
    }

    .section-2 .industry-content .industry-wrapper .industry {
        width: 300px;
        margin: 0;
    }

    .section-2 .industry-content .industry-wrapper .industry ul.industry-right {
        margin-left: 41px;
    }

    .section-3 {
        height: 700px;
    }
}

@media screen and (max-width: 649px) {
    .section-3 {
        height: 775px;
    }
}

@media (max-width: 372px) {
    .secondNavBar {
        width: 100%;
        height: 240px;
        line-height: 80px;
        background: #fff;
        font-size: 16px;
        text-align: center;
    }

}

/*完善的支持*/

.function-content {
    /* width: 100%; */
    min-width: auto;
    margin: 0 auto;
    position: relative;
}

.function-content .part2, .function-content .part3, .function-content .part5 {
    width: 100%;
    height: 650px;
    position: relative;
    overflow: hidden;
}

.function-content .part2 .common-inner, .function-content .part3 .common-inner, .function-content .part5 .common-inner {
    position: relative;
}

.common-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.function-content .part2 .common-inner .dsc-box, .function-content .part3 .common-inner .dsc-box, .function-content .part5 .common-inner .dsc-box {
    width: 1200px;
}

.fl {
    float: left;
}

/*淡入淡出*/
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0; /*初始状态 透明度为0*/
    }
    10% {
        opacity: 0.1; /*中间状态 透明度为0*/
    }
    20% {
        opacity: 0.2; /*中间状态 透明度为0*/
    }
    30% {
        opacity: 0.3; /*中间状态 透明度为0*/
    }
    40% {
        opacity: 0.4; /*中间状态 透明度为0*/
    }
    50% {
        opacity: 0.5; /*中间状态 透明度为0*/
    }
    60% {
        opacity: 0.6; /*中间状态 透明度为0*/
    }
    70% {
        opacity: 0.7; /*中间状态 透明度为0*/
    }
    80% {
        opacity: 0.8; /*中间状态 透明度为0*/
    }
    90% {
        opacity: 0.9; /*中间状态 透明度为0*/
    }
    100% {
        opacity: 1; /*结尾状态 透明度为1*/
    }
}

.function-content .part2 .common-inner .dsc-box .title, .function-content .part3 .common-inner .dsc-box .title, .function-content .part5 .common-inner .dsc-box .title {
    color: #4A90E2;
    font-size: 36px;
    margin-top: 40px;
    text-align: center;
}

.dsc-list2, .dsc-list1, .function-content .part2 .common-inner .dsc-box .dsc-list, .function-content .part3 .common-inner .dsc-box .dsc-list, .function-content .part5 .common-inner .dsc-box .dsc-list {
    color: #333333;
    font-size: 20px;
    margin-top: 100px;
    background-image: -moz-linear-gradient(top,#a3e3fd,#4a90e2);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#a3e3fd),to(#4a90e2));
    background-image: -webkit-linear-gradient(top,#a3e3fd,#4a90e2);
    background-image: -o-linear-gradient(top,#a3e3fd,#4a90e2);
    background-image: linear-gradient(to bottom,#a3e3fd,#4a90e2);
}

.dsc-list2 li.active, .dsc-list1 li.active, .function-content .part2 .common-inner .dsc-box .dsc-list li.active, .function-content .part3 .common-inner .dsc-box .dsc-list li.active, .function-content .part5 .common-inner .dsc-box .dsc-list li.active {
    color: #4A90E2;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

}

.dsc-list2 li, .dsc-list1 li, .function-content .part2 .common-inner .dsc-box .dsc-list li, .function-content .part3 .common-inner .dsc-box .dsc-list li, .function-content .part5 .common-inner .dsc-box .dsc-list li {
    cursor: default;

}
.function-content .part2 .common-inner .dsc-box .dsc-list li{
    background: #edf5ff;
}
.dsc-list1 li{
    background: #ffffff;
    margin-left: 5px;
}
.dsc-list2 li{
    background: #ffffff;

}
.function-content .part2 .common-inner .dsc-box .title{
    padding-left: 15px;
}

 .function-content .part3 .common-inner .dsc-box .title{
     padding-left: 15px;
}
.function-content .part5 .common-inner .dsc-box .title{
    padding-left: 15px;
}
.function-content .part2{
    background: #edf5ff;
}
.dsc-list2 li i, .dsc-list1 li i, .function-content .part2 .common-inner .dsc-box .dsc-list li i, .function-content .part3 .common-inner .dsc-box .dsc-list li i, .function-content .part5 .common-inner .dsc-box .dsc-list li i {
    display: inline-block;
    width: 12px;
    vertical-align: middle;
    height: 55px;
    margin-left: -15px;
    transition: .5s;
    background-position: 5px 17px;
    padding: 0px 15px;
}

.fl ul li {
    list-style-type: none;
    margin-left: 5px;
}
.dsc-list2{
    margin-top: 150px!important;
}
.dsc-list1{
    width: 35%;
    float: right;
    margin-top: 150px;
}
.function-content .part2 .common-inner .content-box, .function-content .part3 .common-inner .content-box, .function-content .part5 .common-inner .content-box {
    position: absolute;
    left: 35%;
    top: 63px;
    width: 70%;
}

.content-list2, .function-content .part2 .common-inner .content-box .content-list, .function-content .part2 .common-inner .content-box .content-list1, .function-content .part3 .common-inner .content-box .content-list, .function-content .part3 .common-inner .content-box .content-list1, .function-content .part5 .common-inner .content-box .content-list, .function-content .part5 .common-inner .content-box .content-list1 {
    width: 100%;
}

ul, ol, nav li {
    list-style-type: none;
}

.content-list2 li img, .function-content .part2 .common-inner .content-box .content-list li img, .function-content .part2 .common-inner .content-box .content-list1 li img, .function-content .part3 .common-inner .content-box .content-list li img, .function-content .part3 .common-inner .content-box .content-list1 li img, .function-content .part5 .common-inner .content-box .content-list li img, .function-content .part5 .common-inner .content-box .content-list1 li img {
    width: 100%;
    height: 460px;
    margin-top: 70px;
}

.dsc-box > p {
    padding: 0;
    text-align: -webkit-auto;
}

.content-list2 li.show, .function-content .part2 .common-inner .content-box .content-list li.show, .function-content .part2 .common-inner .content-box .content-list1 li.show, .function-content .part3 .common-inner .content-box .content-list li.show, .function-content .part3 .common-inner .content-box .content-list1 li.show, .function-content .part5 .common-inner .content-box .content-list li.show, .function-content .part5 .common-inner .content-box .content-list1 li.show {
    opacity: 1;
    -webkit-opacity: 1;
    display: block;
    -webkit-animation-name: fadeIn; /*动画名称*/
    -webkit-animation-duration: 1s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0s; /*延迟时间*/
}

.content-list2 li, .function-content .part2 .common-inner .content-box .content-list li, .function-content .part2 .common-inner .content-box .content-list1 li, .function-content .part3 .common-inner .content-box .content-list li, .function-content .part3 .common-inner .content-box .content-list1 li, .function-content .part5 .common-inner .content-box .content-list li, .function-content .part5 .common-inner .content-box .content-list1 li {
    width: 100%;
    opacity: 0;
    -webkit-opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    display: none;
}

.dsc-list2 li.active i, .dsc-list1 li.active i, .function-content .part2 .common-inner .dsc-box .dsc-list li.active i, .function-content .part3 .common-inner .dsc-box .dsc-list li.active i, .function-content .part5 .common-inner .dsc-box .dsc-list li.active i {
    background: url(../images/tag.png) 0 0 no-repeat;
    background-position: 5px 17px;
    background-size: 15px;
}
.fl ul {
    background-image: -moz-linear-gradient(top,#a3e3fd,#4a90e2);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#a3e3fd),to(#4a90e2));
    background-image: -webkit-linear-gradient(top,#a3e3fd,#4a90e2);
    background-image: -o-linear-gradient(top,#a3e3fd,#4a90e2);
    background-image: linear-gradient(to bottom,#a3e3fd,#4a90e2);
    /*background-repeat: repeat-x;*/
}
.function-content .part3 .common-inner .content-box {
    left: -50px;
    width: 66%;
}

.function-content .part3 .common-inner .dsc-box {
    margin-right: -10px;
}

.fr {
    float: right;
}

.part4 .title , .part6 .title ,.section-3 .title{
    text-align: center;
    padding: 40px 0 15px;
    margin: 0;
}
.common-inner .dsc-text{
    padding-bottom: 40px;
    margin: 0;
}
.part6 > div {
    text-align: center;
}
.part6{
    background: #EDF5FF;
}
.common-inner > img {
    width: 100%;
    margin-bottom: 40px;
    margin-left: -15px;
}
.part4{
    background: #EDF5FF;
}

/*手机版*/

@media screen and (max-width: 1067px) {
    .func-item {
        padding: 0;
    }
}

@media screen and (max-width: 1100px) {
    .common-inner > img {
        width: 50%;
    }

    .content-list2, .function-content .part2 .common-inner .content-box .content-list, .function-content .part2 .common-inner .content-box .content-list1, .function-content .part3 .common-inner .content-box .content-list, .function-content .part3 .common-inner .content-box .content-list1, .function-content .part5 .common-inner .content-box .content-list, .function-content .part5 .common-inner .content-box .content-list1 {
        width: 90%;
    }

    .function-content .part2 .common-inner .dsc-box .title, .function-content .part3 .common-inner .dsc-box .title, .function-content .part5 .common-inner .dsc-box .title {
        font-size: 28px;
    }

    .dsc-list2 li.active, .dsc-list1 li.active, .function-content .part2 .common-inner .dsc-box .dsc-list li.active, .function-content .part3 .common-inner .dsc-box .dsc-list li.active, .function-content .part5 .common-inner .dsc-box .dsc-list li.active {
        font-size: 21px;
    }

    .dsc-list2 li, .dsc-list1 li, .function-content .part2 .common-inner .dsc-box .dsc-list li, .function-content .part3 .common-inner .dsc-box .dsc-list li, .function-content .part5 .common-inner .dsc-box .dsc-list li {
        cursor: default;
        line-height: 52px;
        font-size: 16px;
    }
}

@media screen and (max-width: 900px) {
    .func .section-1 .func-wrapper .func-item {
        padding: 10px 20px 0;
    }
}

.jl {
    visibility: hidden;
}

@media (max-width: 768px) {
    .jl {
        visibility: visible;
        display: none;
    }

    .section-3 .right p {
        width: auto;
    }

    .kefu {
        display: none;
    }

    .banner-comp {
        height: auto;
    }

    .func-item:hover {
        -webkit-box-shadow: inherit;
        transform: inherit;
        -webkit-transform: inherit;
        box-shadow: inherit;
    }

    .func-wrapper > div {
        padding-bottom: 11px;
        border-bottom: aqua;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .func-figure {
        width: 100px;
        height: 100px;
        margin: 25px 15px;
    }

    .function-content .part2 .common-inner .dsc-box .title, .function-content .part3 .common-inner .dsc-box .title, .function-content .part5 .common-inner .dsc-box .title {
        font-size: 20px;
        padding: 0;
    }

    .dsc-list2 li.active, .dsc-list1 li.active, .function-content .part2 .common-inner .dsc-box .dsc-list li.active, .function-content .part3 .common-inner .dsc-box .dsc-list li.active, .function-content .part5 .common-inner .dsc-box .dsc-list li.active {
        font-size: 18px;
    }

    .price-section-2 ,.price-section-6 {
        height: 200px;
    }


    .bottom-banner, .bottom-banner .banner-comp .content {
        height: 200px;

    }

    .dsc-list2, .dsc-list1, .function-content .part2 .common-inner .dsc-box .dsc-list, .function-content .part3 .common-inner .dsc-box .dsc-list, .function-content .part5 .common-inner .dsc-box .dsc-list {
        font-size: 18px;
        display: none;
    }

    .bottom-banner .banner-comp .content {
        color: #fff;
        text-align: center;
        max-width: 1000px;
        position: absolute;
        padding-top: 84px;
    }

    .bottom-banner .banner-comp .content .btn-group .btn {
        width: 150px;
        margin: 0;
        padding: 0;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        border-radius: 2px;
        margin-top: 10px;
        cursor: pointer;
        display: inline-block;
        color: #fff;
        transition: .2s;
        background: rgba(73, 161, 243, 0.7);
    }

    .bottom-banner .banner-comp .content .title {
        text-align: inherit;
        padding: 0;

        margin-right: -100px;
        font-size: 18px;
        width: 100%;
    }

    .banner-comp .content .btn-group {
        margin: 0;
    }

    .dsc-box {
        margin-left: 14%;
    }

    .fr {
        float: left;
    }

    .part4 .common-inner > p {
        width: 100%;
        padding: 20px 0 0 0;
    }

    .common-inner > img {
        width: 100%;
        margin: 20px 0;
        padding: 0 15px;
    }

    .func-title {
        margin: 10px 0;
    }

    .func-item {
        width: 95%;
        height: 150px;
        text-align: center;
    }

    .func-detail {
        text-align: left;
        margin: 10% 5%;
    }

    .part6 > div {
        text-align: inherit;
    }

    .common-inner {
        width: auto;
        margin: 0 auto;

    }

    .common-inner > p {
        text-align: center;
        padding: 35px 0 15px;
        margin: 0;

    }

    .function-content {
        width: 100%;
        min-width: auto;
        margin: 0 auto;
        position: relative;
    }

    .function-content .part2, .function-content .part3, .function-content .part5 {
        width: 100%;
        height: 375px;
        position: relative;
        overflow: hidden;
    }

    .function-content .part2 .common-inner .dsc-box, .function-content .part3 .common-inner .dsc-box, .function-content .part5 .common-inner .dsc-box {
        width: 100%;
        padding-top: 3px;
    }

    .section-3 .secure-wrapper .secure-item .secure-detail {
        color: #333333;
        min-height: 55px;
        margin-left: 100px;
        margin-right: 10px;
    }

    .section-3 .secure-wrapper .secure-item {
        text-align: center;
        position: relative;
        float: left;
        left: 0;
        width: 94%;
        padding: 0;
        height: 150px;
    }

    .function-content .part2 {
        height: 375px;
    }
}

.f-cb > li {
    list-style-type: none;

}

.f-cb-a {
    display: none;
}

.f-cb-active {
    display: block;
}

.cnt_row {
    background: #fafafa;
    padding-bottom: 20px;
}

/*客服*/

/*reset css*/
* {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}

body { /*height:2000px;background:#555;*/
    font-family: 'microsoft yahei';
}

.izl-rmenu {
    margin-right: 0;
    width: 82px;
    position: fixed;
    right: 2px;
    top: 65%;
    /*-webkit-box-shadow: #DDD 0px 1px 5px;
    -moz-box-shadow: #DDD 0px 1px 5px;
    box-shadow: #DDD 0px 1px 5px;*/
    z-index: 999;
}

.izl-rmenu .consult {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -178px;
    display: block;
    height: 130px;
    width: 86px;
}

.izl-rmenu .consult .phone {
    background-color: rgb(247, 247, 255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 37px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
}

.izl-rmenu a.consult:hover .phone {
    display: inline !important;
}

.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 43px;
    padding-right: 26px;
    padding-bottom: 47px;
    padding-left: 62px;
}

.izl-rmenu a.cart:hover .pic {
    display: block;
}

.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

.izl-rmenu .btn_top:hover {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.izl-rmenu .cart .pic {
    display: none;
    position: absolute;
    left: -124px;
    top: 123px;
    width: 124px;
    height: 124px;
    background: url(../images/weixin.jpg);
}

#udesk-feedback-tab {
    background-position: center -100px;
    position: fixed;
    right: 0px;
    top: 65%;
    margin-top: -76px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    display: block;
    height: 90px;
    width: 84px;
    background-color: #FFF !important;
    z-index: 999;
}

/*关于*/

.l-submain {
    padding: 130px 40px;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.l-submain-h {
    max-width: 1140px;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.i-cf {
    zoom: 1;
}

.l-content {
    width: 70%;
    float: right;
}

.l-content-h {
    min-height: 1px;
    position: relative;
}

.at_left, .at_right {
    width: 25%;
}

.at_left {
    float: left;
    width: 25.5319%;
    margin-top: -41px;
}

.widget {
    margin-bottom: 45px;
}

.g-html table {
    margin-bottom: 21px;
    border-collapse: collapse;
    position: relative;
    border-bottom: 1px solid #efefef;
}

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

.w-nav-list {
    display: block;
    position: static;
    list-style: none;
    margin: 0;
}

.w-nav-item {
    padding: 0;
    margin: 0;
    display: block;
    font-size: 16px;
    line-height: 50px;
    position: relative;
    width: 33%;
    float: left;
    text-align: center;
}

.w-nav-anchor {
    padding-bottom: 15px;
    padding-top: 15px;

}

/*.w-nav.layout_ver .w-nav-list .w-nav-anchor{*/
/*color:#666 ;*/
/*}*/
.w-nav-item > a {
    color: #666;
}

.logo_1 {
    max-width: 798px;
    margin: 10px 0px -20px 0px;
}

.ton_div2 {
    margin: 25px 0px;
}

/*d*/
.zdd_contact-icon div {
    margin-bottom: 36px;
    height: 200px;
}

.zdd_icon-p {
    text-align: center;
    margin: 0px 0 0px 0;
}

.g-cols {
    zoom: 1;
    /*padding-top: 20px;*/
}

.g-cols > div:first-child, .g-cols > div.full-width {
    margin-left: 0;
}

.g-cols > .one-fourth {
    width: 22.0000%;
}

.zdd_icon-p div {
    margin-bottom: 34px;
    margin-top: 34px;
}

.g-cols > div {
    float: left;
    width: 100%;
}

.zdd_icon-1 {
    background-position: 0px 0px;
}

.zdd_icon {
    background: url(../images/contact_icon.png) no-repeat;
    height: 60px;
    width: 60px;
    display: inline-block;
}

.zdd_contact-p {
    font-size: 16px;
    line-height: 26px;
}

.zdd_icon-2 {
    background-position: -70px 0;
}

.zdd_icon-3 {
    background-position: -140px 0;
}

.g-cols > div:last-child {
    margin-bottom: 0 !important;
}

.g-cols > div {
    margin-left: 4.0000%;
}

.g-cols > div {
    float: left;
    width: 100%;
}

.zdd_icon-p div {
    margin-bottom: 34px;
    margin-top: 34px;
}

.zdd_icon-4 {
    background-position: -210px 0;
}

.zdd_contact-add {
    /*border: 1px solid #5FB336;*/
    text-align: center;
    padding: 0;
    width: 94%;
    margin: 0 auto;
    margin-bottom: 30px;
    /*height: 227px;*/
    margin-top: 200px;
}

.zdd_contact-p2 {
    text-align: center;
}

.zdd_add-h1 {
    margin-top: -28px;
    font-size: 30px;
    color: #828282;
    margin-bottom: 18px !important;
}

.zdd_add-p {
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

.pageNav > a {
    padding: 2px;
}

.list > ul > li > a, .list > ul > li > p > b > a {
    color: #666;
    padding: 0;
}

.one-half > img {
    width: 100%;
    margin-left: -50px;
    margin-bottom: 50px;
}

/*关于 手机端*/
@media (max-width: 768px) {
    .l-content, .at_left {
        width: 100%;
    }

    .w-nav-item {
        width: 33.33%;
        border-bottom: none;
    }

    /*.w-nav-list{*/
    /*text-align: center;*/
    /*text-align: -webkit-center;*/
    /*}*/
    .g-cols > .one-fourth {
        width: 50%;
        height: 70px;
    }

    .g-cols > div {
        margin-left: 0;
        width: 100%;
    }

    .zdd_contact-add {
        margin-top: 384px;
        height: 334px;
        border-top: none;
        border-left: none;
        border-right: none;
    }

    .zdd_contact-p2 {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .one-half > img {

        margin-left: 0;
        margin-bottom: 0;
    }

}

.nav_bts {
    width: 120px;
    height: 55px;
    outline: none;
    display: block;
    background-color: rgba(248, 248, 248, 0);
    border: none;
    color: #4a90e2;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 22px;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
}

.tec > ul {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    width: 120px;

}

.br {
    width: 110px;
    border-bottom: 1px solid #e7e7e7;
}

.menu-item {
    line-height: 35px;
    width: 110px;
}

.menu-item:hover {
    background-color: #e7e7e7;
}

.tec {
    position: fixed;
    width: 120px;
    height: 113px;
    margin-left: 22px;
    margin-top: -10px;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    background-color: white;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
}

.tec > ul > li > a, .tec > ul > li > a > span {
    width: 110px;
    display: block;
    padding: 0;
}

.dropdowns {
    height: 62px;
}

.tecs {
    opacity: 1;
    -webkit-opacity: 1;
    display: block;
    -webkit-animation-name: fadeIn; /*动画名称*/
    -webkit-animation-duration: 1s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0s; /*延迟时间*/

}

/*退出成功*/
@media (max-width: 768px) {
    .nav_bts {
        width: auto;
        height: 33px;
    }

    .mod-index__suite {
        margin-top: 12px;
    }

    .pageBox {
        padding: 6px 22px;
        height: 22px;
        line-height: 29px;
        margin-top: 27px;
        text-decoration: none;
        width: 100%;
        margin: 0 auto;
    }

    .page_l {
        text-align: center;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .page_r {
        text-align: center;
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

}

.secure-figure > img {
    width: 70px;
    height: 70px;
}

.hdft_active {
    color: rgba(123, 25, 146, 0.66);
}

.contents {

    margin: -150px 0 0 -150px;
    width: 300px;
    height: 450px;
    transform-style: preserve-3d;
    transform: rotateX(45deg) rotateZ(45deg);
}

.content_c {
    margin-left: 50%;
    padding-top: 300px;
    display: none;
}

.n1 {
    float: left;
    position: relative;
    width: 100px;
    height: 100px;
    transform-style: preserve-3d;
    animation: test 1s infinite;
    /*box-shadow: 200px 200px 25px rgba(0,0,0,0.2)*/
}

.a1,
.a2,
.a3 {
    position: absolute;
    width: 100px;
    height: 100px;
}

.a1 {
    background-color: #05afd1;
}

.a2 {
    background-color: #049dbc;
    transform: translate3d(50px, 0, -50px) rotateY(90deg);
}

.a3 {
    background-color: #048ca7;
    transform: translate3d(0px, 50px, -50px) rotateX(90deg);
}

.n1:nth-child(2) {
    animation-delay: 0.05s;
}

.n1:nth-child(3) {
    animation-delay: 0.1s;
}

.n1:nth-child(4) {
    animation-delay: 0.15s;
}

.n1:nth-child(5) {
    animation-delay: 0.2s;
}

.n1:nth-child(6) {
    animation-delay: 0.25s;
}

.n1:nth-child(7) {
    animation-delay: 0.3s;
}

.n1:nth-child(8) {
    animation-delay: 0.35s;
}

.n1:nth-child(9) {
    animation-delay: 0.4s;
}

@keyframes test {
    0% {
        transform: translateZ(0px);
    }
    50% {
        transform: translateZ(200px);
    }
    100% {
        transform: translateZ(0px);
    }

}

.footer-gwab {
    text-align: center;

}

.footer-gwab a {
    display: inline-block;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
    padding: 1px;
    color: #777;
}

.footer-gwab p {
    display: inline-block;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
    color: #777;
    padding: 1px;
}

.banquan {
    padding-top: 15px;
    text-align: center;
    color: #777;
}

.app-template-header > a {
    padding: 0;
}

.mod-3rd-app__wrap-left > img {
    border-radius: 35px;
    width: 150px;
    border: 2px dashed #4A90E2;
    padding: 15px;
}

/*底部手机样式*/
.now{
    width: 120px;
}
.banquan > a {
    font-size: 13px;
    padding: 0;
    margin: 0;
    color: #333;
}
.footrs_d > a > p > img {
    width: 110px;
}
@media (max-width: 768px) {
    .now{
        width: 100%;
    }
    .footer-gwab {
        text-align: center;
        margin-top: 70px;
    }
    .banquan > a ,.footer-gwab>p>a{
        font-size: 13px;
        width: 100%;
        float: left;
        padding-top: 5px;
        color: #333;
    }

    .footrs_d {
        margin-top: 30px;
    }

    .footrs_d > a > p > img {
        width: 70px;
    }
}

/*页面加载*/
.init_loading {
    position: fixed;
    left: 45%;
    top: 40%;
    font-size: 15px;
    z-index: 999999;
    width: auto;
}

.init_loading div {
    padding: 20px;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    margin: 0 auto;
    color: #FFF;
    border-radius: 6px;
    text-align: center;
    line-height: 30px;
}

.init_loading img {
    border-radius: 30px;
}

/*yun 导航栏 2017-11-3*/
.navbar-default .navbar-nav>li{
    margin-top: 5px;
}
.navbar-default .navbar-nav>li >a{
    color: #333333;
    width: auto;
    font-size: 16px;
    text-align: center;
    padding: 0 20px;
    line-height: 60px;
    transition: .4s;
    letter-spacing: 0.88px;
}
.navbar-default .navbar-nav>li >a:hover{
    color:#0265FF;
    background-color: #fff;
    border-radius:2px;
}

.navbar-default .navbar-nav > .active > a:focus{
    color:#0265FF;
    border-radius:2px;
}

.navbar-default .navbar-nav > .active > a:after{
    content: "";
    position: absolute;
    height: 2px;
    background: #0265FF;
    bottom: 0;
    left: 20px;
    width: calc(100% - 40px);
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color:#0265FF;
    background-color: #fff;
    border-radius:2px;
}
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
     -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
     box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.modal-title>img{
    width: 90%;
}
/*修改手机端和电脑端锚点问题*/
.appstar {
    position: absolute;
    top: 280px;
    z-index: 999;
}
@media (max-width: 768px) {
    .navbar-default  .navbar-nav>li >a{
        width: 100%;
        text-align: inherit;
    }
    .appstar {
        position: absolute;
        top: 900px;
        z-index: 999;
    }
    .init_loading {
        left: 0;
        position: fixed;
        top: 40%;
        font-size: 15px;
        z-index: 999999;
        width: 100%;
        padding-left: 25%;
        padding-right: 25%;
    }
}

/*2017-11-16*/


@media screen and (max-width: 768px) {
    .mod-index__search-type .mod-index__search-type_active{
        height: 44px;
        line-height: 30px;
        margin-top: 58px;
    }
}
@media screen and (max-width: 385px) {
    .mod-index__search-type li {
        padding: 0 5px;
    }
}
@media screen and (max-width: 335px) {
    .mod-index__search-type li {
        padding: 0 3px;
    }
}

/*横屏 2017-11-17*/
@media screen and (max-width: 768px) {
    @media screen and (orientation: landscape) {
        @media screen and (max-height: 440px) {
            .navbar-default .navbar-nav>li{
                float: left;
                padding-top: 1px;
                width: 50%;
            }
            .navbar-default .navbar-nav>li >a {
                color: #4a90e2;
                /*width: 94px;*/
                /*text-align: center;*/
                padding-top: 5px;
                padding-bottom: 5px;
                margin-left: 3px;
                width: 100%;
                text-align: left;

            }
        }
    }
}


/*去掉 layer.弹窗关闭按钮变出现的全屏图标 2017-11-17*/
.layui-layer-setwin a {
    color:#4a90e2;
    text-decoration: none;
    padding: 0 0;
}

.layui-layer-content{max-height:500px;}
body .layui-layer-page{max-width: 500px;max-height:500px;}
body .layui-layer-page .mod-index__suite-detail-wrap{max-width: 490px;}
body .layui-layer-page .mod-index__suite-detail-wrap > li
{display: inline-block;float: left;width: 490px;padding: 10px;
    border: 1px solid #D8DADD;margin: 0 0 20px;overflow: hidden;
    margin-right: 8px;padding-bottom: 11px;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

@media screen and (max-width: 768px) {
    body .layui-layer-content{max-height:95%;}
    body .layui-layer-page{ max-width: 98%;}
    body .layui-layer-page .mod-index__suite-detail-wrap{max-width: 98%;}
    body .layui-layer-page .mod-index__suite-detail-title {
        font-size: 15px;
        width: 210px;
        color: #232528;
        margin-top: 5px;
        line-height: 16px;
    }

    body .layui-layer-page .mod-index__suite-detail-wrap > li
    {
        display: inline-block;
        float: left;
        width: 100%;
        padding: 2px;
        border: 1px solid #D8DADD;
        margin: 0 0 20px;
        overflow: hidden;
        margin-right: 5px;
        padding-bottom: 1px;
        border-bottom: 1px solid #e5e5e5;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
}
@media screen and (max-width: 352px) {

    /*body .layui-layer-page  .mod-index__search-right-wrap .mod-index__search-input {
        padding-left: 10px;
        width: 196px;
        height: 30px;
        border: 1px solid #D8DADD;
        vertical-align: top;
        font-size: 14px;
    }

    body .layui-layer-page .mod-index__suite-detail-logo {
        width: 95px;
        height: 95px;
        margin-right: 10px;
        float: left;
        padding-left: 10px;
        padding-top: 10px;
        border-radius: 5px;
    }

    body .layui-layer-page .mod-index__suite-detail-wrap {
        width: 100%;
        zoom: 1;
        margin: 10px auto 0;
        list-style-type: none;
        padding-left: 8px;
        padding-right: 8px;
    }*/

    body .layui-layer-page  .mod-index__suite-detail {
        /* max-width: 215px; */
        width: 56%;
    }
}

/*详情手机端 2017-11-19*/
@media screen and (max-width: 360px) {
    .mod-3rd-app__tips-t {
        font-size: 12px;
        line-height: 14px;
    }
    .mod-3rd-app__wrap {

        padding-left: 2px;
        padding-right: 2px;

    }
    .mod-3rd-app__wrap-single {
        overflow: hidden;
        padding: 0 20px;
    }
    .ui-fl-r {

        margin-right: 0;
    }
}

@media screen and (max-width: 320px) {
    .ui-fl-r {
        margin-top: -1px;
        margin-right: 0;
    }
}


/*
#navbar{
    cursor: pointer;
}*/

/*按钮 2017-11-30*/


/*图标*/
 .bby_min{
            /*width: 718px;*/

            height: 140px;
            margin: 0 auto;
        }
        .bby_min ul li {
            float: left;
            height: 50px;
            width: 100%;
            padding-top: 10px;
            outline: none;
            list-style-type: none;
            margin-bottom: 5px;
        }
        .bby_min ul li > div {
            float: left;
            border: 1px solid #e7e7e7;
            border-radius: 5px;
            margin-left: -1px;
        }
        .bby_min ul li .bby_li{
            width: 79%;
            text-align: left;
            height: 50px;
        }
        .bby_min ul li .bby_li a{
            line-height: 50px;
            color: #707070;
            padding-left: 5px;
        }
        .bby_min ul li .bby_li_bt a{
  	  font-size: 14px;
   	         line-height: 48px;
            color: white;
            text-align: center;
            padding-left: 0;

        }
        .bby_cor:hover{
            background-color:rgba(0, 150, 136, 0.39);

        }
.bby_cor{
   background-color: #03d4c0;
}
        .bby_cors:hover{
            background-color:rgba(116, 149, 224, 0.65);

        }
.bby_cors{
   background-color: #7495e0;
}
        .bby_min ul li .bby_li_bt{
            transition: all ease-in 0.25s;
            width: 20%;
            cursor: pointer;
            height: 50px;
            text-align: center;
            font-size: 17px;
            margin-left: 8px;
        }
        .bby_min ul li .bby_li_bt img{
              float: left;
    margin-top: 8px;
    margin-left: 22px;

        }
        .bby_min ul li .bby_li img{
            float: left;
            margin-top: 10px;
            margin-left: 25px;
            width: 27px;
        }


@media screen and (max-width: 768px) {
    .bby_min {
        width: 98%;
        height: 140px;
        margin: 0 auto;
    }

.bby_min ul li .bby_li{
    width: 70%;
    padding-right: 10px;
}
.bby_min ul li .bby_li_bt{
 width: 28%;
}
.bby_min ul li .bby_li img{
    margin-left: 10px;
margin-right: 10px;
}
.bby_min ul li .bby_li a{
      line-height: 1;
    padding-left: 0;
    vertical-align: bottom;
    padding-right: 0;
font-size: small;
    letter-spacing: 1px;
}

.bby_min ul li .bby_li_bt img{
    margin-left: 10%;

}
.bby_min ul li .bby_li_bt a{
    padding-right: 10%;
}
}
@media screen and (max-width: 420px) {

.bby_min ul li .bby_li {
width: 64%;
    padding-right: 0;
}
.bby_min ul li .bby_li img {
margin-left: 5px;
}
.bby_min ul li .bby_li_bt img {
    margin-left: 8%;
}
.bby_min ul li .bby_li_bt {
    width: 33%;
}
}
@media screen and (max-width: 355px) {
.bby_min ul li .bby_li a {
letter-spacing: 0;
}
.bby_min ul li > div {
    border-radius: 5px;
}
.bby_min ul li .bby_li {
    width: 64%;
    padding-right: 0;
}
.bby_min ul li .bby_li img {
    margin-left: -1px;
}
.bby_min ul li .bby_li_bt img {
    margin-left: 2px;
}
.bby_min ul li .bby_li_bt a {
    padding-right: 2px;
}
}
 .addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0;}
            .addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
            .addWrap .swipe-wrap{overflow:hidden;position:relative;}
            .addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
            #position , #position1 ,   #position2{ position:absolute; bottom:0; right:0; padding-right:8px; margin:0; background:#000; opacity: 0.1; width:100%; filter: alpha(opacity=50);text-align:right;}
            #position li ,  #position1 li ,  #position2 li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
            #position li.cur , #position1 li.cur ,  #position2 li.cur{background-color:#FF0000;}
            .img-responsive { display: block; max-width:100%;height: auto;}
/*控制台*/
.sidebar-menu  .nav-btn{
    width: 90px;
    margin-top: -6px;
    position: absolute!important;
    padding: 6px 10px!important;
    background: #4a90e2!important;
    color: #fff !important;
    -webkit-border-radius: 2px!important;
    -moz-border-radius: 2px!important;
    border-radius:2px!important;
    margin-left: 15px!important;
    -webkit-transition: background 518ms!important;
    -moz-transition: background 518ms!important;
    -o-transition: background 518ms!important;
    transition: background 518ms!important;
    cursor: pointer!important;
    opacity: 1;
}
#kzt{
    width: 90px;
    height: 30px;
    line-height: 22px;
    padding: 0 16px;
    background: #0265FF;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    -webkit-transition: background 518ms!important;
    -moz-transition: background 518ms!important;
    -o-transition: background 518ms!important;
    transition: background 518ms!important;
    cursor: pointer!important;
    display: none;
}
.sidebar-menu  .nav-btn:hover{
    background: rgba(74, 144, 226, 0.77) !important;
}
@media screen and (max-width: 768px) {
    #kzt{
        margin-top: 0;
        padding: 4px 10px !important;
        margin-left: 15px!important;
        position: inherit!important;
        display: block;
    }
    .sidebar-menu  .nav-btn{
        opacity: 0;
    }
}
.navbar-btn {
    border: none;
    background-color: #4a90e2;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 21px;
    width: 100px;
    border-radius: 2px;
    transition: .5s;
}
.navbar-btn:hover {
    border: none;
    background-color: rgba(74, 144, 226, 0.77) !important;
}
.mod-index__weibu{
    background: url("../images/bby_weibu.png") center no-repeat;
    height:400px;
}
.mod-index_bby_title{
    text-align: center;
    font-size: 34px;
    color: #333333;
    padding-top: 105px;
}
.mod-index_bby_btn{
    margin-top: 80px;
    text-align: center;
}
.mod-index_bby_btn a{
    width: 200px;
    height: 60px;
    background: #4a90e2;
    color: white;
    line-height: 60px;
    padding: 17px 40px;
    font-size: 20px;
    border-radius: 2px;
    transition: .5s;
}
.mod-index_bby_btn a:hover{
    background:rgba(74, 144, 226, 0.77) !important;
}
.navbar-fixed-top{
    margin-bottom: 0;
    background: #FFFFFF;
    box-shadow: 0px 2px 14px 0px rgba(2, 101, 255, 0.1);
    border: none;
}
.container{
    margin-bottom: 0;
}
.secondNavBar .content{
    width: 1200px;
    margin: 0 auto;
}
.bby_scene_jianjie{
    margin: 30px 50px;
    line-height: 30px;
    font-size: 18px;
}

/*定价 2018-5-22/
 */
.price-section-1 .bottom {
    margin-top: 70px;
    text-align: center;
    font-size: 28px;
    position: relative;
}

.price-section-1 .bottom .text {
    padding-top: 80px;
    color: #F2F7FC;
    font-size: 20px;
    font-weight: lighter
}

.price-section-1 .bottom .btn {
    padding: 12px 40px;
    border: 1px solid #fff;
    font-size: 18px;
    -o-user-select: none;
    user-select: none;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.price-section-1 .bottom .btn:hover {
    background: #4a90e2;
    color: #fff;
    border: 1px solid #4a90e2
}

.price-section-1 .bottom .btn:nth-child(2) {
    margin-left: 20px;
    border: 1px solid #4a90e2;
    background: #4a90e2
}

.price-section-1 .bottom .btn:nth-child(2):hover {
    background: #4a90e2
}

.price-section-1 {
    height: 600px;
}

.price-section-main {
    padding-bottom: 80px
}

.price-section-main .title {
    padding: 50px;
    text-align: center;
    font-size: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #4A90E2;
}

.price-section-main .body {
    width: 200%;
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media screen and (min-width: 1080px) {
    .price-section-main .body {
        display: none
    }
}

.price-section-main .body.active-right {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media screen and (max-width: 1080px) {
    .price-section-main .title {
        padding: 30px 0
    }

    .price-section-main .body {
        width: 100%;
        padding: 0 12px;
        display: block
    }

    .price-section-main .body.active-right {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.price-section-main .body .body-wrapper {
    display: inline-block;
    width: 50%;
    height: 100%;
    position: relative
}

@media screen and (max-width: 1080px) {
    .price-section-main .body .body-wrapper {
        width: 100%
    }

    .price-section-main .body .body-wrapper:first-child .wrapper-item:nth-child(4), .price-section-main .body .body-wrapper:last-child .wrapper-item:nth-child(1) {
        display: none
    }
}

.price-section-main .body .body-wrapper .price-wrapper-item {
    position: relative;
    background: #fff;
    width: 23%;
    height: 1040px;
    vertical-align: top;
    margin: 0 1%;
    padding: 20px;
    display: inline-block;
    border: 1px solid #ccd1d9;
    -webkit-transition: height 218ms;
    -moz-transition: height 218ms;
    -o-transition: height 218ms;
    transition: height 218ms
}

@media screen and (max-width: 1080px) {
    .price-section-main .body .body-wrapper .price-wrapper-item {
        width: 100%;
        margin: 12px auto;
        height: 260px;
        overflow: hidden;
        border: none;
        -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 0, #fff 35%, #fff 100%, transparent 100%, transparent);
        -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 0, #fff 35%, #fff 100%, transparent 100%, transparent)
    }

    .price-section-main .body .body-wrapper .price-wrapper-item.spread {
        height: 100%;
        -webkit-mask-box-image: none
    }

    .price-section-main .body .body-wrapper .price-wrapper-item.spread .footer-arrow-wrapper {
        display: none
    }
}

.price-section-main .body .body-wrapper .price-wrapper-item.green {
    border-top: 5px solid #4a90e2
}

.price-section-main .body .body-wrapper .price-wrapper-item.blue {
    border-top: 5px solid #1bc6ff
}

.price-section-main .body .body-wrapper .price-wrapper-item.yellow {
    border-top: 5px solid #f6bb42
}

.price-section-main .body .body-wrapper .price-wrapper-item.green-lighter {
    border-top: 5px solid #0eb33e
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-header {
    text-align: center;
    border-bottom: 1px solid #ccd1d9
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-header .version-name {
    padding: 20px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 1080px) {
    .price-section-main .body .body-wrapper .price-wrapper-item .item-header .version-name {
        display: inline-block;
        text-align: left;
        width: 40%;
        padding-left: 0;
        padding-right: 0;
        vertical-align: top
    }
}

@media screen and (max-width: 560px) {
    .price-section-main .body .body-wrapper .price-wrapper-item .item-header .version-name {
        font-size: 18px
    }
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-header .version-price {
    padding: 10px;
    font-size: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 1280px) {
    .price-section-main .body .body-wrapper .price-wrapper-item .item-header .version-price {
        font-size: 28px
    }
}

@media screen and (max-width: 560px) {
    .price-section-main .body .body-wrapper .price-wrapper-item .item-header .version-price {
        font-size: 18px;
        padding: 20px 0
    }
}

@media screen and (max-width: 1080px) {
    .price-section-main .body .body-wrapper .price-wrapper-item .item-header .version-price {
        display: inline-block;
        text-align: right;
        width: 60%;
        vertical-align: top;
        padding-right: 0;
        padding-left: 0
    }
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section {
    padding: 10px 0;
    border-bottom: 1px solid #ccd1d9
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section.for-mobile {
    display: none
}

@media screen and (max-width: 1080px) {
    .price-section-main .body .body-wrapper .price-wrapper-item .item-section.for-mobile {
        display: block
    }
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 12px 0;
    font-size: 14px
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-left {
    width: 50%;
    display: inline-block;
    color: #ccd1d9;
    text-overflow: ellipsis;
    white-space: nowrap
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-left.large {
    width: 85%;
    white-space: normal
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-left .tooltip-wrapper {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    top: 3px
}

@media screen and (max-width: 1080px) {
    .price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-left .tooltip-wrapper {
        display: none
    }
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-left .tooltip-wrapper:hover .msg-content {
    display: block
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-left .tooltip-wrapper .tooltip-icon {
    display: inline-block
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-left .tooltip-wrapper .msg-content {
    display: none;
    position: absolute;
    font-size: 12px;
    color: #000;
    line-height: 19px;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    top: -220%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border: 1px solid #4a90e2;
    background: #fff;
    width: 220px
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-left .tooltip-wrapper .msg-content.large {
    top: -320%;
    width: 230px;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-left .tooltip-wrapper .msg-content.large.left {
    -webkit-transform: translate(-34%, 0);
    -moz-transform: translate(-34%, 0);
    -ms-transform: translate(-34%, 0);
    -o-transform: translate(-34%, 0);
    transform: translate(-34%, 0)
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-left .tooltip-wrapper .msg-content.large.left .arrow-down, .price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-left .tooltip-wrapper .msg-content.large.left .arrow-down-border {
    -webkit-transform: translate(-250%, 0);
    -moz-transform: translate(-250%, 0);
    -ms-transform: translate(-250%, 0);
    -o-transform: translate(-250%, 0);
    transform: translate(-250%, 0)
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-left .tooltip-wrapper .msg-content.top {
    top: -400%
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-left .tooltip-wrapper .msg-content .arrow-down {
    display: block;
    border-width: 10px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-style: solid dashed dashed;
    border-color: #4a90e2 transparent transparent;
    font-size: 0;
    line-height: 0
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-left .tooltip-wrapper .msg-content .arrow-down-border {
    display: block;
    border-width: 10px;
    position: absolute;
    bottom: -19px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-style: solid dashed dashed;
    border-color: #FFF transparent transparent;
    font-size: 0;
    line-height: 0
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-left.active {
    color: #474b51
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-right {
    width: 50%;
    display: inline-block;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-right.small {
    width: 15%
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-right .item-tip {
    color: #91A1B7;
    font-size: 12px
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-right-icon {
    display: none
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-section .section-row .row-right-icon.active {
    display: inline-block;
    float: right
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-footer {
    padding: 30px 0 20px;
    text-align: center
}

.price-section-main .body .body-wrapper .price-wrapper-item .item-footer .footer-msg-mobile {
    padding: 14px 0;
    text-align: left;
    color: #ccd1d9;
    display: none
}

@media screen and (max-width: 1080px) {
    .price-section-main .body .body-wrapper .price-wrapper-item .item-footer .footer-msg-mobile {
        display: block
    }
}

.price-section-main .body .body-wrapper .price-wrapper-item .footer-arrow-wrapper {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: none
}

.price-section-main .body .body-wrapper .price-wrapper-item .footer-arrow-wrapper > img {
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.price-section-main .body .body-wrapper .price-wrapper-item .footer-arrow-wrapper > img:first-child {
    top: 8px
}

.price-section-main .package-main {
    max-width: 1200px;
    margin: 0 auto;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
}

@media screen and (max-width: 1080px) {
    .price-section-main .body .body-wrapper .price-wrapper-item .footer-arrow-wrapper {
        display: block
    }

    .price-section-main .package-main {
        display: none
    }
}

.price-section-main .package-main .fixed {
    position: fixed;
    z-index: 1;
    top: 60px
}

.price-section-main .package-main .main-header {
    border-style: solid;
    border-color: #e0e0e0;
    border-width: 0 0 1px 1px;
    border-collapse: collapse;
    width: 100%;
    height: 100%
}

.price-section-main .package-main .main-header .header-item {
    width: 14%;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    padding: 0
}

.price-section-main .package-main .main-header .header-item.style-grey {
    border-top-color: #DBE9F9;
   background: #DBE9F9;
}

.price-section-main .package-main .main-header .header-item.free {
    border-top-color: #BBD8F9;
    background: #BBD8F9;
}

.price-section-main .package-main .main-header .header-item.lite {
    border-top-color: #DBE9F9;
    background: #DBE9F9;
}

.price-section-main .package-main .main-header .header-item.std {
    border-top-color: #BBD8F9;
    background: #BBD8F9;
}

.price-section-main .package-main .main-header .header-item.custom {
    border-top-color: #DBE9F9;
    background: #DBE9F9;
}

.price-section-main .package-main .main-header .header-item.dingzhi {
    background: #ffffff;
    border: 1px solid #4A90E2;
}
.price-section-main .package-main .main-header .header-item .wrapper {
    position: relative;
    padding: 10px 0;
    -webkit-transition: padding;
    -moz-transition: padding;
    -o-transition: padding;
    transition: padding;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.price-section-main .package-main .main-header .header-item .item-arrow {
    position: absolute;
    top: 10px;
    right: 0;
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #4a90e2;
    color: #fff
}

.price-section-main .package-main .main-header .header-item .item-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: -14px;
    bottom: 0;
    border-width: 14px;
    border-style: solid;
    border-color: #4a90e2 transparent
}

.price-section-main .package-main .main-header .header-item .item-title {
    font-size: 20px;
}

.price-section-main .package-main .main-header .header-item .item-sub-title {
    font-size: 18px;
    color: #394C6A
}
.price-section-main .package-main .main-header .header-item .item-button > p{
    color: red;
}
.price-section-main .package-main .main-header .header-item .item-info {
    font-size: 24px;
    color: #ED5B59;
    margin: 5px 0;
    -webkit-transition: margin;
    -moz-transition: margin;
    -o-transition: margin;
    transition: margin;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.price-section-main .package-main .main-header .header-item .item-button {
    text-align: center
}

.price-section-main .package-main .main-header .header-item .item-button > a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 36px;
    background: #4a90e2;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out
}

.price-section-main .package-main .main-header .header-item .item-button > a:hover {
    background: rgba(74, 144, 226, 0.79)
}

.price-section-main .package-main .main-header .header-item .item-custom-phone {
    font-size: 14px;
    margin: 10px 8px;
}

.price-section-main .package-main .main-header .header-item .item-desc {
    padding: 0 20px;
    text-align: left;
    font-size: 12px
}

.price-section-main .package-main .main-header .header-item .item-desc > a {
    color: #4a90e2;
    text-decoration: underline
}

.price-section-main .package-main .main-header .header-item .special-tip {
    position: absolute;
    top: 160px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: silver;
    font-size: 12px
}

.price-section-main .package-main .main-header .header-item .item-btn {
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #4a90e2;
    color: #4a90e2;
    -webkit-transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms;
    cursor: pointer
}

.price-section-main .package-main .main-header .header-item .item-btn:hover {
    background: #4a90e2;
    color: #fff
}

.price-section-main .package-main .main-header .header-item .item-btn.disable {
    cursor: not-allowed;
    color: #8A8A8A;
    border: 1px solid #4A90E2;
    background: #F4F4F4
}

.price-section-main .package-main .main-title {
    font-size: 20px;
    text-align: center;
    border-style: solid;
    border-color: #4A90E2;
    border-width: 0 1px;
    padding: 20px 0;
    color: #ffffff;
    background: #4A90E2;
}
.body-msg{
    color: #d6d6d6;
    float: left;
    text-align: center;
    width: 100%;
}
.body-jiage{
    float: left;
    text-align: center;
    width: 100%;
}
.bottom-banner .banner-comp .content .title1{
    text-align: center;
    font-weight: lighter;
    margin-top: 30px;
}
.body-btn{
    margin-top: 40px!important;
}
.body-btn .body-a{
    margin: 0 20px!important;
}
.body-b{
    background: rgba(74, 144, 226, 0.42)!important;
}
td{
    text-align: center;
}
.price-section-main .package-main .main-body {
    border-style: solid;
    border-color: #4A90E2;
    border-width: 1px 0 0 1px;
    border-collapse: collapse;
    width: 100%;
    height: 100%
}

.price-section-main .package-main .main-body .body-item {
    width: 14%;
    vertical-align: middle;
    border-style: solid;
    border-color: #4A90E2;
    border-width: 0 1px 1px 0;
    border-collapse: collapse;
    background: #fff;
    padding: 20px;
    font-size: 14px;
    color: #666
}

.price-section-main .package-main .main-body .body-item.center {
    text-align: center
}

.price-section-main .package-main .main-body .body-item.padding-none {
    padding: 20px 0
}

.price-section-main .package-main .main-body .body-item .wrapper-icon {
    font-size: 16px
}

.price-section-main .package-main .main-body .body-item .wrapper-icon.color-blue {
    color: #38ACFF
}

.price-section-main .package-main .main-body .body-item .wrapper-icon.color-red {
    color: red
}

.price-section-main .package-main .main-body .body-item .wrapper-icon.color-purple {
    color: #807AAB
}

.price-section-main .package-main .main-body .body-item .wrapper-icon.color-grey {
    color: #a4a4a4
}

.price-section-main .package-main .main-body .body-item .wrapper-icon.color-gold {
    color: #fa9d10
}

.price-section-main .package-main .main-body .body-item .wrapper-icon.size-large {
    font-size: 36px
}

.price-section-main .package-main .main-body .body-item .item-name {
    font-size: 16px;
    margin: 20px
}

.price-section-main .package-main .main-body .body-item .item-info {
    font-size: 12px;
    color: #8C8C8C
}

.price-section-main .package-main .main-body .body-item .item-text .item-tip {
    margin-left: 5px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    background: #4a90e2;
    border-radius: 50%
}

.price-section-main .package-main .main-body .body-item .item-text .item-tip:hover .msg-content {
    display: block
}

.price-section-main .package-main .main-body .body-item .item-text .item-tip > i {
    color: #FFF;
    font-size: 14px
}

.price-section-main .package-main .main-body .body-item .item-text .item-tip .msg-content {
    display: none;
    position: absolute;
    font-size: 12px;
    line-height: 19px;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 2;
    top: -420%;
    left: 96px;
    text-align: left;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border: 1px solid #4a90e2;
    background: #fff;
    width: 280px
}

.price-section-main .package-main .main-body .body-item .item-text .item-tip .msg-content.small {
    width: 220px;
    top: -320%;
    left: 66px
}

.price-section-main .package-main .main-body .body-item .item-text .item-tip .msg-content.large {
    top: -540%
}

.price-section-main .package-main .main-body .body-item .item-text .item-tip .msg-content.normal {
    top: -320%
}

.price-section-main .package-main .main-body .body-item .item-text .item-tip .msg-content.tiny {
    top: -320%;
    left: 16px;
    width: 120px
}

.price-section-main .package-main .main-body .body-item .item-text .item-tip .msg-content.huge {
    top: -770%
}

.price-section-main .package-main .main-body .body-item .item-text .item-tip .msg-content .arrow-down {
    display: block;
    border-width: 10px;
    position: absolute;
    bottom: -20px;
    left: 50px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-style: solid dashed dashed;
    border-color: #4a90e2 transparent transparent;
    font-size: 0;
    line-height: 0
}

.price-section-main .package-main .main-body .body-item .item-text .item-tip .msg-content .arrow-down-border {
    display: block;
    border-width: 10px;
    position: absolute;
    bottom: -18px;
    left: 50px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-style: solid dashed dashed;
    border-color: #FFF transparent transparent;
    font-size: 0;
    line-height: 0
}

.price-section-main .package-main .main-body .body-item .item-tip {
    color: #91A1B7;
    font-size: 12px
}

.price-section-main .package-footer .footer-title {
    font-size: 25px;
    color: #1F2D3D;
    text-align: center;
    margin: 45px 0 20px
}

.price-section-main .package-footer .footer-sub-title {
    font-size: 16px;
    color: #1F2D3D;
    margin-bottom: 30px;
    text-align: center
}

.price-section-main .package-footer .footer-btn {
    margin: 0 auto;
    display: block;
    background: #4a90e2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    width: 225px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    font-size: 18px
}

.price-section-main .package-footer .footer-btn:hover {
    background: #0a8d83
}

@media screen and (max-width: 1080px) {
    .price-section-main .package-footer .footer-title {
        font-size: 20px
    }

    .price-section-main .package-footer .footer-sub-title {
        font-size: 14px
    }

    .price-section-main .package-footer .footer-btn {
        width: 180px;
        height: 35px;
        line-height: 35px;
        font-size: 14px
    }
}

.price-section-2 {
    margin-top: inherit;
    color: black;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 50px 0
}

.price-section-2 .title-large {
    padding: 20px;
    text-align: center;
    font-size: 30px
}

.price-section-2 .title-normal {
    text-align: center;
    font-size: 20px;
    color: #2d3941
}

.price-section-2 .wrapper {
    padding: 20px 0;
    max-width: 1280px;
    margin: 0 auto
}

.price-section-2 .wrapper .wrapper-item {
    height: 160px;
    margin-top: 20px;
    width: 19%;
    display: inline-block;
    text-align: center;
    vertical-align: top
}

@media screen and (max-width: 1080px) {
    .price-section-2 .title-normal {
        font-size:18px;
        color: #969696
    }

    .price-section-2 .wrapper .wrapper-item {
        width: 24%
    }
}

@media screen and (max-width: 560px) {
    .price-section-2 .wrapper .wrapper-item {
        width:49%
    }
}

@media screen and (max-width: 1080px) {
    .price-section-2 .wrapper .wrapper-item:first-child,.price-section-2 .wrapper .wrapper-item:nth-child(6) {
        height:60px;
        position: relative;
        width: 100%;
        margin-top: 0
    }

    .price-section-2 .wrapper .wrapper-item:first-child .title,.price-section-2 .wrapper .wrapper-item:nth-child(6) .title {
        margin-top: 0;
        width: 100%;
        color: #6b6b6b
    }

    .price-section-2 .wrapper .wrapper-item:first-child .title h1,.price-section-2 .wrapper .wrapper-item:nth-child(6) .title h1 {
        display: none
    }

    .price-section-2 .wrapper .wrapper-item:first-child .icon-arrow,.price-section-2 .wrapper .wrapper-item:nth-child(6) .icon-arrow {
        position: absolute;
        top: -35px;
        left: 0;
        display: inline-block;
        width: 100%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}


.price-section-2 .wrapper .wrapper-item:nth-child(7) .image {
    width: 95px;
    height: 65px
}

.price-section-2 .wrapper .wrapper-item:nth-child(7) .text {
    margin-top: 0
}

.price-section-2 .wrapper .wrapper-item .title {
    display: inline-block;
    width: 95%;
    margin-top: 40px;
    vertical-align: top;
    text-align: center;
    padding:0;
    font-weight: 100!important;
    color: black;
}
.price-section-2 .wrapper .wrapper-item .title>h1{
    font-size: 30px;
}
.price-section-2 .wrapper .wrapper-item .title>h2 {
    font-size: 20px;
    font-weight: 400
}

.price-section-2 .wrapper .wrapper-item .icon-arrow {
    display: inline-block;
    width: 5%;
    position: absolute;
}

.price-section-2 .wrapper .wrapper-item .image {
    height: 45px;
    margin-top: 30px
}

.price-section-2 .wrapper .wrapper-item .text {
    font-size: 20px;
    text-align: center;
    padding: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 20px
}

@media screen and (max-width: 1080px) {
    .price-section-2 .wrapper .wrapper-item .text {
        font-size:18px;
        padding: 0
    }
}
.mod-coror_wap .bottom-banner{
    background: url("../images/banner-222.png") center no-repeat;
    height: 180px;
}
.mod-coror_wap .banner-comp{
    margin-top: -30px;
    height: 170px;
}
.mod-coror_wap .bby_scene_jianjie{
    margin: 30px 50px;
    line-height: 35px;
    font-size: 26px;
}
.mod-3rd-app__wrap-title>span{
    padding: 0 100px;
}
.mod-3rd-app__wrap-title>span:nth-child(2){
    color: #333333;
}
.price-section-6 .tt .btn{
    background: no-repeat;
    border: 1px solid #ffffff;
}
.price-section-6 .tt .btn:hover{
    border: 1px solid rgba(74, 144, 226, 0.77);
}
.price-section-88{
    margin-top: 60px;
    position: relative;
    width: 100%;
    height: 300px;
    background: url(../images/guanyu.png) center center no-repeat;
    color: #fff;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}
.guanyu_title{
    width: 1200px;
    margin: 0 auto;
    height: 50px;
}
.guanyu_content{
    width: 1200px;
    margin:  0 auto;
    padding: 20px 0;
}
.guanyu_min{
    background:#edf5ff ;
}
.guanyu_t{
    color: #4A90E2;
    border-left: 2px solid;
    font-size: 18px;
    padding-left: 10px;
}
.about_h1{
    font-size: 24px;
    padding-top: 20px;
}
.guanyu_content p{
    margin-top: 10px;
    color: #333333;
    font-family: 微软雅黑;
    list-style-type: none;
    line-height: 30px;
}
.guanyu_hezuo{
    font-size: 18px;
    padding-top: 30px;
}
.guanyu_xian{
    width: 1200px;
    background-image: -moz-linear-gradient(left,#A3E3FD,#4A90E2);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#A3E3FD),to(#4A90E2));
    background-image: -webkit-linear-gradient(left,#A3E3FD,#4A90E2);
    background-image: -o-linear-gradient(right,#A3E3FD,#4A90E2);
    background-image: linear-gradient(to right,#A3E3FD,#4A90E2);
    height: 2px;
    margin: 0 auto;
}
.guanyu_yp{
    background: url("../images/guanyu_yp.png")center no-repeat;
    height: 200px;
}
.guanyu_zhiwei{
    color: #4A90E2;
    font-size: 16px;
    padding: 30px 0px;
}
.guanyu_bg{
    background: url("../images/sz-img.png") center no-repeat;
    height: 400px;
}
.bby_scene_xian{
    width: 1200px;
    margin: 0 auto;
    height: 4px;
    background-image: -moz-linear-gradient(left,#A3E3FD,#4A90E2);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#A3E3FD),to(#4A90E2));
    background-image: -webkit-linear-gradient(left,#A3E3FD,#4A90E2);
    background-image: -o-linear-gradient(right,#A3E3FD,#4A90E2);
    background-image: linear-gradient(to right,#A3E3FD,#4A90E2);
    margin-top: -14px;
}
.clsd .banner-comp .title{
color: #4A90E2;
}
.clsd .banner-comp .bby_scene_jianjie{
    color: #333333;
}
.clsd .bottom-banner .dd{
    background: none!important;
}
.price-section-666{
    background: url(../images/banner_666.png) center no-repeat;
    height: 400px;
    margin-top: 60px;
    position: relative;
}
.price-section-666 .title-large{
    color: #ffffff;
}
.price-section-666 .tt .btn {
    background: no-repeat;
    border: 1px solid #ffffff;
}
.price-section-666 .tt .btn:hover {
    border: 1px solid rgba(74, 144, 226, 0.77);
}
.sec_hzqy{
    height: 600px;
    background: #ffffff;
    width: 100%;
}
.sec_hi{
    height: 520px;
}
.sec_content{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.sec_title{
    font-size: 24px;
    line-height: 100px;
    height: 100px;
    color: #4A90E2;
}
.sec_hezuo{
    height: 400px;
}
.sec_hezuo li{
    width: 340px;
    height: 340px;
    float: left;
    margin: 25px 30px;
}
.sec_content .tu1{
    /*border-radius: 50%;*/
    background: url("../images/img_aliyun.png")center no-repeat;
}
.sec_content .tu2{
    /*border-radius: 50%;*/
    background: url("../images/img_hezuoqiye.png")center no-repeat;
}
.sec_content .tu3{
    border-radius: 50%;
    background: url("../images/img_qiyeweixin.png")center no-repeat;
}
.sec_line{
    margin-bottom: 40px;
}
.sce_foo .bottom-banner{
    background: url("../images/banner_sec.png")center no-repeat;
}
.sec_ul{
    height: 350px;
}
.sec_ul li{
    width: 260px;
    float: left;
    height: 150px;
    background: white;
    margin: 20px;
}

.sec_pinzhi{
   height: 600px;
}
.pinzhigao{
    height: 700px;
}
.bby_guanggao{
    height: 130px;
    position: relative;
    display: block;
    width: 100%;
    margin: 0px auto;
    background: url("../images/banner_guanggao.png") center no-repeat;
    overflow: hidden;
}
.bby_guangao_content{
    width: 1200px;
    margin: auto;
    height: 130px;
}
.bby_guangao_content div{
    width: 33.333%;
    float: left;
    text-align: center;
}
.bby_tile_guanggao{
    font-size: 20px;
    line-height: 40px;
    margin-top: 25px;
    color: #ffffff;
}
.bby_pinpai{
    background: url("../images/youxuanpinpai_logo.png")center no-repeat;
    height: 130px;
}
.bby_saoma{
    background: url("../images/banner_erweima.png")center no-repeat;
    height: 130px;
}
.bby_close{
    background: url(../images/dianjiguanbi.png)center no-repeat;
    height: 50px;
    width: 50px;
    position: absolute;
    width: 100%;
    margin-top: -95px;
    text-align: right;
    margin-left: 45%;
    cursor: pointer;
}
.sec_mod_duan{
    height: 870px;
}
.sec_img_top {
    margin-top: 17px;
    width: 240px;
}
.mod-3rd-div{
}
.mod-bby-type{
    text-align: right;
    background: #4A90E2;
    float: right;
    height: 100%;
    width: 100px;
    margin-top: -40px;
    margin-right: 15px;
    border-radius: 2px;
}
.mod-bby-jp-type{
    background: url(../images/img_yingyongjingpin.png)center no-repeat;
    width: 25px;
    height: 25px;
    float: left;
    margin: 5px;
    background-size: 20px;
    margin-right: 0;
}
.mod-bby-mb-type{
    background: url(../images/img_mobanshili.png)center no-repeat;
    width: 25px;
    height: 25px;
    float: left;
    margin: 5px;
    background-size: 20px;
    margin-right: 0;
}
.mod-font{
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
}
.price-bby-mod{
    background: url("../images/img_yun.png")center no-repeat;
    height: 115px;
    width: 165px;
    background-size: 100%;
    float: left;
}
.price-bby-delis .package-main{
    width: 1020px;
    margin: auto;
    color: #ffffff
}
.price-bby-you{
    font-size: 18px;
    text-align: center;
    padding-top: 40px;
}
.price-bby-content{
    width: 100%;
}
.price-bby-pin{
    font-size: 18px;
    text-align: center;
}
.price-bby-jian{
    background: url(../images/img_jiantou.png)center no-repeat;
    width: 150px;
    height: 50px;
    float: left;
    padding-top: 120px;
    margin-left: 15px;
}
.price-bby-delis .package-main{
    height: 150px;
}
.price-bby-jie{
    float: left;
    width: 690px;
}
.price-bby-lg{
    height: 56px;
    width: 100%;
    margin-top: 15px;
    line-height: 56px;
    font-size: 20px;
    text-align: center;
    color: #4A90E2;
}
.bby-lg-zdy{
    background: url("../images/img_zidingyiwangzhanmingcheng.png")center no-repeat;
}
.bby-lg-weixin{
    background: url("../images/img_duijieweixingongzhonghao.png")center no-repeat;
}
.bby-lg-fwq{
    background: url("../images/img_dulifuwuqi.png")center no-repeat;
}
.bby-lg-logo{
    background: url("../images/img_zhuanshulogo.png")center no-repeat;
}
.price-bby-ft{
    color: #333333;
    margin-top:10px;
    text-align: center;
    padding: 0 15px;
    transition: .5s;
}
.price-bby-lo li{
    width: 25%;
    float: left;
    cursor: pointer;
}
.price-bby-min-cont .price-li-cont{
    width: 100%;
    float: left;
    margin-bottom: 50px;
}
.price-yuan{
    background: #4A90E2;
    border-radius: 50%;
    margin: 0 58px;
    color: #ffffff;
}
.price-bby-lo li:hover .price-bby-ft{
    color: #4A90E2;
}
.price-bby-lo .price-bby-with{
    width: 33%;
}
.price-bby-xingneng{

}
.price-bby-tou{
    background: url(../images/img_dbsjsx.png) center no-repeat;
    height: 165px;
    width: 60px;
    margin-left: 55px;
    margin-top: 121px;
}
.price-bby-tou1{
    background: url("../images/img_fjdx.png") center no-repeat;
    height: 250px;
    width: 60px;
    margin-left: 55px;
    margin-top: 38px;
}
.price-bby-tou2{
    background: url(../images/img_bdsjsx.png) center no-repeat;
    height: 195px;
    width: 60px;
    margin-left: 55px;
    margin-top: 94px;
}
.price-bby-tou3{
    background: url(../images/img_jhb.png) center no-repeat;
    height: 105px;
    width: 60px;
    margin-left: 55px;
    margin-top: 182px;
}
.price-bby-tou4{
    border-radius: 25px;
    background: url(../images/img_hdfwbfs.png) center no-repeat;
    height: 197px;
    width: 60px;
    margin-left: 55px;
    margin-top: 93px;
}
.price-bby-tou5{
    border-radius: 25px;
    background: url("../images/img_sjyh.png") center no-repeat;
    height: 290px;
    width: 60px;
    margin-left: 55px;
}
.bby-cont0{
    width: 1020px;
    margin: 0 auto;
}
.price-bby-xingneng li{
    height: 250px;
    width: 16.666%;
    float: left;
    text-align: center;
}
.price-bby-xingneng span{
    font-size: 16px;
}
.bby_ditu{
    background: url(../images/baibaoyunditu.png)center no-repeat;
    background-size: 1500px;
    height: 670px;
}
.price-bby-deling{
    background: #ffffff;
    height: 800px;
}
.xiaoyun{
    position: fixed;
    right: 0px;
    top: 65%;
    margin-top: -176px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    height: 100px;
    width: 84px;
    background-color: #FFF !important;
    z-index: 999;
    display: none;
}
.bby_op{
    opacity: 0;
}
@media screen and (max-width: 768px) {
    .bby_op{
        opacity: 0;
        display: none!important;
    }
    .bby_guanggao .bby_guangao_content{
        width:100%;
    }
    .bby_guanggao .bby_guangao_content .bby_pinpai ,.bby_guanggao .bby_guangao_content .bby_saoma{
        width:25%;
        background-size: 55px;
    }
    .bby_guanggao .bby_close{
        margin-top: -135px;
        margin-left: 45%;
        background-size: 30px;
    }
    .bby_guanggao .bby_guangao_content .bby_tile_guanggao{
        width: 50%;
        font-size: 14px;
        line-height: 20px;
        margin-top: 36px;
    }
    .price-bby-delis .sec_line, .price-bby-delist .sec_line{
        height: 0!important;
        line-height: 15px!important;
        font-size: 16px!important;
    }
    .price-bby-mod{
        width: 24%;
        background-size: 100%;
        margin-top: 65px;
        margin-left: 1%;
    }
    .price-bby-jian{
        width: 20%;
        background-size: 40px;
        margin-left: 0px;
        margin-top: 65px;
    }
    .price-bby-delis .package-main {
        width: 100%;
    }
    .price-bby-jie{
        width: 55%;
    }
    .price-bby-lo li{
        width: 50%;
        height: 125px;
    }
    .price-bby-lo .price-bby-with {
        width: 100%;
    }
    .price-bby-min-cont .price-li-cont{
        margin-bottom: 10px;
    }
    .price-mod-hr{
        margin-top: 150px;
    }

    .price-yuan {
        margin: 0px auto;
        width: 56px;
    }
    .price-bby-you ,.price-bby-pin{
        font-size: 14px;
    }
    .price-bby-delis , .price-bby-delist{

    }
    .bby-cont0{
        width: 100%;
    }
    .bby-cont0 .sec_line{
        line-height: 81px!important;
    }
    .str_xj_ul li div:nth-child(1) {
        font-size: 15px!important;
        line-height: 25px!important;
        height: auto!important;
        margin-top: 0px!important;
    }
    .price-bby-xingneng li{
        width: 33.33%;
        margin-top:100px;
    }
    .price-bby-deling{
        height: 400px;
    }
    .price-bby-tou, .price-bby-tou1, .price-bby-tou2, .price-bby-tou3, .price-bby-tou4, .price-bby-tou5{
        width: auto;
        margin-left: 0;
    }
    .str_xj_ul li div:nth-child(2), .str_xj_ul li div:nth-child(3){
        height: auto!important;
        font-size: 14px!important;
        line-height: 17px!important;
    }
    .str_csl{
        height: 610px!important;
    }
    .str_xj_ul .t {
        width: 50%!important;
        height: 150px!important;
    }
    .str_xj_ul li{
        width: 50%!important;
        height: 150px!important;
        padding: 45px 10px!important;
        text-align: center!important;
    }
    .bby_chang_lan ,.bby_chang_hui{
        line-height: 65px!important;
        font-size: 14px!important;
    }
    .bby_ditu {
        background-size: 560px;
        height: 280px;
    }
    .mod-bby-type{
        margin-top: -5px;
    }
    .app-template-header .header-item{
        height: 200px;
    }
    .app-template-header .header-item .header-item-icon.block, .app-template-header .header-item .header-item-icon.template, .app-template-header .header-item .header-item-icon.service{
        width: 75px;
        height: 75px;
        margin: 30px auto 0;

    }
    .app-template-header .header-item .header-item-title{
        height: 37px;
        font-size: 20px;
        padding-top: 5px;
        margin-top: 0px;
    }
    .mod-index__search-right-wrap .mod-index__search-button{
        background-position: -2px -4px;
        height: 30px;
    }
    #func, #scene, #db1{
        height: auto;
    }
    .js_suite_item {
        position: inherit;
        height: auto;
        margin-top: 34px;
        padding: 10px 0px;
    }
    .mod-index__weibu {
        height: 200px;
        position: relative;
        display: inline-table;
        width: 100%;
    }
    .mod-index__footer{
        padding: 40px 0;
        background: #fafafa;
        margin: 0;
    }
    .mod-index_bby_title{
        font-size: 22px;
        padding-top: 50px;
    }
    .mod-index_bby_btn a {
        line-height: 0;
        padding: 10px 10px;
        font-size: 16px;

    }
    .mod-index_bby_btn {
        margin-top: 50px;
    }
    .navbar-right .navbar-btn{
        width: 91%;
    }
    .price-section-21{
        height: 200px;

    }
    .tt .btn {
        width: 150px;
        height: 40px;
        padding:0;
        line-height: 40px;
        font-size: 14px;
        margin-top: 20px;
    }
    .func-figure > img {
        height: 35px;
        margin-top: 15px;
    }
    .function-content .part2 .common-inner .content-box, .function-content .part3 .common-inner .content-box, .function-content .part5 .common-inner .content-box {
        width: 100%;
        left: 0;
        top: 0;
        padding: 10px;
        position: relative;
    }
    .part6 .title , .section-3 .title{
        text-align: center;
        padding: 20px 10px 0px;
        margin: 0;
    }
    .part6 .dsc-text{
        margin: 0;
        padding: 15px 0 0 0;
    }
    .section-3 .description {
        margin: 15px 0;
    }
    .section-3 .secure-wrapper .secure-item .secure-title {
        margin-left: 100px;
        font-size: 16px;
        margin-top: 8%;
    }
    .secure-item .secure-figure {
        width: 100px;
        margin-top: 40px;
    }
    .secondNavBar .content{
        width: 100%;
        border-bottom: none;
    }
    .bby_scene_xian{
        display: none;
    }

    .secondNavBar .active {
        border-bottom: 2px solid #4A90E2!important;
    }
    .secondNavBar .content span {
        font-size: 14px;
    }
    .section-2 .industry-slider [class^=industry-btn-]{
        width: 23px;
    }
    .industry-btn-prev i{
        margin-left: -8px;
    }
    .section-2 .industry-content .industry-wrapper .industry h2{
        width: 300px;
    }
    .cnt_row , .cnt_row .container{
        margin-bottom: 0;
        padding-bottom:0;
    }
    .cnt_row .title-post{
        font-size: 20px;
    }
    .clsd .banner-comp{
        height: 200px;
    }
    .clsd .bottom-banner .banner-comp .content {
      width: 100%!important;
        padding: 0;
    }
    .bby_scene_jianjie , .mod-coror_wap .bby_scene_jianjie {
        width: 94%;
        font-size: 14px;
        line-height: 25px;
        margin: 0 10px;
    }
    article.post.style2{
        box-shadow: 0 0 0 0 #dbe9f9;
    }
    .mod-3rd-app__wrap-left > img {
        width: 100px;
        margin-bottom: 20px;
    }
    .mod-3rd-app__wrap-right {
        margin-left: 10px;
    }
    .mod-3rd-app_title{
        font-size: 18px;
    }
    .mod-3rd-app__wrap-left {
        margin-top: 10px;
    }
    .mod-3rd-app__wrap-single{
        width: 100%;
        padding: 0 15px;
    }
    .mod-3rd-app__wrap-title>span {
        padding: 0 20px;
    }
    .body-details{
        width: 100%;
    }
    .mod-3rd-app__wrap-title {
        margin: 30px 0 0;
        padding-left: 0;
        font-size: 16px;
        line-height: 45px;
    }
    .body-min .body-details{
        padding: 0 15px;
    }
    .mod-3rd-app__tips-t{
        font-size: 14px;
    }
    .price-section-666{
        height: 200px;
    }
    .sec_content{
        width: 100%;
        display: table;
    }
    .sec_hezuo li{
        background-size: 80px!important;
        width: 33%;
        margin: 0;
        height: 85px;
    }
    .sec_hezuo{
        height: 100px;
    }
    .sec_hi {
        height: 220px;
    }
    .sec_title{
        font-size: 20px;
        line-height: 70px;
        height: 70px;
    }
    .sec_mod_duan{
        height: auto;
    }
    .sec_ul li{
        width: 46.8%;
        height: 70px;
        margin: 5px;
    }
    .sec_img_top{
        margin-top: 18px;
        width: 70px;
    }
    .sec_changjia_img{
     height: 550px;
    }
    .layui-carousel>div>div>img{
        height: 200px;
    }
    .pinzhigao {
        height: 350px;
    }
    .price-section-88{
        height: 200px;
        background: url(../images/guanyu.png)  no-repeat;
    }
    .guanyu_title {
        width: 100%;
    }
    .w-nav-anchor{
        width: 100%;
        text-align: center;
        padding: 15px 0px;
    }
    .guanyu_content , .guanyu_xian{
        width: 94%;
    }
    .guanyu_yp {
        background-size: 100%;
        height: 100px;
    }
    .guanyu_content p{
        line-height:24px
    }
    .zdd_add-h1 , .about_h1{
        font-size: 20px;
    }
}


.mode_huadong{
    background: url("../images/huadong.png") no-repeat center;
}