.page-header{
    margin-top:20px;
}
.page-header .navbar,.page-header .navbar-default,.page-header .navbar-fixed-top{
    height: 50px;
}
.page-header .navbar-default {
    background-color: white;
    border-color: #e7e7e7;
}
.page-header .container{
    height: 50px;
}
.page-header .navbar-brand {
    height: 50px;
    max-height: 50px;
    line-height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.navImgLeft{
    width:180px;
    height:30px;
    /*position: absolute;*/
    /*top: 50%;*/
    /*margin-top: -21.5px;*/

}
/*.page-header .collapse,.page-header .navbar-collapse,.page-header .navbar-responsive-collapse{*/
/*height: 50px!important;*/
/*}*/
/*.page-header .navbar-nav {*/
/*!*float: none !important;*!*/
/*margin: 0;*/
/*height: 50px!important;*/
/*}*/
#example-navbar-collapse{
    background: #FFFFFF;
}
.page-header .navbar-nav li {
    line-height: 20px;
    /*padding: 15px 1px;*/
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/*有背景的样式*/
.page-header .navbar-default .navbar-nav>.active>a,
.page-header .navbar-default .navbar-nav>.active>a:focus,
.page-header .navbar-default .navbar-nav>.active>a:hover {
    color: #000;
    background-color: #e7e7e7;
}
/*其他菜单*/
.page-header .navbar-default .navbar-nav>li>a {
    color: #000;
}
.page-header .navbar-default .navbar-nav>li>a:focus,
.page-header .navbar-default .navbar-nav>li>a:hover {
    color: #777;
    background-color: transparent;
}
.logo_img{
    overflow: hidden;
    text-indent: -999px;
    background-image:url(../image/logo_zhongke.png) ;
    background-repeat: no-repeat;
    background-position: 15px 10px;
    background-size: 70px;
}
.rFloat li a{
    font-weight: bold;
}
.banner{
    height:850px;
    background-image: url("../image/jshubeijing.png");
    background-repeat:no-repeat;
    background-position:center ;
    background-size: 100% 100%;
    overflow: hidden;
    margin-bottom: 10px;
    display: -webkit-flex;
    display: flex;
}

.skillWords{

    width:420px;
    /*或*/
    /*width: 470px!important;*/
    /*box-sizing: border-box ;*/
    /*width:470px;*/
    /*height:430px;*/
    background-color: rgba(255,255,255,0);
}
.footer{
    width:100%;
    height:30px;
    background: rgb(235,235,235);
}

.footer h4{
    display:inline-block;
    color:rgb(196,196,196);
    margin-top:0;
    margin-bottom: 0;
    text-align:center;
    vertical-align:middle;
    line-height:30px;
}
.footer p ,.footer span{
    display:inline-block;
    text-align: center;
    color:rgb(196,196,196);
    margin-bottom: 0;
    vertical-align:middle;
    /*line-height:25px;*/
}
.TrFont{
    font-size: 10rem;

}
/*超大PC屏幕下的专用样式*/
@media screen and (min-width:1200px) {
    .page-header .navbar,.page-header .navbar-default,.page-header .navbar-fixed-top{
        height: 70px;
    }
    .page-header .navbar-nav>li>a{
        font-size: 20px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .page-header .container{
        height: 70px;
    }
    .page-header .navbar-brand {
        height: 70px;
        max-height: 70px;
        line-height: 70px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
        vertical-align: middle;
        transition-duration: 400ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }
    .logo_img{
        width:360px;
        overflow: hidden;
        text-indent: -999px;
        background-image:url(../image/logo_img.png),url(../img/logo_words.png) ;
        background-repeat: no-repeat;
        background-position: 15px 10px, 105px 22px;
        background-size: 70px,127px;
    }
}
/*大于1660px*/
@media screen and (min-width:1660px) {
    .skillWords{
        padding:5% 0 5% 5%;

    }

}
/*大于1460px小于1660px*/
@media screen and (min-width:1460px) and (max-width: 1660px) {
    .skillWords{
        padding:5%;

    }

}
/*大于1300px小于1460px*/
@media screen and (min-width:1300px) and (max-width: 1460px) {
    .skillWords{
        padding:5% 10% 5% 5%;

    }

}
/*大于1200px小于1300px*/
@media screen and (min-width:1200px) and (max-width: 1300px) {
    .skillWords{
        padding:5% 14% 5% 5%;

    }

}
/*小于1200px*/
@media screen and (max-width:1200px){
    .page-header .navbar,.page-header .navbar-default,.page-header .navbar-fixed-top{
        height: 50px;
    }
    .page-header .navbar-nav>li>a{
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .page-header .container{
        height: 50px;
    }
    .page-header .navbar-brand {
        height: 50px;
        max-height: 50px;
        line-height: 50px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
        vertical-align: middle;
        transition-duration: 400ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }
    .logo_img{
        width:220px;
        overflow: hidden;
        text-indent: -999px;
        background-image:url(../image/logo_zhongke.png) ;
        background-repeat: no-repeat;
        background-position: 15px 10px;
        background-size: 170px;
    }

}
@media screen and (max-width:991px){
    .page-header .navbar-nav>li>a{
        font-size: 13px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
/*中等PC屏幕下的专用样式*/
@media screen and (min-width:992px) and (max-width: 1199px) {
    .skillWords{

        width:380px;
        /*或*/
        /*width: 470px!important;*/
        /*box-sizing: border-box ;*/
        /*width:470px;*/
        /*height:430px;*/
        background-color: rgba(255,255,255,0);
        padding:5% 6% 5% 5%;
        /*left: 10px;*/
    }

}
@media screen and (min-width:890px) and (max-width: 992px) {
    .skillWords{
        padding:5% 7% 5% 5%;

    }

}

/*PAD屏幕下的专用样式*/
@media screen and (min-width: 800px) and (max-width:890px ){
    .skillWords{
        padding:5% 14% 5% 4%;
    }

    .TrFont{
        font-size: 16px;
    }
}
@media screen and (min-width: 768px) and (max-width:800px ){
    .skillWords{
        padding:4% 16% 5% 3%;
    }


}
/*大于768*/
@media (min-width: 768px) {
    .page-header .navbar-nav {
        float: right;
    }
    .wordsImg{
    height:450px;
    background-image: url("../image/jishuzhichi.png");
    background-repeat:no-repeat;
    background-position:center ;
    background-size: 100% 100%;
    margin: auto;
    }
    .strongHeight{
        margin-top:18px;
        margin-bottom:50px;
    }
    .wordsStyle{
        margin-bottom:30px;
    }
    .heading-left p{
        font-size: 16px;
    }
}

/*PHONE屏幕下的专用样式*/
@media screen and (max-width:767px) {
    .page-header .navbar-toggle {

        margin-top: 8px;

    }

    .wordsImg{
        /*width:100%;*/
        height:750px;
        background-image: url("../image/jishuzhichi_2.png");/*换图片地址*/
        background-repeat:no-repeat;
        background-position:center ;
        background-size: cover;
        margin: auto;
    }
    .skillWords{

        width:100%;
        background-color: rgba(255,255,255,0);
        padding:5% 5% 5%;
        position:absolute;
        top:50%;
        left:0;
    }
    .strongHeight{
        margin-top:35px;
        margin-bottom: 10px;
    }
    .wordsStyle{
        margin-bottom:10px;
    }

    .TrFont{
        font-size: 16px;
    }
}
/*小于690*/
@media screen and (max-width:690px) {
    .footer{
        width:100%;
        height:62px;
        background: rgb(235,235,235);
    }

}
/*小于420*/
@media screen and (max-width:420px) {
    .page-header .navbar-toggle {
        margin-top: 8px;
    }
}
/*小于365样式*/
@media screen and (max-width:365px) {
    .strongHeight{
        margin-top:15px;
        margin-bottom: 10px;
    }
    .wordsStyle{
        margin-bottom:2px;
    }
    .heading-left p{
        font-size: 13px;
    }

}
/*小于361px*/
@media screen and (max-width:361px) {
    .footer{
        width:100%;
        height:75px;
        background: rgb(235,235,235);
    }
    .footer h4{
        line-height:25px;
    }
}