@CHARSET "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0px; padding: 0px;
    border: 0px none; outline: 0px none; vertical-align: baseline;
    font-size: 100%; background: transparent none repeat scroll 0% 0%;
}
html, body {
    overflow-x: hidden;
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px; color: #333;
    background: rgba(247, 247, 247, 1);
}
a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #FFF;
}
img {
    max-width: 100%;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.tc {
    text-align: center;
}
.nowrap{
    white-space: nowrap;
}
.container, .container-fluid { padding: 0px; }
div.container-fluid > div { text-align: center; }
ol, ul {
    list-style: outside none none;
}
nav.navbar-default {
    border: none;
    margin-bottom: 0;
}
nav.navbar { height: 60px; background-color: rgba(19, 20, 24, 1); width: 100%;
    position: fixed; top: 0; z-index: 1000 }
nav.navbar .navbar-brand{
    margin-top: 10px;
    margin-left: 10px;
    text-align: left;width:80px;height:36px;
    background: url(../images/logo.png?vi=0.1) no-repeat;
	background-size: 100% 100%
}
nav.navbar ul.nav {
    background-color: rgba(19, 20, 24, 1);
}
nav.navbar ul.nav li a {
    height: 60px;
    line-height: 60px;
    padding: 0px 15px;
    color: #FFF;
    white-space: nowrap;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: rgba(19, 20, 24, 1);
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #FFF;
}
nav.navbar ul.nav li > a:hover, nav.navbar ul.nav li.active > a {
    background-color: #108FE9;
    color: #FFF;
    border: none;
    border-radius: 0;
}
nav.navbar ul.nav li > a:hover, nav.navbar ul.nav li.active > a,
nav.navbar ul.nav li.active > a:hover {
    background-color: #108FE9;
    color: #FFF;
}
nav.navbar ul.nav div.download {
    position: absolute;
    z-index: 1;
    display: none;
}
nav.navbar ul.nav div.download img {
    width: 124px;
}

@media (min-width: 768px) {
    nav.navbar {
        padding-left: 10%;
        padding-right: 10%;
    }
    nav.navbar ul.nav {
        width: calc(100% - 90px);
        padding-left: calc((80% - 400px)/2)
    }
    nav.navbar ul.nav li a {
        text-align: center;
        width: 100px;
    }
    nav.navbar ul.nav li.right {
        float: right !important;
    }
    div.container {
        width: 80%;
    }
    nav.navbar ul.nav li.app:hover > .download {
        display: block;
    }
}

@media (max-width: 767px) {
    div.company .desc {
        padding-left: 10%;
        padding-right: 10%;
    }
}
/*固定时的菜单底色*/
@media (min-width: 768px) {
    nav.whiteMode {
        background-color: #FFFFFF;
		border-bottom: 1px solid #CCC;
    }
    nav.whiteMode .navbar-brand{
        background: url(../images/logo-black.png?vi=0.2) no-repeat;
		background-size: 100% 100%
    }
    nav.whiteMode ul.nav {
        background-color: #FFFFFF;
		border-bottom: 1px solid #CCC;
    }
    nav.whiteMode ul.nav li > a {
        color: #333333;
    }
    nav.whiteMode .navbar-nav>li>a:focus,  nav.whiteMode .navbar-nav>li>a:hover {
        color: #333333;
    }
    nav.whiteMode ul.nav li > a:hover, nav.whiteMode ul.nav li.active > a {
        background-color: #FFFFFF;
        color: #108FE9;
        border: none;
        border-radius: 0;
    }
    nav.whiteMode ul.nav li > a:hover, nav.whiteMode ul.nav li.active > a,
    nav.whiteMode ul.nav li.active > a:hover {
        color: #108FE9;
        background-color: #FFFFFF;
    }
}

div.layer{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    background-color: #000;
    opacity: 0.5;
    z-index:2;
    display: none;
}

div.app_download{
    position: fixed;
    top:70px;
    z-index:3;
    width:100%;
    display: none;
}
div.app_download img{
    width:200px;
    margin-left:calc((100% - 200px)/2);
}
div.app_download p{
    background-color: #FFF;
    text-align: center;
    width:200px;
    font-size:20px;
    margin-bottom:10px;
    margin-left:calc((100% - 200px)/2);
}
div.head_banner {
    width: 100%;
    position: relative;
    margin-top: 60px;
}
div.head_banner > img {
    /*height:628px;*/
    min-height: 250px;
}
div.company {
    background-color: #FFF;
}
div.company {
    padding-top: 40px;
    padding-bottom: 40px;
}
div.banners, div.our-feature {
    padding-top: 40px;
}

div.our-feature .content{
    padding:0;
}
div.our-feature .content img{
    width:100%;
}

div.banners img.lazy{
    min-height: 650px;
    width:100%;
    max-height:650px;
}
div.company table {
    width: 80%;
    text-align: center;
    margin: 0 auto;
}
div.company .title {
    font-size: 26px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 71px;
    /*padding-left: 10%;*/
}
div.company .desc {
    font-size: 20px;
    font-family: NSimSun;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 250px;
    min-height: 250px;
    text-align: left;
}
div.company .desc p{
    display: inline-block;
    line-height: 35px;
    vertical-align: middle;
}
div.company .building {
    vertical-align: middle;
}
div.company .building img {
    /*height: 200px;*/
}
/*覆盖Bootstrap的默认设置*/
div.banners .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .0001) 100%);
}
div.banners .carousel-control.right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .05) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .05) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .05)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .05) 100%);
}
div.our-feature .title {
    font-size: 22px;
    font-family: MicrosoftYaHei;
    font-weight: 700;
    color: rgba(51, 51, 51, 1);
    line-height: 30px;
    height: 50px;
    margin-top: 50px;
}
div.our-feature .content p {
    font-size: 18px;
    font-family: NSimSun;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 30px;
    padding: 5px 20px;
    text-align: left;
}
@media (max-width: 767px) {
    div.our-feature .content p {
        padding: 5px 10%;
    }
}
div.footer { background-color: #131418; color: #fff;
    padding: 33px; font-size: 16px }
div.footer .contact {  width:500px;margin: auto; text-align: left; position: relative; }
@media (max-width: 767px) {
    div.footer .contact {  width:100%;}
}

div.footer  * { font-size:14px; }
div.footer .contact p { line-height: 30px; width:calc(100% - 85px);}
div.footer .copyright { margin-top: 30px; }
div.footer .divQrcode { position: absolute; top: -20px; right: 0; }
div.footer img.qrcode { border: 0; margin-top: 0px; }
div.footer .qrcode-p { text-align: center;  margin-left: 8px;font-family: "SimSun"; width: 80px; font-size: 12px; }