@charset "utf-8";
/* CSS Document */
.containers {
    margin-right: auto;
    margin-left: auto;
	padding:0 10px;
}
.head_ph{
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
	overflow:hidden;
	padding-bottom:30px;
}

.head_ph .containers, .head_ph .ph_logo {
    position: relative;
    height: 100%;
}

.head_ph .ph_logo {
	padding-top:10px;
	width:91%;
}

.head_ph .ph_logo img {
    max-width: 100%;
	/*padding-top:26px;*/
	padding: 27px 0px
}

.head_ph .menuph {
    position: absolute;
    top: 35px;
    right: 5px;
    cursor: pointer;
}

.layout{ width:1400px; margin:0 auto;}


@media (min-width: 1280px){
#menu {
    display: none;
}
}
@media (max-width: 1399px) and (min-width:1280px){
	.layout{ width:90%; margin:0 auto;}
}
@media (max-width: 1399px){
	.layout{ width:90%; margin:0 auto;}
	.zjtd .bd ul li{
		height:22vh;
		margin-right:22px;
	}
}

@media screen and (max-width: 899px){
.head_ph{
	display:block;
}
.pc_top{
	display:none;
}
.pc_dh{
	display:none;
}
.pc_banner{
	display:none;
}
.pc_foot{
	display:none;
}
#menu {
    opacity: 0;
}
.layout{
	margin-right: auto;
    margin-left: auto;
	padding:0 15px;
	width:auto;
}
.header_top{
	display:none;
}
.header_vel{
	display:none;
}
.nav{
	display:none;
}
.g-banner{
	display:none;
}
.foter{
	display:none;
}
.ph_banner{
	display:block;
}
.ph_foter{
	display:block;
}
.news_flash{
	width:100%;
	background-size: 40% 100%;
}
.news_flash .hd{
	width:40%;
}
.news_flash .bd ul li{
/*	height:250px;*/
width: 100%;
}
.news_flash .bd ul li img{
	width: 100%;
}
.news_flash .bd ul li .txt{
	margin-top:60px;
}
.news_flash .bd ul li .txt h4{
	font-size:14px;
}
.news_flash .bd ul li .txt p{
	display:none;
}
.news_right{
	width:100%;
}
.header_zrsm{
	padding:20px 0;
}
.header_zrsm p{
	width:100%;
	line-height:24px;
	font-size:14px;
	padding-top:15px;
	padding-bottom:15px;
}
.xsjz{
	width:100%;
	float:none;
}
.xsjz_flash .bd ul li{
	height:250px;
}
.xsjz_flash .bd ul li .xs_txt h4{
	margin-top:10px;
}
.xsjz_flash .bd ul li .xs_txt h5{
	margin-top:10px;
}
.xsjz_flash .bd ul li .xs_txt h6{
	margin-top:10px;
}
.xsjz_flash .bd ul li .xs_img{
	margin-top:20px;
}
.xsjz_flash .bd ul li .xs_txt{
	margin-top:25px;
}
.xsjz_nav{
	padding-top:20px;
}
.tzgg{
	width:100%;
	float:none;
}
.kylw{
	width:100%;
	float:none;
	margin-top:30px;
}
.yx_right{
	width:100%;
	float:none;
	margin-top:30px;
}
.yxts_cen ul li{
	width:100%;
	margin-left:0;
	margin-right:0;
}

.yx_txt span{
	padding-top:20px;
}
.zjtd .bd ul li{
	width:32%;
	height:22vh;
	margin-right:15px;

}
.header_nav{
	background:none;
}
.pc_xwzx_right ul li div p{
	    font-size: 16px;
}
.notice-item a div p{
	    font-size: 16px;
}
.new_title_left_more{
	    float: right;
}
.pc_xwzx_right ul li div{
	    padding: 0 20px;
}
.notice-it{
	    padding: 18px 20px;
}
.pc_kyvg_foot div a p{
	
}

}
@media (max-width: 400px)
{

}

/* ==================== 移动端样式（按设计图） ==================== */
@media screen and (max-width: 899px){

  html, body{
    overflow: auto !important;
    height: auto !important;
  }

  /* ---------- 顶部栏：红底 + 白logo + 汉堡按钮 ---------- */
  .top{ display: none; }
  .head_ph{
    display: block;
    background: #9E2121;
    padding: 0 12px;
    overflow: hidden;
    height: 80px;
  }
  .head_ph .containers{ display: flex; justify-content: space-between; align-items: center;
              width: 100%;
        gap: 12px; }
  .head_ph .ph_logo{
    flex: 1;
    min-width: 0;
    padding-top: 0;
    display: flex;
    align-items: center;
  }
  .head_ph .ph_logo img{
    max-width: 100%;
    height: auto;
    max-height: 56px;
    padding: 0;
    object-fit: contain;
  }
  .head_ph .menuph{
    flex-shrink: 0;
    position: relative;
    top: 0;
    right: 0;
  }
  .head_ph .menubtn{ display: block; }
  .head_ph .menubtn a{ display: block; }
  .head_ph .menubtn img{
    display: block;
    width: 26px;
    height: auto;
  }

  /* ---------- 轮播图 ---------- */
  .pc_banner{ display: block; height: 200px; }
  .pc_banner .carousel{ height: 200px; }
  .pc_banner .carousel-item img{
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
  .carousel-dots{ bottom: 8px; }
  .dot{
    width: 10px; height: 10px;
    border-width: 2px;
    margin: 0 3px;
  }

}

/* ==================== PC端恢复样式（确保900px以上显示PC端） ==================== */
@media (min-width: 900px){
  .pc_banner{ display: block !important; height: 900px !important; }
  .pc_banner .carousel{ height: 100% !important; }
  .pc_foot{ display: none !important; }
  .head_ph{ display: block !important; }
}



/* ========== PC 端响应式 ========== */
/* 1440px 适配 */
@media(max-width: 1440px){
    .foot_yqlj,
    .foot_bottom_main{width: 85%;}
    .pc_dh{padding-left: 10px;}
    .pc_top {
    padding: 34px 0 18px 0px;width: 30%;
}
.menu>li {
    position: relative;
    float: left;
    width: 9%;
    text-align: center;
}
.pc_top img {
    width: 100%;
    height: 60px;
    display: block;
}
}
/* 1280px 适配 */
@media(max-width: 1280px){
    .foot_yqlj,
    .foot_bottom_main{width: 95%;gap: 12px;}
    .foot_contact p{font-size: 10px;}
    .foot{height: 560px;}
    .foot_yqlj_box{height: 260px;padding: 40px 60px;}
    .foot_logo > img{width: 100%;height: 100%;}
    .foot_logo_txt .cn{font-size: 22px;}
    .foot_yqlj_title{font-size: 24px;}
        .pc_dh{padding-left: 10px;}
    .pc_top {
    padding: 34px 0 18px 0px;
}
.menu>li>a{
    font-size: 15px;
}
}

@media(max-width: 1028px){
.top{display: none !important;}
    .page-header {
        display: block !important;
    }
}
/* ========== 移动端适配 ≤899px ========== */
@media(max-width: 899px){
    /* 顶部导航强制显示移动端 */
    .top{display: none !important;}
    .head_ph{
        display: block !important;
        position: relative;
        z-index: 9999;
        background: #17489C;
        padding: 0 15px;
        overflow: hidden;
        height: 70px;
    }
    /* footer */
    .foot{height: auto;padding: 40px 0 20px;}
    .foot::before{background: rgba(10,59,138,0.5);}
    .foot_yqlj{width: 100% !important;padding: 0 15px;box-sizing: border-box;padding-top: 0px;}
    .foot_yqlj_box{height: auto;padding: 30px 15px;background: none !important;}
    .foot_yqlj_title{font-size: 20px;margin-bottom: 20px;background: transparent;}
    .foot_yqlj_title::before,
    .foot_yqlj_title::after{width: 20px;margin: 0 10px;}
    .foot_yqlj_box ul{flex-wrap: wrap;gap: 68px;justify-content: center;}
    .foot_yqlj_box ul li{width: 80px;gap: 8px;}
    .foot_yqlj_box ul li .ico{width: 80px;height: 80px;border: 2px dashed rgba(255,255,255,0.7) !important;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
    .foot_yqlj_box ul li .ico img{width: 40px;height: 40px;filter: brightness(0) invert(1);}
    .foot_yqlj_box ul li span{font-size: 12px;}
    .foot_bottom{margin-top: 40px;padding-top: 0;}
    .foot_bottom_main{width: 100% !important;flex-direction: column;gap: 30px;padding: 0 15px;box-sizing: border-box;}
    .foot_logo{justify-content: center;gap: 16px;}
    .foot_logo > img{width: 100%;height:100%;}
    .foot_logo_txt .cn{font-size: 18px;letter-spacing: 1px;}
    .foot_logo_txt .en{font-size: 10px;letter-spacing: 0.5px;}
    .foot_contact{text-align: center;gap: 8px;}
    .foot_contact p{justify-content: center;font-size: 12px;line-height: 1.8;}
.foot_yqlj_title{        font-weight: 100;
        font-size: 28px !important;}
}

/* ========== 小屏手机 ≤480px ========== */
@media(max-width: 480px){
    .foot_yqlj_box ul li{width: 70px;}
    .foot_yqlj_box ul li .ico{width: 80px;height: 80px;border: 2px dashed rgba(255,255,255,0.7) !important;border-radius: 50%;}
    .foot_yqlj_box ul li .ico img{width: 40px;height: 40px;filter: brightness(0) invert(1);}
    .foot_yqlj_box ul li span{font-size: 15px;
        width: 121px;
        text-align: center;}
    .foot_logo > img{width: 100%;height:100%;}
    .foot_logo_txt .cn{font-size: 15px;}
    .foot_logo_txt .en{font-size: 9px;}
    .foot_contact p{font-size: 15px;}
}