ol, ul {
    /*减小ul的间距*/
    margin-top: 0;
    margin-bottom: 0;
}
.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);
}
.logo_img{
    overflow: hidden;
    text-indent: -999px;
    background-image:url(../img/logo_zhongke.png) ;
    background-repeat: no-repeat;
    background-position: 15px 10px;
    background-size: 70px;
}
.navImgLeft{
    width:180px;
    height:30px;
    /*position: absolute;*/
    /*top: 50%;*/
    /*margin-top: -21.5px;*/

}

#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;
}
.rFloat li a{
    font-weight: bold;
}
.banner{
    height:800px;
    background-image: url("../img/yewubeijing.png");
    background-repeat:no-repeat;
    background-position:center ;
    /*background-size: 100% 100%;*/
    margin-bottom: 10px;
    display:-webkit-flex;
    display:flex;
}
.banner .container{
    height:850px;
    margin:auto;
}
.banner .containerBanner{
    height:800px;

}
.banner .containerBanner .navWra{

}
.banner .containerBanner .navWrap nav{
    height:850px;
    background:rgba(255,255,255,0.25);
    border-right:1px solid #ffffff;
    padding:0;
}
.banner .containerBanner .navWrap .navUl{
    margin-top:60px;
}
.banner .containerBanner .navWrap .navUl .navWords{
    height:40px;
    /*background: red;*/
    padding-left:24px;
}
.banner .containerBanner .navWrap .navUl .showTitle{
    height:40px;
    /*background: red;*/
    padding-left:42px;

}
#twoTitle{
    /*background:rgba();*/

}
.banner .containerBanner .navWrap .navUl a{
    font-size:18px;
    text-decoration:none;
    text-align:left;
    vertical-align: center;
    line-height:40px;
    color:rgba(255,255,255,1);
}
.banner .containerBanner .navWrap .navUl .navWords:hover{
    /*background: rgb(88,190,246);*/
}
.banner .navWrap .introduceWrap{
    height:850px;
    background:rgba(255,255,255,0.25);
    padding:0;
}
.banner .navWrap .introduceWrap .introduceChange li{
    height:752px;
}
.banner .navWrap .introduceWrap .introduceChange li .content{
    font-size:16px;
    height:300px;
    line-height:19px;
    overflow:auto;
}

.mCSB_scrollTools{

}
.banner .navWrap .introduceWrap .introduceChange .imgWrap{
    width:100%;
    height:353px;
    margin-top:60px;
}
.banner .navWrap .introduceWrap .introduceChange .imgWrap .introduceImg{
    /*width:100%;*/
    height:auto;
    /*margin-bottom:60px;*/

}
.banner .navWrap .introduceWrap .introduceChange hr{
    padding-left: 0;
    padding-right:0;
}
/*.banner .navWrap .introduceWrap .introduceChange .introduceName{*/
    /*!*height:60px;*!*/
    /*margin:20.4px 0 20.4px 45px;*/
    /*color:#ffffff;*/
/*}*/
.banner .navWrap .introduceWrap .introduceChange p{
    color:#ffffff;
}
.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(../img/logo_img.png),url(../img/logo_words.png) ;
        background-repeat: no-repeat;
        background-position: 15px 10px, 105px 22px;
        background-size: 70px,127px;
    }
    .banner{
        height:850px;
        background-image: url("../img/yewubeijing.png");
        background-repeat:no-repeat;
        background-position:center ;
        background-size: 100% 900px;
        margin-bottom: 10px;
        display:-webkit-flex;
        display:flex;
    }

}
/*小于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(../img/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) {
    .banner .navWrap .introduceWrap .introduceChange .imgWrap{
        height:310px;

    }
}

/*PAD屏幕下的专用样式*/
@media screen and (min-width: 768px) and (max-width:991px ){
    .banner .navWrap .introduceWrap .introduceChange .imgWrap{
        height:290px;

    }
    .TrFont{
        font-size: 16px;
    }
}
/*大于768*/
@media (min-width: 768px) {
    .page-header .navbar-nav {
        float: right;
    }
    .banner .navWrap .introduceWrap .introduceChange .imgWrap .introduceImg{
        /*width:inherit;*/
        /*height:auto;*/
        /*margin-bottom:60px;*/
        /*position: relative;*/
    }
    .banner .navWrap .introduceWrap .introduceChange .introduceName{
        /*height:60px;*/
        margin:20.4px 0 20.4px 45px;
        color:#ffffff;
    }
    .banner .navWrap .introduceWrap .introduceChange hr{
        display:block;
    }
    .banner .containerBanner .navWrap nav{
        display:block;
    }
    #arrowsLeft{
        display:none;
    }
    #arrowsRight{
        display:none;
    }
}

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

        margin-top: 8px;

    }
    .banner .containerBanner{
        padding-left:0;
        padding-right:10px;
    }
    .banner .containerBanner .navWrap nav{
        display:none;
    }

    .banner .navWrap .introduceWrap {
        height: 800px;
        background: rgba(255, 255, 255, 0);
    }
    .banner .navWrap .introduceWrap .introduceChange .imgWrap{
        width:100%;
        height:auto;
        margin-top:30px;

        /*margin-bottom:60px;*/
    }
    .banner .navWrap .introduceWrap .introduceChange .imgWrap .introduceImg{
        width:100%;
        /*height:auto;*/
        margin-bottom:30px;
        /*position: relative;*/
    }
    .banner .navWrap .introduceWrap .introduceChange .introduceName{
        /*height:60px;*/
        margin:20.4px 0 20.4px 15px;
        color:#ffffff;
    }
    .banner .navWrap .introduceWrap .introduceChange hr{
        display:none;
    }
    #arrowsLeft{
        display:block;
        width:25px;
        position: absolute;
        /*top:25%;*/
        left:25px;
        z-index:5;
    }
    #arrowsRight{
        display:block;
        width:25px;
        position: absolute;
        /*top:25%;*/
        right:25px;
        z-index:5;
    }
    .TrFont{
        font-size: 16px;
    }
}
/*小于690*/
@media screen and (max-width:690px) {
    .footer{
        width:100%;
        height:62px;
        background: rgb(235,235,235);
    }

}
/*小于450px*/
@media screen and (max-width:450px) {
    .banner .container{
        padding-left:10px;
        padding-right:0;
    }

}
/*小于420*/
@media screen and (max-width:420px) {
    .page-header .navbar-toggle {
        margin-top: 8px;
    }
}
/*小于350px*/
@media screen and (max-width:350px) {

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