/*!!
 * media.css 兼容性视图
 * Copyright  zh0556.com
 */
 @media (max-width: 1599px){
    .news .rightcon li{ margin: 18px 0 !important;}
}
@media (max-width: 1363px){
    .zdyhide_1363{ display: none !important;}
    .navbg{ width: calc(100% - 314.28px - 70px); margin: 0 35px;}
}
@media (max-width: 1084px){
    .zdyhide_1084{ display: none !important;}
    .navbg {
        width: calc(100% - 143px);
    }
}
@media (max-width: 1200px){
    .certificate .certificateslide .bd li{ width: 25%;}
}
@media (max-width: 993px){
    .design ol .p_993_r{ padding: 0 0 0 6px;}
    .design ol .p_993_l{ padding: 0 6px 0 0;}
    .certificate .certificateslide .bd li{ width: 50%;}
    .introduce .words{ padding: 0;}
}
@media (max-width: 767px){
    h1{font-size: 6vw !important;}
    #button{ 
        position: relative;
        height: 34px;
        width: 44px;}
    .zdyhide{ display: none !important;}
    .zdyshow{ display: block !important;}
	.all-wrap{  width:100%; min-width:inherit}
	
	.news,.news-pic,.notice,.i-about,.i-zt,.i-ks,.i-video,.page-menu,.content{float:inherit;width:100%}

	.pull-left,.pull-right{float:inherit;width:100%}

	.wrap{width:100%; margin:0 auto}

    header{ overflow: hidden;}
    header .msearch{ margin-right: 10px; display: inline-flex; align-items: center; width: calc( 70% - 20px);}
    header .msearch input{ padding-left: 10px; height: 24px; width: 100%}
    header .msearch button{ display: inline-flex; justify-content: center; align-items: center; width: 42px; height: 42px; margin-left: 8px; border-radius: 50%; border-style: none; background-color: #ddd;}
	
	.navbox .navbar-brand {
    font-size: 20px;
    height: 47px;
    padding: 0 0 0 20px;
    line-height: 50px;
    color: #fff;
    }

    .navbg { float: none !important; width: 100%; margin: 0; position: fixed; top: 0; height: 62px; background-color: transparent; z-index: 999;}
    .navbg .navbar-toggle{ margin: 14px; float: left;}

    .menu{ 
        transform: translate(-100%,0); 
        transition: all 0.3s;
        position: fixed;
        top: 0;
        width: 70%;
        background-color: transparent;
    }

    .menu_out{ transform: translate(0,0);}

    .button_out{ margin-left: 50%;}

    .menu ul{ height: 100vh; background-color: rgb(16,55,71);}

    .menu li::before{ bottom: 8px;}

    .menu li{
        box-sizing: border-box;
        width:100%; 
        text-align:left;
        padding-left: 70px;
        font-size:16px; 
        line-height:60px; 
        height:60px; 
        float:inherit;
        background-color: rgb(16,55,71);
        border-bottom: 1px solid #666;
    }

    .menu li.on,.menu li:hover{ position: relative;}

    .menu li.on::before,.menu li:hover::before{ content: ""; width: 8px; height: 100%; display: block; position: absolute; left: 0; top: 0; background-color: rgb(199, 169, 115);}

    .menu li a{ color:#fff;}

    .menu li.on a,.menu li:hover a{ color: rgb(199, 169, 115);}

    .menu li i{margin-right:5px; font-size:22px; vertical-align:middle}

    .news-r{margin-top:20px}

    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background: #fff;
    }

    .navbar-toggle .icon-bar{ transform-origin: 0; position: absolute; transition: all 0.3s;}

    .navbar-toggle .icon-bar+.icon-bar{ margin-top: 0;}
    
    #button .x_t{ top: 8px;}

    #button .x_m{ top: 15px;}

    #button .x_b{ top: 22px;}

    .navbar-header{ transition: all 0.3s;}

    .navbar-nav {
        margin: 0px 0;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 0;
        padding: 9px 10px;
        margin-top: 6px;
        margin-bottom: 6px;
        margin-right:6px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .topic,.xxgk{ display:none}

    .news-title ul li{width:30%}

    .logobg{width:100%; background:none; height:auto}

    .logobg img{width:100%; height:auto}

    .s-logo{display:block}

    .list li a{white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; width:100%; display:block}

    .list li span{ display:none}


    .page-menu-c{padding:20px 0px}

    .page-menu-c a{float: left;
        background: #828282;
        width: 40%;
        margin:2% 5%;
        height: 41px;
        text-align: center;
        line-height: 41px;
        font-size: 16px;
        font-weight: bold;
        color: #fff;}
        
    .page-menu-c a.current{ background:#2165cb}

    header{ height:unset; line-height: unset;}
    header .logo{ margin-left: 0px; padding: 10px 0; text-align: center; float: unset !important; transition: all 0.3s;}
    header .logo img{ height: 42px;}
    .banner{ box-sizing: border-box;}
    .introduce{ padding: 0px; margin-top: 10px;}
    .introduce .words{ padding: 0 10px;}
    .introduce .words .fst{ height: unset;}
    .introduce .words .more{ position: relative; float: unset; margin: 0 auto;}
    .join{ margin-top: 40px;}
    .join .phone>div{ width: 100%; scale: 0.7;}
    .join .phone .p_title{ margin: 0 6px;}
    .join .phone .p_phone{ width: 54%;}
    .design ol .pic,.design ol .title{ padding: 0px !important;}
    .news .ncon{ padding: 0;}
    .news .ncon .img{ width: 100%; padding: 0px; box-sizing: border-box;}
    .news .leftcon .newscon{ width: 100%; padding: 0 10px}
    .news .leftcon .newscon .title{ margin: 10px 0;}
    .news .rightcon{ margin-top: 20px;}
    .news .rightcon .time{ margin: 0 10px 0 10px;}
    .news .rightcon .newscon{ width: calc(100% - 30px - 86px - 2px); padding-right: 10px;}
    .certificate .certificateslide .bd li{ width: 100%;}
    footer{ padding: 20px 10px 20px 10px;}
    footer .address{
        float: unset !important;
        margin-left: 0;
    }
    footer .logo{
        float: unset !important; 
        padding-right: unset; 
        border-right: none;
        text-align: center;
    }
    footer .logo img{ height: unset;}
    footer .outlink ul{
        justify-content: space-evenly;
        display: flex;
    }
    footer .outlink{ float: unset !important;}

    .list_content .list_con{ padding: 0 10px;}
    .list_content .list_con li{ padding: 20px 0;}
    .list_content .list_con li .img,.list_content .list_con li .con{ float: unset; width: 100%; min-height: unset;}
    .list_content .list_con li .img img{ width: 100%; height: unset;}
    .list_content .list_con li .con{ height: unset; max-width: unset; margin: 0;}
    .list_content .list_con li .con .title,.list_content .list_con li .con p,.list_content .list_con li .con .more{ position: unset; transform: translate(0); margin: 10px 0;}

    .ly_content li{ width: calc(100% - 40px);}

    .list_page_con{ box-sizing: border-box; padding: 0 10px;}
    .ny_toppic{ margin: 0;}
    .newslist{ padding: 0;}
    .newslist .con li{ padding: 0 10px;}
    .content_content>.content>.article>.other span{
        float: unset !important;
        margin: 10px 0;
    }
    .content_nav li{
        margin: 0;
        padding: 0 5px;
        width: 50%;
    }
    .content_nav li a{
        width: unset;
    }
    .content_nav ul{
        display: flex;
    }
    .content_nav{
        margin: 40px auto 20px;
    }
}