/*初始统一默认样式*/
* {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: Arial,'Microsoft YaHei','宋体';
    list-style: none;
    border: none;
    color: #333;
    text-decoration: none;
}

.header {
    height: 80px;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
}

.header .header-top {
    height: 26px;
    text-align: right;
    margin: 5px 0;
    transition: height 0.5s;
}

.header .header-top dl dd {
    display: inline-block;
    margin: 0;
    margin-right: 10px;
    height: 26px;
    vertical-align: middle;
    margin-left: 5px;
}

.header .header-top dl dd.icon-left {
    padding-left: 20px;
}

.header .header-top dl dd.icon-right {
    padding-right: 20px;
}

.header .header-warp {
    clear: both;
}

.header .header-warp .logo {
    float: left;
    width: 20%;
    height: 100%;
}

.header .header-warp .logo a {
    vertical-align: middle;
    display: block;
    background: url(../images/logo.png) no-repeat left center;
    background-size: auto 40px;
    height: 78px;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
}

.header .header-warp .main-nav {
    float: right;
    width: 70%;
}

.header .header-warp .main-nav .main-menu {
    text-align: left;
    margin: 0;
}

.header .header-warp .main-nav .main-menu > li {
    display: inline-block;
    width: 13%;
    margin: 0 0px;
}

.header .header-warp .main-nav .main-menu > li:last-child {
    margin-right: 0px;
}

.header .header-warp .main-nav .main-menu > li:first-child {
    width: 7%;
}

.header .header-warp .main-nav .main-menu > li > a {
    font-family: 'Microsoft YaHei';
    font-size: 16px;
    color: #323232;
    display: block;
    line-height: 44px;
    height: 44px;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    transition: height 0.5s;
    -webkit-transition: height 0.5s, color 0.3s;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.header .header-warp .main-nav .main-menu > li > a:hover {
    color: #0068b7;
}

.header .global {
}

.header .global a {
    text-decoration: none;
    color: #0068b7;
}

.fixedTop {
    background-color: #fff;
    position: fixed;
    top: 0;
    height: 50px;
    z-index: 100;
    width: 100%;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
}

.fixedTop .header-top {
    height: 0;
    overflow: hidden;
    margin: 0;
}

.fixedTop .header-warp .logo {
    float: left;
    width: 20%;
    height: 100%;
    transition: line-height 0.5s;
    -webkit-transition: line-height 0.5s;
}

.fixedTop .header-warp .logo a {
    height: 50px;
}

.fixedTop .header-warp .main-nav .main-menu > li > a {
    line-height: 50px;
    height: 50px;
}

.sub-nav {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    position: absolute;
    z-index: 300;
    display: none;
}

.sub-nav .sub-warp {
    background-color: #FFF;
    padding: 10px 15px 0 15px;
    border-top: solid 2px #008bca;
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.5);
}

/* 视频监控下拉菜单 */
.sub-nav .sub-warp .surveillance {
}

.sub-nav .Conference {
    width: auto;
    margin-left: -100px;
}

.sub-nav .Conference .row > div, .sub-nav .solution .row > div {
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.sub-nav .solution {
    width: auto;
    margin-left: -240px;
}

.sub-nav .other {
    width: 146px;
    text-align: left;
    padding-left: 40px;
}

/* sub-navigation panel open state */
.sub-nav.open {
    display: block;
}

.main-menu .sub-nav .sub-warp h5 {
    text-align: left;
    font-weight: bold;
    color: #666;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.main-menu .sub-nav dl dd {
    line-height: 26px;
    text-align: left;
    color: #333;
}

.main-menu .sub-nav h5 a {
    font-family: 'Microsoft YaHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体;
    color: #666;
    text-decoration: none;
    font-size: 13px;
    white-space: nowrap;
}

.main-menu .sub-nav dl dd a {
    font-family: 'Microsoft YaHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    display: block;
}

.main-menu .sub-nav dl dd a {
    font-size: 13px;
    white-space: nowrap;
    color: #5F5F5F;
}

.main-menu .sub-nav .sub-warp dl dd {
    text-align: left;
}

.main-menu .sub-nav dl dd a:hover {
    /*padding-left: 10px;*/
    color: #0068b7;
    background-color: #eee;
    border-radius: 2px;
}

.header-top .dropdown .dropIcon {
    display: block;
    height: 26px;
    width: 26px;
    /*
            border-radius:50px;
            background-color: #EEE;
*/
}

.header-top .open {
}

.header-top .dropdown-menu {
    border: none;
}

.header-top .hotline li a {
    font-family: 'Microsoft YaHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体;
    padding: 3px 0;
    font-size: 12px;
    color: #999;
}

.header-top .hotline li:first-child {
    font-size: 12px;
    color: #999;
}

.header-top .code {
    width: 120px;
    height: 120px;
}

/* sub-menu */
/*.sub-menu-warp
{
    display: none;
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    left: 0;
    z-index: 999;
    text-align: left;
    box-shadow: 0px 3px 5px rgba(22, 22, 22, 0.67);
    padding: 10px;
}

    .sub-menu-warp .menuItem
    {
        display: none;
    }

    .sub-menu-warp h5
    {
        font-size: 12px;
        font-weight: bold;
    }

    .sub-menu-warp dd
    {
        line-height: 30px;
    }*/
.footer {
    padding: 10px 15px;
    text-align: center;
    border-top: solid 1px #ddd;
    line-height: 20px;
}

.inbnr img {
    width: 100%;
}

.slider li {
    height: 500px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.menu-icon, .mobile-search {
    display: none;
    position: relative;
    width: 20px;
    height: 20px;
    float: left;
}

.mobile-search-wrap {
    height: 56px;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    width: 100%;
    padding: 0 15px;
    overflow: hidden;
    -webkit-transition: height ease-out 0.5s;
    transition: height ease-out 0.5s;
}

.mobile-search-wrap-hide {
    height: 0;
}

.mobile-search-wrap input[type="search"] {
    margin-top: 15px;
    padding: 2px 35px 2px 10px;
    width: 100%;
    height: 26px;
    line-height: 26px;
    border: 1px solid #DDD;
    border-radius: 3px;
    outline: none;
}

.mobile-search-wrap input[type="submit"] {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 36px;
    height: 26px;
    outline: none;
    background: url(../images/ico.png) no-repeat 5px 5px;
}

.menu-icon:hover {
}

.menu-icon::before, .menu-icon::after {
    content: '';
}

.menu-icon::before, .menu-icon::after, .menu-icon i {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #FFF;
    border-radius: 10px;
}

.menu-icon::before {
    top: 0;
}

.menu-icon::after {
    bottom: 0;
}

.menu-icon i {
    top: 50%;
    margin-top: -1px;
}

.bottom-nav .col-md-s h4 .link-icon, .bottom-nav .col-md-l h4 .link-icon, .bottom-nav .col-md-s dd .link-icon {
    display: none;
}

.solution .col-sm-2 {
    width: 20%;
    padding-right: 30px;
    padding-left: 30px;
}

.home .news .timestamps1,.p-d .mobile-title,.header .mobile-menu {
    display: none;
}

@media (max-width: 767px) {
    .slider li, .subSlider li {
        height: 200px !important;
    }

    .header-warp {
        position: relative;
    }

    .header {
        background-color: #0068b7;
    }

    .header .header-warp .main-nav .main-menu, .navRow, .snsRow {
        display : none;
    }

    .bx-wrapper {
        /*padding-top:10px !important;*/
    }

    .site-local {
        height: 0;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .header {
        height: 50px;
    }

    .header .header-warp .logo a {
        height: 50px;
        background: url(../images/logo_white.png) no-repeat center center;
        background-size: 50%;
    }

    .header .header-top {
        display: none;
    }

    .header .container {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .header .menu-icon, .header .mobile-search {
        display: block;
        margin-top: 15px;
    }

    .header .mobile-search {
        float: right;
        position: relative;
    }

    .header .mobile-search:before {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        border: 2px solid #FFF;
        border-radius: 50px;
    }

    .header .mobile-search:after {
        content: '';
        position: absolute;
        top: 16px;
        left: 14px;
        width: 8px;
        height: 1px;
        border: 1px solid #FFF;
        border-radius: 5px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .header .mobile-menu {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 99999;
        width: 100%;
        height: 320px;
        overflow: hidden;
        -webkit-transition: height ease-out 0.5s;
        transition: height ease-out 0.5s;
    }

    .header .mobile-menu dl {
        margin-bottom: 0;
        padding-right: 0;
    }

    .header .mobile-menu.mobile-menu-hide {
        height: 0;
    }

    .header .mobile-menu dl dd {
        padding: 0 25px;
        line-height: 40px;
        background-color: rgba(0,0,0,0.5);
        background-repeat: no-repeat;
        background-position: 95% center;
        background-size: 14px 14px;
        background-image: url(../images/arrow_white_right.png);
    }

    .header .mobile-menu dl dd a {
        display: block;
        width: 100%;
        height: 100%;
        color: white;
        font-size: 14px;
    }

    .header .header-warp .main-nav {
        width: 50%;
    }

    .header .header-warp .logo {
        width: 50%;
        position: absolute;
        left: 50%;
        margin-left: -25%;
    }

    .header .header-top dl dd:nth-child(1),.header .header-top dl dd:nth-child(2),.header .header-top dl dd:nth-child(3) {
        display: none;
    }

    .tab-detail .pro-pane .table-title table {
        table-layout: fixed;
        width: 100% !important;
    }

    .tab-detail .pro-pane table tr td:first-child {
        width: 30% !important;
    }

    .tab-detail .pro-pane table tr td:last-child {
        width: 70% !important;
    }

    .tab-detail .pro-pane p img {
        width: 100% !important;
        height: auto !important;
    }

    .tab-detail .pro-pane .thumbnail {
        margin-bottom: 10px;
    }

    a:active, a:visited {
        text-decoration: none;
    }

    .bottom-nav {
        margin: 0px auto !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .bottom-nav .col-md-s {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: 1px solid #EEE;
    }

    .bottom-nav .col-md-s:last-child {
        border-bottom: none;
    }

    .bottom-nav .col-md-s h4 {
        margin: 0;
    }

    .bottom-nav .col-md-s .bottom-nav-item {
        overflow: hidden;
        height: 0;
        margin-bottom: 0;
        -webkit-transition: height 0.3s;
        transition: height 0.3s;
    }

    .bottom-nav .col-md-s .bottom-nav-item dl {
        margin-bottom: 0;
    }

    .bottom-nav .col-md-s h4 a {
        display: block;
        padding: 15px 0;
    }

    .bottom-nav .row .col-md-s > div {
        display: block !important;
    }

    .bottom-nav .row, .bottom-nav .row .col-md-s > div {
        margin: 0 !important;
    }

    .bottom-nav .col-md-s h4 .arrow {
        display: block;
        margin-top: 15px;
        float: right;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-position: right center;
        background-image: url(../images/arrow.png);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .bottom-nav .col-md-s h4 span.arrow-open {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .bottom-nav .col-md-s dd {
        line-height: 30px;
        padding-left: 15px;
    }

    .bottom-nav .col-md-s dd a {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 14px;
        background-repeat: no-repeat;
        background-position: right -112px;
        background-image: url(../images/ico.png);
    }

    .iconLinks .item {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .iconLinks .item h2 {
        margin-top: 10px;
    }

    .hy-solution-bottom .col-sm-3 {
        width: 50%;
        float: left;
    }

    .zd-solution-row h5 {
        margin-top: 5px !important;
        margin-bottom: 10px !important;
    }

    .solution figure a {
        display: inline-block;
    }

    .solution figure img {
        padding: 0 !important;
        border: none !important;
    }

    .solution figure figcaption {
        margin-top: 0 !important;
    }

    .solution > h4 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .home .news .row .col-sm-4 {
        padding-top: 10px !important;
        margin-top: 10px;
    }

    .home .news .row .col-sm-4:first-child {
        padding-top: 0 !important;
    }

    .home .news .row .col-sm-3 {
        padding-top: 10px !important;
        margin-top: 10px;
    }

    .home .news .row .col-sm-3:first-child {
        padding-top: 0 !important;
    }

    .home .news .row .col-sm-4,.home .news .row .col-sm-3 {
        padding: 0px !important;
    }

    .home .bg-wrap {
        background-size: auto 100%;
    }

    .home .news .thumb {
        width: 35%;
        float: left;
        min-height: 60px;
    }

    .home .news .news-info {
        width: 65%;
        float: left;
        padding-left: 10px;
        height: 100%;
        position: absolute;
        margin-left: 35%;
    }

    .home .news .summary, .home .news .timestamps {
        display: none;
    }

    .home .news .timestamps1 {
        display: block;
        height: auto !important;
        line-height: normal !important;
        position: absolute;
        bottom: 0;
    }

    .home .news h4 {
        margin-bottom: 0;
        margin-top: 0 !important;
        position: absolute;
        top: 0;
        /* bottom: 20px; */
        overflow: hidden;
    }

    .transition-wrap {
        width: 50% !important;
        top: 30% !important;
        left: 15px !important;
    }

    .transition-wrap .top-link {
        display: none !important;
    }

    .article .img-container, div.jqcloud, div.jqcloud1 {
        display: none;
    }

    .jop-classify .row, .jop-classify .col-sm-4 {
        margin: 0 !important;
    }

    .link-container .col-sm-3,.link-container .col-sm-4, .about .iconLinks .col-sm-3, .service .iconLinks .col-sm-3 {
        width: 50%;
        float: left;
        position: relative;
        border-right: 1px solid #DDD !important;
    }

    .link-container .col-sm-3:nth-of-type(1),.link-container .col-sm-4:nth-of-type(1), .about .iconLinks .col-sm-3:nth-of-type(1), .service .iconLinks .col-sm-3:nth-of-type(1), .link-container .col-sm-3:nth-of-type(2),.link-container .col-sm-4:nth-of-type(2), .about .iconLinks .col-sm-3:nth-of-type(2), .service .iconLinks .col-sm-3:nth-of-type(2) {
        border-bottom: 1px solid #DDD;
    }

    /*
    .partner .link-container .row{
        padding-top: 20px;
    }
*/
    .about .videos {
        margin-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .about .videos .item {
        margin-top: 10px;
    }

    .about .btn-links .col-sm-4 {
        width: 33.3333333%;
    }

    .about .btn-links .btn-lg {
        padding: 5px 10px !important;
        font-size: 14px !important;
        background-clip: padding-box;
    }

    .about .iconLinks {
        margin: 0 !important;
        padding: 0 !important;
    }

    .about .iconLinks:last-child {
        border-bottom: none !important;
    }

    /*qu dao gong gao*/
    .baseLine .col-sm-10, .baseLine .col-sm-2 {
        width: 50% !important;
        float: left !important;
        padding-right: 20px !important;
    }

    .service .iconLinks {
        padding: 0 !important;
    }

    .service .iconLinks .col-sm-4 {
        width: 50%;
        float: left;
    }

    .service .iconLinks .item {
        border-right: solid 1px #DDD !important;
    }

    .service .iconLinks .item h2 {
        font-size: 20px;
    }

    .service .search-warp {
        margin: 0 !important;
    }

    .service .search-warp .search-form {
        width: 100% !important;
    }

    .service .search-warp .search-form button {
        background-clip: padding-box;
    }

    /*spjk*/
    .p-d .info {
        /*margin: 5px !important;*/
        border: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .p-d .mobile-title {
        display: block;
        font-size: 18px;
        font-weight: bold;
        margin-top: 0;
    }

    .p-d .col-sm-4 {
        margin-bottom: 15px !important;
    }

    .p-d .col-sm-4:first-child {
        margin-top: 15px;
    }

    .p-d figure figcaption .info .tip {
        height: auto !important;
    }

    .p-d .info h2 {
        display: none;
    }

    .p-d a:hover {
        text-decoration: none;
    }

    /*jjfa*/
    .case .thumbnail, .case .item h3 {
        margin-top: 0 !important;
        margin-bottom: 5px !important;
        line-height: 1.4;
    }

    .case .item .col-sm-9 {
        margin-bottom: 10px;
    }

    .proItem .thumbnail {
        margin-bottom: 10px;
    }

    .proItem a h3 {
        margin-top: 0 !important;
        margin-bottom: 5px !important;
    }

    .article .detail img, .static .contact img {
        width: 100% !important;
        height: auto !important;
    }

    .schd-center .proItem .desc {
        /*display: none;*/
    }

    .schd-center .proItem {
        margin-bottom: 30px;
    }

    .schd-center .proItem a h4, .schd-center .proItem .desc {
        padding-left: 4px;
    }

    .fixedTop > .container {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .video-container {
        width: 100% !important;
        left: 0 !important;
        margin-left: 0 !important;
        margin-top: -160px !important;
    }

    .video-container .video-wrap {
        width: 100% !important;
        margin: 20px 0 !important;
        display: block;
    }

    .video-container .del-icon {
        top: 0 !important;
    }

    .proGrid .row .col-sm-3 {
        width: 30%;
        float: left;
    }

    .proGrid .row .col-sm-9 {
        width: 70%;
        float: left;
    }

    .proGrid .row .col-sm-9 .product-name+.desc {
        display: none;
    }

    /*
    .important-features p, .important-features div{
        width: 100% !important;
        float: left;
        margin: 0;
        padding: 0;
    }
    */
    .important-features ul {
        clear: left;
        padding-right: 0 !important;
        width: 100% !important;
    }

    .contact .row .col-sm-6 {
        margin-top: 15px;
    }

    .contact .row .col-sm-6:first-cjild {
        margin-top: 0;
    }

    .split-line {
        margin-top: 0 !important;
    }

    .partner .link-container, .job-left .link-container, div.container.service {
        padding: 0 !important;
    }

    .partner .link-container .row, .partner .link-container .row .item {
        margin: 0 !important;
    }

    .static .events ul li {
        margin-left: 40px !important;
    }

    .container.service.search-result {
        padding: 10px 15px !important;
    }

    .important-features ul {
        padding-left: 0 !important;
    }

    .partner .link-container .row.mobile-column {
        margin: 0 15px !important;
    }

    .partner .link-container .row.mobile-column .item:nth-child(even), .service .iconLinks .col-sm-3:nth-child(even), .about .iconLinks .col-sm-3:nth-child(even), .jop-classify .col-sm-4:nth-child(even) {
        border-right: none !important;
    }

    .partner .link-container .row:not(:first-child) .item {
        border-bottom: none;
    }

    .yzm {
        margin-left: 12px !important;
    }

    .input-yzm {
        width: 100px !important;
    }

    .agent-form input[type='button'] {
        float: none !important;
    }

    .nav-stacked.nav-pills-stacked-example {
        display: none;
    }

    .border-right {
        border-right: none !important;
    }
}

.subSlider li {
    height: 260px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.home .news {
    padding-top: 20px;
}

.container {
    width: 85%;
}

.fixedTop > .container {
    /*padding-right: 0;
        padding-left: 0;*/
}

.col-sm-4 {
    width: 33.33333333%;
    float: left;
}

@media (max-width: 767px) {
    .col-sm-4 {
        width: 100%;
    }

    .home .news .first-item,.home .news .second-item,.home .news .third-item {
        /*margin-right: 10px;
        margin-left: 10px;*/
        margin-right: 0;
        margin-left: 0;
        overflow: hidden;
        position: relative;
    }

    .container {
        width: auto;
    }

    .subSlider li {
        background-size: auto 100%;
    }
}

/*
.sub-nav .spjk-content .col-md-2 {
  width: 16.66666667%;
  float: left;
}*/
.main-menu .sub-nav .spjk-content .row > div {
    float: left;
    margin-left: 15px;
    margin-right: 13px;
}

/*
.sub-nav .Conference .col-md-3 {
  width: 25%;
  float: left;
}
*/
.solution .col-md-6 {
    width: 50%;
    float: left;
}

.col-md-s {
    width: 11.11111111111%;
    float: left;
}

.col-md-l {
    width: 44.444444444444444%;
    float: left;
}

.col-sm-2 {
    width: 16.66666667%;
    float: left;
}

@media (max-width: 991px) {
    /*
    .sub-nav .spjk-content .col-md-2 {
      width: 15.4%;
    }
    .sub-nav .spjk-content .col-md-2:nth-child(2) {
      width: 20%;
    }
    .sub-nav .Conference .col-md-3 {
      width: 23%;
    }
    .sub-nav .Conference .col-md-3:nth-child(2) {
      width: 31%;
    }
    .sub-nav .Conference {
      width: 600px;
      margin-left: -100px;
    }
*/.col-md-s {
        width: 25%;
        float: left;
    }

    .bottom-nav .row .col-md-s {
        text-align: left !important;
    }

    .bottom-nav .row .col-md-s:nth-child(3), .bottom-nav .row .col-md-s:nth-child(7) {
        text-align: center !important;
    }

    .bottom-nav .row .col-md-s:nth-child(4) {
        text-align: left !important;
    }

    .bottom-nav .row .col-md-s:nth-child(7) > div {
        margin-left: -28px;
    }

    .col-md-l {
        width: 50%;
        float: left;
    }

    .col-sm-2 {
        width: 20% !important;
        float: left !important;
    }

    .navRow {
        float: left;
    }

    .snsRow {
        min-width: 150px;
        float: right;
    }

    .row .nvr-column {
        padding-left: 15px !important;
    }

    .solution .effect-solu {
        padding: 0;
    }

    .solution .baseLine {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.home .news .row .col-sm-4,.home .news .row .col-sm-3 {
    padding: 0 10px;
}

.home .news .timestamps {
    /*text-align: center;*/
    color: #999;
    height: 40px;
    line-height: 40px;
}

.home .news .node {
    text-align: center;
    border-top: solid 1px #ddd;
    position: relative;
    height: 20px;
}

.home .news .node .point {
    background-color: #fff;
    border: solid 1px #666;
    border-radius: 30px;
    height: 11px;
    width: 11px;
    margin: auto;
    margin-top: -6px;
}

.home .news a {
}

.home .news a:hover {
    text-decoration: none;
}

.home .news a:hover h4 {
    color: #0068b7;
}

.home .news h4 {
    margin-top: 10px;
    line-height: 20px;
    height: 40px;
    color: #666;
    font-weight: bold;
    font-size: 15px;
    font-family: 'Microsoft YaHei';
    transition: color 0.2s linear;
    -webkit-transition: color 0.3s linear;
}

.home .news .summary {
    color: #666;
    line-height: 22px;
    margin-bottom: 10px;
}

.home .news .thumb img {
    width: 100%;
    border: none;
    height: auto;
}

/**************************************************************
    除首页外，下拉导航部分
**************************************************************/
.navRow {
    padding: 10px 0;
}

.dropNav {
    list-style: none;
}

.dropNav li {
    float: left;
    line-height: 20px;
    position: relative;
    padding: 5px 20px 5px 5px;
    z-index: 200;
}

.dropNav li.active {
    border-bottom: none;
    z-index: 200;
}

.dropNav div {
    position: absolute;
    left: 0px;
    padding-bottom: 0px;
    float: left;
    display: none;
    overflow: hidden;
    background-color: #fff;
    margin-left: -1px;
    z-index: 99;
    min-width: 120px;
    padding: 5px;
    box-shadow: 0px 2px 4px #999999;
}

.dropNav li .a {
    text-decoration: none;
    line-height: 20px;
    display: block;
    z-index: 200;
}

.dropNav div a {
    text-decoration: none;
    line-height: 26px;
    display: block;
}

/**************************************************************
    下拉导航旁边SNS分享
**************************************************************/
.snsRow {
    text-align: right;
    padding: 10px 0;
}

.snsRow dd {
    display: inline-block;
    margin-left: 15px;
    padding: 5px 0;
}

.snsRow dl {
    margin-bottom: 0;
}

.snsRow dd a {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 28px;
}

.snsRow dd a.weichat {
    background-color: #07bb14;
}

.snsRow dd a.weibo {
    background-color: #ff0000;
}

.snsRow dd a.qq {
    background-color: #009be1;
}

.baseLine {
    border-bottom: solid 1px #ddd;
}

h1.baseLine, h2.baseLine, h3.baseLine, h4.baseLine, h5.baseLine, h6.baseLine, h7.baseLine {
    padding-bottom: 20px;
}

.bottom-nav {
    background-color: #f3f3f3;
    margin: 20px auto;
    padding-top: 20px;
}

.bottom-nav .row .col-md-s {
    text-align: center;
}

.bottom-nav .row .col-md-s:nth-child(1), .bottom-nav .row .col-md-s:nth-child(2) {
    text-align: left;
}

.bottom-nav .row .col-md-s:nth-child(6), .bottom-nav .row .col-md-s:nth-child(7) {
    text-align: right;
}

.bottom-nav .row .col-md-s > div {
    display: inline-block;
    text-align: left;
}

.bottom-nav h4 {
    font-weight: bold;
    font-size: 15px;
}

.bottom-nav h5 {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    line-height: 24px;
}

.bottom-nav dd {
    line-height: 24px;
}

.bottom-nav h5 a, .bottom-nav h4 a {
    text-decoration: none;
    color: #666;
}

.bottom-nav h5 a {
    font-size: 13px;
    color: #555;
}

.bottom-nav h4 a {
    font-size: 15px;
    color: #444;
}

.bottom-nav dd a {
    color: #333;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    text-decoration: none;
    white-space: nowrap;
}

.bottom-nav dd a:hover {
    color: #0068b7;
}

.proGrid {
}

.proGrid .thumbnail img {
    width: 100%;
}

.proGrid .proItem {
    margin-bottom: 20px;
    height: 114px;
}

.proGrid .proItem h3, .case .item h3 {
    font-weight: bold;
    font-size: 17px;
    color: #444 !important;
    margin: 5px 0 15px 0;
    -webkit-transition: color linear 0.3s;
    transition: color linear 0.3s;
}

.proGrid .proItem h3.product-model {
    margin-bottom: 5px;
    -webkit-transition: color linear 0.3s;
    transition: color linear 0.3s;
}

.proGrid .proItem h3.product-name {
    font-size: 14px;
    margin-bottom: 12px;
    -webkit-transition: color linear 0.3s;
    transition: color linear 0.3s;
}

.proGrid .proItem .desc, .proGrid .proItem .desc p {
    color: #999;
    margin: 0;
    line-height: 20px;
}

.proItem a:hover {
    text-decoration: none;
}

.proItem a:hover h3 {
    color: #0068b7;
}

/*
        .proItem a:hover h3.product-model {
            color:#0068b7;
        }
        .proItem a:hover h3.product-name {
            color:#0068b7;
        }
*/
.case {
    padding-top: 15px;
}

.case .item .desc {
    color: #999;
    line-height: 24px;
}

.viewmore {
    text-align: center;
}

.viewmore a {
    text-align: center;
    display: block;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
}

.tab-detail .pro-pane {
    padding-top: 10px;
    margin: 0 15px;
}

.tab-detail .pro-pane table {
    border: 1px solid #DDD;
}

.tab-detail .pro-pane table td p {
    margin: 0 5px;
    word-break: break-all;
    white-space: pre-wrap;
}

.tab-detail .pro-pane table td {
    padding: 5px 0;
    border-top: 1px solid #DDD;
    border-right: 1px solid #DDD;
    word-break: break-all;
}

.tab-detail .pro-pane table td[colspan] {
    background-color: #EEE;
}

.tab-pane ul li {
    line-height: 25px;
}

.tab-pane ul li span {
    float: left;
    color: #006BB9;
    margin-right: 5px;
    margin-top: -1px;
}

.tab-pane ul li a {
    color: #666;
}

.tab-pane ul li a:hover {
    color: #0068b7;
}

.solution-list {
}

.solution-list .item h4 {
    font-size: 18px;
    font-weight: bold;
}

.solution-list .item .desc {
    height: 60px;
    color: #999;
}

.solution-list2 .item {
    margin-bottom: 30px;
}

.solution-list2 .item h4 {
    font-size: 18px;
    font-weight: bold;
    transition: color 0.5s;
    -webkit-transition: color 0.5s;
}

.solution-list2 .item .desc {
    height: 60px;
    color: #666;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    line-height: 20px;
}

.article {
}

.article .detail img, .static .contact img {
    max-width: 100%;
    font-size: 0;
}

.article .detail > img, .static .contact > img {
    width: 100%;
    font-size: 0;
}

.article .detail h2, .article .detail h3, .article .detail h4, .article .detail h5, .article .detail h6 {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
    border-left: solid 3px #0068b7;
    padding-left: 15px;
}

.article .detail .head, .static .contact .head, .news-center .head, .download-center .head, .download-center-detail .head {
    font-size: 24px;
    text-align: center;
    padding-bottom: 15px;
    font-weight: bold;
}

.article .detail p, .article .detail b, .old-news div, .article .detail div {
    font-size: 14px;
    margin: 0;
    line-height: 25.2px;
}

.article .detail strong span {
    font-size: 16px !important;
}

.article .detail img {
    border: none;
    text-align: center;
}

.article .file-list {
    margin-top: 20px;
}

.article .file-list li {
    padding: 5px 0 5px 25px;
    background-repeat: no-repeat;
    background-position: left -277px;
    background-image: url(../images/ico.png);
}

.article .file-list li a {
    font-size: 14px;
    color: #666;
    text-decoration: none;
}

.article .file-list li a:hover {
    color: #0068b7;
}

.tagCould {
    height: 320px;
}

.article .img-container {
    text-align: center;
    margin-top: 20px;
}

.article-a .detail p, .article-a .detail p b {
    font-size: 18px;
}

.article-a .detail h2, .article-a .detail h3, .article-a .detail h4, .article-a .detail h5, .article-a .detail h6 {
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
    border-left: solid 3px #0068b7;
    padding-left: 15px;
}

.article-l .detail h1.head {
    text-align: left;
}

.about .slogan {
    margin-bottom: 20px;
}

.about .slogan h3 {
    font-weight: bold;
    text-align: center;
    margin: 30px;
}

.about .slogan .describe {
    font-size: 14px;
    line-height: 26px;
}

.videos {
    margin-top: 40px;
    padding-bottom: 30px;
}

.videos .item figure {
    position: relative;
}

.videos .item figure img {
    width: 100%;
}

.videos .item figure figcaption {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    cursor: pointer;
}

.videos .item figure figcaption div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    margin-left: -30px;
    height: 60px;
    margin-top: -30px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 100px;
    background-image: url(data:image/svg+xml;base64,77u/PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTcuMDU2cHgiIGhlaWdodD0iMzBweCIgdmlld0JveD0iMCAwIDE3LjA1NiAzMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTcuMDU2IDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMy45MjMsMS40MDggMTcuMDU2LDE0LjU2MSAzLjg5OSwyNy42OTIgIi8+DQo8L3N2Zz4NCg==);
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.videos .item figure:hover figcaption {
    background-color: rgba(0, 0, 0, 0.3);
}

.videos .item figure:hover figcaption div {
    background-color: rgba(255, 255, 255, 0.2);
    border: solid 3px rgba(255, 255, 255, 0.8);
}

.videos .item .title a {
    line-height: 30px;
    text-decoration: none;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: left -247px;
}

.about .btn-links {
    margin-top: 30px;
}

.about .btn-links .item {
    text-align: center;
}

.about .btn-links .btn-lg {
    padding-right: 30px;
    padding-left: 30px;
}

.about .iconLinks {
    margin: 20px 0 0 0;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDD;
}

.about .iconLinks .item figure {
    padding: 10px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    cursor: pointer;
}

.about .iconLinks .item a:hover {
    text-decoration: none;
    outline: none;
}

.about .iconLinks .item a:active {
    text-decoration: none;
    outline: none;
}

.about .iconLinks .item a:focus {
    text-decoration: none;
    outline: none;
}

.about .iconLinks .item {
    border-right: solid 1px #ddd;
}

.about .iconLinks .item:last-child {
    border-right: none;
}

.about .iconLinks .item figure .desc {
    color: #999;
    font-size: 14px;
}

.about .iconLinks .item figure .more {
    width: 24px;
    height: 24px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #666;
    border-radius: 100px;
    border: 1px solid #666;
    margin: 8px auto 0 auto;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.about .iconLinks .item figure:hover {
    background-color: #eee;
}

.about .iconLinks .item figure:hover .more {
    border: 1px solid #337AB7;
    color: #337AB7;
}

.partner .link-container, .job-left .link-container {
    padding: 15px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

.partner .link-container {
    border: none;
}

.partner .link-container .row {
    margin: 0 0 20px 0;
    border-top: 1px solid #DDD;
}

.partner .link-container .row:last-child {
    margin: 0;
    border-bottom: 1px solid #DDD;
}

.partner .link-container .row:last-child .item {
    margin-bottom: 20px;
}

.job-left .link-container .row {
    margin-top: -15px;
}

.partner .link-container .item, .job-left .link-container .item {
    margin-top: 20px;
    border-right: solid 1px #DDD;
}

.partner .link-container .item:last-child, .job-left .link-container .item:last-child {
    border-right: none;
}

.partner .link-container .item figure, .job-left .link-container .item figure, .service .iconLinks .item figure {
    text-align: center;
    padding: 20px 0;
    /*background-color: #fafbfb;*/
}

.partner .link-container .item figure h2, .job-left .link-container .item figure h2, .service .iconLinks .item figure h2, .about .iconLinks .item figure h2 {
    font-size: 16px;
    transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
}

.partner .link-container a:hover, .job-left .link-container a:hover, .service .iconLinks a:hover, .about .iconLinks a:hover {
    text-decoration: none;
    outline: none;
}

.partner .link-container a:hover h2, .job-left .link-container a:hover h2, .service .iconLinks a:hover h2, .about .iconLinks a:hover h2 {
    color: #0068b7;
}

.partner .link-container a:active, .job-left .link-container a:active {
    text-decoration: none;
    outline: none;
}

.partner .link-container a:focus, .job-left .link-container a:focus {
    text-decoration: none;
    outline: none;
}

.partner .news {
    margin-top: 30px;
}

.partner .news h5 {
    font-size: 18px;
    font-weight: bold;
}

.partner .news .more {
    margin: 10px 0;
    display: block;
    text-align: right;
    text-decoration: none;
}

.partner .news-list {
    margin-top: 10px;
}

.partner .news-list .table tr td {
    border-bottom: 1px solid #DDD;
    border-top: none;
}

.notices h5 {
    font-size: 18px;
    font-weight: bold;
}

.h5Title {
    font-size: 22px;
    margin: 20px 0;
}

.news-center dl dd {
    margin: 10px 0;
}

.news-center dl dd h6 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.news-center dl dd .desc {
    color: #666;
    font-size: 14px;
}

.news-center dl dd .timestamp {
    margin: 5px 0;
    color: #999;
}

.news-list.table tr:first-child td {
    border-top: none;
}

.news-list .table tr td:last-child {
    text-align: right;
    font-size: 14px;
    color: #999;
}

.news-list .table tr td {
    font-size: 16px;
}

.news-list div img {
    width: 100%;
}

.download-center a, .download-center dd .desc {
    font-size: 14px;
}

.download-center a:hover {
    text-decoration: none;
    color: #0068b7;
}

.download-center a:active {
    text-decoration: none;
}

.download-center dd {
    margin-top: 10px;
}

.download-center dd .desc {
    margin-top: 5px;
    margin-left: 20px;
}

.download-center-detail strong, .download-center-detail table tr td div, .download-center-detail table tr td span, .download-center-detail table tr td b, .download-center-detail table tr td a {
    font-size: 14px;
}

.download-center-detail table {
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
}

.download-center-detail table tr td {
    padding: 3px 5px;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
}

.schd-center .thumbnail {
    border: none;
}

.schd-center .proItem .row .col-sm-5 {
    padding-right: 0;
}

.icon16 {
    background-image: url(../images/ico.png);
}

.icon-tel {
    background-repeat: no-repeat;
    background-position: 4px -352px;
}

.icon-weichat {
    background-repeat: no-repeat;
    background-position: 3px -382px;
}

.icon-search {
    background-repeat: no-repeat;
    background-position: 3px -412px;
}

.icon-search1 {
    width: 26px;
    height: 26px;
    padding-left: 26px !important;
}

.icon-global {
    background-repeat: no-repeat;
    background-position: 3px -322px;
}

.icon-dropdown {
    background-repeat: no-repeat;
    background-position: right -84px;
}

.icon-arrow-right {
    background-repeat: no-repeat;
    background-position: right -112px;
}

.icon-sns-weichat {
    background-repeat: no-repeat;
    background-position: center -146px;
}

.icon-sns-weibo {
    background-repeat: no-repeat;
    background-position: center -176px;
}

.icon-sns-qq {
    background-repeat: no-repeat;
    background-position: center -206px;
}

.col-md-s, .col-md-m, .col-md-l {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.row .nvr-column {
    padding-left: 40px ;
}

@media (min-width: 768px) {
    .spjk-content {
        /*width: 800px !important;*/ width: auto !important;
        /*margin-left:75px !important;*/
    }
}

@media (max-width: 992px) {
    figure.effect-solu figcaption .desc {
        display:none;
    }
}

@media (min-width: 992px) {
    .col-md-s, .col-md-m, .col-md-l {
        float: left;
    }

    .col-md-s {
        width: 12.28571428571429%;
    }

    .col-md-14 {
        width: 14.2857%;
    }

    .col-md-m {
        width: 22.222222222222222%;
    }

    .col-md-l {
        width: 28.57142857142857%;
    }

    .spjk-content {
        /*width: 950px !important;*/
        width: auto !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 1150px) {
    .spjk-content {
        width: 950px !important;
        /*margin-left:105px !important;*/
    }
}

@media (max-width: 980px) {
    .spjk-content {
        width: 800px !important;
        /*margin-left:105px !important;*/
    }
}

/*
@media (min-width: 1200px) {
    .container.bottom-nav {
        padding-left: 100px !important;
    }
}
*/
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
    position: relative;
    margin: 0 auto 0px;
    padding: 0;
    *zoom: 1; }

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
    background: #fff;
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    /*background: url(../images/bx_loader.gif) center center no-repeat #fff;*/
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 10px;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1; *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background-color: transparent;
    background-clip: padding-box;
    text-indent: -9999px;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    border: solid 2px rgba(200, 200, 200, 0.8);
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #fff;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 10px;
    background: #f00;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: #f00;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls {
    margin: -30px auto 30px auto;
    position: relative;
}

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

/*
.solution-icon {
    display:block;
    background-repeat: no-repeat;
    background-size: 65% 65%;
    background-position: center 35%;
    -webkit-transition: background-image linear 0.5s;
    transition: background-image linear 0.5s;
}

.solution-gg-icon {
    background-image: url(../images/temp/solution_gg.png);
}
.solution-gg-icon:hover {
    background-image: url(../images/temp/solution_gg_hover.png);
}
.solution-jcy-icon {
    background-image: url(../images/temp/solution_jcy.png);
}
.solution-jcy-icon:hover {
    background-image: url(../images/temp/solution_jcy_hover.png);
}
.solution-fy-icon {
    background-image: url(../images/temp/solution_fy.png);
}

.solution-fy-icon:hover {
    background-image: url(../images/temp/solution_fy_hover.png);
}
.solution-jy-icon {
    background-image: url(../images/temp/solution_jy.png);
}
.solution-jy-icon:hover {
    background-image: url(../images/temp/solution_jy_hover.png);
}
.solution-jt-icon {
    background-image: url(../images/temp/solution_jt.png);
}
.solution-jt-icon:hover {
    background-image: url(../images/temp/solution_jt_hover.png);
}
.solution-yl-icon {
    background-image: url(../images/temp/solution_yl.png);
}
.solution-yl-icon:hover {
    background-image: url(../images/temp/solution_yl_hover.png);
}
.solution-jg-icon {
    background-image: url(../images/temp/solution_jg.png);
}
.solution-jg-icon:hover {
    background-image: url(../images/temp/solution_jg_hover.png);
}
.solution-ls-icon {
    background-image: url(../images/temp/solution_ls.png);
}
.solution-ls-icon:hover {
    background-image: url(../images/temp/solution_ls_hover.png);
}
.solution-jz-icon {
    background-image: url(../images/temp/solution_jz.png);
}
.solution-jz-icon:hover {
    background-image: url(../images/temp/solution_jz_hover.png);
}
.solution-other-icon {
    background-image: url(../images/temp/solution_other.png);
}
.solution-other-icon:hover {
    background-image: url(../images/temp/solution_other_hover.png);
}
*/
.solution .hy-solution {
    margin-right: 0 !important;
    padding-bottom: 15px;
}

.solution .hy-solution dd {
    float: left;
    margin: 0 15px 0 0;
}

.solution .hy-solution dd a:hover {
    background-color: transparent !important;
}

.solution .hy-solution dd a span {
    display: block;
    text-align: center;
    -webkit-transition: color linear 0.3s;
    transition: color linear 0.3s;
}

.solution .hy-solution dd a:hover span {
    color: #0068b7;
}

.solution .zd-solution dd {
    margin-bottom: 2px;
}

.solution-top-icon {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.solution-top-gg-icon {
    background-image: url(../images/temp/solution_gg_hover.png);
}

.solution-top-jcy-icon {
    background-image: url(../images/temp/solution_jcy_hover.png);
}

.solution-top-fy-icon {
    background-image: url(../images/temp/solution_fy_hover.png);
}

.solution-top-yingji-icon {
    background-image: url(../images/temp/solution_yingji_hover.png);
}

.solution-top-jy-icon {
    background-image: url(../images/temp/solution_jy_hover.png);
}

.solution-top-jwjw-icon {
    background-image: url(../images/temp/jwjw.png);
}

.solution-top-sf-icon {
    background-image: url(../images/temp/sf.png);
}

.solution-top-jt-icon {
    background-image: url(../images/temp/solution_jt_hover.png);
}

.solution-top-yl-icon {
    background-image: url(../images/temp/solution_yl_hover.png);
}

.solution-top-jg-icon {
    background-image: url(../images/temp/solution_jg_hover.png);
}

.solution-top-ls-icon {
    background-image: url(../images/temp/solution_ls_hover.png);
}

.solution-top-jz-icon {
    background-image: url(../images/temp/solution_jz_hover.png);
}

.solution-top-other-icon {
    background-image: url(../images/temp/solution_other_hover.png);
}

.zd-solution-row .effect-solu {
    padding-left: 0;
    padding-right: 0;
}

.solution-list figure {
    position: relative;
    overflow: hidden;
    height: auto;
    cursor: pointer;
    width: 100%;
    padding: 0;
    height: 240px;
    clear: both;
}

.solution-list figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 1;
    width: 100%;
}

.solution-list figure figcaption {
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(83, 83, 83, 0);
    transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
}

.solution-list figure figcaption h3 {
    opacity: 0;
    top: 33%;
    height: 33%;
    position: relative;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}

.solution-list figure figcaption h3 span {
    font-size: 20px;
    color: #fff;
    padding-bottom: 5px;
    border-bottom: solid 1px #fff;
}

.solution-list figure.effect-solution-list:hover figcaption {
    background-color: rgba(83, 83, 83, 0.5);
}

.solution-list figure.effect-solution-list:hover figcaption h3 {
    opacity: 1;
}

.solution-list2 figure {
    position: relative;
    overflow: hidden;
    height: auto;
    cursor: pointer;
    width: 100%;
    padding: 0;
    /*height: 460px;*/
    clear: both;
}

.solution-list2 a:hover, .solution-list2 a:active {
    text-decoration: none;
}

.solution-list2 figure .readmore {
    opacity: 0;
    position: absolute;
    top: 20%;
    text-align: center;
    width: 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.solution-list2 figure:hover .readmore {
    opacity: 1;
    top: 30%;
}

.solution-list2 figure .readmore .a {
    display: inline;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding: 10px 20px;
    border: solid 2px #fff;
    border-radius: 80px;
    background-color: rgba(255, 255, 255, 0.2);
}

.solution-list2 figure img {
    position: relative;
    display: block;
    opacity: 1;
    width: 100%;
}

.solution-list2 figure figcaption {
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    text-align: center;
    background-color: rgba(83, 83, 83, 0);
    transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
}

.solution-list2 figure figcaption .info {
    height: 140px;
    background-color: #fff;
    text-align: left;
    padding: 10px 20px 20px 20px;
    border: solid 1px #EEE;
    border-top: none;
    transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    overflow: hidden;
}

.solution-list2 figure:hover figcaption .info {
    /*background-color: rgba(0, 0, 0, 0.2);
        border: solid 1px transparent;*/
}

.solution-list2 figure figcaption h3 span {
    font-size: 20px;
    color: #fff;
    padding-bottom: 5px;
    border-bottom: solid 1px #fff;
}

.solution-list2 figure.effect-solution-list:hover figcaption h4, .solution-list2 figure.effect-solution-list:hover figcaption .desc {
    /*color: #fff;*/
}

.solution figure {
    position: relative;
    overflow: hidden;
    height: auto;
    cursor: pointer;
    width: 100%;
    padding: 0 20px 20px 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #DDD;
    text-align: center;
}

.solution .item {
    text-align: center;
}

.solution figure img {
    position: relative;
    display: block;
    margin: 0 auto;
    /*min-height: 100%;*/
    max-width: 100%;
    opacity: 1;
    width: 100%;
}

.hy-solution-bottom a {
    margin-top: 10px;
    display: block;
    text-align: center;
}

.hy-solution-bottom a:hover {
    text-decoration: none;
}

.hy-solution-bottom .effect-solu, .hy-solution-bottom a h5, .hy-solution-bottom a .desc {
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.hy-solution-bottom .effect-solu:hover {
    border-color: #0068b7;
}

.hy-solution-bottom a:hover h5, .hy-solution-bottom a:hover .desc {
    color: #0068b7;
}

.hy-solution-bottom a img {
    display: inline;
    width: 60%;
}

.solution figure figcaption {
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    text-align: center;
}

.solution figure figcaption::before, .solution figure figcaption::after {
    pointer-events: none;
}

.solution figure h5 {
    word-spacing: -0.15em;
    font-weight: 300;
    margin: 0;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

figure.effect-solu {
}

figure.effect-solu img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-solu figcaption {
    text-align: left;
}

figure.effect-solu figcaption h5 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zd-solution-row .effect-solu h5 {
    margin-top: 20px;
    margin-bottom: 0;
}

figure.effect-solu figcaption .desc {
    text-align: center;
    font-size: 14px;
    height: 40px;
    overflow: hidden;
}

.service .search-warp {
    margin: 60px 0;
    position: relative;
}

.service .search-warp .search-form {
    width: 80%;
    margin: auto;
    text-align: center;
}

.service .iconLinks .item {
    border-right: solid 1px #ddd;
    text-align: center;
}

.service .iconLinks .item a:hover {
    text-decoration: none;
    outline: none;
}

.service .iconLinks .item a:active {
    text-decoration: none;
    outline: none;
}

.service .iconLinks .item a:focus {
    text-decoration: none;
    outline: none;
}

.service .iconLinks .item:last-child {
    border-right: none;
}

/* 静态页面 */
.static {
    margin-top: 20px;
}

.static .events {
}

.static .events .flexrow {
    display: -webkit-box;
    display: box;
}

.static .events .flexrow .axis {
    width: 5%;
    border-right: solid 3px #bdebff;
    position: relative;
}

.static .events .flexrow .axis .point {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: solid 2px #ccc;
    background-color: #fff;
    right: -6px;
    top: 8px;
}

.static .events .node .year {
    top: 20px;
}

.static .events .node .event-title {
    padding-top: 20px;
}

.static .events .flexrow .axis .year {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    border: solid 2px #008bca;
    background-color: #bdebff;
    right: -8px;
    color: #0068b7;
    text-align: center;
}

.static .events .flexrow .event-title {
    flex: 1;
    width: 85%;
    margin-left: 40px;
    line-height: 30px;
}

.static .events .flexrow .event-title h3 {
    margin: 0 0 5px 0;
    font-weight: bold;
}

.static .events .flexrow .event-title,.static .events .flexrow .event-title div {
}

/*科达大事记新式样 start*/
.static .events h2 {
    color: #333;
    font-size: 1.8em;
    line-height: 1em;
    padding-bottom: 20px;
    margin-top: 25px;
    margin-bottom: 0;
    font-weight: bold;
}

.static .events h2:first-child {
    margin-top: 0;
}

.static .events ul {
    background-image: url(../images/rule.gif);
    background-position: 0px 0px;
    background-repeat: repeat-y;
    margin-bottom: 0;
}

.static .events ul li,.static .events ul li div {
    font-size: 14px;
    margin-left: 60px;
    list-style-type: disc;
    line-height: 30px;
}

.static .events ul li div {
    margin-left: 0;
}

/*end*/
.static .introduce, .static .introduce p {
    font-size: 14px;
    line-height: 22px;
}

.static .introduce p {
    text-indent: 2em;
}

.static .introduce h4 {
    margin: 20px 0;
    font-weight: bold;
}

.job-list .classify {
    margin: 20px 0;
}

.job-list .classify .col-left {
    width: 80px;
    float: left;
    padding: 3px 0;
    color: #999;
}

.job-list .classify .col-right {
    float: left;
}

.job-list .classify .col-right dl {
    margin: 0;
}

.job-list .classify .row {
    margin: 3px 0;
}

.job-list .classify .col-right dl dd {
    display: inline-block;
    margin-right: 10px;
    padding: 3px 5px;
}

.job-list .classify .col-right dl dd a {
    text-decoration: none;
}

.job-list .classify .col-right dl dd.active {
    background-color: #337AB7;
    color: #fff;
}

.job-list .classify .col-right dl dd.active a {
    color: #fff;
}

.job-left h3 {
    font-weight: bold;
    text-align: center;
    margin: 30px;
}

.job-left .describe {
    line-height: 26px;
    margin-bottom: 20px;
}

.job-left .describe p {
    font-size: 14px;
    margin-bottom: 10px;
}

.job_detail {
}

.job_detail .info {
    margin: 10px 0;
}

.job_detail .info span {
    color: #999;
}

.job_detail h5 {
    font-weight: bold;
}

.job_detail div {
    line-height: 24px;
}

.job_detail .action {
    margin: 30px 0 10px 0;
    text-align: center;
}

.job_detail .jobform {
    display: none;
}

.contact .info {
    font-size: 14px;
    line-height: 30px;
    padding-left: 80px;
}

.contact .icon_address {
    background: url(../images/contact_icon_address.png) no-repeat 5px 5px;
}

.contact .icon_tel {
    background: url(../images/contact_icon_tel.png) no-repeat 5px 5px;
}

.contact .pagelink {
    text-align: center;
}

.contact .addressList .line {
    position: relative;
    padding-left: 80px;
}

.contact .addressList .line .item {
    margin-bottom: 15px;
}

.contact .addressList .line .item h5 {
    font-weight: bold;
    font-size: 16px;
}

.contact .addressList .line .item div {
    font-size: 14px;
}

.contact .addressList h3,.contact .addressList h3 a {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    background-color: #2A93D4;
    /*
    background-color:#0068b7;
*/
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    left: 0px;
    margin: 0;
    text-decoration: none;
    color: white;
    font-size: 20px;
    border-radius: 100px;
}

/* 鼠标悬停效果 */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 320px;
    height: auto;
    background: #ccc;
    text-align: center;
    cursor: pointer;
    border: solid 1px #eee;
    width: 100%;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 1;
}

.grid figure figcaption {
    padding: 2em;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before, .grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption, .grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2, .grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

/* Individual effects */
/*---------------*/
/***** Julia *****/
/*---------------*/
figure.effect-julia {
    background: #2f3238;
}

figure.effect-julia img {
    max-width: none;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 390px;
}

figure.effect-julia figcaption {
    text-align: left;
}

figure.effect-julia h2 {
    position: relative;
    padding: 0.5em 0;
}

figure.effect-julia p {
    display: inline-block;
    margin: 0 0 0.25em;
    padding: 0.4em 1em;
    background: rgba(255,255,255,0.9);
    color: #2f3238;
    text-transform: none;
    font-weight: 500;
    font-size: 75%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-360px,0,0);
    transform: translate3d(-360px,0,0);
}

figure.effect-julia p:first-child {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

figure.effect-julia:hover img {
    opacity: 0.4;
    -webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);
}

figure.effect-julia:hover h2 {
    color: #fff;
    -webkit-transition: color 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

figure.effect-julia:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/**************************************************************
    jqcloud
**************************************************************/
div.jqcloud {
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 10px;
    line-height: normal;
}

div.jqcloud a {
    font-size: inherit;
    text-decoration: none;
}

div.jqcloud span.w10 {
    font-size: 550%;
}

div.jqcloud span.w9 {
    font-size: 500%;
}

div.jqcloud span.w8 {
    font-size: 450%;
}

div.jqcloud span.w7 {
    font-size: 400%;
}

div.jqcloud span.w6 {
    font-size: 350%;
}

div.jqcloud span.w5 {
    font-size: 300%;
}

div.jqcloud span.w4 {
    font-size: 250%;
}

div.jqcloud span.w3 {
    font-size: 200%;
}

div.jqcloud span.w2 {
    font-size: 150%;
}

div.jqcloud span.w1 {
    font-size: 100%;
}

/* colors */
div.jqcloud {
    color: #09f;
}

div.jqcloud a {
    color: inherit;
}

div.jqcloud a:hover {
    color: #0df;
}

div.jqcloud a:hover {
    color: #0cf;
}

div.jqcloud span.w10 {
    color: #0cf;
}

div.jqcloud span.w9 {
    color: #0cf;
}

div.jqcloud span.w8 {
    color: #0cf;
}

div.jqcloud span.w7 {
    color: #39d;
}

div.jqcloud span.w6 {
    color: #90c5f0;
}

div.jqcloud span.w5 {
    color: #90a0dd;
}

div.jqcloud span.w4 {
    color: #90c5f0;
}

div.jqcloud span.w3 {
    color: #a0ddff;
}

div.jqcloud span.w2 {
    color: #99ccee;
}

div.jqcloud span.w1 {
    color: #aab5f0;
}

/* layout */
div.jqcloud {
    overflow: hidden;
    position: relative;
}

div.jqcloud span {
    padding: 0;
}

/**************************************************************
    mnmenu 下拉菜单部分
**************************************************************/
ul.mnmenu {
    font-size: 0px;
    clear: both;
    margin: 0;
}

ul.mnmenu > li {
    font-size: 13px;
    list-style: none;
    background-repeat: no-repeat;
    background-position: right -112px;
    background-image: url(../images/ico.png);
}

ul.mnmenu > li:last-child {
    background: none;
}

ul.mnmenu a {
    padding: 0;
    text-decoration: none;
}

ul.mnmenu a:hover {
    color: #337ab7;
}

ul.mnmenu li.level-0 {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    height: 28px;
    line-height: 28px;
    margin: 5px 0;
    vertical-align: top;
    padding: 0 25px 0 0px;
}

ul.mnmenu li.level-0 a, ul.mnmenu li.level-0 a:visited {
    -webkit-transition: all linear 0.4s;
    transition: all linear 0.4s;
    color: black;
}

ul.mnmenu li.level-0.hover a, ul.mnmenu li.level-0 a:hover {
    -webkit-transition: none;
    transition: none;
}

ul.mnmenu li.level-0 a:hover {
    color: #337ab7;
}

ul.mnmenu li.level-0.first {
    border-left: none;
}

ul.mnmenu li.level-0.hover, ul.mnmenu li.level-0:hover {
    outline: 0;
}

ul.mnmenu li.level-0 ul {
    position: absolute;
    display: none;
    margin: 0;
    padding: 0;
    background: #fff;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2);
}

ul.mnmenu li.level-0 li {
    position: relative;
    width: 13em;
    padding: 0 0.5em 0 0.5em;
    display: block;
    float: left;
}

ul.mnmenu li.level-0 li, ul.mnmenu li.level-0 li a, ul.mnmenu li.level-0 li a:visited {
    color: white;
    word-break: break-all;
}

ul.mnmenu li.level-0 li.hover, ul.mnmenu li.level-0 li:hover {
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    background-color: #ddd;
    outline: 0;
}

/* ARROWS */
ul.mnmenu li.level-0 span.arrow {
    position: absolute;
    overflow: hidden;
    text-indent: 9999em;
    top: 6px;
    right: 7px;
    width: 10px;
}

/** NON-MENU OTHER **/
ul.mnmenu hr, ul.mnmenu li.level-0 li hr {
    border: 0;
    color: #555;
    background-color: #555;
    height: 1px;
}

.nav-pros {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    border-bottom: 2px solid #ddd;
    display: block;
    width: 100%;
}

.nav-pros:after {
    content: " ";
    display: table;
    clear: both;
}

.nav-pros > li {
    position: relative;
    display: block;
    float: left;
    margin-bottom: -2px;
}

.nav-pros > li:after {
    content: '/';
    float: left;
    position: absolute;
    right: 0;
    top: 12px;
    color: #999;
}

.nav-pros > li:last-child:after {
    content: " ";
}

.nav-pros > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-right: 2px;
    line-height: 1.42857143;
    border-bottom: 2px solid transparent;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.nav-pros > li > a:hover {
    text-decoration: none;
}

.nav-pros > li.active > a, .nav-pros > li.active > a:hover, .nav-pros > li.active > a:focus {
    color: #0068b7;
    cursor: default;
    background-color: #fff;
    border-bottom: solid 2px #0068b7;
}

.nav-pros.nav-justified {
    width: 100%;
    border-bottom: 0;
}

.nav-pros.nav-justified > li {
    float: none;
}

.nav-pros.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}

.nav-pros.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-pros.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .nav-pros.nav-justified > li > a {
        margin-bottom: 0;
    }
}

.nav-pros.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-pros.nav-justified > .active > a, .nav-pros.nav-justified > .active > a:hover, .nav-pros.nav-justified > .active > a:focus {
}

@media (min-width: 768px) {
    .nav-pros.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-pros.nav-justified > .active > a, .nav-pros.nav-justified > .active > a:hover, .nav-pros.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

a:active {
    text-decoration: none;
    outline: none;
}

div.jqcloud1 {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

div.jqcloud1 {
    color: #09F;
}

div.jqcloud1 {
    font-family: "Helvetica", "Arial", sans-serif;
    line-height: normal;
}

.jqcloud1 span {
    float: left;
    border: 1px solid #E7EDFD;
    padding: 10px;
    margin: 10px;
    color: #0068b7;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.jqcloud1 span:hover {
    border-color: #0068b7;
}

.tagCould h3 {
    color: #fff;
    background-color: #337ab7;
    font-size: 16px;
    line-height: 36px;
    text-indent: 10px;
    border-radius: 4px;
    margin: 0 auto;
}

.tagCould ol {
    margin: 10px auto 30px;
}

.tagCould ol li {
    line-height: 20px;
    padding: 2px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tab-content .tab-pane p, .tab-content .tab-pane div, .tab-content .tab-pane span, .tab-content .tab-pane a, .tab-content .tab-pane strong, .tab-content .tab-pane table tr td {
    font-size: 14px;
    line-height: 1.7;
}

.tab-content .tab-pane strong {
    display: inline-block;
    margin-top: 10px;
}

.tab-content .tab-pane table tr td:first-child {
    width: 120px !important;
}

.tab-content .tab-pane table tr td:last-child {
    width: 500px;
}

/*重要特性图片*/
.important-features {
    width: 100%;
    clear: both;
}

.important-features ul {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
}

.important-features ul:nth-child(odd) {
    clear: left;
    padding-right: 10px;
}

.important-features ul:nth-child(even) {
    padding-left: 10px;
}

.important-features ul li:first-child {
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
    margin-top: 15px;
}

.important-features ul li:last-child {
    font-size: 14px;
    padding: 5px;
}

.important-features ul li img {
    width: 100% !important;
    height: auto !important;
}

/*视频*/
.video-wrap {
    width: 700px;
    margin: 40px;
}

.video-container {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    z-index: 99999;
    width: 780px;
    margin-left: -380px;
    background-color: rgba(0,0,0,1);
}

.video-container .del-icon {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    color: #DDD;
}

.video-container .del-icon:hover {
    color: rgba(255,0,0,0.5);
}

.video-title {
    position: absolute;
    bottom: 5px;
    left: 5px;
    color: white;
    font-size: 14px;
    font-weight: bold;
}

.video-container .video-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container .video-mask .video-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    margin-left: -25px;
    height: 50px;
    margin-top: -60px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCI+DQogICAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDIiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSJyZ2JhKDI1NSwyNTUsMjU1LDAuNSkiIGZpbGw9Im5vbmUiPjwvY2lyY2xlPg0KICAgIDxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjQyIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0id2hpdGUiIGZpbGw9Im5vbmUiIHN0cm9rZS1kYXNoYXJyYXk9IjYwIDEwNjkiPjwvY2lyY2xlPg0KPC9zdmc+);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation: vloading 1s linear infinite;
    -moz-animation: vloading 1s linear infinite;
    -ms-animation: vloading 1s linear infinite;
    -0-animation: vloading 1s linear infinite;
    animation: vloading 1s linear infinite;
}

@keyframes vloading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes vloading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes vloading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes vloading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes vloading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.search_msg {
    margin-bottom: 10px;
}

dl.sslist dd {
    margin-left: 25px;
}

.img-center {
    text-align: center;
}

.text-eclipse {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.split-line {
    margin: 20px -15px 0 -15px;
    border-bottom: 1px solid #DDD;
}

.border-right {
    border-right: 1px solid #DDD;
}
.col-md-9.border-right > img{
    width: 100%;
}



.letter-spacing {
    letter-spacing: 0.5px;
    padding-bottom: 20px;
}

.letter-spacing a{
color:#333;
}

.red {
    color: red;
}

@media screen and (min-width: 993px) and (max-width:1200px) {
    .header .header-warp .main-nav .main-menu {
        text-align: left;
        margin: 0;
    }

    .header .header-warp .main-nav .main-menu > li > a {
        font-family: 'Microsoft YaHei';
        font-size: 14px;
        color: #323232;
        display: block;
        line-height: 44px;
        height: 44px;
        text-decoration: none;
        cursor: pointer;
        text-align: center;
        transition: height 0.5s;
        -webkit-transition: height 0.5s, color 0.3s;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
    }

    .header .header-warp .main-nav .main-menu > li {
        display: inline-block;
        width: 10%;
        margin: 0 0.5%;
    }

    .header .header-warp .main-nav .main-menu > li:first-child {
        width: 5%;
    }

    .header .header-warp .main-nav .main-menu > li:last-child {
        margin-right: -30px;
    }
}

@media screen and (min-width: 768px) and (max-width:992px) {
    .header .header-warp .main-nav .main-menu {
        text-align: left;
        margin: 0;
    }

    .header .header-warp .main-nav .main-menu > li > a {
        font-family: 'Microsoft YaHei';
        font-size: 14px;
        color: #323232;
        display: block;
        line-height: 44px;
        height: 44px;
        text-decoration: none;
        cursor: pointer;
        text-align: center;
        transition: height 0.5s;
        -webkit-transition: height 0.5s, color 0.3s;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
    }

    .header .header-warp .main-nav .main-menu > li {
        display: inline-block;
        width: 11%;
        margin: 0;
    }

    .header .header-warp .main-nav .main-menu > li:first-child {
        width: 5%;
    }

    .header .header-warp .main-nav .main-menu > li:nth-child(7),.header .header-warp .main-nav .main-menu > li:nth-child(8) {
        width: 14%;
    }

    .header .header-warp .main-nav .main-menu > li:last-child {
        margin-right: -30px;
    }
}

/*pingan*/
.p-solution-container {
    width: 100%;
    height: 800px;
    background: #292929;
    overflow: hidden
}

.p-solution-container .p-solution {
    height: 800px;
    max-width: 1300px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/c7ce5b4b.png) no-repeat 50% #373b44;
    background-size: cover;
    position: relative
}

.p-solution-container .p-solution>h2 {
    position: relative;
    z-index: 9;
    padding: 60px 0 0px;
    font-size: 24px;
    text-align: center;
    color: #fff;
}

.p-solution-container .p-solution>h3 {
    position: relative;
    z-index: 9;
    font-size: 14px;
    text-align: center;
    color: hsla(0,0%,85%,.8)
}

.p-solution-container .p-solution>._earth {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bcca8e7e.png) no-repeat center 140px;
    background-size: auto 650px
}

.p-solution-container .p-solution>._bg_line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/42004bdf.png) no-repeat center 140px;
    background-size: auto 650px
}

.p-solution-container .p-solution>._bg_line:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/f857fa55.png) no-repeat center 140px;
    background-size: auto 650px
}

.p-solution-container .p-solution>._btns {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0
}

.p-solution-container .p-solution>._btns>a {
    position: absolute;
    color: #fff;
    white-space: nowrap
}

.p-solution-container .p-solution>._btns>a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 16px 60px;
    top: -16px;
    left: -60px
}

.p-solution-container .p-solution>._btns>a>h2 {
    font-size: 18px;
    display: inline-block;
    -webkit-transition: all .3s;
    transition: all .3s
}

.p-solution-container .p-solution>._btns>a>span {
    font-size: 12px;
    color: hsla(0,0%,100%,.36)
}

.p-solution-container .p-solution>._btns>a._left>span {
    margin-left: 8px
}

.p-solution-container .p-solution>._btns>a._right>span {
    margin-right: 8px
}

.p-solution-container .p-solution>._btns>a>i {
    position: absolute;
    left: -30px;
    width: 30px;
    height: 30px;
    margin-left: -8px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.p-solution-container .p-solution>._btns>a>i:before {
    content: "";
    display: block;
    height: 100%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid hsla(0,0%,100%,.6);
    background-color: hsla(0,0%,100%,.18);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50% 60%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.p-solution-container .p-solution>._btns>a>i:last-child {
    left: 100%;
    margin-left: 8px
}

.p-solution-container .p-solution>._btns>a._left {
    text-shadow: -80px -16px 10px hsla(0,0%,100%,.14),-36px -46px 16px hsla(0,0%,100%,.07)
}

.p-solution-container .p-solution>._btns>a._left>i:before {
    -webkit-box-shadow: -80px -16px 10px hsla(0,0%,100%,.14),-36px -46px 16px hsla(0,0%,100%,.07);
    box-shadow: -80px -16px 10px hsla(0,0%,100%,.14),-36px -46px 16px hsla(0,0%,100%,.07)
}

.p-solution-container .p-solution>._btns>a._right {
    text-shadow: 80px -16px 10px hsla(0,0%,100%,.14),36px -46px 16px hsla(0,0%,100%,.07)
}

.p-solution-container .p-solution>._btns>a._right>i:before {
    -webkit-box-shadow: 80px -16px 10px hsla(0,0%,100%,.14),36px -46px 16px hsla(0,0%,100%,.07);
    box-shadow: 80px -16px 10px hsla(0,0%,100%,.14),36px -46px 16px hsla(0,0%,100%,.07)
}

.p-solution-container .p-solution>._btns>a:hover._left>i:before {
    -webkit-box-shadow: -80px -16px 10px hsla(0,0%,100%,.14),-36px -46px 16px hsla(0,0%,100%,.07),0 0 9px hsla(0,0%,100%,.9);
    box-shadow: -80px -16px 10px hsla(0,0%,100%,.14),-36px -46px 16px hsla(0,0%,100%,.07),0 0 9px hsla(0,0%,100%,.9)
}

.p-solution-container .p-solution>._btns>a:hover._left>h2 {
    margin-left: 8px
}

.p-solution-container .p-solution>._btns>a:hover._right>i:before {
    -webkit-box-shadow: 80px -16px 10px hsla(0,0%,100%,.14),36px -46px 16px hsla(0,0%,100%,.07),0 0 9px hsla(0,0%,100%,.9);
    box-shadow: 80px -16px 10px hsla(0,0%,100%,.14),36px -46px 16px hsla(0,0%,100%,.07),0 0 9px hsla(0,0%,100%,.9)
}

.p-solution-container .p-solution>._btns>a:hover._right>h2 {
    margin-right: 8px
}

.p-solution-container .p-solution>._btns>a:hover>i {
    -webkit-transform: scale(1.18);
    transform: scale(1.18);
    -ms-transform: scale(1.18)
}

.p-solution-container .p-solution>._btns>a:hover>i:before {
    border-color: hsla(0,0%,100%,.8);
    background-color: hsla(0,0%,100%,0)
}

.p-solution-container .p-solution>._btns>a:hover>i:after {
    content: "";
    position: absolute;
    left: -8px;
    top: -8px;
    width: calc(100% + 8px * 2);
    height: calc(100% + 8px * 2);
    background-image: url(../images/ae9d1139.png),url(../images/ae9d1139.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: .6;
    -webkit-animation: solution_hover 1.8s cubic-bezier(0,0,.03,1.08) infinite;
    animation: solution_hover 1.8s cubic-bezier(0,0,.03,1.08) infinite
}

@-webkit-keyframes solution_hover {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        -ms-transform: rotate(1turn)
    }
}

@keyframes solution_hover {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        -ms-transform: rotate(1turn)
    }
}

.p-solution-container .p-solution ._l0 {
    left: -435px;
    top: -202px
}

.p-solution-container .p-solution ._l1 {
    left: -447px;
    top: -126px
}

.p-solution-container .p-solution ._l2 {
    left: -489px;
    top: -44px
}

.p-solution-container .p-solution ._l3 {
    left: -512px;
    top: 50px
}

.p-solution-container .p-solution ._l4 {
    left: -497px;
    top: 145px
}

.p-solution-container .p-solution ._l5 {
    left: -441px;
    top: 239px
}

.p-solution-container .p-solution ._r0 {
    right: -440px;
    top: -204px
}

.p-solution-container .p-solution ._r1 {
    right: -453px;
    top: -126px
}

.p-solution-container .p-solution ._r2 {
    right: -497px;
    top: -44px
}

.p-solution-container .p-solution ._r3 {
    right: -519px;
    top: 50px
}

.p-solution-container .p-solution ._r4 {
    right: -506px;
    top: 144px
}

.p-solution-container .p-solution ._r5 {
    right: -447px;
    top: 237px
}

.p-solution-container .p-solution ._li0>i:before {
    background-image: url(../images/6bd07489.png),url(../images/6bd07489.png)
}

.p-solution-container .p-solution ._li1>i:before {
    background-image: url(../images/b8818fbc.png),url(../images/b8818fbc.png)
}

.p-solution-container .p-solution ._li2>i:before {
    background-image: url(../images/f304a0d2.png),url(../images/f304a0d2.png)
}

.p-solution-container .p-solution ._li3>i:before {
    background-image: url(../images/04c14fbb.png),url(../images/04c14fbb.png)
}

.p-solution-container .p-solution ._li4>i:before {
    background-image: url(../images/6cb8a5d8.png),url(../images/6cb8a5d8.png)
}

.p-solution-container .p-solution ._li5>i:before {
    background-image: url(../images/89e71cc2.png),url(../images/89e71cc2.png)
}

.p-solution-container .p-solution ._ri0>i:before {
    background-image: url(../images/238827b3.png),url(../images/238827b3.png)
}

.p-solution-container .p-solution ._ri1>i:before {
    background-image: url(../images/09e96fdf.png),url(../images/09e96fdf.png)
}

.p-solution-container .p-solution ._ri2>i:before {
    background-image: url(../images/2d8c7c6d.png),url(../images/2d8c7c6d.png)
}

.p-solution-container .p-solution ._ri3>i:before {
    background-image: url(../images/6cd4ea91.png),url(../images/6cd4ea91.png)
}

.p-solution-container .p-solution ._ri4>i:before {
    background-image: url(../images/b5988823.png),url(../images/b5988823.png)
}

.p-solution-container .p-solution ._ri5>i:before {
    background-image: url(../images/38e98a41.png),url(../images/38e98a41.png)
}

.p-solution-container .p-solution ._docs {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0
}

.p-solution-container .p-solution ._docs._docs-2>i {
    -webkit-animation-delay: 4s!important;
    animation-delay: 4s!important
}

.p-solution-container .p-solution ._docs>i {
    position: absolute;
    top: 64px;
    left: 2px;
    width: 5px;
    height: 5px;
    margin: -2.5px;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 0 6px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
    box-shadow: 0 0 6px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
    will-change: top,left;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -ms-transform: translateZ(0)
}

.p-solution-container .p-solution ._docs>i:first-child {
    -webkit-animation: _doc-1 8s .8s infinite alternate;
    animation: _doc-1 8s .8s infinite alternate
}

@-webkit-keyframes _doc-1 {
    0% {
        top: 64px;
        left: 2px
    }

    33% {
        top: -67px;
        left: 1px
    }

    66% {
        top: -107px;
        left: 80px
    }

    to {
        top: -153px;
        left: -4px
    }
}

@keyframes _doc-1 {
    0% {
        top: 64px;
        left: 2px
    }

    33% {
        top: -67px;
        left: 1px
    }

    66% {
        top: -107px;
        left: 80px
    }

    to {
        top: -153px;
        left: -4px
    }
}

.p-solution-container .p-solution ._docs>i:nth-child(2) {
    -webkit-animation: _doc-2 8s .8s infinite alternate;
    animation: _doc-2 8s .8s infinite alternate
}

@-webkit-keyframes _doc-2 {
    0% {
        top: 64px;
        left: 2px
    }

    33% {
        top: -3px;
        left: 116px
    }

    66% {
        top: 59px;
        left: 200px
    }

    to {
        top: -45px;
        left: 182px
    }
}

@keyframes _doc-2 {
    0% {
        top: 64px;
        left: 2px
    }

    33% {
        top: -3px;
        left: 116px
    }

    66% {
        top: 59px;
        left: 200px
    }

    to {
        top: -45px;
        left: 182px
    }
}

.p-solution-container .p-solution ._docs>i:nth-child(3) {
    -webkit-animation: _doc-3 8s .8s infinite alternate;
    animation: _doc-3 8s .8s infinite alternate
}

@-webkit-keyframes _doc-3 {
    0% {
        top: 64px;
        left: 2px
    }

    33% {
        top: 130px;
        left: 116px
    }

    66% {
        top: 231px;
        left: 82px
    }

    to {
        top: 176px;
        left: 183px
    }
}

@keyframes _doc-3 {
    0% {
        top: 64px;
        left: 2px
    }

    33% {
        top: 130px;
        left: 116px
    }

    66% {
        top: 231px;
        left: 82px
    }

    to {
        top: 176px;
        left: 183px
    }
}

.p-solution-container .p-solution ._docs>i:nth-child(4) {
    -webkit-animation: _doc-4 8s .8s infinite alternate;
    animation: _doc-4 8s .8s infinite alternate
}

@-webkit-keyframes _doc-4 {
    0% {
        top: 64px;
        left: 2px
    }

    33% {
        top: 195px;
        left: 3px
    }

    66% {
        top: 235px;
        left: -80px
    }

    to {
        top: 282px;
        left: 3px
    }
}

@keyframes _doc-4 {
    0% {
        top: 64px;
        left: 2px
    }

    33% {
        top: 195px;
        left: 3px
    }

    66% {
        top: 235px;
        left: -80px
    }

    to {
        top: 282px;
        left: 3px
    }
}

.p-solution-container .p-solution ._docs>i:nth-child(5) {
    -webkit-animation: _doc-5 8s .8s infinite alternate;
    animation: _doc-5 8s .8s infinite alternate
}

@-webkit-keyframes _doc-5 {
    0% {
        top: 64px;
        left: 2px
    }

    33% {
        top: 129px;
        left: -111px
    }

    66% {
        top: 63px;
        left: -194px
    }

    to {
        top: 167px;
        left: -181px
    }
}

@keyframes _doc-5 {
    0% {
        top: 64px;
        left: 2px
    }

    33% {
        top: 129px;
        left: -111px
    }

    66% {
        top: 63px;
        left: -194px
    }

    to {
        top: 167px;
        left: -181px
    }
}

.p-solution-container .p-solution ._docs>i:nth-child(6) {
    -webkit-animation: _doc-6 8s .8s infinite alternate;
    animation: _doc-6 8s .8s infinite alternate
}

@-webkit-keyframes _doc-6 {
    0% {
        top: 64px;
        left: 2px
    }

    33% {
        top: -1px;
        left: -112px
    }

    66% {
        top: -101px;
        left: -85px
    }

    to {
        top: -39px;
        left: -182px
    }
}

@keyframes _doc-6 {
    0% {
        top: 64px;
        left: 2px
    }

    33% {
        top: -1px;
        left: -112px
    }

    66% {
        top: -101px;
        left: -85px
    }

    to {
        top: -39px;
        left: -182px
    }
}

.p-solution-container .p-solution._initial>h2,.p-solution-container .p-solution._initial>h3 {
    opacity: 0!important;
    -webkit-transition: none!important;
    transition: none!important
}

.p-solution-container .p-solution._initial ._earth {
    opacity: 0!important;
    -webkit-transform: scale(0)!important;
    transform: scale(0)!important;
    -ms-transform: scale(0)!important
}

.p-solution-container .p-solution._initial ._bg_line,.p-solution-container .p-solution._initial ._bg_line:after,.p-solution-container .p-solution._initial ._btns {
    opacity: 0!important;
    -webkit-transition: none!important;
    transition: none!important
}

.p-solution-container .p-solution._initial ._btns a {
    text-shadow: none!important;
    -webkit-transition: none!important;
    transition: none!important
}

.p-solution-container .p-solution._initial ._btns a>i:before {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-transition: none!important;
    transition: none!important
}

.p-solution-container .p-solution._initial ._btns a._left {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    -ms-transform: translateX(40px)
}

.p-solution-container .p-solution._initial ._btns a._right {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    -ms-transform: translateX(-40px)
}

.p-solution-container .p-solution._initial ._docs {
    opacity: 0!important;
    -webkit-transition: none!important;
    transition: none!important
}

.p-solution-container .p-solution._initial ._docs>i {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.p-solution-container .p-solution._active>h2,.p-solution-container .p-solution._active>h3 {
    opacity: 1;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

.p-solution-container .p-solution._active ._earth {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transition: all .6s;
    transition: all .6s
}

.p-solution-container .p-solution._active ._bg_line {
    opacity: 1;
    -webkit-transition: opacity .6s .3s;
    transition: opacity .6s .3s
}

.p-solution-container .p-solution._active ._bg_line:after {
    opacity: 1;
    -webkit-transition: opacity .6s .6s;
    transition: opacity .6s .6s
}

.p-solution-container .p-solution._active ._btns {
    opacity: 1;
    -webkit-transition: opacity .6s 1s;
    transition: opacity .6s 1s
}

.p-solution-container .p-solution._active ._btns a {
    -webkit-transition: all .6s linear 1s;
    transition: all .6s linear 1s
}

.p-solution-container .p-solution._active ._btns a>i:before {
    -webkit-transition: all .6s linear 1.3s;
    transition: all .6s linear 1.3s
}

.p-solution-container .p-solution._active ._docs {
    opacity: 1;
    -webkit-transition: opacity .3s 2s;
    transition: opacity .3s 2s
}

.p-banner {
    height: 25.833333333333336vw;
    overflow: hidden;
    background: #373b44;
    position: relative;
    z-index: 999
}

.p-banner>ul {
    height: 100%;
    width: 100%;
    font-size: 0;
    white-space: nowrap;
    text-align: left;
    -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    transition: transform .8s;
    transition: transform .8s,-webkit-transform .8s;
    will-change: transform
}

.p-banner>ul>li {
    float: left;
    height: 100%;
    width: 100%;
    position: relative
}

.p-banner>ul>li:first-child>._asset {
    background: url(../images/a0e9a0d9.jpg) no-repeat 50%;
    background-size: 100% 98%
}

.p-banner>ul>li>._asset {
    height: 100%
}

.p-banner>ul>li>._asset>._img {
    display: block;
    width: 100%;
    height: 100%;
    background:;
}

.p-banner>ul>li>._asset>._mask {
    color: #fff;
    position: absolute;
    width: 100%;
    max-width: 1065px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 5.052083333333333vw 0 0;
    margin: 0 auto
}

.p-banner>ul>li>._asset>._mask>.blue {
    color: #32a8ff
}

.p-banner>ul>li>._asset>._mask>.orange {
    color: #f60
}

.p-banner>ul>li>._asset>._mask>.black {
    color: #292929
}

.p-banner>ul>li>._asset>._mask>h1 {
    height: 60px;
    font-size: 36px
}

.p-banner>ul>li>._asset>._mask>h2 {
    height: 40px;
    font-size: 24px
}

.p-banner>ul>li>._asset>._mask>h3 {
    height: 30px;
    font-size: 14px;
    margin: 0 0 20px
}

.p-banner>ul>li>._asset>._mask>.linkdiv {
    cursor: pointer;
    overflow: hidden
}

.p-banner>ul>li>._asset>._mask>.linkdiv>div {
    display: inline-block;
    font-size: 14px;
    width: 60px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border-bottom: 1px solid;
    border-bottom-color: #f60
}

.p-banner>ul>li>._asset>._mask>.linkdiv img {
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin: 0 0 0 12px
}

.p-banner>ul>li>._main {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.p-banner>ul>li>a[href] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-banner>._dots {
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0
}

.p-banner>._dots>i {
    display: inline-block;
    cursor: pointer;
    height: 2px;
    width: 30px;
    margin: 0 6px;
    background: hsla(0,0%,100%,.6)
}

.p-banner>._dots>i._on {
    background: #fff
}

.p-banner ._ext {
    width: 157px;
    height: 94px;
    position: absolute;
    overflow: hidden;
    right: 100px;
    bottom: 100px;
    background: url(../images/5c2352a9.png) no-repeat
}

.p-banner ._ext>img {
    width: 32px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.p-floor-fixed {
    position: fixed!important;
    top: 0!important;
    color: rgba(41,41,41,.7)!important;
    background: #fff!important
}

.p-floors {
    width: 100%;
    top: 25.833333333333336vw;
    text-align: center;
    color: hsla(0,0%,100%,.6);
    background: rgba(41,41,41,.7);
    z-index: 2000;
    -webkit-box-shadow: 0 -3px 15px 2px rgba(0,0,0,.1);
    box-shadow: 0 -3px 15px 2px rgba(0,0,0,.1)
}

.p-floors,.p-floors>ul {
    height: 56px;
    position: absolute
}

.p-floors>ul {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.p-floors>ul>li {
    float: left;
    height: 56px;
    line-height: 56px;
    padding: 0 14px;
    font-size: 14px;
    cursor: pointer
}

.p-floors>ul>.clicked,.p-floors>ul>li:hover {
    color: #f60
}

.p-videoAndNews {
    height: 420px;
    width: 100%;
    overflow: hidden;
    max-width: 1200px;
    margin: 94px auto 0;
    text-align: center
}

.p-videoAndNews>._news {
    height: 100%;
    margin: 0 auto;
    position: relative
}

.p-videoAndNews>._news>h2 {
    width: 100%;
    text-align: center;
    font-size: 24px;
    margin: 0 0 15px
}

.p-videoAndNews>._news>h2>i {
    display: block;
    font-size: 14px;
    color: #ccc
}

.p-videoAndNews>._news>ul {
    margin: 20px auto;
    padding: 0 0 30px;
    overflow: hidden;
    display: inline-block
}

.p-videoAndNews>._news>ul:after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    display: block;
    visibility: hidden
}

.p-videoAndNews>._news>ul li {
    width: 260px;
    height: 180px;
    font-size: 16px;
    float: left;
    margin: 0 5px;
    position: relative;
    background:;
    text-align: left
}

.p-videoAndNews>._news>ul li>img {
    width: 260px;
    height: 180px;
    position: absolute;
    left: 0;
    z-index: 1
}

.p-videoAndNews>._news>ul li>div {
    height: 100%;
    background: rgba(51,51,51,.6);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    padding: 20px 23px 0;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    position: relative;
    z-index: 2
}

.p-videoAndNews>._news>ul li>div>p {
    margin: 0
}

.p-videoAndNews>._news>ul li>div>a {
    font-size: 12px;
    position: absolute;
    left: 23px;
    bottom: 50px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border-bottom: 1px solid #f60
}

.p-videoAndNews>._news>ul li>div>span {
    font-size: 12px;
    position: absolute;
    right: 23px;
    bottom: 50px
}

.p-videoAndNews>._news>ul li:after {
    width: 100%;
    height: 20px;
    bottom: -20px;
    left: 0;
    background: #f60;
    opacity: 0;
    z-index: 3
}

.p-videoAndNews>._news>ul li:after,.p-videoAndNews>._news>ul li>p {
    position: absolute;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.p-videoAndNews>._news>ul li>p {
    margin: 0;
    left: 10px;
    bottom: 7px;
    font-size: 14px;
    color: #fff;
    max-width: calc(100% - 28px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 1
}

.p-videoAndNews>._news>ul li:hover>div {
    background: rgba(51,51,51,.6);
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out
}

.p-videoAndNews>._news>ul li:hover>div,.p-videoAndNews>._news>ul li:hover>div>a {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    opacity: 1
}

.p-videoAndNews>._news>ul li:hover>div>a {
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.p-videoAndNews>._news>ul li:hover:after {
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    opacity: 1
}

.p-videoAndNews>._news>ul li:hover>p {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0
}

.p-videoAndNews>._news>ul li:after {
    content: "";
    display: table;
    clear: both
}

.p-videoAndNews>._news>a {
    color: #ccc;
    font-size: 12px;
    position: absolute;
    right: 5.3%;
    bottom: 60px
}

.p-videoAndNews>._news>a:hover {
    color: #f60
}

.p-videoAndNews>._news:after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    height: 100px;
    width: 96%
}

.p-city {
    text-align: center;
    max-width: 100%;
    margin: 0px auto 0;
    padding: 0px 0 50px;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.p-city h2 {
    font-size: 24px;
    margin: 50px 0 40px;
    line-height: 30px;
}

.p-city h2>i {
    display: block;
    font-size: 14px;
    color: #666;
    font-style: normal;
}

.p-city ul {
    margin: 16px auto;
    overflow: hidden
}

.p-city li {
    width: 186px;
    height: 142px;
    line-height: 142px;
    margin: 0 11px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    float: left;
    position: relative
}

.p-city li>a {
    z-index: 2
}

.p-city li:after,.p-city li>a {
    width: 186px;
    height: 142px;
    position: absolute;
    left: 0
}

.p-city li a {
    width: 186px;
    height: 142px;
    line-height: 142px;
    margin: 0 11px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
}

.p-city li:after {
    content: "";
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.p-city li:hover:after {
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    background: rgba(255,102,0,.8)
}

.p-city .g_up {
    background: url(../images/21cf2106.png) no-repeat;
    padding: 0 100px 0 350px;
    float: left
}

.p-city .g_up>li:first-child {
    background-image: url(../images/7cb306b2.png)
}

.p-city .g_up>li:nth-child(2) {
    background-image: url(../images/60e456b8.png)
}

.p-city .g_up>li:nth-child(3) {
    background-image: url(../images/8c1d4792.png)
}

.p-city .g_down {
    background: url(../images/f8fec306.png) no-repeat;
    padding: 0 368px 0 90px;
    float: right
}

.p-city .g_down>li:first-child {
    background-image: url(../images/2060c581.png)
}

.p-city .g_down>li:nth-child(2) {
    background-image: url(../images/c5e6b129.png)
}

.p-city .g_down>li:nth-child(3) {
    background-image: url(../images/8cbd6ed8.png)
}

.p-city img {
    width: auto;
    max-width: 100%;
}

.p-core {
    max-width: 1200px;
    margin: 105px auto 0
}

.p-core>hgroup {
    margin-bottom: 36px;
    text-align: center
}

.p-core>hgroup>h2 {
    white-space: nowrap;
    font-size: 24px
}

.p-core>hgroup>h3 {
    margin: 9px auto 0;
    max-width: 1200px;
    width: 90%;
    font-size: 14px;
    color: #999
}

.p-core>._main {
    overflow: hidden
}

.p-core ul {
    margin: 0 28px;
    white-space: nowrap;
    text-align: center;
    font-size: 0;
    color: #858585
}

.p-core ul>li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    white-space: normal;
    font-size: 16px;
    height: 300px;
    width: calc(100% / 4 - 8px);
    max-width: 326px;
    margin: 0 4px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.p-core ul>li>img {
    visibility: hidden
}

.p-core ul>li>div {
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 16%;
    color: inherit!important;
    -webkit-transition: background .3s;
    transition: background .3s;
    position: relative
}

.p-core ul>li>div:before {
    content: "";
    display: block;
    height: 56px;
    margin: 0 auto;
    padding-bottom: 40px;
    background-position: center 6px;
    background-repeat: no-repeat;
    background-size: 69px auto
}

.p-core ul>li>div:before,.p-core ul>li>div>h4 {
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.p-core ul>li>div>h4 {
    color: #333;
    font-size: 20px;
    margin-bottom: 20px
}

.p-core ul>li>div>p {
    text-align: center;
    margin: 0;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.p-core ul>li>div>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-core ul>li:nth-child(4)>div:after {
    content: "";
    position: absolute;
    background: #ffdbc3;
    width: 40px;
    height: 2px;
    border-radius: 1px;
    left: 43%;
    top: 15%
}

.p-core ul>li:hover:first-child >div:before {
    background-image: url(../images/3fc7c1b2.gif)
}

.p-core ul>li:hover:nth-child(2)>div:before {
    background-image: url(../images/31ae8e05.gif)
}

.p-core ul>li:hover:nth-child(3)>div:before {
    background-image: url(../images/7d78276b.gif)
}

.p-core ul>li:hover:nth-child(4)>div:after {
    -webkit-animation: p-law-1 3s .8s linear infinite;
    animation: p-law-1 3s .8s linear infinite
}

@-webkit-keyframes p-law-1 {
    0% {
        top: 15%
    }

    15% {
        top: 19%
    }

    30% {
        top: 15%
    }

    65% {
        top: 8%
    }

    to {
        top: 15%
    }
}

@keyframes p-law-1 {
    0% {
        top: 15%
    }

    15% {
        top: 19%
    }

    30% {
        top: 15%
    }

    65% {
        top: 8%
    }

    to {
        top: 15%
    }
}

.p-core ul>li:first-child >div:before {
    background-image: url(../images/626cecc4.png)
}

.p-core ul>li:nth-child(2)>div:before {
    background-image: url(../images/1c5f65d9.png)
}

.p-core ul>li:nth-child(3)>div:before {
    background-image: url(../images/bafef354.png)
}

.p-core ul>li:nth-child(4)>div:before {
    background-image: url(../images/c0c42ab2.png)
}

.p-case {
    max-width: 1200px;
    margin: 105px auto 80px;
    text-align: center
}

.p-case>h2 {
    font-size: 24px;
    text-align: center;
    color: #000;
    margin: 40px 0
}

.p-case>h2>i {
    display: block;
    font-size: 14px;
    color: #666
}

.p-case>ul {
    margin: 0 auto;
    overflow: hidden;
    display: inline-block
}

.p-case>ul:after {
    content: "";
    clear: both
}

.p-case>ul>li {
    width: 240px;
    height: 294px;
    margin: 0 11px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    float: left;
    position: relative;
    overflow: hidden
}

.p-case>ul>li>a {
    width: 240px;
    height: 294px;
    position: absolute;
    left: 0;
    z-index: 2
}

.p-case>ul>li>a>h2 {
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin: 50px 0 10px
}

.p-case>ul>li>a>h2>i {
    display: block
}

.p-case>ul>li>a>p {
    font-size: 14px;
    padding: 0 30px;
    text-align: center;
    opacity: 0
}

.p-case>ul>li:after,.p-case>ul>li>a>p {
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.p-case>ul>li:after {
    width: 240px;
    height: 294px;
    content: "";
    left: 0;
    position: absolute
}

.p-case>ul>li:hover>a>p {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 1
}

.p-case>ul>li:hover:after {
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    background: rgba(255,102,0,.8)
}

.p-case>ul>li:first-child {
    background-image: url(../images/1892dd39.png)
}

.p-case>ul>li:nth-child(2) {
    background-image: url(../images/bd409b1a.png)
}

.p-case>ul>li:nth-child(3) {
    background-image: url(../images/9173d445.png)
}

.p-case>ul>li:nth-child(4) {
    background-image: url(../images/de832b19.png)
}

.p-case>ul>a {
    color: #666;
    font-size: 12px;
    position: absolute;
    right: 10px;
    bottom: -53px
}

.p-icoList-container {
    width: 100%;
    background: rgba(0,0,0,.02);
    padding: 0px 0 50px;
}

.p-icoList-container .p-icoList {
    max-width: 1200px;
    margin: 0 auto;
}

.p-icoList-container .p-icoList>h2 {
    font-size: 24px;
    text-align: center;
    padding: 60px 0 30px;
    font-weight: normal;
}

.c-icoList {
    width: 100%;
    max-width: 960px;
    margin-left: auto!important;
    margin-right: auto!important;
    font-size: 0;
    text-align: center;
    margin: 0 auto;
    padding: 0px 100px 0px;
}

.c-icoList>li {
    display: inline-block;
    width: 25%;
    height: 138px;
    overflow: hidden;
    line-height: 108px;
    margin: 0px 0px;
}

.c-icoList>li>a {
    display: block;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.c-icoList>li>a>img {
    vertical-align: middle;
    max-width: 90%;
    max-height: 100px;
    border: 0px solid #f1f1f1;
}

.c-icoList>li>a>span {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.c-icoList>li>a:hover {
    text-decoration: none;
}

.p-city h2 {
    font-size: 24px;
    margin: 30px 0 20px;
    font-weight: normal;
}

.p-logoList-container {
    width: 100%;
    background: rgba(0,0,0,.02);
    padding: 0px 0 50px;
}

.p-logoList-container .p-logoList {
    max-width: 1200px;
    margin: 0 auto;
}

.p-logoList-container .p-logoList>h2 {
    font-size: 24px;
    text-align: center;
    padding: 40px 0 30px
}

.g-box {
    width: 90%;
    max-width: 1200px;
    margin-left: auto!important;
    margin-right: auto!important;
}

.c-logoList {
    max-width: 946px;
    font-size: 0;
    text-align: center;
    margin: 0 auto;
}

.c-logoList>li {
    display: inline-block;
    width: 160px;
    height: 108px;
    overflow: hidden;
    line-height: 108px;
    margin: 10px 6px;
}

.c-logoList>li>a {
    display: block;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

.c-logoList>li>a>img {
    vertical-align: middle;
    max-width: 60%;
    max-height: 60%;
    border: 0px solid #f1f1f1;
}

.c-logoList>li>a>span {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #f5f5f5;
}

.c-logoList>li>a:hover {
    text-decoration: none;
}

.p-brandStory-container {
    width: 100%;
    background: rgba(0,0,0,.02);
    overflow: hidden;
    padding-bottom: 50px;
}

.p-brandStory-container .p-brandStory {
    max-width: 1200px;
    margin: 55px auto 0;
    position: relative;
    overflow: hidden;
    background: #fff
}

.p-brandStory-container .p-brandStory>h2 {
    position: relative;
    font-size: 24px;
    height: 120px;
    line-height: 120px;
    text-align: center
}

.p-brandStory-container .p-brandStory>div {
    position: relative;
    background: #fff
}

.p-brandStory-num {
    white-space: nowrap;
    text-align: center;
    font-size: 0;
    line-height: 1.3;
    padding: 0 8% 60px;
    color: #f60
}

.p-brandStory-num>li {
    width: 25%;
    display: inline-block;
    vertical-align: bottom
}

.p-brandStory-num>li>i {
    display: inline-block;
    color: #f60;
    font-style: normal;
}

.p-brandStory-num ._no {
    font-size: 20px
}

.p-brandStory-num ._val {
    font-size: 60px
}

.p-brandStory-num ._unit {
    font-size: 20px
}

.p-brandStory-num ._com {
    font-size: 60px
}

.p-brandStory-num span {
    display: block;
    font-size: 16px;
    text-align: center;
    color: #333
}

.p-brandStory-about {
    height: 262px;
    margin: 0 8% 130px
}

.p-brandStory-about>img {
    float: left;
    width: 279px;
    height: 100%;
    background:;
}

.p-brandStory-about>ul {
    float: right;
    width: calc(100% - 279px - 26px);
    height: 100%;
    position: relative
}

.p-brandStory-about li {
    float: left
}

.p-brandStory-about li:first-child {
    margin-right: 36px
}

.p-brandStory-about li>h2 {
    height: 50px;
    line-height: 40px;
    font-size: 22px;
    cursor: default;
    color: #ccc;
    margin-top: 0;
    -webkit-transition: color .3s;
    transition: color .3s
}

.p-brandStory-about li>h2:after {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    background: #f60;
    -webkit-transition: all .3s;
    transition: all .3s
}

.p-brandStory-about li>div {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 66px);
    text-align: right
}

.p-brandStory-about li>div>p {
    font-size: 12px;
    line-height: 22px;
    max-height: 150px;
    margin: 0 0 22px;
    text-align: left;
    text-align: justify;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.p-brandStory-about li._on>h2 {
    color: #f60
}

.p-brandStory-about li._on>h2:after {
    width: 30px
}

.p-brandStory-about li._on>div {
    display: block
}

.p-core .g-enterView-initial {
    -webkit-transform: translate3d(46px,0,0);
    transform: translate3d(46px,0,0);
    -ms-transform: translate3d(46px,0,0)
}

.p-case .g-enterView-initial {
    -webkit-transform: translate3d(-46px,0,0);
    transform: translate3d(-46px,0,0);
    -ms-transform: translate3d(-46px,0,0)
}

.g_up.g-enterView-initial {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0)
}

.g_down.g-enterView-initial {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0)
}

.p-brandStory-num .g-enterView-initial {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
    -ms-transform: translate3d(0,-10px,0)
}

.c-b-video {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999999;
    background: rgba(0,0,0,.8);
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.c-b-video._videoEnd {
    opacity: 0;
    width: 0;
    height: 0
}

.c-b-video>video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    max-width: calc(100% - 180px);
    max-height: 90%;
    background:;
}

.flag {
    text-align: center;
}

.flag h3 {
    margin: 30px 0 10px;
}

.letter-spacing .thumbnail {
    text-align: center;
}

.letter-spacing .thumbnail img {
    width: auto;
    max-width: 480px;
}

.online-fixed {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 99999999;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    border: 0px solid #e0e0e0;
}

.online-fixed>div {
    width: 60px;
    height: 60px;
    position: relative;
    border: 1px solid #e0e0e0;
    margin-top: 10px;
}

.online-fixed>div:first-child {
    /* border-top:none; */
}

.online-fixed>div>a {
    display: block;
    padding: 10px 0 0 0;
    width: 100%;
    height: 100%;
    background: #9a9a9a;
    text-decoration: none;
}

.online-fixed>div>a>img {
    display: block;
    margin: 0 auto;
}

.online-fixed>div>a>img:nth-child(1) {
}

.online-fixed>div>a>img:nth-child(2) {
    display: none;
}

.online-fixed>div>a>span {
    font-size: 12px;
    color: #fff;
    display: block;
    text-align: center;
}

.online-fixed>div>a:hover {
    background: #00c1de;
}

.online-fixed>div>a:hover>img:nth-child(1) {
    display: none;
}

.online-fixed>div>a:hover>img:nth-child(2) {
    display: block;
}

.online-fixed>div>a:hover>span {
    color: #fff;
}

.online-phone {
    position: absolute;
    display: none;
    top: 0;
    right: 100%;
    background: #fff;
    width: 220px;
    height: 58px;
    overflow: hidden;
    background: #00c1de;
    color: #fff;
    line-height: 58px;
    text-align: center;
}

.online-phone i {
    margin-right: 5px;
    font-size: 25px;
}

.online-phone b {
    font-size: 20px;
}

.online-fixed>div:hover>.online-phone {
    display: block;
}

.online-weixin {
    position: absolute;
    display: none;
    top: -141px;
    right: 100%;
    background: #fff;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.online-fixed>div:hover>.online-weixin {
    display: block;
}

.online-weixin img {
    position: relative;
    width: 130px;
    height: 130px;
    display: block;
    margin: 20px auto 0 auto;
}

.online-weixin font {
    display: block;
    text-align: center;
}

@media (max-width: 992px) {
    .proGrid .proItem {
        margin-bottom: 20px;
        height: auto;
    }

    .tagCould {
        display: none;
    }

    .letter-spacing table {
        width: 100%;
    }

    .p-icoList-container {
        display: ;
        padding-bottom: 10px;
    }

    .p-solution-container {
        display: ;
    }

    .p-brandStory-container {
        display: ;
        padding-bottom: 10px;
    }

    .p-city {
        display: ;
    }
    .p-city h2 {
    font-size: 16px;
}

    .p-logoList-container {
        display: ;
        padding-bottom: 30px;
    }

    .container.flag {
        display: ;
    }

    .p-icoList-container .p-icoList>h2 {
        font-size: 16px;
        text-align: center;
        padding: 30px 0 10px;
    }

    .c-icoList {
        width: 100%;
        max-width: 100%;
        margin-left: auto!important;
        margin-right: auto!important;
        font-size: 0;
        text-align: center;
        margin: 0 auto;
        padding: 0px 10px 0px;
    }

    .c-icoList>li {
        display: inline-block;
        width: 25%;
        height: auto;
        overflow: hidden;
        line-height: 30px;
        margin: 0px 0px 20px;
    }

    .p-brandStory-container .p-brandStory {
        max-width: 100%;
        margin: 0px auto 0;
        position: relative;
        overflow: hidden;
        background: #fff;
    }

    .p-brandStory-container .p-brandStory>h2 {
        position: relative;
        font-size: 16px;
        height: auto;
        line-height: 40px;
        text-align: center;
    }

    .p-brandStory-num {
        white-space: nowrap;
        text-align: center;
        font-size: 0;
        line-height: 1.3;
        padding: 0 0 30px;
        color: #f60;
    }

    .p-brandStory-num>li {
        width: 25%;
        display: inline-block;
        padding: 0 5px;
        vertical-align: top;
        overflow: hidden;
    }

    .p-brandStory-num ._val {
        font-size: 16px;
    }

    .p-brandStory-num ._no {
        font-size: 12px;
    }

    .p-brandStory-num span {
        display: block;
        font-size: 12px;
        text-align: center;
        color: #333;
        width: 100%;
        height: auto;
        white-space: normal;
    }

    .p-brandStory-about {
        width: 100%;
        height: auto;
        margin: 0 0 130px;
        float: left;
    }

    .p-brandStory-about img {
        width: 30%;
    }

    .p-brandStory-about ul {
        width: 68%;
        float: right;
    }

    .p-brandStory-about li:first-child {
        margin-right: 20px;
    }

    .p-brandStory-about li>h2 {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        cursor: default;
        color: #ccc;
        margin-top: -5px;
        -webkit-transition: color .3s;
        transition: color .3s;
    }

    .p-logoList-container .p-logoList>h2 {
        font-size: 16px;
        text-align: center;
        padding: 30px 0 10px;
    }

    .c-logoList>li {
        display: inline-block;
        width: 33.33%;
        padding: 0 5px;
        height: 60px;
        overflow: hidden;
        line-height: 60px;
        margin: 10px 0 0;
    }
}

.btnav {
    display: none;
}

#search .letter-spacing {
    letter-spacing: 0px;
    padding: 10px 15px;
}


@media (max-width: 767px) {
    body {
        padding-bottom:50px;
    }

    .online-fixed {
        display: none;
    }

    .btnav {
        display: block;
        width: 100%;
        background: #9a9a9a;
        height: 50px;
        position: fixed;
        bottom: 0;
        border-top: 1px solid #999;
        overflow: visible;
    }

    .btnav ul li {
        width: 33.33%;
        float: left;
        text-align: center;
        border-right: 1px dotted #ddd
    }

    .btnav ul li:last-child {
        border-right: 0;
    }

    .btnav .wxewm {
        position: absolute;
        width: 100%;
        height: 300px;
        bottom: 50px;
        background: #fff;
        text-align: center;
        display: none;
    }

    .btnav .wxewm img {
        width: 200px;
        height: 200px;
        margin: 50px 0;
    }

    .btnav .wxewm a {
        display: block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        font-weight: normal;
        position: absolute;
        right: 0;
        top: 0;
        font-family: 'Arial';
        text-decoration: none;
        color: #f00;
    }

    .btnav ul li a {
        color: #fff;
        padding: 0 5px;
        position: relative;
    }

    .btnav ul li a b {
        display: inline-block;
        width: auto;
        height: 50px;
        line-height: 50px;
        padding-left: 30px;
        position: relative;
        font-size: 14px;
        font-weight: normal;
        color:#fff;
    }

    .btnav ul li a i {
        display: inline-block;
        position: absolute;
        width: 30px;
        height: 50px;
        line-height: 50px;
        left: 0;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
    }

    .btnav ul li.call a i {
        background-image: url(../images/right_pic1_w.png);
    }

    .btnav ul li.chat a i {
        background-image: url(../images/right_pic7_w.png);
    }

    .btnav ul li.code a i {
        background-image: url(../images/right_pic2_w.png);
    }

    .btnav ul li.navi a i {
        background-image: url(../images/i_map.png);
    }




.p-icoList,.p-city,.p-logoList,.p-logoList-container{
        display: none;
}


}


.map-menu {
    padding: 20px 40px;
    border: 1px solid #ddd;
}

.map-menu li {
    padding: 10px 0;
}

.map-menu li strong {
    display: inline-block;
    line-height: 30px;
}

.map-menu li .son-nav {
    padding-left: 15px;
}

.map-menu li b {
    display: inline-block;
    line-height: 30px;
    margin-right: 10px;
}

.map-menu li span a {
    display: inline-block;
    margin-right: 10px;
}

#idxarc .inbnr,#listarc .inbnr,#viewarc .inbnr,#solarc .inbnr,#search .inbnr {
    display: none;
}