/*初始统一默认样式*/
*
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    list-style: none;
    border: none;
    color: #333;
    text-decoration: none;
}
* a:focus{
    hide-focus: expression(this.hideFocus=true) !important;  
　　outline: none!importanet; 
}
/* https://www.kedacom.com/en/solutions/662.jhtml 解决这个页面换行问题 */
.solution .detail li p{
display:inline-block
}

html, body {
 font-family: "Arial" !important;
 font-size:12px;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: #BBB;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #BBB;
    opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #BBB;
    opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #BBB;
}
.red{
color:#f00
}
/*layer样式修改*/
.layui-layer-msg .layui-layer-content{
  color: #fff;
}
/*layer结束*/

.col-md-nav{
    width: 100%;
    float: left;
   padding-right: 15px;
  padding-left: 15px;
}
.col-md-log{
    width: 100%;
    float: left;
  padding-right: 15px;
  padding-left: 15px;
}
.col-md-log h4 a:hover{
 cursor:default;
}
@media (min-width:414px) {
    .col-md-nav{
       width: 100%;
        float: left;
    }
    .col-md-log{
        width: 100%;
        float: left;
    }
}
@media (min-width:768px) {
    .col-md-nav{
        width: 33.333%;
        float: left;
    }
    .col-md-log{
        width: 33.333%;
        float: left;
    }
}

@media (min-width:992px) {
      .col-md-nav{
        width: 20%;
        float: left;
    }
    .col-md-log{
        width: 100%;
        float: left;
    }

}
@media (min-width:1200px) {

    .col-md-nav{
        width: 20%;
        float: left;
    }
    .col-md-log{
        width: 20%;
        float: left;
    }
}

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

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

        .header .header-top dl dd
        {
            display: inline-block;
            margin: 0;
            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-top .dropdown .caret{
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #999;
margin-left:0
}
    .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_blue.png) no-repeat left center;
                height:78px;
                transition: height 0.5s;
                -webkit-transition: height 0.5s;
            }
            .header .header-warp .logo a:focus
            {
              outline:none;
            }
        .header .header-warp .main-nav
        {
            float: right;
            width: 80%;
        }

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

                .header .header-warp .main-nav .main-menu > li
                {
                    display: inline-block;
                    padding-right: 30px;
                    margin: 0;
                }
                .header .header-warp .main-nav .main-menu > li:last-child
                {
                    padding-right: 0;
                }

                    .header .header-warp .main-nav .main-menu > li > a
                    {
                        font-size: 14px;
                        color: #333;
                        display: block;
                        line-height: 44px;
                        height: 44px;
                        text-decoration: none;
　                      outline: none!importanet;  /* for firefox 1.5 + */
                        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: #008bca;
}
.header .header-warp .main-nav .main-menu > li > a:focus {
    outline:none;
}

    .header .global
    {
        padding:5px 15px;
	border-radius: 5px;
	/*border-radius: 15px;*/
        
    }
        .header .global a
        {
            text-decoration:none;
            hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
　　        outline: none;  /* for firefox 1.5 + */
            color:#666;
        }
.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;
            background-image: url(../images/logo_blue_fixed.png);
        }

    .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-top: 10px;
                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: 650px;
                    
                }
				.sub-nav .solution {
					
				}
            /* 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
        {
            color: #666;
            text-decoration: none;
            hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
　　        outline: none;  /* for firefox 1.5 + */
            font-size: 14px;
            white-space: nowrap;
            font-family:Arial;
        }
        .main-menu .sub-nav h5 a:focus
        {
            outline:none;
        }
        .main-menu .sub-nav dl dd a, .menu-icon .sub-nav dl dd a
        {
            color: #333;
            text-decoration: none;
            hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
　　        outline: none;  /* for firefox 1.5 + */
            transition: all 0.3s ease-in;
            -webkit-transition: all 0.3s ease-in;
            display: block;
        }
		.main-menu .sub-nav dl dd a{
			font-size: 12px;
			white-space: nowrap;
			color:#008BCA;
                        padding-left: 5px;
                        font-family:Arial;
		}
            .main-menu .sub-nav dl dd a:hover, .menu-icon .sub-nav dl dd a:hover
            {
                color: #008bca;
                background-color: #eee;
                border-radius: 2px;
            }
            .main-menu .sub-nav dl dd a:focus, .menu-icon .sub-nav dl dd a:focus
            {
                outline:none;
            }
        .header-top .dropdown .dropIcon
        {
            display: block;
            height: 26px;
            width: 26px;
        }

        .header-top .open
        {
        }

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

        .header-top .hotline li a
        {
            padding: 3px 10px;
            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 > div
{
    text-align: left;
    height: 60px;
    line-height: 60px;
    padding-left: 0;
    padding-right: 0;
}
footer table {
    table-layout: fixed;
    height: 100%;
    float: right;
}
footer table tr td a {
    text-decoration: none;
    hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
　　outline: none;  /* for firefox 1.5 + */
}
.sns .col-xs-2,.sns .col-sm-2 ,.sns col-md-2 ,.sns col-lg-2{
padding-left:2px;
padding-right:2px;
}
.sns .col-xs-3,.sns .col-sm-3,.sns col-md-3,.sns col-lg-3{
padding-left:6px;
padding-right:6px;
}
.sns span {
    display: block;
   
    width: 36px; height:36px;
    border-radius: 36px;
    
    cursor: pointer;
    background-image: url(../images/ico.png);
    background-repeat: no-repeat;

}

.sns span:hover {
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
   opacity: 0.6;
}
.side-bar span{
    display: block;
    width: 30px; height:30px;
    border-radius: 30px;
    background-color:#DDD;
    cursor: pointer;
    background-image: url(../images/ico.png);
    background-repeat: no-repeat;
}
.side-bar {width: 30px;position: fixed;top:68%;right: 15px;font-size: 0;line-height: 0;z-index: 100;}
.side-bar a {width: 30px;height: 30px;display: inline-block;background-color: #ddd;margin-bottom: 2px;border-radius:30px;margin-top:10px;}
.side-bar a:hover {background-color: #669fdd;}

span.f-icon {
    background-position: center -84px;
    background-color: #507cbe;
}
span.g-icon {
    background-position: center -114px;
    background-color: #4d4f54;
}
span.in-icon {
    background-position: center -144px;
    background-color: #90cadd;
}
span.share-icon {
    background-position: center -174px;
    background-color:#d2323c;
}
span.peace-icon {
    background-position: center -204px;
    background-color: #63cdf1;
}
span.t-icon {
    background-position: center -234px;
    background-color: #f16261;
}
.nav-pills > li > a {
 color:#008BCA !important;
outline:none;
}
.nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus {
    color: #fff !important;
    background-color: #008BCA !important;
    outline:none !important;
}

.slider li
{
    height: 500px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.menu-icon {
    display:none;
     position:relative;
     width:20px;
     height:20px;
    float:right;
    margin-top: 5px;cursor:pointer;
}
.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:#CCC;border-radius: 10px;
}
.menu-icon::before {
    top:0;
}
.menu-icon::after{
    bottom:0;
}
.menu-icon i {
    top: 50%;
    margin-top: -1px;
}
.menu-icon .sub-nav {
    position: absolute;right:0;top:100%;margin-top:3px;
}
.menu-icon .sub-nav .other {
    width: 140px;
}
 .menu-icon .sub-nav .sub-warp dl dd
        {
            line-height: 35px;
            text-align: center;
        }
 .menu-icon .sub-nav .sub-warp dl dd a
        {
            font-size: 16px;
            line-height: 35px;
            text-align: center;
        }
.bottom-nav .col-md-s h4 .link-icon, .bottom-nav .col-md-l h4 .link-icon {
    display: none;
}

@media (max-width: 767px){
    .slider li, .subSlider li {
        height: 200px !important;
    }
    .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_blue_mobile.png) no-repeat left center;
        background-size: 80%;
    }
    .header .header-top {
        display: none;
    }
    .header .container {
        padding-right:15px !important;
        padding-left:15px !important;
    }
    .header .menu-icon {
        display: block;
        margin-top: 15px;
    }
    .header .header-warp .main-nav {
        width: 50%;
    }
    .header .header-warp .logo {
        width: 50%;
    }
    .header .header-top dl dd:nth-child(1),.header .header-top dl dd:nth-child(2) {
        display: none;
    }
    .pro-pane .table-title table {
        /*table-layout: fixed;
        width: 100% !important;*/
    }
    .pro-pane table tr td:first-child {
        width: 30% !important;
    }
    .pro-pane table tr td:last-child {
        width: 70% !important;
    }
    .pro-pane p img {
        width: 100% !important;
        height: auto !important;
    }
    .pro-pane .thumbnail {
        margin-bottom: 10px;
    }
    a:active, a:visited {
        text-decoration: none;
        hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
　　    outline: none;  /* for firefox 1.5 + */
    }
    .bottom-nav {
        margin:10px auto !important;
        padding-top:10px !important;
        padding-bottom:10px !important;
    }
    .bottom-nav .col-md-s, .bottom-nav .col-md-l {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: 1px solid #EEE;
    }
    .bottom-nav .col-md-s:last-child, .bottom-nav .col-md-l:last-child {
        border-bottom: none;
    }
    .bottom-nav .col-md-s h4, .bottom-nav .col-md-l h4 {
        margin: 0;
    }
    .bottom-nav .col-md-s dl, .bottom-nav .col-md-l .row {
       display: none;
    }
    .bottom-nav .col-md-s h4 a, .bottom-nav .col-md-l h4 a {
        display: block;
        padding: 15px 0;
    }
    .bottom-nav .col-md-s h4 .link-icon, .bottom-nav .col-md-l h4 .link-icon {
        display: block;
        float: right;
        padding: 15px 0;
        width: 30px;
        background-repeat: no-repeat;
        background-position: right -42px;
        background-image: url(../images/ico.png);
    }
    .iconLinks .item {
        padding-top:10px;
        padding-bottom: 10px;
    }
    .iconLinks .item h2 {
        margin-top: 10px;
    }
    .home .news .row .col-sm-4 {
        padding-top: 10px !important;
    }
    .home .news .row .col-sm-4:first-child {
        padding-top: 0 !important;
    }
    .home .bg-wrap {
        background-size: auto 100%;
    }
    .home .news .row .col-sm-4 {
        margin-top: 10px;
    }
    .transition-wrap div {display: none !important;}
    .transition-wrap {
        width: 50% !important;
        top: 30% !important;
    }
    .article .img-container, div.jqcloud, div.jqcloud1 {
        display: none;
    }
    .link-container .col-sm-4, .about .iconLinks .col-sm-3 {
        width: 50%; float:left;position:relative;border-right: 1px solid #DDD !important;
    }
    .link-container .col-sm-4:nth-of-type(1), .about .iconLinks .col-sm-3:nth-of-type(1), .service .iconLinks .col-sm-4:nth-of-type(1),
     .link-container .col-sm-4:nth-of-type(2), .about .iconLinks .col-sm-3:nth-of-type(2), .service .iconLinks .col-sm-4:nth-of-type(2){
        border-bottom:1px solid #DDD;
    }    
    .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 -15px !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 {
        border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }
    .service .iconLinks .col-sm-4 {
        width: 50%; float:left;
    }
    .service .iconLinks .item h2 {
        font-size: 20px;
    }
    .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;*/
    }
    .p-d .info h2 {
        margin-top: 0;margin-bottom: 5px;
    }
    .p-d a:hover {
        text-decoration: none;
        hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
　　    outline: none;  /* for firefox 1.5 + */
    }
    /*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;
    }

    .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 {
        padding: 0 !important;
    }
    .partner .link-container .row, .partner .link-container .row .item {
        margin: 0 !important;
    }
    footer table {
        display: none;
    }
    footer i {
        display: block;
        width: 100%;
        text-align: center;
    }
}
.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  .news-item dl, .home .news .events-items  {
	 
}
.home .news .events-items .col-sm-6, .home .news .events-items .events-item {
    height: 100%;
}
.home .news .events-items .events-item {
    padding-top:10px;
    border-top: 1px solid #EEE;

}
.home .news .news-item {
    margin-right: 20px;
    border-bottom: 1px solid #EEE;
}
.home .news .col-sm-8 .news-events-top, .home .news .events-item {
    margin-right: 20px;
    margin-left: 20px;
}
.home .news .events-items .col-sm-6:last-child .events-item {
    margin-right: 0;
}
.home .news  .news-events-top {
    position: relative;
}
.home .news  .news-events-top h2 {
    display: inline-block;
    margin: 0;
    padding-bottom: 10px;
    font-weight: 100; 
    color:#008BCA;
    border-bottom: 2px solid #008BCA;
   font-size:16px;
}
.home .news .news-events-top .news-more {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    width: 60px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    text-indent: -10px;
    color: #008BCA;
    border: 1px solid #008BCA;
    border-radius: 25px;
    cursor: pointer;
}
.home .news .news-events-top .news-more i {
    position: absolute;
    top: 50%; right: 8px;
    width: 7px; height: 1px;
    background-color: #009BE1;
}
.home .news .news-events-top .news-more i:before, .home .news .news-events-top .news-more i:after {
    content: '';
    position: absolute;
    background-color: #009BE1;
    height: 4px; width: 1px;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
.home .news .news-events-top .news-more i:before {
    left: 3px; bottom: 0;
}
.home .news .news-events-top .news-more i:after {
    left: 3px; top: 0;
}
.home .news .news-events-top .news-more:hover i:before {
    -webkit-transform: rotate(-45deg) translate(1px, 0);
    -ms-transform: rotate(-45deg) translate(1px, 0);
    transform: rotate(-45deg) translate(1px, 0);
}
.home .news .news-events-top .news-more:hover i:after {
    -webkit-transform: rotate(45deg) translate(1px, 0);
    -ms-transform: rotate(45deg) translate(1px, 0);
    transform: rotate(45deg) translate(1px, 0);
}

.home .news .news-item dl {
	margin-bottom: 0;
}
.home .news .news-item dd {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #EEE;
}
.home .news  .news-item dd h4 {
	padding-right: 20px;
}

.home .adv {
    margin-top: 15px;
}
.home .adv .row .adv-item {
    margin-right: 10px;
    margin-left: 10px;
}
.home .adv .row .col-sm-4:first-child .adv-item {
    margin-left: 0;
    margin-right: 20px;
}
.home .adv .row .col-sm-4:last-child .adv-item {
    margin-right: 0;
    margin-left: 20px;
}
.home .adv .row .col-sm-4:first-child .adv-p,.home .adv .row .col-sm-4:first-child .learn-more{
  margin-left:0px;
}
.home .adv .row .col-sm-4:last-child .adv-p,.home .adv .row .col-sm-4:last-child .learn-more{
    margin-right: 0;
    margin-left: 20px;
}	
.col-sm-4 {
  width: 33.33333333%;
  float: left;
}
@media (max-width: 767px){
    .col-sm-4 {
      width: 100%;
    }
    .home .news .news-item,.home .news .events-item-0,.home .news .events-item-1 {
      margin-right: 10px;
      margin-left: 10px;
    }
    .container {
        width: auto;
    }
	.col-sm-6, .col-sm-8 {
        float: left;
    }
}
.main-menu .sub-nav .sub-warp .row > div {
  float: left;
  margin-left: 25px;
  margin-right: 25px;
}
.sub-nav .Conference .col-md-3 {
  width: 25%;
  float: left;
}
.col-md-s {
    width: 11.11111111111%;
    float: left;
}
.col-md-l {
    width: 44.444444444444444%;
    float: left;
}
.bottom-nav .col-md-l .col-md-6 {
    width: 50%;
    float: left;
}
.col-sm-2 {
      width: 16.66666667%;
      float: left;
    }
@media (max-width: 991px) {
    .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;
    }
    .col-md-l {
        width: 50%;
        float: left;
    }
    .col-sm-2 {
      float: left !important;
    }
    .navRow {
      float: left;
    }
    .snsRow {
      min-width: 150px;
      float: right;
    }
    .main-menu .sub-nav .sub-warp .row > div {
        margin-left:10px;
        margin-right: 10px;
    }
    .spjk-top-wrap {
        margin-left: -373px !important;
    }
    
    .header .header-warp .logo a {
        background-size: 100% auto;
    }
}

/*jie jue fang an mobile*/
@media (max-width: 767px){
    .col-sm-2 {
        float: left !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    
    .col-sm-2 .effect-solu {
        padding: 10px;
        margin-top: 0;
        margin-bottom: 0;
    }
}
.home .news .row .col-sm-4, .home .news .row .col-sm-6, .home .news .row .col-sm-8, .home .adv .row .col-sm-4
{
    padding: 0;
}


.home .news .timestamps
{
    color: #BBB;

}

.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;
    hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
　　outline: none;  /* for firefox 1.5 + */
}
.home .news a:hover h4 {
    color: #008BCA;
}
.home .news h4
{
    margin-top: 0;
    color: #008BCA;
    font-size: 1em;
    font-family: Arial;
    transition: color 0.2s linear;
    -webkit-transition: color 0.3s linear;
}
.home .news .events-items h4
{
    font-size: 14px;
}

.home .news .summary
{
    color: #999;
    font-size: 14px;
    line-height: 22px;
    padding-top:15px;
    overflow:hidden;
}

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

    .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;
        hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
　　    outline: none;  /* for firefox 1.5 + */
        line-height: 20px;
        display: block;
        z-index: 200;
    }



    .dropNav div a
    {
        text-decoration: none;
        hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
　　    outline: none;  /* for firefox 1.5 + */
        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;
}
 h3.baseLine{
     margin-right:0px;
     color:#008BCA;
     font-weight: bolder
}
.bottom-nav
{
    background-color: #f3f3f3;
    margin: 20px auto 0 auto;
    padding-top: 20px;
}

    .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;
        hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
　　    outline: none;  /* for firefox 1.5 + */
        color:#666;
    }
 .bottom-nav h5 a:focus, .bottom-nav h4 a:focus{
  outline:none; 
}
.bottom-nav h5 a {
    font-size: 13px;
    color: #555;
}
.bottom-nav h4 a {
    font-size: 15px;
    color: #333;
    font-weight: normal;
    font-family: Arial;
}

    .bottom-nav dd a
    {
        color:#BBB;
        transition:color 0.3s;
        -webkit-transition:color 0.3s;
        text-decoration:none;
        hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
　　    outline: none;  /* for firefox 1.5 + */
        white-space: nowrap;
        font-family:Arial;
    }
        .bottom-nav dd a:hover
        {
            color:#008bca;
        }
        .bottom-nav dd a:focus
        {
            outline:none;
        }
.proGrid
{
}

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

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

    .proGrid .col-sm-9
    {
        padding-right:45px;
    }
        .proGrid .proItem h3, .case .item h3
        {

            font-size: 1.5em;
            color:#333;
margin-top:25px;
            -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;
            margin-top: 10px;
        }
        .proGrid .proItem .desc, .proGrid .proItem .desc p
        {
            color: #999;
            margin: 0;
            line-height: 20px;
            font-size: 14px;
        }
        .proItem a:hover {
            text-decoration: none;
        }
        .proItem a:hover h3 {
            color:#008BCA;
        }
        .proItem a:hover h3.product-model {
            color:#008BCA;
        }
        .proItem a:hover h3.product-name {
            color:#69A5D8;
        }

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

.pro-pane
{
    padding-top: 10px;
    /* margin: 0 15px;*/
}
.pro-pane table {
    border: 1px solid #DDD;
margin-top:20px;
}
.pro-pane table td p {
    margin:0 5px;
    word-break: break-all;
    white-space: pre-wrap;
}
.pro-pane table td {
    padding: 5px 0;
    border-top: 1px solid #DDD;
    border-right: 1px solid #DDD;
}
/*支架*/
.tab-content #d3 .row{
  padding-left:12px;
  margin-top:5px;
}
.tab-pane ul li {
    line-height:25px;
}
.tab-pane ul li span {
 float: left;
 width:20px;
 background:url(../images/temp/pdficon.png) no-repeat left center;
 margin-right:10px;
}
.tab-pane ul li a {
    color: #666;
    text-decoration:none;
}
.tab-pane ul li a:hover {
    color: #008BCA;
}
.tab-pane ul li a:focus {
    outline:none;
}
.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: #999;
        transition: color 0.5s ease;
        -webkit-transition: color 0.5s ease;
        line-height: 22px;
    }

.article
{
}



    .article .detail
    {
        /*margin-top: 15px;*/
        border-right: solid 1px #ddd;
    }
    .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
        {
            font-size: 26px;
            text-align: center;
            font-family: Arial;
            color: #333;
            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, .article .detail strong, .article .detail span strong {
            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: #008BCA;
}



     .tagCould
    {
        height: 640px;
    }
.tagCould span{
  margin:5px !important;
}
    .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;
}
/*.bottom-nav .col-md-s, .bottom-nav .col-md-l
    {
        border-right:solid 1px #ccc;
    }
        .bottom-nav .col-md-s:last-child
        {
            border-right:none;
        }*/

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

}
    .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 figure h2
        {
            font-size: 14px;
            text-align: center;
            /*font-weight: bold;*/
        }

    .about .iconLinks .item
    {
       /* border-right: solid 1px #ddd;*/
     margin:25px 0;
    }

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

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

        .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: #fff;

        }
        .about .iconLinks .item figure:hover h2, .about .iconLinks .item figure:hover .desc{
           color:#008BCA;
        }
        .about .iconLinks .item figure:hover .more
        {
            border: 1px solid #008BCA;
            color: #008BCA;
        }



.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
        {
            text-align: center;
            padding: 20px 0;
            /*background-color: #fafbfb;*/
        }

            .partner .link-container .item figure h2, .job-left .link-container .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 {
    text-decoration: none;
    outline: none;
}
.partner .link-container a:hover h2, .job-left .link-container a:hover h2 {
    color: #008BCA;
}
.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: 26px;
    margin:20px 0;
font-weight:bold;
}
.news-center .head {
    font-size: 26px;
    text-align: center;
    padding-bottom: 15px;
    font-weight: bold;
}
.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%;
}

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


.icon16
{
    background-image: url(../images/ico.png);
}
.icon-search
{
    background-repeat: no-repeat;
    background-position: 0 5px;
}

.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;
}
@media (min-width: 992px)
{
    .col-md-s, .col-md-m, .col-md-l
    {
        float: left;
    }

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

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

    .col-md-l
    {
        width: 28.57142857142857%;
    }
    .spjk-content {
        width: 950px !important;
        margin-left: 0 !important;
    }
/*
    .container.bottom-nav {
        padding-left: 60px !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-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;
outline:none;
            }

    /* 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;
outline:none;
            }

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

    /* 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;
            display: block;
            font-size: .85em;
            padding: 10px;
        }

.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;
outline:none;
    
}
    .solution-list2 figure .readmore
    {
        opacity: 0;
        position: absolute;
        top: 30%;
        text-align: center;
        width: 100%;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }

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

    .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 #ddd;
            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;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    height: auto;

    cursor: pointer;
    width: 100%;
    border-radius: 5px;
    padding: 20px;
}

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

.solution figure img
{
    position: relative;
    display: block;
    /*min-height: 100%;*/
    max-width: 100%;
    opacity: 1;
    width: 100%;
    padding: 3px;
    border-radius: 300px;
    border: solid 1px #ddd;
}*/

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

    .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
    {
        max-width: none;
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, transform 1s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

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







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



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

.faq-search {
    height:26px;position:relative;
   top:40px;
}
.faq-search input[type='text'] {
    width: 100%;
    height: 100%;
    padding: 1px 35px 1px 10px;
    border: 1px solid #DDD;
    border-radius: 5px;
    outline: none;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
.faq-search input[type='text']:focus {
/*
    border-color: #CCC;
    box-shadow: 0 1px 1px #CCC;
*/
}
.faq-list .faq-title {
    color: #3C3C3C;
    font-weight: bold;
    font-size: 18px;
    background: url(../images/service_faq.png) no-repeat;
    padding-left: 28px;
    line-height: 20px;
}
.faq-list .faq-txt {
    margin: 10px 15px 10px 30px;
    font-size: 14px;
    overflow: hidden;
    -webkit-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
}
.faq-list .faq-txt-60 {
    height: 60px;
}
.faq-list .faq-txt div, .faq-list .faq-txt span, .faq-list .faq-txt p {
    font-size: 14px;
    line-height: 20px;
}
.faq-list .collapse {
    margin-left:25px;
    font-weight:normal;
    color:#008bea;
    cursor: pointer;
    -webkit-transition: color linear 0.3s;
    transition: color linear 0.3s;
}
.faq-list .in {
    display: inline-block !important;
}
.faq-list .collapse:hover {
    margin-left:25px;
    font-weight:normal;
    color:#23527C;
    cursor: pointer;
    text-decoration: none;
}


    .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:#008bca;
                color:#fff;
outline:none;
            }
                .job-list .classify .col-right dl dd.active a
                {
                    color:#fff;
outline:none;
                }
.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: 16px;
    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;
    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-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;
    }



.pagination > li > a, .pagination > li > span{
  color:#008bca !important;
}



/**************************************************************
    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 -51px;
        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;
            outline:none;
        }

            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 a:focus
            {
               outline:none;
            }
        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: 17em;
            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;
        color:red;
    }
    .nav-pros > li >a{
        color:#666;
    }
        .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: 8px 10px;
            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:first-child >a{
padding-left:0;
}
            .nav-pros > li > a:hover
            {
                text-decoration: none;
                outline:none;
            }


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

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

.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
{
outline:none;
}

@media (min-width: 768px)
{
    .nav-pros.nav-justified > li
    {
        display: table-cell;
        width: 1%;
    }
    .nav-pros.nav-justified > li > a
    {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
        margin-bottom: 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;
outline:none;
    }
    .spjk-content {
        width: 800px !important;
    }
}
a:active {
    text-decoration: none;
    outline: none;
}
        div.jqcloud1 {
            overflow: hidden;
            position: relative;
            margin: 0 auto;
        }
        div.jqcloud1 {
            color: #09F;
        }
        div.jqcloud1 {
            line-height: normal;
        }
        .jqcloud1 span {
            float: left;
            border: 1px solid #E7EDFD;
            padding: 10px;
            margin: 10px;
            color: #09F;
            font-size: 14px;
        }

.tab-content .tab-pane p, .tab-content .tab-pane div, .tab-content
 .tab-content .tab-pane a, .tab-content .tab-pane strong, .tab-content .tab-pane table tr td{
    font-size: 12px;
    line-height: 1.7;
   /* padding-left:5px;*/
    font-family:"Arial";
    color:#666;
}
.tab-content .tab-pane table tr td{
   border:1px solid #eee;
padding-left:8px;
padding-right:8px;
}

.tab-content .tab-pane table tr:first-child{
   color:#666;
   font-weight:bold;
}

.tab-content .tab-pane table tr td:first-child {
  color:#999;
}
.tab-content .tab-pane table tr td:only-child{
  color:#666;

}
.tab-content .tab-pane table tr td:only-child[colspan="2"] {
  background:#eee;
  font-weight:bold;
  font-size:12px;
}
.tab-content .tab-pane table tr td:only-child[colspan="4"] {
  background:#eee;
  font-weight:bold;
  font-size:12px;
}
.tab-content .tab-pane table tr td:only-child[colspan="5"] {
  background:#eee;
  font-weight:bold;
  font-size:12px;
}
/*产品特性*/
.tab-content #home h6,.tab-content #home h5,.tab-content #home h4,.tab-content #home h3,.tab-content #home h2,.tab-content #home h1{
  font-family:"Arial";
  font-size:14px;
  color:#008BCA;
  line-height:2;
  margin-bottom:-2px;

}
.tab-content .tab-pane ul{
  line-height:1.7;
  font-family:"Arial";
  font-size:14px;
}
.tab-content .tab-pane ul li{
  margin-top:5px;
  list-style-type:disc;
  color:#999;
  margin-left:20px;
}
.tab-content .tab-pane ul li>p{
  color:#999;
}
#d8 ul li{
  margin-top:5px;
  font-size:14px;
  list-style-type:disc;
  color:#999;
  margin-left:0;
}

/*推荐支架*/
.tab-content #d4 .row{
margin:20px 0;
}
.tab-content #d4 .row h5{
margin-top:0;
margin-bottom:0;
}
.tab-content #d4 table tr td img{
 width:50%;
}
.tab-content #d4 table tr td p{
 width:105px;
}

/*相关下载*/
.tab-content #d8 ul{
margin-top:20px;
}
.tab-content #d8 ul li{
  list-style-type:none;
  line-height:2;
}
/*重要特性图片*/
.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);}
}


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

/*联系我们*/
.locationPlace col-md-4,.locationPlace col-md-8,.locationPlace .col-sm-6,.locationPlace .col-xs-6{
  padding:15px;
}
      .locationPlace{
           width:100%;
	   margin:0;           
      }
      .locationPlace .locationImg img{
          width:300px;
          height:150px;
       }
      .locationPlace .locationTxt{
         
       }
      .locationPlace .locationTxt p{
              /*font-size:.5em;*/ 
              color:#999;
              line-height:30px;
	}
	.locationPlace .locationTxt p:first-child{
	      color:#333;
              /*font-size:.8em; */
              font-weight:bold;
	}
/*横向放置的手机和竖向放置的平板之间的分辨率*/
@media screen and (max-width:767px) {
        .locationPlace .locationTxt p{
              line-height:20px;
	}
}
/*our progress新样式*/
.static
{
    /* margin-top:20px; */
    
}

    .static .content-warp
    {
        border-right:solid 1px #ddd;
    }

    .static .events
    {
      border-left:1px solid #008BCA;
    }
     .static .events .flexrow
        {
      /*
            display:-webkit-box;
            display:box;
     */

        } 
        .static .events .flexrow .axis
            {
                width:5%;
                position:relative;
            }
                .static .events .flexrow .axis .point
                {
                      display:none;
                }
         .static .events  .node .year
            {
                top:35px;
            }

        .static .events .node .event-title
        {
            padding-top:30px;
        }
        .static .events .flexrow .axis .year/*年份前的小时钟*/
                {
                    position:absolute;
                    width:15px;
                    height:15px;
                    border-radius:15px;
                    left:-8px;
                    color:#008bca;
                    text-align:center;
                    background-image: url(../images/timeicon.jpg);
                }
         .static .events .flexrow .event-title
            {
                flex:0 1 auto;
                width:85%;
                margin-left:40px;
                line-height:30px;
            }
                .static .events .flexrow .event-title h3
                {
                    color:#008BCA;
                    margin:0 0 5px -20px;
                    font-weight:bold;
                }
               .static .events .flexrow .event-title div span
                {
                    color:#999;
                    font-size:x-large;
                    padding-right: 5px;
                    margin-left:-15px;
                }
               .static .events .flexrow .event-title span
                {
                    color:#999;
                    font-size:x-large;
                    padding-right: 5px;
                    margin-left:-15px;
                }

/**************************************************************************************************/


.news-row a:hover{
    text-decoration: none;
}
.news-row h4{
    
    margin-bottom: 20px;
}
.news-row h4 span{
    color: #666;
    font-size: 18px;
    padding: 8px 0;
    border-bottom:solid 2px #008BCA;
}
.news-row .text-right{
  margin-top:20px;
}
.news-row .text-right a{

    font-size: 18px;
    line-height: 1;
    padding: 4px 10px;
    border-radius: 5px;


}
.news-row .timestamps{
    color: #bbb;
    margin-bottom:10px;
}
.news-row .news-more a{
    background-color: #fff;
    border: 1px solid #008BCA;
    color: #008BCA;
    margin-left: 15px;
    border-radius: 5px;
    width: 90%;
}
.news-row .news-more a:hover{
    background-color: #008BCA;
    border: 1px solid #fff;
    color: #fff;
}
.news-row .events .txt{
    text-decoration: :none;
}
.news-row .events .txt h5{
    margin-top:0; 
    margin-bottom: 5px;
    color: #008BCA;
}
.news-row .events .txt p{
    margin: 0;
}
.news-row .events .events-media{
    display: -webkit-box;
    display: flex;
    
}

.news-row .events .col-xs-12{
    margin-bottom:1em; 
}

.news-row .events .events-media .pic{
     
    height: 80px;
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    -webkit-box-flex:2;
    flex: 1;

}
.news-row .events .events-media .txt{
     -webkit-box-flex:3;
    flex: 2;
    padding: 5px 10px;
}

.point-row{
    margin: 20px 0 0 0;
}

.point-row figure img{width: 100%; overflow: hidden;}

.point-row figure .learnmore{
    opacity: 0;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    text-align: center;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.point-row figure:hover .learnmore
    {
        opacity: 1;
        top: 40%;

    }

  .point-row figure figcaption{
    position: absolute;
    bottom: 0px;
    background-color: rgba(0,0,0,.5);
    left: 15px;
    right: 15px;
  }

  .point-row figure figcaption div{
    padding: 10px;
    text-decoration: none;
    color:#fff;
    width: 100%;
    text-align: left;
  }

  .point-row figure:hover  figcaption div{
    text-decoration: none;
  }
  .point-row figure:hover img{
    text-decoration: none;
/*
    filter:Alpha(Opacity=90);
    opacity:0.9;
    -moz-opacity:0.9;
*/
    -webkit-filter: brightness(80%);
    filter: brightness(80%);

  }
  .point-row figure .learnmore span{

    border-radius: 5px;
    padding: 8px 14px;
    border:solid 2px #fff;
    background-color: rgba(255,255,255,0.3);
    color: #fff;
    font-size: 14px;
    text-shadow: 0px 1px 2px #000; 

  }
.point-row .col-xs-12{
 margin-bottom:10px;
}
  .col-md-nav{
    width: 100%;
    float: left;
   padding-right: 15px;
  padding-left: 15px;
}
.col-md-log{
  width: 100%;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width:414px) {
    .col-md-nav{
       width: 100%;
        float: left;
    }
    .col-md-log{
        width: 100%;
        float: left;
    }
}
@media (min-width:768px) {
    .col-md-nav{
        width: 33.333%;
        float: left;
    }
    .col-md-log{
        width: 33.333%;
        float: left;
    }
}

@media (min-width:992px) {
      .col-md-nav{
        width: 20%;
        float: left;
    }
    .col-md-log{
        width: 20%;
        float: left;
    }

}
@media (min-width:1200px) {

    .col-md-nav{
        width: 20%;
        float: left;
    }
    .col-md-log{
        width: 20%;
        float: left;
    }
}

footer > div
{
    text-align: left;
    height: 60px;
    line-height: 60px;
    padding-left: 0;
    padding-right: 0;
}
footer table {
    table-layout: fixed;
    height: 100%;
    float: right;
}
footer table tr td a {
    text-decoration: none;
}
 
.sns span {
    display: block;
   
    width: 28px; height:28px;
    border-radius: 100%;
    
    cursor: pointer;
    background-image: url(../images/ico.png);
    background-repeat: no-repeat;

}

.sns span:hover {
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
   opacity: 0.6;
}
.sns a:focus {
   outline:none;
} 

.fixd-header{
    position: fixed;
    height: 4em;
    background-color: #fff;
    width: 100%;
    z-index: 999999;

}
.gap-header{
    height: 4em;

}

.svglogo{
    background-image: url(data:image/svg+xml;base64,77u/PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNTYuMjVweCIgaGVpZ2h0PSIyMi41OTFweCIgdmlld0JveD0iMCAwIDE1Ni4yNSAyMi41OTEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1Ni4yNSAyMi41OTEiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KDQoJCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMTM4M0JDIiBkPSJNMTQ4LjE4MywwbC0zLjUzNSwxNC4xMjJMMTQxLjAwMywwaC04LjA2N3YyMi41OTFoNi4wNzZ2LTcuNjENCgkJCWwtMC4yMjItMy41NjJsLTAuMjE5LTMuMzE1bDMuNzU3LDE0LjQ4N2g0LjY0bDMuNjQ5LTE0LjQ4N2gwLjEwN2wtMC4zMjksNC4wNTNsLTAuMTE0LDMuNTU4djYuODc2aDUuOTY5VjBIMTQ4LjE4M3oNCgkJCSBNMTE5LjQ1MiwwLjAyNmMtNi43NzYsMC4zOTEtMTAuMzExLDQuMTE2LTEwLjYwOSwxMS4xNjdjMC4yMjMsNy4zNjUsMy43NTgsMTEuMTYyLDEwLjYwOSwxMS4zOTcNCgkJCWM2Ljg1NC0wLjIzNiwxMC40MjQtMy45OTcsMTAuNzIzLTExLjI4M0MxMjkuNzI5LDQuMTAzLDEyNi4xNTYsMC4zNDIsMTE5LjQ1MiwwLjAyNnogTTExOS40NTIsMTcuNTM2DQoJCQljLTIuNTc0LTAuMDc1LTMuOTAzLTIuMTUtMy45NzUtNi4yMjhjMC4xNDYtMy44MzYsMS40NzEtNS44MzgsMy45NzUtNS45OTJjMi41MDgsMC4wOCwzLjg3LDIuMDc1LDQuMDkzLDUuOTkyDQoJCQlDMTIzLjQ3LDE1LjQ2LDEyMi4xMDUsMTcuNTM2LDExOS40NTIsMTcuNTM2eiBNOTcuMDIzLDE3LjUzNmMtMi43MjYsMC4wODEtNC4wNTQtMS44ODEtMy45NzktNS44NzMNCgkJCWMwLTQuMDc2LDEuMjUzLTYuMTkzLDMuNzU4LTYuMzQ4YzIuMTM1LDAuMDgsMy4zNTIsMS4yNTMsMy42NDUsMy41MjVoNi4yOTljLTAuNzM1LTUuNzIyLTQuMTI2LTguNjU1LTEwLjE2Ni04LjgxNQ0KCQkJYy02LjQ4MiwwLjQ3MS05Ljg3Miw0LjI3MS0xMC4xNjUsMTEuNDAzYzAuMjIzLDcuMjA1LDMuNzkxLDEwLjkyNiwxMC43MTgsMTEuMTYyYzUuNjczLTAuMjM2LDguOTE0LTMuMTM0LDkuNzI3LTguNjk1aC02LjQxMg0KCQkJQzEwMC4wNzcsMTYuMzIzLDk4LjkzOCwxNy41MzYsOTcuMDIzLDE3LjUzNnogTTcxLjM4NSwwbC03LjI5MywyMi41OTFoNi41MmwwLjc3My0yLjk0OWg2LjYyOWwwLjc3OCwyLjk0OWg2LjYzTDc4LjEyNywwSDcxLjM4NXoNCgkJCSBNNzIuNjAxLDE0Ljg1NGwyLjEtOC4wOThsMi4yMTEsOC4wOThINzIuNjAxeiBNNTIuNjAzLDBoLTguOTU0djIyLjU5MWg4LjczMWM3LjE0NiwwLDEwLjc1NS0zLjkyOCwxMC44My0xMS43ODUNCgkJCUM2My4xMzUsMy42ODcsNTkuNTk4LDAuMDg1LDUyLjYwMywweiBNNTEuNzE1LDE3LjMxMmgtMS40MzNWNS4yNzloMS4zMjVjMy4zODktMC4yNDYsNS4wMDYsMS43MTksNC44NjEsNS44OTMNCgkJCUM1Ni40NjksMTUuMzQ3LDU0Ljg4MywxNy4zOTYsNTEuNzE1LDE3LjMxMnogTTMwLjI3NywxMy43NDloOC4zOTdWOC40NzZoLTguMzk3VjUuMjc5aDkuOTQzVjBIMjMuNTM1djIyLjU5MWgxNy4wMjF2LTUuMjc5DQoJCQlIMzAuMjc3VjEzLjc0OXogTTIwLjQ0MiwwaC03Ljg0NEw2Ljc0Miw3LjI0NFYwSDB2MjIuNTkxaDYuNzQydi03LjExOGwxLjU0Ni0xLjg0M2w0Ljg2MSw4Ljk2MWg4LjA2NkwxMi45MzIsOC40NzZMMjAuNDQyLDB6Ii8+DQo8L3N2Zz4NCg==);
}
.svgmenu{
    background-image: url(data:image/svg+xml;base64,77u/PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyM3B4IiBoZWlnaHQ9IjIzcHgiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjMgMjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0iIzY2NjY2NiIgd2lkdGg9IjIzIiBoZWlnaHQ9IjQuMDk0Ii8+DQo8cmVjdCB5PSI5LjQ1MyIgZmlsbD0iIzY2NjY2NiIgd2lkdGg9IjIzIiBoZWlnaHQ9IjQuMDk0Ii8+DQo8cmVjdCB5PSIxOC45MDYiIGZpbGw9IiM2NjY2NjYiIHdpZHRoPSIyMyIgaGVpZ2h0PSI0LjA5NCIvPg0KPC9zdmc+DQo=);
}
.xs-logo{
    height: 4em; 
    background-repeat: no-repeat;
    background-position: left center; 
}

.fixd-header .menu-button{
    display: block;
    width: 3em;
    height: 4em;
    float: right;
    background-repeat: no-repeat;
    background-position:right center; 
}
.fixd-mobile-menu{
    position:fixed;
    top: 4em;
    z-index: 999999;
    background-color: #fff;
    width: 100%;
    box-shadow:0 2px 2px #999;
   
   -webkit-transition: height ease-out .3s;
        transition: height ease-out .3s;
        overflow: hidden;
        height: 22.3em; 
}
.fixd-mobile-menu-hidden{
    height: 0px;
}

.fixd-mobile-menu dl dd{
    height: 3.6em;
    border-bottom: solid 1px #ccc;
}
.fixd-mobile-menu dl dd a{
    line-height: 3.6em;
    display: block;

}

.m-bottom .col-xs-12 h4{margin: 0; font-size: 1em; height: 3.6em; line-height: 3.6em; border-bottom:solid 1 #000000; }
.m-bottom .col-xs-12 dl dd{ height: 3.6em; }
.m-bottom .col-xs-12  a{ display: block; line-height: 3.6em;}
.m-bottom .col-xs-12 dl{ height: 0px;  overflow: hidden; margin: 0;-webkit-transition: all ease-out 0.3s;
        transition: all ease-out 0.3s; }
.m-bottom .col-xs-12 dl.open{
    height: auto;
}

/******画菱形***************************************************/
/*画两头的线*/
h1.rhombus:before {
    border-left: 50px solid #008BCA;
    border-right: 50px solid #008BCA;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -70px;
    position: absolute;
    width: 130px;
    /*margin-top:53px;*/
    margin-top:50px;
    margin-bottom:25px;
}
/*画菱形*/
h1.rhombus:after {
    background: #008BCA none repeat scroll 0 0 padding-box content-box;
/*    
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
*/
    content: "";
    height: 18px;
    left: 50%;
    margin-left: -14px;
    padding: 0 0 8px 8px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 18px;
    margin-top:47px;
    margin-bottom:20px;
}
/*平板和手机的分辨率*/
@media screen and (max-width:979px) {
  .article .detail{
    border-right:none;
  }
  .proGrid .proItem h3{
   margin-top:1.2em;
  }
  .case .item h3{
    margin-top:5px;
  }
}

.table-container
{
width: 100%;
overflow-y: auto;
_overflow: auto;
margin: 0 0 1em;
}
.table-container::-webkit-scrollbar
{
-webkit-appearance: none;
width: 14px;
height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, .3);
}
.table-container table tr td a{
 color:#008BCA;
 text-decoration: none;
outline:none;
}


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