@media screen and (max-width: 1440px){

}


@media screen and (max-width: 1200px){
    .banner{width:100%;min-width:100%;}
    .ban_z{width:100%;display: flex;}
    .ban_z img{width:100%;}
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-position:center center;
        width:100%!important;
    }


#hamburger, #hamburger-2 {
    display: block;
}
#hamburger, #hamburger-2 {
    transition: all ease-in-out 200ms;
    position: absolute;
    cursor: pointer;
    outline: none;
    display:block;
    height: 30px;
    width: 30px;
    right: 18px;
    top: 9px;
}
#hamburger {
    top: 22px;
}
#hamburger span, #hamburger-2 span {
    transition: all ease-in-out 200ms;
    background-color: #377cbd;
    display: block;
    width: 100%;
    height: 2px;
}
#hamburger span:nth-child(2), #hamburger-2 span:nth-child(2) {
    margin: 6px 0;
}

.show-mobile-navigation #hamburger {
    opacity: 1;
}

.show-mobile-navigation #hamburger span:nth-child(1), #hamburger-2 span:nth-child(1) {
    transform: rotate(45deg) translateY(10px) translateX(4px);
}
.show-mobile-navigation #hamburger span:nth-child(2), #hamburger-2 span:nth-child(2) {
    height: 0;
    margin: 0;
}
.show-mobile-navigation #hamburger span:nth-child(3), #hamburger-2 span:nth-child(3) {
    transform: rotate(-45deg) translateY(2px) translateX(-8px);
}
.ph_menu {
    transform: translateX(100%);
    height: calc(100% - 60px);
    width: 100%;
    top: 60px;
	background-color:#fff;
	position: fixed;
	overflow-y: auto;
	touch-action: none;
	overflow-x: hidden;
	pointer-events: auto;
	box-shadow: 0 0 18px -2px rgba(0, 0, 0, 0.1);
    transition: all ease-in-out 200ms;
	left: 0;
	display:block;
}	
.show-mobile-navigation .ph_menu {
    transform: translateX(0);
    z-index: 2;
}
.ph_menu ul{padding:25px;}
.ph_menu li{border-bottom:1px solid #ccc; padding:15px 0; position: relative;}
.ph_menu li a{color:#555555;}
.ph_menu li .submenu{padding:10px 0 0 0; transition: all ease-in-out 200ms;overflow: hidden;max-height: 0;}
.ph_menu li.show .submenu{max-height: 300px;}
.ph_menu li .submenu li{border:0; padding:8px 0;}
.ph_menu li .submenu li a{position: relative;padding: 0 0 0 25px;font-size: 15px; color:#666;font-weight: lighter;}
.ph_menu li .submenu li a:before {
    background-color: #354b54;
    position: absolute;
    display: block;
    opacity: 0.3;
    content: "";
    height: 1px;
    width: 16px;
    top: 12px;
    left: 0;
}

.ph_nav_show .ph_menu {
    transform: translateX(0);
    z-index: 2;
}

.ph_menu li svg {
    position: absolute;
    height: 22px;
    opacity: 0.8;
    width: 22px;
    left: auto;
    right: 8px;
    top: 17px;
	transition: all ease-in-out 100ms;
}

.ar0 {
    stroke-miterlimit: 10;
    stroke: #354b54;
    stroke-width: 1;
    fill: none;
}

.ph_menu li.show svg {transform: rotate(180deg);}

.top{display:none;}
.main_nav{display:none;}
.ph_nav{display:block;height: 60px;}
.ph_nav .logo{width:calc(100% - 10px);padding-top: 10px;padding-left: 10px;}
.ph_nav .logo img{height:40px;}

.main{width: calc(100% - 40px); padding:0 20px;display: inline-block; margin-bottom: 30px;}
.main .box{width:100%; height:auto!important;}
.main .box .pic{width:100%;}
.main .box ul li{display:flex;}
.main .box ul li span{margin-right: 6px;}
.main .box ul li time{display:none;}
.footer{display:none;}
.ph_footer{display:block; background-color:#1e50ae; line-height:40px; height:40px;clear: both; color:#fff; font-size:14px; text-align:center;}
#link p{width: calc(100% - 40px); padding:0 20px;}
#link{margin-top:0px;margin-bottom:20px;}
.main .left_nav{width:100%;margin-bottom:12px;}
.main .right_nav{width:100%; margin-left:0; clear: both;}
.breadcrumb{display:none;}
.pager-container{padding-left:0;}
.left_nav_title{margin-bottom: 15px;height: 46px;line-height: 46px;}
.menu-list{margin:0 -1px;}
.menu-list li{height: 44px;line-height: 44px; background-color: #E5E6E6; float:left; width: calc((100% - 4px) / 2); margin: 0 1px;}
.menu-list > li >a{color:#3c3636;}
.menu-list li:hover a,.menu-list li.active a{color: #3c3636;}
.news-list li{display: flex;line-height: 26px;padding-bottom: 10px;height:auto;}
.news-list li em{display:none;}
.pager-header{padding: 10px 0 5px;}
.pager-header h1{font-size:26px;line-height: 30px;}
#fanhui{display:inline;}
a.back_btn{display:none;}
.card{width: calc(70% - 15px);}
.cert_btn{width:30%;}

.bm_class{width:calc(100% - 40px); margin:0 20px 60px;}
.bm_class .md_table{margin:0 0 30px;}
#link p span:after{left:20px;}

}

@media screen and (max-width: 1024px){
   
}





@media screen and (max-width: 768px){	
#map{width:100%;height:200px;border:#ccc solid 1px;font-size:12px; line-height:26px;}
.nei_bg{padding: 0px 0 20px;}
.title h1{font-size: 24px;}

}

@media screen and (max-width: 640px){	
    .login_main, .register_main {width: calc(100% - 60px);padding: 30px 30px 60px;}
    .apply_submit, .login_form input, .login_submit {height: 38px;line-height: 38px;text-indent: 10px;}
    .md_table td label{width:70px;}
    .layui-upload-list{margin: 0 0 0 80px!important;}
    .md_table td select{width: calc(100% - 80px)!important;}
    .md_table td input{width: calc(100% - 82px)!important;}
    .fileList .item{margin-left: 80px;}
    .md_search td input{width:calc(100% - 18px); margin-bottom:10px;}
    .md_search td input.btn{margin-top: 10px; width: 100%;}
    .md_search td select{width: 100%;}
    .success_tip h1 {font-size: 24px;}
    .success_tip p{font-size:16px;}
    .bm_form {height: 38px;line-height: 38px;text-indent: 10px;}
    #link p a{width:calc((100% - 84px) / 2);}
}



@media screen and (max-width: 320px){

}