/* 移动端样式 */
.navbar-default .navbar-nav>li>a {
    color: #505050;
}
.wrapx{padding-bottom: 20px;}
.hbox h1{color: #333;}
.button2:hover a{color: #fff;}
.infom{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 10px;
}
.infom h2:nth-child(1) {
    font-size: 20px;
}
.infom h2{
    width: 100%;
    color: #333;
    font-family: '微软雅黑';
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}
.infom img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: solid 5px rgb(11,57,117);
}
.borderimg{
    width: 100px;
    height: 50px;
    border: none;
    float: left;
    margin-top: 20px;   
    padding: 0 25px 0 25px; 
}
.border-right{
    float: right;
}
.contentinfo {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 30px;
}
.wrapx .smallp{
    font-size: 20px;
}
.wrapx p{
    margin-top: 20px;
}
.media {padding-top:20px;padding-bottom: 20px;}
.media-object {
    width: 150px;
    height: 56px;
    padding: 0;
}
@media screen and (min-width: 640px) {
    /* pc显示与隐藏 */
    .mobilehide {display: block;}
    .mobileshow {display: none;}
    .pchide{display: none;}
    .navbar-nav li {
        width: 100px;
        border:none;
    }
    .infom h2{
        color: #fff;
    }
    .info-bg {
        width: 100%;
        background-image: url(../images/zbf.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .orgbg {
        background: rgba(0, 0, 0, 0.6);
        height: 100%;
    }
    .col-left {
        width: 15%;
        margin-left: 10%;
    }
    .col-right {
        margin-top: 5%;
        margin-right: 10%;
        width: 55%;
        position: relative;
        left: -3%;
    }
    .button a {
        font-size: 14px;
    }
    .button1 {font-size: 14px;}
    .button2 {
        color: #555;
    }
    .button2 a {color: #505050;} 
    .zzlist ul {padding: 0;}
    .zzlist li {
       margin-top: 20px;
       list-style: none;
    }
    .zzlist h1 {
        background-color: #505050;
        font-size: 14px;
    }
    .wrapx {
        width: 100%;
    }
    .wrapx h1{
        font-size: 40px;
    }
    .wrapx p {
        font-size: 14px;
        color: #fff;
        margin-top: 10px;
        line-height: 2.5;
    }
    .innertext1 {
        padding-top: 10px;
    }
    .zzlist a{
        height: 80px;
    }
}
@media screen and (min-width: 960px) {
    /* pc显示与隐藏 */
    .mobilehide {display: block;}
    .mobileshow {display: none;}
    .button1 {font-size: 24px;}
    .button a {
        font-size: 24px;
        color: #555;
    }
    .button1 a{color: #fff;}
    .button2 {
        border: 2px solid #555;
        color: #555;
    }
    .zzlist h1 {
        font-size: 16px;
    }
    .wrapx h1{
        font-size: 40px;
    }
    .wrapx p {
        font-size: 14px;
    }
    .innertext1 {
        padding-top: 10px;
    }
    .zzlist a{
        height: 80px;
    }
}
@media screen and ( min-width: 768px ) and ( max-width:991px ) {
    .zzlist a {
        height: 80px;
    }
    .navbar-nav>li {
        width: 80px;
        margin-left: -10px;
        border: none;
    }
    .navbar-nav li>a{
        font-size: 12px;
    }     
}
@media screen and ( min-width: 992px ) and ( max-width:1024px ) {
    .button1{font-size: 14px;}
    .zzlist a {
        height: 80px;
    }
}
@media screen and ( min-width:1025px) and ( max-width:1444px) {
    .zzlist a {
        height: 80px;
    }
}
@media screen and (max-width:768px) {
    .infom h2 {
        width: 80%;
        color: #333;
        font-family: '微软雅黑';
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.5;
    }
    .wrapx p {
        margin-top: 0;
        text-align: justify;
        font-size: 14px;
        line-height: 2;
    }
}
/* addClass */
.mhide{display: none;}
.mshow {display: block;}