*{margin: 0;padding: 0;list-style:none;}
/* .header-f{width: 100%;height: 110px;min-width: 1900px;} */
.header{width: 100%!important;margin: 0 auto;zoom: 1;height: 90px;line-height: 90px;position: fixed;top: 0;z-index: 9999999999999;background: #fff;border-bottom: 1px soild gainsboro;}
.navs{width: 80%;margin: auto;}
.header::after{display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;content: ".";}
.header .logo{float: left;margin-top: 20px;}
.header .nav{float: right;}
.header .nav li{float: left;width: 116px;height:90px;transition: all .3s ease-in;}
.header .nav li .tit{text-align: center;line-height: 90px;font-size: 16px;}
.header .nav li:hover{background-color: #d31518;cursor: pointer;}
.header .nav li:hover .tit{color: #fff;}
.f-cb::after{display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;content: ".";}
.f-cb{zoom: 1;}
@media screen and (min-width:1920px){
  .qs-img{width:12%;position:absolute;top:0;margin-top:28px;left:20%}
  .mobile-header{display: none;}
  .drawer{display: none;}
}
@media screen and (min-width: 1520px) and (max-width: 1919px) {
 .qs-img{width:12%;position:absolute;top:0;margin-top:28px;left:23%}
 .mobile-header{display: none;}
 .drawer{display: none;}
}
@media screen and (min-width: 1240px) and (max-width: 1519px) {
    .header-f{height: auto;}
    .header{width: 1160px;margin: 0 auto;}
    .header .logo{width: 220px;margin-top: 20px;}
    .header .logo img{width: 100%;}
    .header .nav li{width: 86px;height: 80px;line-height: 86px;}
    .header .nav li .tit{line-height: 86px;}
    .nav-n{top: 80px !important;width: 100% !important;height: 290px !important;}
    .nav-n .navr h4{padding-top: 10px !important;padding-left: 25px !important;font-size: 23px !important;height: 50px;line-height: 50px;}
    .nav-n .navr li{padding-left: 49px !important;height: 33px !important;}
    .redline{left: 35px !important;}
    .img{background-size: 100%;height:335px !important;}
    .qs-img{width:12% !important;position:absolute;top:0;margin-top:15px;left:25%;}
	.mobile-header{display: none;}
	.drawer{display: none;}
}
@media screen and (min-width: 1024px) and (max-width: 1239px) {
    .header-f{height: auto;}
    .header{width: 1030px;margin: 0 auto;}
    .header .logo{width: 220px;margin-top: 20px;}
    .header .logo img{width: 100%;}
    .header .nav li{width: 86px;height: 80px;line-height: 86px;}
    .header .nav li .tit{line-height: 86px;}
    .nav-n{top: 80px !important;width: 100% !important;height: 290px !important;}
    .nav-n .navr h4{padding-top: 10px !important;padding-left: 25px !important;font-size: 23px !important;height: 50px;line-height: 50px;}
    .nav-n .navr li{padding-left: 49px !important;height: 33px !important;}
    .redline{left: 35px !important;}
    .img{background-size: 100%;height:297px !important;}
    .qs-img{width:12% !important;position:absolute;top:0;margin-top:28px;left:25%;}
	.mobile-header{display: none;}
	.drawer{display: none;}
}
@media screen and (min-width: 320px) and (max-width: 1023px) {
	.header{display: none;}
	.mobile-header{display: block;}
	/* .drawer{display: none;} */
	/* ---- 顶部状态栏 ---- */
	        .mobile-header {
	            position: fixed;
	            top: 0;
	            left: 0;
	            right: 0;
	            height: 56px;
	            background: #c00;
	            display: flex;
	            align-items: center;
	            justify-content: space-between;
	            padding: 0 16px;
	            z-index: 999999999999999;
	            box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	        }
	        .mobile-header .logo {
	            color: #fff;
	            font-size: 20px;
	            font-weight: bold;
	            letter-spacing: 1px;
	            display: flex;
	            align-items: center;
	            gap: 8px;
	        }
	        .mobile-header .logo img {
	            height: 32px;
	            vertical-align: middle;
	        }
	        .menu-toggle {
	            width: 28px;
	            height: 24px;
	            display: flex;
	            flex-direction: column;
	            justify-content: space-between;
	            cursor: pointer;
	            background: none;
	            border: none;
	            padding: 0;
	            z-index: 1001;
	            flex-shrink: 0;
	        }
	        .menu-toggle span {
	            display: block;
	            height: 3px;
	            background: #fff;
	            border-radius: 3px;
	            transition: all 0.3s ease;
	        }
	        .menu-toggle.active span:nth-child(1) {
	            transform: rotate(45deg) translate(5px, 5px);
	        }
	        .menu-toggle.active span:nth-child(2) {
	            opacity: 0;
	        }
	        .menu-toggle.active span:nth-child(3) {
	            transform: rotate(-45deg) translate(5px, -5px);
	        }
	
	        /* ---- 遮罩层 ---- */
	        .overlay {
	            position: fixed;
	            top: 0;
	            left: 0;
	            right: 0;
	            bottom: 0;
	            background: rgba(0,0,0,0.5);
	            z-index: 998;
	            visibility: hidden;
	            opacity: 0;
	            transition: opacity 0.3s, visibility 0.3s;
	        }
	        .overlay.active {
	            visibility: visible;
	            opacity: 1;
	        }
	
	        /* ---- 侧滑菜单（右侧滑出） ---- */
	        .drawer {
	            position: fixed;
	            top: 56px;
	            right: -280px;
	            width: 280px;
	            height: 100%;
	            background: #fff;
	            z-index: 1000;
	            transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	            box-shadow: -2px 0 12px rgba(0,0,0,0.2);
	            overflow-y: auto;
	            padding: 20px 0 40px;
	        }
	        .drawer.open {
	            right: 0;
	        }
	
	        .drawer .drawer-header {
	            padding: 0 20px 16px;
	            border-bottom: 1px solid #eee;
	            display: flex;
	            align-items: center;
	            gap: 12px;
	        }
	        .drawer .drawer-header img {
	            height: 40px;
	        }
	        .drawer .drawer-header span {
	            font-size: 18px;
	            font-weight: bold;
	            color: #c00;
	        }
	
	        .drawer .nav-list {
	            list-style: none;
	            padding: 0;
	            margin: 0;
	        }
	        .drawer .nav-list > li {
	            border-bottom: 1px solid #f0f0f0;
	        }
	        .drawer .nav-list > li > a,
	        .drawer .nav-list > li > .nav-title {
	            display: flex;
	            align-items: center;
	            justify-content: space-between;
	            padding: 14px 20px;
	            color: #333;
	            font-size: 16px;
	            text-decoration: none;
	            cursor: pointer;
	            transition: background 0.2s;
	        }
	        .drawer .nav-list > li > .nav-title:hover {
	            background: #f9f9f9;
	        }
	        .drawer .nav-list > li > a {
	            color: #c00;
	            font-weight: 500;
	        }
	
	        /* ---- 子菜单 ---- */
	        .drawer .sub-menu {
	            list-style: none;
	            padding: 0;
	            margin: 0;
	            background: #f9f9f9;
	            max-height: 0;
	            overflow: hidden;
	            transition: max-height 0.35s ease;
	        }
	        .drawer .sub-menu.open {
	            max-height: 500px;
	        }
	        .drawer .sub-menu li a {
	            display: block;
	            padding: 10px 20px 10px 40px;
	            color: #555;
	            font-size: 14px;
	            text-decoration: none;
	            border-bottom: 1px solid #eee;
	            transition: background 0.2s;
	        }
	        .drawer .sub-menu li a:hover {
	            background: #f0f0f0;
	            color: #c00;
	        }
	
	        /* ===== 箭头样式（CSS 绘制） ===== */
	        .arrow {
	            display: inline-block;
	            width: 8px;
	            height: 8px;
	            border-right: 2.5px solid #999;
	            border-bottom: 2.5px solid #999;
	            transform: rotate(-45deg);   /* 默认指向右下方（类似 ▶） */
	            transition: transform 0.3s ease;
	            margin-left: 6px;
	            flex-shrink: 0;
	            border-radius: 1px;
	        }
	        /* 展开时旋转 45deg → 指向下方（类似 ▼） */
	        .nav-title.active .arrow {
	            transform: rotate(45deg);
	            border-color: #c00;          /* 激活时变红，更醒目 */
	        }
	
	        /* ---- 页面内容占位 ---- */
	        .page-content {
	            margin-top: 60px;
	            padding: 20px;
	            font-size: 16px;
	            color: #333;
	            line-height: 1.6;
	        }
	        .page-content h1 {
	            font-size: 22px;
	            color: #c00;
	            margin-bottom: 12px;
	        }
			
			/* footer */
			.footer{width: 100%;}
			.wrapper{display: none;}
			.our_sour{width: 100%;}
			.call{display: none;}
			.banner{width: 100%;margin-top:56px!important}
			.news f-cb{width: 100%;}
			.news-b{width: 100%!important;}
			/* .detail{overflow: hidden;} */
			.detail p{display: none;}
			.news-b ul li{width: 95%!important;margin:5px auto!important;float: none!important;}
			.news-list{width: 100%!important;}
			.company-style-r{display: none;}
			.company-style-l{left: -129px!important;top: 100px!important;}
			.between-line .more {top: 418px!important;left: 219px!important;}
			.company-style {height: 527px!important;margin-top: 38px!important;}
			.glory{display: none;}
			html{overflow-x:hidden;}
			.news-tt{width: 100%!important;}
			.news-t-l img{width: 100%!important;}
			.news-t-r{width: 100%!important;margin-left:14px!important;}
			.news-t-l{width: 100%!important;}
			.news-t{padding: 0px!important;}
			.company-style{display: none;}
			.leader{display: none;}
			.company-style{display: none;}
			.way-logo img{width: 100%;}
			.way-times{top: 95px!important;}
			.way-times>div{width: 100%!important;}
			.way{display: none;}
			.our_sour .f-cb{width: 100%!important;}
			.our_sour span:nth-child(2){display: none;}
			.our_sour span{width: 100%!important;    text-indent: 0!important;}
			.logo img{height:20px!important;}
			.nav-l,.con-r{width: 100%!important}
			.con-con{padding: 20px;}
			.con-bg{margin-left: 20px;}
			.location p,.con .con-n{width: 100%!important}
			.nav-l .title{display: none;}
			.nav-l{margin-top: -51px!important;}
			.con-con li{width: 90%!important;}
			.con-con li:nth-child(2){margin-top: 10px!important;margin-bottom: 10px!important;}
			.location p{margin-right: 20px!important;}
			.magazine-viewport{height: 750px!important;}
}