body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, tr, td, th, div, span, button, input, label, em {
    font-family: SimSun;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}


.main .container {
    width: 73%;
    min-width: 1100px;
}

.head .container, .foot .container {
    width: 75%;
    min-width: 1140px;
}

.row div.call, .row div.case2_box {
    display: inline-block;
}




.width1 {
    width: 8.3%\0;
    display: inline-block;
}

.width2 {
    width: 16.6%\0;
    display: inline-block;
}

.width3 {
    width: 25%\0;
    display: inline-block;
}

.width4 {
    width: 32%\0;
    display: inline-block;
}

.width5 {
    width: 42%\0;
    display: inline-block;
}

.width6 {
    width: 50%\0;
    display: inline-block;
}

.width7 {
    width: 57%\0;
    display: inline-block;
}

.width8 {
    width: 66.6%\0;
    display: inline-block;
}

.width9 {
    width: 75%\0;
    display: inline-block;
}

.width10 {
    width: 83.3%\0;
    display: inline-block;
}

.width11 {
    width: 91.6%\0;
    display: inline-block;
}

.witdh12 {
    width: 100%\0;
    display: inline-block;
}

.block {
    display: block!important;
}

.topline {
    border-top: 1px solid #d0d0d0;
}

.banner_img .paddingTop0 {
    padding-top: 0;
}












/* header */

.head {
    border-bottom: 1px solid #d0d0d0;
    box-shadow: 0 1px 10px 0 #aaa;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #ffffff;
    z-index: 100;
}

.logo {
    width: auto;
}

.navbar-default {
    background: #fff;
    border-bottom: 1px solid rgb(228, 228, 228);
}

.navlink {
    color: #000;
    height: 100%;
	width: auto;
}

.navbar-nav, .navbar-collapse {
    float: right\0;
    margin: 0\0; 
}

.navbar-collapse, .navbar-header {
    display: inline-block;
}

.nav .navLi {
    display: inline-block\0;
	width: auto;
	padding: 10px;
}

.navbar-nav li a.navlink:focus, .navbar-nav li a.navlink:active, .navbar-nav li a.navlink:hover {
    background: url(../images/bavBg.png) repeat;
    color: #2aadeb;
}

.navbar-nav li.navLi:hover {
    border-bottom: 3px solid #2aadeb;
}

.navbar-nav li a.navA  {
    margin-top: 0px;
    padding-top: 16px;
    outline: none;
}

.navbar-nav li.leaveTopNav:hover a.navA {
    color: #fff;
    background: none;
}

.navbar-nav li a {
    line-height: 45px;
}

.navbar-nav li {
    height: 76px;
    line-height: 76px;
}

.navbar-nav li {
    width: 94px\0;
}

.navbar-nav li a {
    display: block\0;
    margin-top: 20px\0;
    font-size: 17px\0;
}


.libg {
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    bottom: -5px;
    background: #fff;
    z-index: 10000;
    display: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#solution {
    height: none;
    top: 78px;
}

.navMenuShow {
    display: block;
}

.closeMenu {
    position: absolute;
    right: -15px;
    top: -25px;
    z-index: 100;
    cursor: pointer;
}

.navMenuBg2Bar {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: #fff;
    z-index: 3;
    overflow: auto;
}

.navMenuBg2 {
    padding: 10px 0 5px;
}

.navMenuBg2 h3 {
    color: #2a2a2a;
    padding: 18px 0 0px 0px;
}

.navMenuBg2 .row {
    width: 95%;
    margin: 0 auto 0px;
}

.navMenuBg2 .menuIcon {
    padding-top: 0;
}

.navbar-nav>li a.menuIcon {
    margin-top: 15px;
}

.navMenu a img {
    display: block;
    margin: auto;
    padding-top: 10px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.navMenu a span {
    display: block;
    margin: 10px auto 0;
    color: #fff;
    text-align: center;
    margin-top: 5px;
    padding-bottom: 5px;
}

.otherSystem {
    font-size: 0;
    height: 32px;
    line-height: 32px;
    margin: 10px 0 0;
}

.otherSystem li {
    display: inline-block;
    width: 50%;
    height: 32px;
    line-height: 32px;
}

.otherSystem a.twoHaveLink {
    background: #ffffff;
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
    line-height: 32px;
}

.doc {
    vertical-align: middle;
}


/* banner */

.banner_img img {
    width: 100%;
    padding-top: 76px;
}



/* 产品页 */

.main_box2 {
    background: #efefef;
}

.main .main_box .container {
    min-width: 1140px;
    text-align: center;
}





/* toTop */
.callBar span {
    text-align: left;
}


/* foot */
.foot {
    background: #3c3939;
}

.container .copyright {
    text-align: center;
}

.copyright span, .call h2, .call span, .call a {
    color: #ffffff;
}

.call {
    text-align: left;
}

.call h2 {
    padding-left: 20px;
    text-align: left;
    border-left: 4px solid #ffffff;
}

.call span {
    margin-left: 23px;
}

.call a {
    margin-left: 24px;
}

.foot {
    padding-top: 35px;
    padding-bottom: 20px;
    width: 100%;
}

.foot .container {
    width: 75%;
    min-width: 1140px;
}

.foot  img {
    width: auto;
} 






@media screen and (min-width: 768px) {
    #solutionNav:hover .navMenu {
        display: block;
    }
}



/* 移动端 */
@media screen and (max-width: 768px) {
    html {
        overflow-x: hidden;
    }

    .main .container {
        width: 96%;
        min-width: auto;
    }
    
    .head .container, .foot .container {
        width: 100%;
        min-width: auto;
    }

    .logo {
        width: 150px;
    }

    .navMenuBg2 .row {
        display: flex;
    }

    .navMenuBg2 .row div {
        flex: 1;
        padding: 0;
    }

    .navbar-nav>li a.menuIcon {
        margin: 3px;
    }
    
    .otherSystem {
        height: auto;
        margin: 0;
    }

    .otherSystem li {
        width: 100%;
    }

    .navbar-collapse, .navbar-header {
        width: 100%;
    }

    .navbar-collapse {
        max-height: none;
        display: none;
    }

    .main .main_box .container {
        min-width: auto;
    }

    .foot .container {
        text-align: center;
    }
    
    .foot span {
        text-align: left;
    }

    .banner_img img.paddingTop0, .banner_img img {
        padding-top: 51px;
    }

    .main_box img {
        width: 96%;
    }

    .topline {
        border-top: none;
    }

    .foot {
        padding-top: 20px;
    }
    
    .width4 {
        width: 90%;
        margin-bottom: 10px;
    }

    .width7 {
        width: 90%;
        margin: 20px 0;
    }

    .width5 {
        width: 90%;
    }

    .foot .ps {
        display: block;
        text-align: center;
    }

}