body{
    font-family: Microsoft Yahei, sans-serif !important;
}
a{
    font-family: Microsoft Yahei, sans-serif !important;
}
/* banner */
.txt-one{
    color:#fff45c;
    font-size: 48px;
    font-weight: bolder;
    margin-top: 100px;
    text-align: right;
    position: relative;
}
.txt-two{
    color:#fff45c;
    font-size: 24px;
    font-weight: bolder;
    margin-top: 30px;
    text-align: right;
    margin-right: 30px;    position: relative;

}
.txt-three{
    color:white;
    font-size: 20px;
    font-weight: bolder;
    margin-top: 50px;
    text-align: right;    position: relative;

}
.btn-view{
    background: #FE7877;
    border-radius: 0px;
    margin-right: 50px;
}
.btn-view:hover{
    color: white;
}
.fa-play-circle-o{
    margin-right: 10px;
}

/* banner下面的导航 */
.nav-ul-con{
    line-height: 115px;
    color:#33485d;
    font-size: 20px;
    text-align: center;
}
.nav-ul-con div.col-md-3{
    cursor: pointer;
}
.nav-ul-con .fa{
    margin-right:10px;
}
.nav-ul-active{
    color: #559DE9;
}
/* media-part 通用的样式 */
.media-part{
    min-height: 432px;
    background: #e6e6e6;
    position: relative;
}
.img-div{
    width: 360px;
    height: 360px;
    position: relative;
    margin-top: 35px;
}


@media(min-width: 1200px) {
    .banner-bg{
        background: #559DE9;
        min-height: 400px;
    }
    .banner{
        width: 100%;
        background: #559DE9;
        min-height: 400px;
        /* position: relative;*/
    }
    .banner-con{
        background: url(../img/banner.png) no-repeat;
        min-height: 400px;
    }
    .d-work-page{
        width: 252px;
        height: 288px;
        position: absolute;
        left: 83px;
        top:31px;
    }
    .d-erji{
        width: 200px;
        height: 360px;
        position: absolute;
        left: -25px;
        top: 0px;
    }
    .d-pencil{
        width: 100px;
        height: 100px;
        position: absolute;
        left: 270px;
        top: 116px;
    }
    .media-part-txt{
        text-align: center;
        margin-top: 140px;
    }

    .media-part-txt1{
        font-size: 30px;
        font-weight: 800;
        color: #434343;
    }
    .media-part-txt2{
        font-size: 18px;
        font-weight: 500;
        color: #959595;
        margin-top: 15px;

    }
    .d-hand-zan{
        width: 180px;
        height: 127px;
        position: absolute;
        left: 183px;
        top: 173px;
    }
    .d_ditu{
        width: 330px;
        height: 360px;
        position: absolute;
        left: 1px;
        top: 1px;
    }
    .ditu-img-div{
        width: 360px;
        height: 360px;
        position: relative;
        margin-top: 25px;
        background-size: cover;
    }
    .conn-img-div{
        width: 360px;
        height: 360px;
        position: relative;
        margin-top: 25px;
        background: url("../img/d_boshi_bg.png");
        background-size: cover;
    }
    .d-boshir{
        width: 350px;
        height: 320px;
        position: absolute;
        left: 10px;
        top: 43px;
    }
    .d-logo{
        width: 68px;
        height: 68px;
        position: absolute;
        left: -31px;
        top: 125px;
    }
    .d-zhi{
        width: 68px;
        height: 68px;
        position: absolute;
        left: 331px;
        top: 135px;
    }
    .team-img-div{
        width:450px;
        height:440px;
        position: relative;
        margin-top: 25px;
    }
    .d_hand1{
        position: absolute;
        width: 168px;
        height:385px;
        left: -23px;
        top: 74px;
    }
    .d_hand2{
        position: absolute;
        width: 150px;
        height:433px;
        left: 100px;
        top: 20px;
    }
    .d_hand3{
        position: absolute;
        width: 178px;
        height:370px;
        left: 244px;
        top: 82px;
    }
    .professional-team{
        background: white;
        min-height: 524px;
        position: relative;
    }
}
@media (min-width:992px) and (max-width: 1190px) {
    .banner-bg{
        background: #559DE9;
        min-height: 400px;
    }
    .banner{
        width: 100%;
        background: #559DE9;
        min-height: 400px;
        /* position: relative;*/
    }
    .banner-con{
        background: url(../img/banner.png) no-repeat;
        min-height: 400px;
    }
    .d-work-page{
        width: 60%;
        height: auto;
        position: absolute;
        left: 83px;
        top:31px;
    }
    .d-erji{
        width: 60%;
        height: auto;
        position: absolute;
        left: -25px;
        top: 0px;
    }
    .d-pencil{
        width: 20%;
        height: auto;
        position: absolute;
        left: 270px;
        top: 116px;
    }
    .media-part-txt1{
        font-size: 18px;
        font-weight: 800;
        color: #434343;
    }
    .media-part-txt2{
        font-size: 14px;
        font-weight: 500;
        color: #959595;
        margin-top: 15px;

    }
    .d-hand-zan{
        width: 32%;
        height: auto;
        position: absolute;
        left: 183px;
        top: 173px;
    }
    .d_ditu{
        width: 60%;
        height: auto;
        position: absolute;
        left: 19%;
        top: 1px;
    }
    .ditu-img-div{
        width: 360px;
        height: 250px;
        position: relative;
        margin-top: 25px;
        background-size: cover;
    }
    .conn-img-div{
        width: 280px;
        height: 240px;
        position: relative;
        margin-top: 25px;
        background: url("../img/d_boshi_bg.png");
        background-size: cover;
    }
    .d-boshir{
        width: 60%;
        height: auto;
        position: absolute;
        left: 10px;
        top: 43px;
    }
    .d-logo{
        width: 25px;
        height: 25px;
        position: absolute;
        left: -31px;
        top: 125px;
    }
    .d-zhi{
        width: 25px;
        height: 25px;
        position: absolute;
        left: 331px;
        top: 135px;
    }
    .team-img-div{
        width:320px;
        height:200px;
        position: relative;
        margin-top: 25px;
    }
    .d_hand1{
        position: absolute;
        width: 25%;
        height: auto;
        left: -23px;
        top: 74px;
    }
    .d_hand2{
        position: absolute;
        width: 25%;
        height: auto;
        left: 100px;
        top: 20px;
    }
    .d_hand3{
        position: absolute;
        width: 25%;
        height: auto;
        left: 244px;
        top: 82px;
    }
    .professional-team{
        background: white;
        min-height: 250px;
        position: relative;
    }
    .media-part-txt{
        text-align: center;
        margin-top: 130px;
    }
}
@media (min-width:767px) and (max-width: 991px) {
    .banner-bg{
        background: #559DE9;
        min-height: 300px;
    }
    .banner{
        width: 100%;
        background: #559DE9;
        min-height: 300px;
        /* position: relative;*/
    }
    .banner-con{
        background: url(../img/banner.png) no-repeat;
        min-height: 300px;
    }
    .d-work-page{
        width: 60%;
        height: auto;
        position: absolute;
        left: 83px;
        top:31px;
    }
    .d-erji{
        width: 60%;
        height: auto;
        position: absolute;
        left: -25px;
        top: 0px;
    }
    .d-pencil{
        width: 20%;
        height: auto;
        position: absolute;
        left: 270px;
        top: 116px;
    }
    .media-part-txt1{
        font-size: 18px;
        font-weight: 800;
        color: #434343;
    }
    .media-part-txt2{
        font-size: 14px;
        font-weight: 500;
        color: #959595;
        margin-top: 15px;

    }
    .d-hand-zan{
        width: 32%;
        height: auto;
        position: absolute;
        left: 183px;
        top: 173px;
    }
    .d_ditu{
        width: 60%;
        height: auto;
        position: absolute;
        left: 19%;
        top: 1px;
    }
    .ditu-img-div{
        width: 360px;
        height: 250px;
        position: relative;
        margin-top: 25px;
        background-size: cover;
    }
    .conn-img-div{
        width: 280px;
        height: 240px;
        position: relative;
        margin-top: 25px;
        background: url("../img/d_boshi_bg.png");
        background-size: cover;
    }
    .d-boshir{
        width: 60%;
        height: auto;
        position: absolute;
        left: 10px;
        top: 43px;
    }
    .d-logo{
        width: 25px;
        height: 25px;
        position: absolute;
        left: -31px;
        top: 125px;
    }
    .d-zhi{
        width: 25px;
        height: 25px;
        position: absolute;
        left: 331px;
        top: 135px;
    }
    .team-img-div{
        width:320px;
        height:200px;
        position: relative;
        margin-top: 25px;
    }
    .d_hand1{
        position: absolute;
        width: 25%;
        height: auto;
        left: -23px;
        top: 74px;
    }
    .d_hand2{
        position: absolute;
        width: 25%;
        height: auto;
        left: 100px;
        top: 20px;
    }
    .d_hand3{
        position: absolute;
        width: 25%;
        height: auto;
        left: 244px;
        top: 82px;
    }
    .professional-team{
        background: white;
        min-height: 250px;
        position: relative;
    }
    .media-part-txt{
        text-align: center;
        margin-top: 100px;
    }
}
@media (min-width:320px) and (max-width: 768px) {
   .banner{
       display: none;
   }
    .d-work-page{
        width: 60%;
        height: auto;
        position: absolute;
        left: 83px;
        top:31px;
    }
    .d-erji{
        width: 60%;
        height: auto;
        position: absolute;
        left: -25px;
        top: 0px;
    }
    .d-pencil{
        width: 20%;
        height: auto;
        position: absolute;
        left: 270px;
        top: 116px;
    }
    .media-part-txt1{
        font-size: 18px;
        font-weight: 800;
        color: #434343;
    }
    .media-part-txt2{
        font-size: 14px;
        font-weight: 500;
        color: #959595;
        margin-top: 15px;

    }
    .d-hand-zan{
        width: 32%;
        height: auto;
        position: absolute;
        left: 183px;
        top: 173px;
    }
    .d_ditu{
        width: 60%;
        height: auto;
        position: absolute;
        left: 19%;
        top: 1px;
    }
    .ditu-img-div{
        width: 360px;
        height: 250px;
        position: relative;
        margin-top: 25px;
        background-size: cover;
    }
    .conn-img-div{
        width: 280px;
        height: 240px;
        position: relative;
        margin-top: 25px;
        background: url("../img/d_boshi_bg.png");
        background-size: cover;
    }
    .d-boshir{
        width: 60%;
        height: auto;
        position: absolute;
        left: 10px;
        top: 43px;
    }
    .d-logo{
        width: 25px;
        height: 25px;
        position: absolute;
        left: -31px;
        top: 125px;
    }
    .d-zhi{
        width: 25px;
        height: 25px;
        position: absolute;
        left: 331px;
        top: 135px;
    }
    .team-img-div{
        width:320px;
        height:200px;
        position: relative;
        margin-top: 25px;
    }
    .d_hand1{
        position: absolute;
        width: 25%;
        height: auto;
        left: -23px;
        top: 74px;
    }
    .d_hand2{
        position: absolute;
        width: 25%;
        height: auto;
        left: 100px;
        top: 20px;
    }
    .d_hand3{
        position: absolute;
        width: 25%;
        height: auto;
        left: 244px;
        top: 82px;
    }
    .professional-team{
        background: white;
        min-height: 250px;
        position: relative;
    }
}



/* more-test */

.more-test{
    background: white;
   min-height:432px;
    position: relative;
}


/* connection */
.connection{
    background: #e6e6e6;
    min-height: 432px;
    position: relative;
}

/* professional-team */



/*适配*/
@media screen and (max-width: 990px){
    .img-div{
        margin-top: 15px;
        margin: 15px auto;
        text-align: center;
    }
    .media-part-txt{
        margin-top: 15px;
        padding-bottom: 15px;
        margin: 15px auto;
        text-align: center;
    }
}

@media screen and (max-width: 1199px) and (min-width: 768px){
    .txt-one{
        color:#fff45c;
        font-size: 24px;
        font-weight: bolder;
        margin-top: 100px;
        text-align: right;
    }
    .txt-two{
        color:#fff45c;
        font-size: 16px;
        font-weight: bolder;
        margin-top: 30px;
        text-align: right;
        margin-right: 30px;
    }
    .txt-three{
        color:white;
        font-size: 14px;
        font-weight: bolder;
        margin-top: 50px;
        text-align: right;
    }
}
@media screen and (max-width: 768px){
    .banner-con{
        background: url(../img/banner.png) no-repeat;
        min-height: 400px;
        background-size: contain;
    }
    .txt-one{
        color:#fff45c;
        font-size: 24px;
        font-weight: bolder;
        margin-top: 60%;
        text-align: center;
    }
    .txt-two{
        color:#fff45c;
        font-size: 16px;
        font-weight: bolder;
        margin-top: 30px;
        text-align: center;
        margin-right: 30px;
    }
    .txt-three{
        color:white;
        font-size: 14px;
        font-weight: bolder;
        margin-top: 50px;
        text-align: center;
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 432px){
    .header{
        width: 100%;
        background: #33485D;
        min-height: 80px;
    }
    .header-content{
        font-size: 12px;
        min-height: 80px;
    }
    .logo{
        max-width: 225px;
        max-height: 59px;
    }
    .manager-head{
        margin-top: 22px;
    }
    .manager-head label span{
        color:white;
        font-size: 16px;
        font-weight: normal;
        display: inline-block;
        margin-left: 0px;
        height: 49px;
        line-height: 35px;
    }
    .manager-head label img{
        vertical-align: middle;
        margin-left: 0px;
    }
    .manager-head label span.shuxian{
        height:49px;
        font-size: 24px;
    }
    .navbar{
        float: right;
    }
    .navbar ul li{
        margin-left: 0px;
        float: right;
    }
}

@media(min-width: 1200px) {

}
@media (min-width: 320px) and (max-width: 768px) {
    .banner-bg{
        background: #559DE9;
        min-height: 250px;
    }
    .banner{
        width: 100%;
        background: #559DE9;
        min-height: 250px;
        /* position: relative;*/
    }
    .banner-con{
        background: url(../img/banner.png) no-repeat;
        min-height: 250px;

    }
}