@media ( max-width:800px ) {

    .fat-nav, .hamburger_icon, .hamburger_icon:after, .hamburger_icon:before { -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s }

    .hamburger { display: block; width: 4em; height: 4em; position:absolute; top: 0.5rem; right: 0; z-index: 9001; padding: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation }
    .hamburger_icon { position: relative; margin-top: 7px; margin-bottom: 7px }
    .hamburger_icon, .hamburger_icon:after, .hamburger_icon:before { display: block; width: 2em; height: 2px; background-color: #555; -moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-duration: .4s }
    .hamburger_icon:after, .hamburger_icon:before { position: absolute; content: "" }
    .hamburger_icon:before { top: -7px }
    .hamburger_icon:after { top: 7px }
    .hamburger.active .hamburger_icon { background-color: transparent }
    .hamburger.active .hamburger_icon:after, .hamburger.active .hamburger_icon:before { background-color: #555 }
    .hamburger.active .hamburger_icon:before { -moz-transform: translateY(7px)rotate(45deg); -ms-transform: translateY(7px)rotate(45deg); -webkit-transform: translateY(7px)rotate(45deg); transform: translateY(7px)rotate(45deg) }
    .hamburger.active .hamburger_icon:after { -moz-transform: translateY(-7px)rotate(-45deg); -ms-transform: translateY(-7px)rotate(-45deg); -webkit-transform: translateY(-7px)rotate(-45deg); transform: translateY(-7px)rotate(-45deg) }

    .fat-nav { top: 0; left: 0; z-index: 9000; position: fixed; display: none; width: 100%; height: 100%; background: rgba(255,255,255,1); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; transition-duration: .4s; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch }
    .fat-nav_wrapper { width: 100%; height: 100%; display: table; table-layout: fixed }
    .fat-nav.active { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) }

    .mo_nav { display:block; width:90%; margin-top:8em; margin-left:5%; margin-right:5%; padding: 0 }
    .mo_nav li { list-style-type: none; font-size: 2rem; height:2.5em; line-height:2.5em; width:100%; margin-bottom:0.1rem; background:#f3f5f9 }
    .mo_nav li a { display:block; width:97%; padding-left:3%; height:100%; text-decoration: none }
    .mo_nav li a .fa-angle-right { margin-top:1.2rem; margin-right:1rem }
    .headbox {
        width: 100%;
        height: 5rem;
        background: #EBEEF7;
    }
    .logo {
        width: 10rem;
        margin-top: 0.5rem;
        margin-left: 2rem;
    }
    .navbox{display:none;}
	.navBar{display:none;}
    .gsgk_n dl dt{width:100%; font-size:14px;}
    .gsgk_n dl dd{width:100%;}
    .bannerlist{    background-size: auto 100%;
        background-position: 40% 5rem; }
    .cybjlist ul li{width:46%;}
    .gsgk_n dl{    margin-top: 1rem;}
    .hxjzg_n ul li{width: 100%;}
    .jrsy_n ul li{width: 100%;}
    .rcbz_n ul li{padding: 1rem 0 0 0rem;}
    .rcbz_n ul li dt{width:100%;}
    .rcbz_n ul li dd{width: 100%; margin-left: 0rem; margin-top:1rem;}
    .contact_n dl dt{width:100%;}
    .contact_n dl dd{width:100%; margin-top: 1rem;}
    .contact_n dl{margin-top: 1rem;}
    .content_about{    padding-bottom: 2rem; min-height: auto;}
    .rcbz_n ul{margin-top: 1rem;}
    .hxjzg_n ul li dt{width:20%; height:auto;}
    .hxjzg_n ul li dt img{width:100%;}
    .hxjzg_n ul li dd{width:70%;}
    .jrsy_n ul li dt{width: 20%;}
    .jrsy_n ul li dd{width: 70%;}

    .product {width: 90%; height: 250px;margin-left: 20px; margin-right: 40px;overflow: hidden;position: relative;}
    .i_cybj ul li{width:55%; border-right:none; padding:0 2%; height:250px; float:left;position: absolute;}
	.news_n ul li{width:100%;}

}

@media ( max-width:520px ) {
	.i_cybj ul li{width:95%; border-right:none; padding:0 2%; height:250px; float:left;position: absolute;}
	.cybjlist ul li{width:100%;}
	}