/*针对所有样式*/
@font-face {
    font-family: tensans;
    src: url("../fonts/TENSANS-BOLD.OTF");
}

@font-face {
    font-family: futura;
    src: url("../fonts/FuturaBT-Heavy.otf");
}

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

li {
    list-style: none;
}

.main {
    margin-top: 5.8em;
}

.wide {
    font-weight: bold;
    line-height: 1.6em;
}

.normal {
    padding-top: 1em;
    font-size: 12px;
    line-height: 1.8em;
}

/*常规navbar*/
.normal-navbar {
    text-align: center;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 9;
}

.normal-navbar a {
    color: #A6A6A6;
    margin: 0 30px;
    line-height: 5em;
    display: inline-block;
    background-color: #FFFFFF;
}
.normal-navbar .navbar-active {
    border-bottom: 3px solid #F8B62B;
}

.normal-navbar a:hover {
    border-bottom: 3px solid #F8B62B;
}

.normal-navbar img {
    height: 50px;
}

/*首屏*/
#index {
    background: url("../images/index.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
}

#index .index-navbar {
    font-size: 1.2em;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

#index a {
    color: #FFFFFF;
    display: inline-block;
    padding: 0 20px;
    text-align: center;
    width: 15.3%;
    line-height: 5em;
}

/*公司简介*/
#profile .text-one {
    padding-top: 4em;
    display: inline-block;
    padding-right: 10px;
    float: right;
}

#profile .img-one {
    position: relative;
    display: inline-block;
}

#profile .img-one img {
    width: 80%;
}

#profile .font-logo {
    position: absolute;
    width: 100px;
    height: 100px;
    z-indent: 2;
    left: 60%;
    bottom: 5%;
    font-size: 9em;
    font-family: futura;
    line-height: 1em;
    color: #EDEDED;
    letter-spacing: 0.2em;
}

#profile .img-two {
    padding-top: 20%;
}

#profile .text-two {
    float: right;
    margin-top: -40%;
    margin-right: -100%;
}

/*战略发展*/
#development .part-one {
    position: relative;
}

#development .font-logo-one {
    position: absolute;
    font-size: 8em;
    font-family: futura;
    line-height: 1em;
    color: #EDEDED;
    letter-spacing: 0.2em;
    z-index: 2;
    left: 45%;
}

#development .img {
    z-index: 1;
    text-align: center;
}

#development .img img {
    width: 80%;
}

#development .font-logo-two {
    position: absolute;
    font-size: 8em;
    font-family: futura;
    line-height: 1em;
    color: #EDEDED;
    z-index: 2;
    left: -3%;
    margin-top: 50%;
}

#development .font-logo-three {
    font-size: 3em;
    font-family: futura;
    line-height: 1em;
    color: #000000;
    z-index: 2;
    margin-right: 10%;
    margin-top: 10%;
}

#development .normal {
    padding-top: 0;
}

#development .text-one {
    padding-top: 35%;
}

#development .text-two {
    float: right;
    padding-top: 10%;
}

#development .text-group-one {
    float: right;
    padding-top: 20%;
}

#development .font-logo-four {
    font-size: 3em;
    font-family: futura;
    line-height: 1em;
    color: #EDEDED;
}
#development .font-logo-five {
    float: left;
    width: 100%;
    font-size: 3em;
    font-family: futura;
    line-height: 1em;
    color: #000000;
    padding-top: 15%;
}
#development .font-logo-six {
    float: right;
    font-size: 8em;
    font-family: futura;
    line-height: 1em;
    color: #F9353D;
    margin-right: -6%;
}
#development .text-five {
    margin-top: 20%;
    float: left;
    width:100%;
}
#development .text-five .normal {
    padding-top: 1em;
}

/*理论指导*/
#direction {
    background: url("../images/direction.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
}
#direction .font-logo {
    color: #EDEDED;
    font-size: 6em;
    font-family: futura;
    letter-spacing: 1.5em;
    line-height: 1em;
    padding: 1em;
}
.ywrw {
    font-size: 12px;
    line-height:52px;
    padding:20px 40px;
    margin-left: -15px;
    margin-right: 15px;
}
.link,.link:hover,.link:active,.link:visited,.link:link {
    background-color: #000000;
    color: #FFFFFF;
}
.dsyy {
    font-size: 12px;
    line-height:52px;
    padding:20px 40px;
    margin-right: -15px;
    margin-left: 15px;
}
.link-active,.link-active:hover,.link-active:active,.link-active:visited,.link-active:link {
    background-color: #F8B62B;
    color: #000000;
}
#direction .text-ds, #direction .text-yw {
    color: #FFFFFF;
    padding-top: 6em;
    letter-spacing: 0.2em;
}
#direction .hidden {
    visibility: hidden;
}
#direction .wide {
    font-size: 16px;
    padding:1em 0;
    line-height:1.8em;
}
#direction  .normal {
    font-size: 14px;
    line-height:1.5em;
}
#direction .wide span {
    border-bottom:1px solid #FFFFFF;
}

/*核心优势*/
#advantage .wide {
    font-size: 1.4em;
}
#advantage .normal {
    font-size: 1em;
    letter-spacing: 1px;
}
#advantage .font-logo {
    color: #EDEDED;
    font-size: 10em;
    font-family: futura;
    letter-spacing: 0.3em;
    line-height: 1em;
}
#advantage .lunbo {
    width:1600px;
    margin:0 auto;
}
#advantage .main-carousel {
    margin-top:-3em;
}
#advantage .carousel-cell {
    margin-left:2em;
    margin-right: 2em;
}
#advantage .carousel-cell p {
    padding-top: 1em;
}
#advantage .carousel-cell .img {
    padding:4em 5em;
}

/*服务品牌*/
#brand {
    padding-bottom:5em;
    overflow-x: auto;
}
#brand .row {
    margin: 0;
}
#brand p {
    font-weight: bold;
    color: #000000;
    font-size: 1.1em;
}
#brand .brand-3 {
    width:484px;
    margin-bottom: 2em;
}
#brand .brand-6 {
    width: 967px;
    margin-bottom: 2em;
}
#brand .brand-10 {
    width: 1611px;
    margin-bottom: 2em;
}
#brand td {
    height:140px;
    width: 160px;
    border: 1px solid #d9d9d9;
    background: url(../images/brand-1080p.jpg);
}

/*文化理念*/
#philosophy .font-group-one {
    margin-left: -1.5em;
    float:left;
}
#philosophy .font-logo-one {
    font-size: 12em;
    vertical-align: middle;
    font-family: futura;
    color: #EDEDED;
    line-height:1em;
}
#philosophy .font-logo-two {
    margin-left:-1em;
    font-size: 2em;
    font-weight: bold;
}
#philosophy .img-group-one {
    margin-right:-5em;
}
#philosophy .font-text {
    vertical-align: bottom;
    padding-right:20px;
    padding-left: 20px;
    line-height: 4em;
    font-size: 12px;
}
#philosophy .font-group-two {
    float:right;
}
#philosophy .font-logo-three {
    font-size: 2em;
    font-weight: bold;
    margin-left: -6em;
    padding-right:2.5em;
}
#philosophy .font-logo-four {
    font-size: 12em;
    vertical-align: middle;
    font-family: futura;
    color: #EDEDED;
    line-height:1em;
}

/*联系我们*/
#contact {
    /*height: 100%;*/
    color: #FFFFFF;
}
#contact .main {
    height: 100%;
    position: relative;
    padding-top: -5%;
    margin-top: 3em;
}
#contact .right {
    -webkit-background-size: cover;
    background-size: cover;
    width: 62.5%;
    height: 100%;
    position: absolute;
    right: 0;
}
#contact .background-sh {
    background: url("../images/SH.jpg") no-repeat center center;
}
#contact .background-hz {
    background: url("../images/HZ.jpg") no-repeat center center;
}

#contact .left-background {
    -webkit-background-size: cover;
    background-size: cover;
    -moz-filter: blur(15px);
    -webkit-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
    width:37.5%;
    height: 100%;
    position: absolute;
    left: 0;
}
#contact .left-contents {
    width: 37.5%;
    position: absolute;
    top: 25%;
    left: 0;
}
#contact .center-contents {
    position: relative;
    text-align: center;
}
#contact .location-group-out {
    position: relative;
    left: 50%;
    float: left;
}
#contact .location-group-in {
    float: left;
    position: relative;
    right: 50%;
}
#contact .normal {
    letter-spacing: 1px;
}
#contact .font-logo {
    font-size: 15em;
    font-family: futura;
    line-height: 1em;
    padding-top:0.1em;
    display: inline-block;
}
#contact .font-location {
    font-size: 1.5em;
    line-height:1em;
    padding-bottom:1em;
}
#contact .english-name {
    padding:2em 0;
    color: #f7f7f7;
}
#contact .contact-way {
    font-size: 12px;
}
#contact a {
    display: inline-block;
    padding:1.5em 3em;
}
#contact .contact-active {
    background-color: #F8B62A;
    color: #000000;
}
#contact .contact-notactive {
    background-color: #000000;
    color: #FFFFFF;
}
#contact .hz {
    position: absolute;
    bottom:15%;
    right: 62.5%;
}
#contact .sh {
    position: absolute;
    bottom:15%;
    left: 37.5%;
}

/*加入我们*/
#join .out {
    position: relative;
    width:100%;
    text-align: center;
}
#join .in {
    float: left;
    position: relative;
    left: 50%;
}
#join .font-logo {
    font-size: 19em;
    font-family: futura;
    color: #EDEDED;
    line-height:1em;
    margin-bottom: -1.3em;
    font-weight: normal;
}
#join .contents {
    position: relative;
    right:50%;
    font-size: 12px;
    font-weight: bold;
    line-height:3em;
}
#join a {
    color: #000000;
}
#join .dear {
    padding-bottom: 7em;
}
.footer {
    position: relative;
}




@media screen and (max-width: 1700px) {
    .main {
        font-size: 12px;
        margin-top: 5.8em;
    }
    #profile .img-one img {
        width: 60%;
    }
    #profile .text-two {
        margin-top: -70%;
    }
    #profile .img-two {
        padding-top: 5%;
    }

    #development .font-logo-one {
        font-size: 6em;
    }
    #development .font-logo-two {
        font-size: 6em;
    }
    #development .font-logo-six {
        margin-top:-20px;
    }
    #development .text-five {
        margin-top: 10%;
    }

    #advantage .lunbo {
        width:1200px;
    }
    #advantage .main-carousel {
        margin-top:-4em;
    }
    #advantage .carousel-cell .img {
        padding:2em 3em;
    }

    #brand td {
        background: url(../images/brand-768p-2.jpg);
    }
    #brand .brand-3 {
        width:388px;
    }
    #brand .brand-6 {
        width: 775px;
    }
    #brand .brand-10 {
        width: 1291px;
    }
    #brand td {
        height:112px;
        width: 128px;
    }

    #join .dear {
        padding-bottom: 4em;
    }
    .qrcode {
        height:100px;
    }
}
@media screen and (max-width: 1200px) {
    #advantage .lunbo {
        width:800px;
    }
    #advantage .carousel-cell .img {
        padding:2em 3em;
    }
}