/* 小手机设备优化 */
@media (max-width: 480px) {
    .row {
        padding: 0 10px;
    }
    
    .photo_item {
        flex: 0 0 100%; /* 小手机强制单列显示 */
        padding: 5px;
    }
    
    .photo_text {
        padding: 10px;
    }
    
    .photo_text h3 {
        font-size: 14px;
        height: 40px;
    }
    
    .photo_meta {
        padding: 0 10px 10px;
        font-size: 11px;
    }
    
    .wp_paging {
        flex-direction: column;
    }
    
    .wp_paging li {
        margin: 3px;
    }
    
}


















        
        .logo-container  {
			display: flex;
            flex-wrap: wrap;
            justify-content: center;
			padding-top: 140px;
        }
     
        .logo-container  img{
           vertical-align: middle;
           border-style: none;
		   width: 400px;
        }

.Column_Name, .Column_Summary{
	color: #bd2130;
}


        /* 汉堡菜单按钮 */
        .hamburger-menu {
            display: none;
            flex-direction: column;
            justify-content: space-around;
            width: 30px;
            height: 25px;
            background: transparent;
            border: none;
            cursor: pointer;
            padding: 0;
            z-index: 10;
        }
        
        .hamburger-menu span {
            width: 100%;
            height: 3px;
            background-color: #fff;
            border-radius: 10px;
            transition: all 0.3s linear;
            position: relative;
            transform-origin: 1px;
        }
        
        /* 移动端样式 */
        @media (max-width: 768px) {
			
			.pages_count, .page_jump{
				display: none !important;
			}
			
			
					.wp_entry img {
    max-width: 100%;
						width: 400px;
		}
			
			.menu-item:not(:last-child)::after{
				display: none;
            }
			
            .hamburger-menu {
                display: flex;
            }
			
			.xw1-r span {
				margin-right: 0.1rem !important;
			}
				
            
            .menu-container {
                position: fixed;
                top: 0;
                right: -100%;
                width: 80%;
                max-width: 300px;
                height: 100vh;
                background-color: #CF3B52;
                flex-direction: column;
                justify-content: flex-start;
                padding-top: 80px;
                box-shadow: -5px 0 15px rgba(0,0,0,0.1);
                transition: right 0.3s ease;
                z-index: 5;
                overflow-y: auto;
            }
            
            .menu-container.active {
                right: 0;
            }
            
            .menu-item {
                margin: 0;
                padding: 15px 20px;
                width: 100%;
                text-align: left;
                border-bottom: 1px solid #f0f0f0;
                display: block;
                white-space: normal;
                font-size: 16px;
                line-height: 1.4;
            }
            
            .menu-item:last-child {
                border-bottom: none;
            }
            
            .menu-item:hover {
                background-color: #f8f8f8;
                color: #bd2130;
            }
            
            /* 汉堡菜单动画 */
            .hamburger-menu.active span:nth-child(1) {
                transform: rotate(45deg);
            }
            
            .hamburger-menu.active span:nth-child(2) {
                opacity: 0;
            }
            
            .hamburger-menu.active span:nth-child(3) {
                transform: rotate(-45deg);
            }
            
            /* 遮罩层 */
            .overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0,0,0,0.5);
                opacity: 0;
                visibility: hidden;
                transition: all 0.3s ease;
                z-index: 4;
            }
            
            .overlay.active {
                opacity: 1;
                visibility: visible;
            }
        }



        /* 响应式设计 */
      

        @media (max-width: 767px) {
			
			.logo-container img {
                max-width: 400px;
				width: 75%;
            }
			
			.footerbox::before {
				display: none;
			}
			
            .logo-container {
                padding: 145px 0 0;
				width: 100%;
            }
            
			.footer-container p{
				font-size: 12px;
            }
			
            .footer-info p {
                font-size: 12px;
                line-height: 1.5;
            }
            
            .footer-info br {
                display: none;
            }
            
            .footer-info .mobile-break {
                display: block;
                margin-top: 5px;
            }
			.wp_articlecontent{
				font-size: 16px !important;
				line-height: 32px !important;
				text-align: justify !important;
			}
						.wp_articlecontent p{

				margin: 6px 0;

			}
        }
        





    @media screen and (max-width:769px){
        .yx ul{margin:0 -0.1rem .5rem;justify-content: center;}
        .yx ul li{width:50%;}
        .mt-b .bo{width: 1.35rem;height: 100%;padding: 0 0.2rem 0 0.3rem;}
        .gg1 li h2{font-size:0.18rem;width: 98%;}
        .mt-b h2{width: calc(100% - 1.35rem) !important;padding-left: 0.2rem;}
        .inner .gg1 li a{padding-right:0.5rem;}
        .inner .tit li a,.xw1-r h2{font-size: 0.24rem;}
        .inner .tit li{height: 0.8rem;}
        .inner .tit li a img{width:0.5rem}
        .xw1 li{height: 2.2rem;}
        .gg1 li h3{width:98%;}
        .gg1 li{height:2rem;}
    }
    @media screen and (max-width:768px){
        .xw1 li{height: auto;}
        .xw1 li .xw1-l,.xw1 li .xw1-r{width: 100%;}
        .xw1 li .xw1-r{margin-top: 0.3rem;}
        .xw1 li::after{background-size: cover !important;}
		h2 {
			margin-bottom: 0 !important;
		}
    }


@media(max-width: 767px){
	.n_nav{height: .6rem;}
	.n_nav ul{line-height: .7rem;}
	
	.list_box2 li:nth-child(1), .list_box2 li:nth-child(2){
}
    .list_box2 li:nth-child(1) .a .img img, .list_box2 li:nth-child(1) .a .img{}
    .list_box2 li:nth-child(2) .a .img img, .list_box2 li:nth-child(2) .a .img{}

	.list_box2 li .a .img img, .list_box2 li .a .img{}
	.list_box2 li{ width: 33.33% !important;}
	.list_box2 li:nth-child(16){ margin-left: 16.6667%}

    .page{ margin: .3rem 0 0}
	.j_pages a{ padding:0 .08rem; margin: 0 1px}
	
	#page_show_box .content{padding: 50px 15px 15px;height: auto;max-height: 94vh;overflow: hidden;overflow-y: scroll;}
	
	.more001 .a{width: 2rem;height: .5rem;font-size: .18rem;}

	.title002{ margin-bottom: .4rem}
	
	.title001 .rr{ padding: .2rem 0 .12rem 0;}
	
	.list_box3 li{padding: 0;width: 33.33%;text-align: center;}
	
	.n_huodong .fl01{padding: .3rem 15px;margin: .3rem 0;}
	
	.miso-arrow1{position: relative;margin-top: 0;width: .3rem;height: .3rem;margin: 0 .1rem;}
	.list_box4_box{ padding: 0;}
	
	.miso-arrow1_box{display: flex;align-items: center;justify-content: center;margin: .2rem 0 0;}
	.list_box4 li a .con h5{ margin-bottom:.1rem}
	.list_box4 li a .con h6{ background-size: auto 12px !important; padding-left: 20px; line-height: 24px}
	
	.list_box4s{ margin:0 -5px; margin-top:.5rem}
	.list_box4s li{ padding:0 5px; margin-bottom:15px; width:100%}
	
	.title001 .rr::before{ height: 1px;} 

	.ar_article p{ font-size: 13px; line-height: 26px}
	
	.n_news_detail{ padding:.2rem 0}
	.n_news_detail .n_left .box .ar_title{ margin-bottom: .2rem}

	.ar_bottom .left_ar{width: 100%;margin-bottom: .2rem;}
	#ar_fot .fanhui{ margin: 0 auto}
	.n_news_detail .n_left .box .ar_title h3{ font-size:.22rem}
	.v_news_content p {
		text-indent: 0 !important; 
	}
	.wp_entry img {
		max-width: 100% !important;
	}
}