/*初始统一默认样式*/
*
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: Arial,'Microsoft YaHei','宋体';
    list-style: none;
    border: none;
    color: #333;
    text-decoration: none;
}
.download-center-detail a span,.service-content a span{
color: inherit;
}
/*layer样式修改*/
.layui-layer-msg .layui-layer-content{
  color: #fff;
}
/*解决联系我们页面保存后a标签自动套了了p标签的问题*/
.pagination > >li:first-child >p> a, .pagination > li:first-child >p> span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > li >p> a, .pagination > li >p> span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li {
    display: inline-block !important;
}
/*layer结束*/
div{
  word-break: break-all;
}
.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-3.png) no-repeat left center;
                height:78px;
                transition: height 0.5s;
                -webkit-transition: height 0.5s;
                background-size: 200px;
            }

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

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

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

                    .header .header-warp .main-nav .main-menu > li:last-child
                    {
                        margin-right: 10px;
                        
                    }
                    .header .header-warp .main-nav .main-menu > li:first-child
                    {
                        width:5%;
                        
                    }

                    .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
    {
        padding: 4px 15px;
        border: 1px solid #DDD;
        border-radius: 5px;
        margin-left:20px !important;
        height: 24px !important;
        
    }
        .header .global a
        {
            text-decoration:none;
            color:#444;
        }
.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);
                  position: absolute;
  left: 50%; /* 先定位到屏幕50%位置 */
  transform: translateX(-40%); /* 再向左回退自身宽度的50% */
  width: 80vw; /* 控制下拉宽度（视口百分比） */
  max-width: 1200px; /* 最大宽度限制 */
  top: 100%; /* 从主菜单下方展开 */
  
  /* 样式增强 */
  background: white;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  padding: 20px;
  display: none; /* 默认隐藏 */
  z-index: 1000;
            }

                 /* 视频监控下拉菜单 */
                .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;
}


.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_mobile.png) no-repeat center center;
        background-size: 70%;
    }
    .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: 360px;
        overflow: hidden;
        -webkit-transition: height ease-out 0.5s;
        transition: height ease-out 0.5s;
    }
    .header .mobile-menu dl {
        margin-bottom: 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:10px 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 .bg-wrap {
        background-size: auto 100%;
    }
    .home .news .thumb {
        width: 35%;
        float: left;
    }
    .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;
        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%;
        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;*/
    }
    .home .news .first-item {
        margin-right: 20px;
    }

    .home .news .second-item {
        margin-right: 10px;
        margin-left: 10px;
    }

    .home .news .third-item {
        margin-left: 20px;
    }
    .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;
}
.main-menu .sub-nav .spjk-content .row .raw > div {
    float: right;
  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
{
    padding: 0;
}


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

/**************************************************************
    除首页外，下拉导航部分
**************************************************************/
.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;
    }

        .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,.service-content table{
    border: 1px solid #DDD;
}
.tab-detail .pro-pane table td p,.service-content table td p{
    margin:0 5px;
    word-break: break-all;
    white-space: pre-wrap;
}
.tab-detail .pro-pane table td,.service-content 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
        {
            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: 16.66666666%;
    }

    .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/solution_gg.png);
}
.solution-gg-icon:hover {
    background-image: url(../images/solution_gg_hover.png);
}
.solution-jcy-icon {
    background-image: url(../images/solution_jcy.png);
}
.solution-jcy-icon:hover {
    background-image: url(../images/solution_jcy_hover.png);
}
.solution-fy-icon {
    background-image: url(../images/solution_fy.png);
}

.solution-fy-icon:hover {
    background-image: url(../images/solution_fy_hover.png);
}
.solution-jy-icon {
    background-image: url(../images/solution_jy.png);
}
.solution-jy-icon:hover {
    background-image: url(../images/solution_jy_hover.png);
}
.solution-jt-icon {
    background-image: url(../images/solution_jt.png);
}
.solution-jt-icon:hover {
    background-image: url(../images/solution_jt_hover.png);
}
.solution-yl-icon {
    background-image: url(../images/solution_yl.png);
}
.solution-yl-icon:hover {
    background-image: url(../images/solution_yl_hover.png);
}
.solution-jg-icon {
    background-image: url(../images/solution_jg.png);
}
.solution-jg-icon:hover {
    background-image: url(../images/solution_jg_hover.png);
}
.solution-ls-icon {
    background-image: url(../images/solution_ls.png);
}
.solution-ls-icon:hover {
    background-image: url(../images/solution_ls_hover.png);
}
.solution-jz-icon {
    background-image: url(../images/solution_jz.png);
}
.solution-jz-icon:hover {
    background-image: url(../images/solution_jz_hover.png);
}
.solution-other-icon {
    background-image: url(../images/solution_other.png);
}
.solution-other-icon:hover {
    background-image: url(../images/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/solution_gg_hover.png);
}
.solution-top-jcy-icon {
    background-image: url(../images/solution_jcy_hover.png);
}
.solution-top-fy-icon {
    background-image: url(../images/solution_fy_hover.png);
}
.solution-top-yingji-icon {
    background-image: url(../images/solution_yingji_hover.png);
}
.solution-top-jy-icon {
    background-image: url(../images/solution_jy_hover.png);
}
.solution-top-jwjw-icon {
    background-image: url(../images/jwjw.png);
}
.solution-top-sf-icon {
    background-image: url(../images/sf.png);
}
.solution-top-jt-icon {
    background-image: url(../images/solution_jt_hover.png);
}
.solution-top-yl-icon {
    background-image: url(../images/solution_yl_hover.png);
}
.solution-top-jg-icon {
    background-image: url(../images/solution_jg_hover.png);
}
.solution-top-ls-icon {
    background-image: url(../images/solution_ls_hover.png);
}
.solution-top-jz-icon {
    background-image: url(../images/solution_jz_hover.png);
}
.solution-top-other-icon {
    background-image: url(../images/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;
}

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

.solution figure img
{
    position: relative;
    display: block;
    /*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;
    }
.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,.contact .addressList h3 div
{
    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 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;
                color: white;
            }

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

.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;
}
.letter-spacing {
    letter-spacing: 0.5px;
}
.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;
	}
       .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;
    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;
        }
}