﻿.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/gaunyubeijing.png");
    background-repeat:no-repeat;
    background-position:center ;
    overflow: hidden;
    margin-bottom: 10px;
    display:flex;
}
.roundBig{
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.2);
    margin:auto;
    overflow: hidden;
}
/*.wordsTitle{*/
    /*margin:12% auto 6%;*/
    /*text-align: center;*/
    /*display:block;*/
/*}*/
.roundBig>.wordsTitle>img{
    /*width:145px;*/
    /*height:70px;*/
    display: inline-block;
}
.roundBig>.wordsTitle>h5{
    display: inline-block;
    font-weight: 600;
    color:rgb(255,255,255);
}
.introduce{
    overflow:hidden;
    margin:0 14% 13% 14%;
    color:rgb(255,255,255);
    font-size: 17px;
    text-indent: 36px;
}
.roundSmall{
    display: inline-block;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.3);
    /*background-color:red;*/
    position: absolute;
    top:530px;
    left:0;
    /*left:850px;*/
    z-index: 10;
    /*overflow: hidden;*/

}
.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;
    }

}
/*小于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) {

}

/*PAD屏幕下的专用样式*/
@media screen and (min-width: 768px) and (max-width:991px ){
    .TrFont{
        font-size: 16px;
    }
}
/*大于768*/
@media (min-width: 768px) {
    .page-header .navbar-nav {
        float: right;
    }
}
/*PHONE屏幕下的专用样式*/
@media screen and (max-width:767px) {
    .page-header .navbar-toggle {

        margin-top: 8px;

    }
    .TrFont{
        font-size: 16px;
    }
}
@media screen and (min-width:601px) {
    .wordsTitle{
        margin:10% auto 5%;
        text-align: center;
        visibility:visible;
    }
}
/*小于600px*/
@media screen and (max-width:600px) {
    .roundBig {
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 0;
        height:100%;
        margin: auto;
        overflow: hidden;
        width: 600px;
    }
    .roundSmall {
        background-color: rgba(255, 255, 255, 0);
        border-radius: 50%;
        display: inline-block;
        height: 250px;
        left: 0;
        position: absolute;
        top: 530px;
        width: 250px;
        z-index: 10;
    }
    .wordsTitle{
        margin:12% auto 6%;
        text-align: center;
        visibility:hidden;
    }
}
/*小于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;
    }
}
/*小于361px*/
@media screen and (max-width:361px) {
    .footer{
        width:100%;
        height:75px;
        background: rgb(235,235,235);
    }
    .footer h4{
        line-height:25px;
    }
}