@media screen and (max-width: 1440px) {
  .container-s{max-width:90%;}
  /*设计理念*/
  .anli .anliL{ width:45%; height:570px;}
  .anli .anliL.sj{background: url(../img/al4.png) no-repeat center/100%;}
  .anli .anliL.ln {background: url(../img/al5.png) no-repeat center/100%;}
  .anli .anliL img{ width:45%;}
  .anli .anliL p{ font-size:14px; margin-top:10px;}
}
@media screen and (max-width: 1400px) {
  /*常见定制问题*/
  .wenti ul li{ width:28.6%;}
}
@media screen and (max-width:1360px) {

  /*定制效果图 */
  .theme-picbg{ width:96%;}
/*首页banner*/
.banner{height:500px; }
.banner .swiper-slide{background-size:100% !important;}
.ccsj1 .ccsj1R2{ width:30%; margin-left:-50px;}
.ccsj1 .ccsj1R2 .title h3{font-size:18px;}
.ccsj1 .ccsj1R2 .title span{font-size:16px;}
.ccsj1 .ccsj1R2 .title p{ font-size:12px;}
	
}
@media screen and (min-width:200px)  and  (max-width:1280px)  {

  /*生产实力*/
  .index_shili .shilicon{ width:96%;}
  .index_shili .shilicon2{ width:96%;}

    /*首页banner*/
	.banner{height:400px; }
	.banner .swiper-slide{background-size:100% !important;}
	#banner-num{right: auto; bottom: 2%; top: auto; width: 100%}
	#banner-num .swiper-pagination-bullet{display: inline-block; margin: 0 6px;}
	.scroll{display: none;}
	
	 

}

@media screen and (min-width:200px)  and  (max-width:1024px)  {
    .container{ width:96%;}
	.container-s{ max-width:96%;}
    /*手机端公共头部*/
	.header,.header-zw{display: none;}
	.hdtop{ display:none;}
	.wap-header{display:block; height: 82px; position: fixed; top: 0; width: 100%; background: #fff; z-index: 99;}
	.wap-header .logo h1{line-height: 0}
	.wap-header .logo a{display: block;}
	.wap-header .logo img{display: inline-block; max-width:160px;  margin-top: 20px;}
	.wap-click { padding: 11px 0;}
	.wap-click span{width: 30px; height: 2px;background: #333;display: block;margin: 10px auto; transition: all 277ms ease-in-out;position: relative;}
	.active span.cl-1{transform: rotate(-45deg);top:12px;}
	.active span.cl-2{opacity: 0;}
	.active span.cl-3{transform: rotate(45deg);top:-12px;}
	.wap-header .ver {margin-top:22px; margin-right:20px;}
	.wap-header .ver img {display: block;margin-top: 21.5px;margin-right: 18px;}
	.wap-search img{display: block; margin-top: 24px; margin-right: 18px;}
	.wap-nav{position: fixed; top: 68px; background: #F6F6F6; z-index: 20; left: 0; width: 100%; display: none;}
	.wap-nav ul li a{ display: block;font-size: 16px;line-height:45px;color: #434343;text-indent: 50px;transition: all .6s;}
	.wap-nav ul li a:hover,.wap-nav ul li.on>a{ background: #3287cf;color:#fff}
	.wap-hide{ background: #fff; display: none;}
	.wap-hide em{float: left; border-bottom: 1px dashed #eee; width: 50%}
	.wap-nav .wap-hide em a{text-indent:0;line-height:45px; text-align: center;}
	.wap-headerzw{ }
	
	.seach-form{display: none;}
	.seach-form form{ position: absolute;top:80px; background: #fff;cursor: pointer; width: 96%; left: 2%;}
	.seach-form input{float:left;border:none;height:40px; outline: none; font-size: 15px;}
	.seach-form  .f-text{width: calc(100% - 80px); line-height: 40px; text-indent: 20px; background: #f5f5f5;}
	.seach-form  .f-submit{width:80px; background: #3287cf;color:#fff}
	.search-div{display: none;}
	/*新头部
	.wap_head{ display:block;}
	.wap_head .mhead{}
	.wap_head .mhead .logo{ width:50%; display:block;}
	.wap_head .mhead .logo img{ width:100%;}
	.wap_head .mhead .tel{ width:50%;display:block;}
	.wap_head .mhead .tel img{ width:100%;}
	.wap_head .mnav{ width:100%; background-color:#2E3092; padding:2% 0;}
	.wap_head .mnav ul{}
	.wap_head .mnav ul li{ width:25%; text-align:center; height:36px; line-height:36px;}
	.wap_head .mnav ul li a{ color:#fff; display:block; font-size:14px;}
	.wap_head .mhide{ display:none;}
	.wap_head .mslow{ position:fixed; top:0; z-index:999999;}
	*/
	

	
	/*首页banner*/
	.banner{height: 300px; }
	.banner .swiper-slide{background-size:100% !important;}
	#banner-num{right: auto; bottom: 2%; top: auto; width: 100%}
	#banner-num .swiper-pagination-bullet{display: inline-block; margin: 0 6px;}
	.scroll{display: none;}
	  /* 定制流程 */
   .index_dzlc .dzlcont ul li{ width:21%; margin-bottom:2%;}
   .index_dzlc .dzlcont ul li:nth-child(4n){ margin-right:0;}
   .index_dzlc .dzlcont ul li i{background-size: 30% !important;}
   /*生产实力*/
   .index_shili .shilicon .slitem{ width:45%;}
   /*设计理念*/
   .anli .anliL{ height:400px;}
   .anli .anliL h3 {font-size:20px; margin-top:30px; margin-left:40px;}
   .anli .anliL span {font-size:14px;margin-left:40px;}
   .anli .anliL img {width:32%; margin-left:40px; margin-top:10px;}
   .anli .anliL p {font-size:14px; margin-top:10px; margin-left:40px; margin-right:30px;}
	/*轮播*/
	#index-num{ display:block;bottom:auto;}
	#index-prev, #index-next{ display:none;}
	/*常见定制问题*/
	.wenti ul li{ width:28.4%;}
	.wenti ul li h2{font-size:18px;background: url(../img/wt1.png) no-repeat left center/10%;padding-left: 35px; height:33px; line-height:33px;}
	.wenti ul li i{ margin:5px 0;}
	.wenti ul li p{ line-height:20px;}
	/*定制攻略*/
	.dzgonglv .dzglcon .gllist{ width:46%; margin-right:2%; margin-bottom:2%;}
	.dzgonglv .dzglcon .gllist:nth-child(2n){ margin-right:0;}
	
	/*右侧在线咨询*/
	.fixed-right{display: none;}



	
	
	
	

}

@media screen and (min-width:200px)  and  (max-width:960px)  {
    
	/*首页banner*/
	.banner{height:250px;}
	.banner .swiper-slide{background-size:140% !important;}

	

		


}

@media screen and (min-width:200px)  and  (max-width:800px)  {
	



}

@media screen and (min-width:200px)  and  (max-width:768px)  {
/*首页产品*/
.index_goods .index_gdcon ul#cat1{ background:none;}
.index_goods .index_gdcon ul#cat1 li{ margin:0 1%; margin-bottom:2%;}
.index_goods .index_gdcon ul#cat1 li a{border-radius:25px; display:block; height:auto !important; line-height:normal !important; padding:4px 10px; background-color:#e2e3f0; color:#1f258e; font-size:12px;}
.index_goods .index_gdcon ul#cat1 li a.current{ background-color:#1f258e; color:#fff; border-bottom:none; height:auto; line-height:normal;}

/*定制流程*/    
.index_dzxgt{ height:658px;}
.index_dzlc .dzlcont{ margin-top:0;}
.index_dzxgt{ margin-top:40px;}
.index_shili{ height:900px;}
.index_shili .shilicon .slitem{ width:100%;}  
.index_shili .shilicon .slitem.mb{ display:none;}
.anli{ margin-top:0;}
.anli .anliL{ height:360px;}
.anli .anliL h3{ font-size:18px;}
.anli .anliL p{ font-size:12px; margin-top:5px;}
.rongyu{ margin-top:40px;}
.rongyu .title{ padding:40px 0;}
.jsbg{ padding-bottom:40px;}
.jiesao{ width:100%;}
.jiesao .title{padding:40px 0;}
.jiesao .field-list2 ul li .info{ min-height:150px;}
.jiesao .field-list2 ul li .info p{ font-size:12px;}
.dzanli .dzanlicon{ margin-top:10px;}
.dzanli .dzanlicon ul li .info{ padding:2%;}
.dzanli .dzanlicon ul li .info h3{ font-size:14px;}
.dzanli .dzanlicon ul li .info p{ font-size:12px;}
.wenti ul li{ border:2px solid #badce4;}
.wenti ul li h2{ font-size:16px;}
.wenti ul li p{ font-size:12px; margin-bottom:0;}
.dzgonglv .dzglcon .gllist .gltit span{ font-size:18px;}
.dzgonglv .dzglcon .gllist .glcn li{ height:30px; line-height:30px;}
.dzgonglv .dzglcon .gllist .more{ background:url(../img/new5.png) no-repeat right center/3%;}
.dzgonglv .dzglcon .gllist .more a{ font-size:12px;}
/*底部TAB*/
.bottomBtnList li{ width:20%; font-size:14px;}
.bottomConWrap{ padding:2%;}
.bottomTabBox{ margin-left:0; padding:0;}
.bottomTabBox li{ width:33.3%;} 
.bottomTabBox li.yq{ width:25%;}
.bottomTabBox li.cs{ width:20%;}
/*尾部*/
.footer{ display:none;}
.mfoot{ display:block;}
.mfoot{ background-color:#383637; text-align:center; padding:10px 0 60px; color:#fff; font-size:14px;}
.mfoot .fotlogo img{ margin:20px 0;}
.mfoot .fotinfo{ padding:0 15%;}
.mfoot .fotinfo p{ color:#fff;}
.mfoot .fotinfo p img{ margin:10px 0; width:50%;}
.mfoot .fotinfo p a{ color:#fff;}
.new-float{ display:none;}

.footnav{ display:block;position:fixed;bottom:0;margin:0;width:100%;z-index:9999;}
.footnav ul{background:#494949;margin:0 auto;width:100%;overflow:hidden;}
.footnav li{float:left;width:25%;padding:0;}
.footnav li a{display:block;width:100%;height:100%;text-align:center;color:#fff;font-size:14px;}
.footnav li a span{display:block;font-size:18px;margin:2px 0 0 0; width:100%; height:30px;}
.footnav li a span.am-icon-home{ background:url(../img/f1.png) no-repeat center/26%;}
.footnav li a span.am-icon-phone{ background:url(../img/f2.png) no-repeat center/26%;}
.footnav li a span.am-icon-wx{ background:url(../img/f3.png) no-repeat center/26%;}
.footnav li a span.am-icon-comment{ background:url(../img/f4.png) no-repeat center/26%;}

/*产品列表*/
.band .pc{display:none;}
.band .mobile{ display:block;}
.band .position{ display:none;}
.P_cat{ margin-top:10px;}
.P_cat dl dd{ width:100%;}
.P_cat dl dt{ float:none !important; width:100%; margin-bottom:5px; font-size:15px; font-weight:bold;}
.P_cat dl dd a{ font-size:12px; padding:0.8% 3%; margin:0 2%; margin-bottom:2%; margin-left:0;}
.gmian ul{ grid-template-columns:repeat(2,1fr) !important; gap:14px !important; }
.gmian ul li{ width:auto !important; margin:0 !important; float:none !important; }
.gmian ul li p{ font-size:14px;}
.P_cat dl dd.hangye{ height:89px;}
.P_cat dl dd.hangye .quanbu{ background:#fff url(../img/xx.png) no-repeat center right/4%; text-align:right; padding-right:25px; width:100%; bottom:0; right:0;}
.P_cat dl dd.hangye .xiangshang{ background:#fff url(../img/xs.png) no-repeat center right/4%; text-align:right; padding-right:25px; width:100%; bottom:0; right:0;}
.P_cat dl dd.hangye.on{ padding-bottom:18px;}
/*分页相关*/
.pagelist li a{padding:2px 10px;}
.pagelist li span{padding:2px 10px;}
/*产品详情*/
.gdmian .detaposit{ display:none;}
.gdmian .gdmianL{ width:100%;float:none !important;}
#tFocus{ display:none;}
.mtuce{ display:block;}
.mtuce img{ width:100%;}
.mtuce #index-num{ bottom:10px;}
.gdmian .gdmianL .gdinfo .gdinfo_R{ width:100%; float:none !important;}
.gdmian .gdmianL .gdinfo .gdinfo_R h2{ font-size:16px; margin-top:5px;}
.gdmian .gdmianL .gdinfo .gdinfo_R .guige{ margin-top:10px;}
.gdmian .gdmianL .gdinfo .gdinfo_R .chima{ padding:0 15px;}
.gdmian .gdmianL .gdinfo .gdinfo_R .chima span{ font-weight:bold; font-size:15px;}
.gdmian .gdmianL .gdinfo .gdinfo_R .chima p a{ float:right; margin-top:10px;}
.gdmian .gdmianL .gdinfo .gdinfo_R .zixun{ display:none;}
.gdmian .gdmianL .gdcont img{ max-width:100%;}
.gdmian .gdmianR{ width:100%; float:none !important; margin-top:20px;}
.gdmian .gdmianR .xgcp{ padding:2% 3% 3%;}
.gdmian .gdmianR .xgcp .titl{background: url(../img/biaoqian.jpg) no-repeat 0px 2px/4%;text-indent: 25px; padding-bottom:10px; margin-bottom:15px;}
.gdmian .gdmianR .xgcp ul li{ width:49%; float:left; margin-right:2%; margin-bottom:2%;}
.gdmian .gdmianR .xgcp ul li:nth-child(2n){ margin-right:0;}
.gdmian .gdmianR .xgzx{padding:2% 3% 3%; margin-bottom:20px;}
.gdmian .gdmianR .xgzx .titl{background: url(../img/biaoqian2.jpg) no-repeat 0px 4px/4%; text-indent:25px; padding-bottom:10px; margin-bottom:15px;}
.gdmian .gdmianR .xgzx ul li{ padding:1% 0;}
/*客户案例*/
.case_dapai{ padding:20px 0;}
.case_dapai h2{ font-size:18px; font-weight:bold; margin-bottom:0;}
.case_dapai ul{ margin:20px auto 0; width:100%;}
.case_dapai ul li{ width:33%; margin-bottom:3%;}
.case_dapai ul li img{ width:70%; height:70%;}
.case_jg{ padding:20px 0 40px;}
.case_jg h2{ font-size:18px; font-weight:bold; margin-bottom:20px;}
.case_jg .field-content{ width:96%; margin:0 auto;}
.case_jg #index-num{ display:block;}
.allcase{ padding:20px 0; width:96%; margin:0 auto;}
.allcase h2{ font-size:18px; font-weight:bold;}
.allcase .casecat ul li{ margin:0;}
.allcase .casecon ul li{ width:49%; margin-right:2%; margin-bottom:2%;}
.allcase .casecon ul li:nth-child(5n){ margin-right:2%;}
.allcase .casecon ul li:nth-child(2n){ margin-right:0;}
.allcase .more{ margin-top:10px;}
.case_jzf h2{ font-size:18px; font-weight:bold; margin-bottom:20px;}
.case_jzf .field-content{ width:96%; margin:0 auto;}
.case_jzf #index-num{ display:block;}
.casenews{ width:96%; margin:40px auto 20px;}
.casenews ul li{ width:46%; margin-right:2%; margin-bottom:2%;}
.casenews ul li:nth-child(4n){ margin-right:2%;}
.casenews ul li:nth-child(2n){ margin-right:0;}
.newmian .detaposit{ display:none;}
.newmian .newcontL{ width:100%; float:none !important;}
.newmian .newcontL .newcontLcm{ padding-bottom:20px;}
.newmian .newcontL .newcontLcm .title{ padding:3% 0;}
.newmian .newcontL .newcontLcm .title h1{ font-size:18px;}
.newmian .newcontL .newcontLcm .title .tit span{ font-size:12px;}
.newmian .newcontL .newcontLcm .new_intro{ width:84%; margin:2% auto 0; padding:3% 2% 3% 9%; font-size:12px;}
.newmian .newcontL .newcontLcm .new_intro .psp_quote{ left:3%; top:13%;background-size:10px 10px;}
.newmian .newcontL .newcontLcm .cons{ width:94%; margin:2% auto; padding:0; font-size:14px;}
.newmian .newcontL .psp_tag_share .psp_tags a{ font-size:12px; margin-right:1%;}
.newmian .newcontL .psp_tag_share .psp_tags .psp_tag_icon{background: url(../img/tag.png) no-repeat center/10px 10px;}
.newmian .newcontL .psp_prod{ padding:4% 2%;}
.newmian .newcontL .psp_prod ul li{ width:49%; margin-right:2%; margin-bottom:2%;}
.newmian .newcontL .psp_prod ul li:nth-child(5n){ margin-right:2%;}
.newmian .newcontL .psp_prod ul li:nth-child(2n){ margin-right:0;}
.newmian .newcontL .psp_more{ padding:4% 2%;}
.newmian .newcontL .psp_more h4{ margin-bottom:10px;}
.newmian .newcontR{ width:100%; float:none !important; padding-bottom:20px;}
.newmian .newcontR .xgzx{ padding:2% 3% 3%;}
.newmian .newcontR .xgzx .titl{ margin-bottom:0;}
/*定制攻略*/
.slick-slide img{ height:160px;}
.glbanner .slick-prev{ display:none !important;}
.glbanner .slick-next{ display:none !important;}
.glbanner .slick-dots{ height:26px;}
.glbanner .slick-dots li button{ width:6px; height:6px;border-radius:50%;}
.seo_wrap .seo_assortment{ display:none;}
.seo_wrap .seo_content{ margin-top:20px;}
.seo_wrap .seo_content .content_head{ display:block;}
.seo_wrap .seo_content .head_title{ font-size:16px;}
.seo_wrap .seo_content .head_title{ padding-left:10px;}
.seo_wrap .seo_content .head_title:before{ width:4px;}
.seo_wrap .seo_content .head_tag_list{ display:block; margin-top:5px;}
.seo_wrap .seo_content .tag_item{ font-size:12px;}
.seo_wrap .seo_content .body_knowledge .k_coll{ display:none;}
.seo_wrap .seo_content .body_knowledge .k_colr{ width:100%;}
.seo_wrap .seo_content .body_knowledge .colr_img{ width:30%;}
.seo_wrap .seo_content .body_knowledge .colr_info{ width:65%;}
.seo_wrap .seo_content .body_design{ margin-bottom:0;}
.seo_wrap .seo_content .body_design .design_item{ width:49%; margin-right:2%; margin-bottom:2%;}
.seo_wrap .seo_content .body_design .design_item:nth-child(2n){margin-right:0;}
.seo_wrap .seo_content .body_technology{ display:block;}
.seo_wrap .seo_content .body_technology .t_coll{ width:100%;}
.seo_wrap .seo_content .body_technology .t_coll a{ width:100%;}
.seo_wrap .seo_content .body_technology .colr_item{ width:100%; padding-bottom:15px; margin-bottom:10px;}
.seo_wrap .seo_content .body_technology .seo_desc{ margin-top:10px;}
.seo_wrap .seo_content .body_news .title-li{ width:94%; margin-right:0;}

.gllists{ margin-top:10px;}
.gllists ul li{ width:42%; margin-right:2%; margin-bottom:2%; float:left; padding:3%; border:1px solid #f0f0f0;}
.gllists ul li:nth-child(2n){ margin-right:0;}
.gllists ul li .gllistL{ width:100%; float:none !important;}
.gllists ul li .gllistL img{ height:110px;}
.gllists ul li .gllistR{width:100%; float:none !important;}
.gllists ul li .gllistR h2{ margin-top:2px;}
.gllists ul li .gllistR h2 a{ font-size:14px; line-height:20px; display:block; height:20px; overflow:hidden;}
.gllists ul li .gllistR p{ height:64px; overflow:hidden; margin-top:5px;}
.gllists ul li .gllistR p a{ font-size:12px; line-height:20px;}
.gllists ul li .gllistR .post_labels{ margin-top:5px; height:60px; overflow:hidden;}
.gllists ul li .gllistR .post_labels a{ padding:1% 2%; margin-right:2%; margin-bottom:2%;}
.gdmian .gdmianR .biaoqian{ margin-bottom:20px;}
.gdmian .gdmianR .biaoqian .titl{background:url(../img/biaoqian.jpg) no-repeat 0px 4px/4%; text-indent:25px; padding-bottom:10px; margin-bottom:10px; font-size:16px;}
.gdmian .gdmianR .biaoqian a{ margin-right:1%; margin-bottom:2%; padding:2% 3%;}

/*关于我们*/
.about_1{ padding:0;}
.about_1 .about_1_L{ width:100%; float:none;}
.about_1 .about_1_L h2{ font-size:20px; margin-top:10px;}
.about_1 .about_1_L p{ margin-top:0; font-size:14px; line-height:30px;}
.about_1 .about_1_R{ width:100%; float:none; text-align:center; margin-top:10px;}
.about_2{ padding:20px 0;}
.about_2 h3{display:none;}
.about_2 dl{ width:100%; float:none; padding:0; height:449px;background-size: 100% !important; margin-bottom:10px;}
.about_2 dl dt{ margin-top:10px; margin-bottom:0;background-size: 5% !important; font-size:18px;}
.about_2 dl dd{ font-size:14px; line-height:19px; margin-bottom:0;}
.about_3 h3{ font-size:18px;}
.about_3 p{ font-size:14px;}
.about_4{ padding:20px 0 0;}
.about_4 h3{ font-size:20px; font-weight:bold; margin-bottom:5px;}
.about_4 p{ font-size:14px; text-align:left; margin-bottom:60px;}
.about_4 dl{ padding:50px 18px 18px; margin-bottom:60px;}
.about_4 dl dd{ font-size:14px; line-height:26px;}
.about_5 h3{ font-size:20px; font-weight:bold; margin-bottom:10px;}
.about_5 ul li{ width:28%; padding:5% 2%;}
.about_5 ul li:nth-child(6n){ margin-right:2%;}
.about_5 ul li:nth-child(3n){ margin-right:0;}
.about_5 ul li em{ width:40px; height:40px; line-height:40px; font-size:14px;}
.about_5 ul li p{ font-size:14px;}
.about_5 ul li span{ font-size:12px; height:54px; margin-top:5px;}
/*联系我们*/
.lxcon1 ul li{ width:100%; float:none; margin-right:0; padding:0; border:none; background:none;margin-bottom:10px;}
.lxcon1 ul li i{background-size: 40% !important;}
.lxcon1{ margin-top:20px; margin-bottom:20px;}
.lxcon1 ul li .memo{ width:80%;}
.lxcon1 ul li .memo p{ font-size:16px;}
.lxcon1 ul li.lx1 .memo span{font-size:20px;}
.lxcon1 ul li.lx2 .memo span{font-size:20px;}
#allmap{ height:300px !important;}
.luxian ul li{ width:30%;}
.luxian ul li a{ width:100%;}
.luxian .lxcon{ padding:5% 3%;}
.luxian .lxcon ul li{ width:100%;}
.luxian .lxcon ul li p{ font-size:16px;}
/*订单查询*/
.ddcxmian{ width:100% !important; margin:40px auto !important;}
.ddcxmian .text{width:100% !important; float:none !important;}
.ddcxmian .submit{width:50% !important; float:none !important; margin:0 auto; margin-top:20px;border-radius:10px; height:50px; line-height:50px; display:block;}
.inner_container{ width:96% !important; margin:0 auto;}
.inner_container h1{ font-size:18px !important; margin:0 0 10px 0 !important;}
.inner_container .news_list{width:100% !important;}
.inner_container .news_list li{ padding:0 !important;}
.inner_container .news_list li .img{width:100% !important; float:none !important;}
.inner_container .news_list li .info{width:100% !important; float:none !important; margin-left:0  !important;}
.inner_container .news_list li .info p{ font-size:14px !important; margin-bottom:12px !important;}
/*分站*/
.city_nav{ padding:5%;}
.city_nav .title{ padding-bottom:10px;}
.city_nav .title h2{ font-size:20px;}
.city_nav .subnav{ margin-top:15px;}
.city_nav .subnav li{ margin-bottom:10px;}
.city_nav .subnav li dl dt{ width:23%;}
/*表单*/
.forms{ width:96%; margin:20px auto;}
/*weixin*/
.danye img{ max-width:100%;}
.danye p {
    margin-bottom: 15px;
}
#weixin {
    position: fixed;
    top: 50%;
    margin-top: -23px;
    z-index: 9999999;
    font-size: 16px;
    color: #fff;
    width: 90%;
    right: 5%;
    line-height: 46px;
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
    border: 2px solid #333;
    border-radius: 5px;
    display: none;
}

}
@media screen and (min-width:200px)  and  (max-width:640px)  {
	/*首页banner*/
	.banner{height: 200px;}
	.index_dzlc .title{ padding:20px 0;}
	.index_dzlc .title .tit{width:208px;}
	.index_dzlc .title .tit i{!important; display:none;}
	.index_dzlc .title .tit span{ font-size:20px; font-weight:bold; float:none; margin:0;}
	.index_dzlc .title p{ margin-top:0; width:265px;}
	.index_dzlc .title p em{ display:none;}
	.index_dzlc .title p span{ font-size:14px; float:none;}
	.index_dzlc .dzlcont ul li{ padding:4% 1%;}
	.index_dzlc .dzlcont ul li i{ height:40px; background-size: 40% !important;}
	.index_dzlc .dzlcont ul li em{ font-size:16px;}
	.index_dzlc .dzlcont ul li span{ font-size:12px;}
	.index_dzxgt{ height:420px;}
	.index_dzxgt .title{ padding-top:20px;}
    .index_dzxgt .title i{background-size:10% !important;}
	.index_dzxgt .title h2{ font-size:20px; font-weight:bold;}
	.index_dzxgt .title p{ font-size:14px;}
	.theme-picbg{ width:90%;}
	.index_goods .title{ padding:20px 0;}
	.index_goods .title .tit{ width:100%;}
	.index_goods .title .tit i{ display:none;}
	.index_goods .title .tit span{ font-size:20px; font-weight:bold; margin:0; float:none;}
	.index_goods .title p{ margin-top:0; width:288px;}
	.index_goods .title p em{ display:none;}
	.index_goods .title p span{ font-size:14px; float:none; margin:0;}
	
	.index_goods .index_gdcon .con ul li{ margin-bottom:0;}
	.index_goods .index_gdcon .con ul li p{ font-size:14px;}
	.index_shili{height:520px;}
	.index_shili .title{ padding:20px 0;}
	.index_shili .title .tit{ width:294px;}
	.index_shili .title .tit i{ display:none;}
    .index_shili .title .tit span{ font-size:20px; font-weight:bold; float:none; margin:0;}
	.index_shili .title p{ margin-top:0; width:344px;}
	.index_shili .title p em{ display:none;}
	.index_shili .title p span{ font-size:14px; margin:0; float:none;}
	.index_shili .shilicon{ margin-top:0;}
	.index_shili .shilicon .slitem .titl{ display:none;}
	.index_shili .shilicon .slitem .slco1{ margin-top:0;}
	.index_shili .shilicon .slitem .slco1 .img{ height:150px;}
	.index_shili .shilicon .slitem .slco1 .img2{background-size: 90% !important;}
	.index_shili .shilicon .slitem .slco1 .slcinfo p{ font-size:14px;}
	.index_shili .shilicon2{ display:none;}
	.field{ padding:20px 0;}
	.field-title{ margin-bottom:10px;}
	.field-title h2{ font-weight:bold; font-size:20px;}
	.field-title p{ font-size:14px;}
	.field-list ul li .info{ font-size:14px;}
	.field-list ul li .info{ height:30px; line-height:30px;}
	.swiper-pagination-bullet{ width:5px !important; height:5px !important;}
	.anli{ margin-bottom:0;}
	.anli .anliL{ width:100%; height:220px; margin-bottom:20px;}
	.anli .anliL.sj{ float:none;}
	.anli .anliL.ln{ float:none;}
	.anli .anliL img{ display:none;}
	.jsbg{ padding-top:0;}
	.rongyu .title{ padding:30px 0 20px;}
	.rongyu .title .tit{ width:100%;}
	.rongyu .title .tit span{ font-size:20px; text-align:center; width:100%; margin:0; font-weight:bold;}
	.rongyu .title .tit i{display:none;}
	.rongyu #cat2 li{ margin:0 2%; height:30px; line-height:30px;}
	.rongyu #cat2 li a{ font-size:14px;}
	.rongyu .con{ margin-top:20px;}
	.rongyu .con li{ width:30%; margin-right:2%; margin-bottom:2%; border:3px solid #a1d3df;}
	.rongyu .con li:nth-child(3n){ margin-right:0;}
	.jiesao .title{ padding:20px 0;}
	.jiesao .title .tit{ width:268px;}
	.jiesao .title .tit i{ display:none;}
	.jiesao .title .tit span{ font-size:20px; font-weight:bold; margin:0; float:none;}
	.dzanli .title{ padding:20px 0;}
	.dzanli .title .tit{ width:268px;}
	.dzanli .title .tit i{ display:none;}
	.dzanli .title .tit span{ font-size:20px; font-weight:bold; margin:0; float:none;}
	.dzanli .title p{ margin-top:0; width:100%;}
	.dzanli .title p em{ display:none;}
	.dzanli .title p span{ font-size:14px; float:none; margin:0;}
	
	.dzanli #cat3 li{ height:30px; line-height:30px; margin-right:2%; margin-bottom:2%;}
	.dzanli #cat3 li a{ padding:0 10px; font-size:14px;}
.dzanli .dzanlicon ul{ grid-template-columns:repeat(2,1fr); gap:14px; }
.dzanli .dzanlicon ul li{ width:auto; margin:0; float:none;}
	.dzanli .dzanlicon ul li .info p{ height:40px; overflow:hidden; margin-bottom:10px;}
	.wenti .title{ padding:20px 0;}
	.wenti .title .tit{ width:248px;}
	.wenti .title .tit i{ display:none;}
	.wenti .title .tit span{ font-size:20px; font-weight:bold; margin:0; float:none;}
	.wenti ul li{ border:1px solid #badce4; width:45.6%;}
	.wenti ul li:nth-child(3n){ margin-right:1.5%;}
	.wenti ul li:nth-child(2n){ margin-right:0;}
	.wenti ul li p{line-height:19px;}
	.dzgonglv{ margin-top:40px; padding-bottom:40px;}
	.dzgonglv .title{ padding:20px 0;}
	.dzgonglv .title .tit{ width:208px;}
	.dzgonglv .title .tit i{ display:none;}
	.dzgonglv .title .tit span{ font-size:20px; font-weight:bold; margin:0; float:none;}
	.dzgonglv .dzglcon .gllist .gltit{ padding-bottom:10px; margin-top:10px;}
	.dzgonglv .dzglcon .gllist .gltit i{background-size: 12% !important;}
	.dzgonglv .dzglcon .gllist .gltit span{ font-size:16px; margin-top:0;}
	.dzgonglv .dzglcon .gllist .glcn li{ overflow:hidden;}
	.dzgonglv .dzglcon .gllist .glcn li a{ font-size:12px;}
	
    .ztfannao .title{ padding:20px 0;}
	.ztfannao .title .tit{ width:100%;}
	.ztfannao .title .tit i{ display:none;}
	.ztfannao .title .tit span{ font-size:20px; font-weight:bold; margin:0; float:none;}
	.ztfannao .title p{ margin-top:0; width:288px;}
	.ztfannao .title p em{ display:none;}
	.ztfannao .title p span{ font-size:14px; float:none; margin:0;}
	.ztfannao .ztfncon{ display:none;}
	.ztfannao .mztfncon{ display:block;}
	.ztfannao .mztfncon ul li{ width:50%; display:inline-block; float:left; text-align:center;}
	.ztfannao .mztfncon ul li a{}
	.ztfannao .mztfncon ul li a.current img{border:2px solid #000;}
	.ztfannao .mztfncon ul li a img{ width:90%;}
	.ztfannao .mztfncon .con img{ width:100%;}

	.ztzixun{ margin-top:20px;}
	.ztzixun p{ font-size:16px; padding-top:40px;}
	.ztzixun a{ margin:20px auto 0; font-size:14px; }
	.ztdangci .title{ padding:20px 0 0;}
	.ztdangci .title .tit{ width:100%;}
	.ztdangci .title .tit i{ display:none;}
	.ztdangci .title .tit span{ font-size:18px; font-weight:bold; margin:0; float:none;}
	.ztdangci .title p{ margin-top:0; width:100%;}
	.ztdangci .title p em{ display:none;}
	.ztdangci .title p span{ font-size:14px; float:none; margin:0;}
	.ztdangci .ztdccon{ display: none;}
	.ztdangci .mztdccon{ display: block;}
	.ztdangci .mztdccon img{ width:100%;}
	
	
	.ztliucheng .title{ padding:20px 0;}
	.ztliucheng .title .tit{ width:100%;}
	.ztliucheng .title .tit i{ display:none;}
	.ztliucheng .title .tit span{ font-size:20px; font-weight:bold; margin:0; float:none;}
	.ztliucheng .title p{ margin-top:0; width:100%;}
	.ztliucheng .title p em{ display:none;}
	.ztliucheng .title p span{ font-size:14px; float:none; margin:0;}
	.ztliucheng .ztlccon{ display:none;}
	.ztliucheng .mztlccon{ display:block;}
	.ztliucheng .mztlccon img{ width:100%;}
	
	.ztfuwu .title{ padding:20px 0;}
	.ztfuwu .title .tit{ width:100%;}
	.ztfuwu .title .tit i{ display:none;}
	.ztfuwu .title .tit span{ font-size:18px; font-weight:bold; margin:0; float:none;}
	.ztfuwu .title p{ margin-top:0; width:100%;}
	.ztfuwu .title p em{ display:none;}
	.ztfuwu .title p span{ font-size:14px; float:none; margin:0;}
	.ztfuwu .ztfwcon p{ border:none; background:none; line-height:normal; width:90%;}
	
	
}





@media screen and (min-width:200px)  and  (max-width:480px)  {
	/*首页banner*/
	.banner{height: 160px;}
	.banner .swiper-slide{background-size:104% !important;}

	
	
	
	  

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



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

}

@media screen and (max-width: 375px) {
 .theme-picbg{ width:88%;}
 .index_goods .index_gdcon ul#cat1 li a{ font-size:12px;}
 .dzanli #cat3 li a{ font-size:12px;}
 .wenti ul li h2{ font-size:14px; padding-left:25px;}
 .about_1 .about_1_L h2{ font-size:18px;}
 .about_2 dl{ height:360px;border-radius:10px;background-size:inherit !important;}
 .about_2 dl dt{ margin-top:15px;}
.about_2 dl dd{ line-height:22px;}
.P_cat dl dd.hangye{ height:85px;}
}
@media screen and (max-width: 320px) {
/*手机端公共头部*/
.wap-header .logo img{max-width:82px; margin-right:0px; margin-top:12px;}
.wap-header .ver {margin-top:22px; margin-right:20px;}
/*首页banner*/
.banner{height: 160px;}
.banner .swiper-slide{background-size:122% !important;}

/*首页产品*/
.index_goods .title .tit{ width:309px;}
.index_goods .title .tit span{ font-size:16px;}
.index_shili .title .tit{ width:278px;}
.index_shili .title .tit span{ font-size:18px;}
.rongyu .title .tit span{ font-size:18px;}
.dzanli .title .tit{ width:254px;}
.dzanli .title .tit span{ font-size:18px;}
.dzanli #cat3 li{ margin-right:1%;}
.jiesao .title .tit{ width:254px;}
.jiesao .title .tit span{ font-size:18px;}
.wenti ul li{ width:45.6%; min-height:200px;}
.dzgonglv .title .tit{ width:200px;}
.dzgonglv .title .tit span{ font-size:18px;}

.P_cat dl dd.hangye{ height:80px;}
/*产品详情*/
.gdmian .gdmianL .gdinfo2{ margin-top:20px;}
.gdmian .gdmianL .gdinfo2 .title span{ width:90px; font-size:14px;}
.gdmian .gdmianL .gdinfo2 .title a{ font-size:12px;}
.gdmian .gdmianR .xgcp .titl{ font-size:14px;}
.gdmian .gdmianR .xgcp ul li p{ font-size:12px;}
.gdmian .gdmianR .xgzx .titl{background: url(../img/biaoqian.jpg) no-repeat 0px 3px/4%; text-indent:20px;}
.gdmian .gdmianR .xgzx .titl{font-size:14px;background: url(../img/biaoqian2.jpg) no-repeat 0px 5px/4%; text-indent:20px;}	
.about_1 .about_1_R{ display:none;}
.about_2 dl dd{ font-size:12px;}
.about_2 dl.ab_fw dt {
    background: url(../img/ad2.png) no-repeat 33% center;
}
.about_2 dl.ab_cp dt {
    background: url(../img/ad3.png) no-repeat 33% center;
}
.about_3 h3{ font-size:16px;}
.about_3 p {
    font-size: 12px;
}
.about_4 h3{ font-size:18px;}
.about_4 p{ line-height:26px;}
.about_5{ margin-top:-30px;}
.about_5 h3{ font-size:18px; margin-bottom:20px;}
.lxcon1 ul li .memo p{ font-size:14px;}
.lxcon1 ul li.lx1 .memo span{ font-size:16px;}
.lxcon1 ul li.lx2 .memo span{ font-size:16px;}
.luxian ul li a{ font-size:14px;}
.city_nav{ padding:5%;}
.city_nav .title h2{ font-size:18px;}
.city_nav .subnav li a{ font-size:18px;}
.city_nav .subnav li dl dt a{ font-size:14px;}
.bottomBtnList li{ font-size:12px;}


}





/* ===== 2026-10-15 responsive fix: kill horizontal scroll on 679~1919px (1366/1280/1440 laptops) ===== */
/* Root cause: homepage canvases .zizhi(1920) .about(1400) .liucheng(1400) were hard-coded wider than
   a 1366 viewport, producing a page-level horizontal scrollbar. Strategy:
   - .zizhi is a full-bleed banner  -> scale its <img> to 100% width (no crop, no scroll).
   - .about is fluid grid content   -> width:100% (children reflow safely).
   - .liucheng is a 1400x407 diagram with labels (lc-t1..lc-t8) absolutely positioned in px for the
     1400px canvas. We KEEP the 1400px canvas (so labels stay aligned) and SCALE the whole module down
     with transform to fit the content column; sub-breakpoints approximate contentWidth/1400.
     height is set per scale to avoid a post-transform vertical gap.
   - .jiesao already fluid -> keep 100%.
   - html,body overflow-x:clip is the safety net (kills any residual h-scroll, does not break sticky).
   Desktop (>=1920) and mobile (<=678, where these blocks are display:none) are left unchanged. */
@media (min-width: 679px) and (max-width: 1919px) {
  html, body { overflow-x: clip; }
  .zizhi { width: 100% !important; max-width: 1920px; margin: 0 auto !important; display: block !important; height: auto !important; overflow: visible !important; background: transparent !important; }
  .zizhi > img { display: block; width: 100% !important; height: auto !important; max-width: 100%; margin: 0 auto; }
  .about { width: 100% !important; max-width: 1400px; margin: 0 auto !important; }
  .about > img { display: block; width: 100% !important; height: auto !important; max-width: 1400px; margin: 0 auto; }
  .jiesao { width: 100%; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .liucheng { width: 1400px !important; max-width: none; transform: scale(0.869) !important; transform-origin: top left !important; height: 354px !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .liucheng { width: 1400px !important; max-width: none; transform: scale(0.80) !important; transform-origin: top left !important; height: 326px !important; }
}
@media (min-width: 679px) and (max-width: 991px) {
  .liucheng { width: 1400px !important; max-width: none; transform: scale(0.69) !important; transform-origin: top left !important; height: 281px !important; }
}

/* ==== 2026-10-15 LCP hero WebP (first-screen banner) ==== */
.banner .swiper-slide[style*="1-260Z114300S34.jpg"]{background-image:url("/template/eyou/pc/skin/img/hero/1-260Z114300S34.webp")!important;}
.banner .swiper-slide[style*="1-260Z2153125622.jpg"]{background-image:url("/template/eyou/pc/skin/img/hero/1-260Z2153125622.webp")!important;}
.banner .swiper-slide[style*="1-260Z21531331X.jpg"]{background-image:url("/template/eyou/pc/skin/img/hero/1-260Z21531331X.webp")!important;}
.banner .swiper-slide[style*="1-260Z215313UL.jpg"]{background-image:url("/template/eyou/pc/skin/img/hero/1-260Z215313UL.webp")!important;}
.banner .swiper-slide[style*="1-260Z21531445S.jpg"]{background-image:url("/template/eyou/pc/skin/img/hero/1-260Z21531445S.webp")!important;}


/* ============================================================================
   2026-10-15 手机 / 平板 首页错乱修复 (v4)  —— 追加于 mediar.css 末尾
   只做"覆盖"，不删除或改写任何原有规则；桌面 >=1920 的既有设计完全不变。
   ----------------------------------------------------------------------------
   现象：iPhone Safari / Chrome 手机版 / Edge 手机版 打开首页整体错乱（页面被整体缩小、内容错位重叠）；
        UC / QQ 浏览器因自带"适应屏幕"缩放看不出异常（实测各 UA 拿到的 HTML 完全相同）。
   根因：三处"固定像素宽"容器在窄屏没有被收掉，把文档撑得远宽于屏幕，浏览器只能整体缩小页面：
     1) .zizhi（权威认证模块）
        yingnuodagongzuofu.css 末尾约第1776行的"切图重构"块写的是
            .zizhi{display:flex;width:1920px;...}
        它位于同文件第1568行 @media(max-width:678px){.zizhi{display:none}} 之后，
        两者权重相同、后写者胜 → 手机端 .zizhi 仍按 1920px 渲染（右边缘到 1677px）；
     2) .top（PC顶栏）/ .menu（PC导航）
        mediar.css 第48行的窄屏规则只隐藏了 .header / .header-zw，漏了这两个；
        它们内部全是浮动元素、高度塌成 0（所以肉眼看不见），但宽度仍是 .w_1200 的 1200px；
     3) #main1（首页"按工作服分类"左栏 + 产品卡右栏）
        yingnuodagongzuofu.css 第1670行 #main1{width:1200px}，左栏 254px + 右栏 926px 均为浮动。
   修复（mediar.css 在 yingnuodagongzuofu.css 之后加载，以顺序后置 + !important 复位）：
     (1) <=678px  : 恢复 .zizhi 隐藏（还原原有设计）
     (2) <=1024px : 隐藏 .top / .menu（与既有 .header{display:none} 保持一致）
     (3) 679-1919 : .zizhi 改为自适应两栏（适配新版 .zizhi-pic / .zizhi-txt 结构）
     (4) <=1199px : #main1 取消 1200px 固定宽，左栏/右栏上下排列，产品卡两列自适应
     (5) 679-1399 : .about 与 .liucheng 同步等比缩放（两模块等宽对齐，且不再溢出）
   说明：本块内所有选择器与属性均为 ASCII，中文仅出现在注释中。
   ============================================================================ */

/* ---- (1) 手机端（<=678px）：恢复"权威认证"模块在手机端隐藏 ---- */
@media screen and (max-width: 678px) {
  html, body { overflow-x: clip; }
  .zizhi { display: none !important; }
}

/* ---- (2) <=1024px：PC 顶栏 / PC 导航一并隐藏（补齐 mediar.css 只隐藏 .header 的遗漏） ---- */
@media screen and (max-width: 1024px) {
  .top, .menu { display: none !important; }
}

/* ---- (3) 平板 / 中小桌面（679-1919px）：权威认证模块自适应，不再以 1920px 撑破布局 ---- */
@media screen and (min-width: 679px) and (max-width: 1919px) {
  html, body { overflow-x: clip; }
  .zizhi {
    display: flex !important;
    width: 100% !important;
    max-width: 1920px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    background: #273B80 !important;
    align-items: stretch;
  }
  .zizhi .zizhi-pic { width: 46% !important; max-width: 967px !important; flex: none !important; }
  .zizhi .zizhi-pic img { display: block !important; width: 100% !important; height: auto !important; -o-object-fit: cover; object-fit: cover; }
  .zizhi .zizhi-txt { flex: 1 1 auto !important; overflow: visible !important; padding: 48px 40px 48px 44px !important; }
  .zizhi .zizhi-en { font-size: 64px !important; left: -24px !important; top: 24px !important; }
  .zizhi .zizhi-txt h3 { font-size: 22px !important; margin-bottom: 16px !important; }
  .zizhi .zizhi-txt p { font-size: 15px !important; line-height: 1.9 !important; max-width: none !important; }
}

/* ---- (4) <=1199px：#main1（分类左栏 + 产品卡右栏）取消 1200px 固定宽，改自适应 ---- */
@media screen and (max-width: 1199px) {
  #main1 { width: 100% !important; max-width: 1200px !important; margin: 15px auto 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box !important; }
  #main1 .main1_left { float: none !important; width: auto !important; -webkit-box-sizing: border-box; box-sizing: border-box !important; margin-bottom: 12px; }
  #main1 .main1_right { float: none !important; width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box !important; }
  #main1 .main1content { display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden; }
  #main1 .p-item { width: 48.5% !important; height: auto !important; margin-right: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box !important; }
  #main1 .p-item .p-item-inner { margin: 8px !important; }
  #main1 .p-item .p-item-inner .pitem-img { height: auto !important; }
  #main1 .p-item img { width: 100% !important; height: auto !important; }
}

/* ---- (5) 679-1399px：.about 与 .liucheng 同步等比缩放 ----
   这两个模块是"1400px 画布 + 内部绝对定位"的结构（公司简介改版后也是），无法用百分比自适应，
   只能整体等比缩放。缩放系数取每个区间的"下界 / 1400"，保证区间内任何宽度都不再溢出/被裁；
   .about 与 .liucheng 用同一套系数，两模块宽度始终一致、上下对齐。 */
@media (min-width: 1200px) and (max-width: 1399px) {
  .about, .liucheng { width: 1400px !important; max-width: none !important; margin: 0 auto !important;
           transform: scale(0.869) !important; transform-origin: top left !important; }
  .about { height: 389px !important; }
  .liucheng { height: 354px !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about, .liucheng { width: 1400px !important; max-width: none !important; margin: 0 auto !important;
           transform: scale(0.708) !important; transform-origin: top left !important; }
  .about { height: 317px !important; }
  .liucheng { height: 288px !important; }
}
@media (min-width: 868px) and (max-width: 991px) {
  .about, .liucheng { width: 1400px !important; max-width: none !important; margin: 0 auto !important;
           transform: scale(0.62) !important; transform-origin: top left !important; }
  .about { height: 278px !important; }
  .liucheng { height: 252px !important; }
}
@media (min-width: 768px) and (max-width: 867px) {
  .about, .liucheng { width: 1400px !important; max-width: none !important; margin: 0 auto !important;
           transform: scale(0.548) !important; transform-origin: top left !important; }
  .about { height: 246px !important; }
  .liucheng { height: 223px !important; }
}
@media (min-width: 679px) and (max-width: 767px) {
  .about, .liucheng { width: 1400px !important; max-width: none !important; margin: 0 auto !important;
           transform: scale(0.485) !important; transform-origin: top left !important; }
  .about { height: 217px !important; }
  .liucheng { height: 197px !important; }
}

/* ---- (6) >=1920px：兜底消除 .zizhi 因 -251px 偏移带来的 ~9px 横向滚动（桌面设计本身不变） ---- */
@media screen and (min-width: 1920px) {
  html, body { overflow-x: clip; }
}

/* ---- (7) <=991px：修复 .dzgonglv("工作服定制攻略") 标题的遗留桌面偏移 ----
   yingnuodagongzuofu.css 第458行该规则先写了 margin:0 auto，紧接着又被 margin-left:560px 覆盖
   （那 560px 是桌面端对齐用的偏移残留，窄屏下会把标题推到屏幕外，右边缘恒为 776px）。
   这里恢复该规则本来的居中意图：左右 margin 都交给 auto 处理。
   说明：本条注释特意不引用原规则原文，以免其中的注释结束符提前闭合本段注释。 */
@media screen and (max-width: 991px) {
  .dzgonglv .title .tit { margin-left: auto !important; margin-right: auto !important; }
}


/* ==================== fix12 patch begin ==================== */
/* ============================================================
   鹰诺达官网 · 手机端首页轮播图「显示不完全」修复（fix12）
   适用文件：template/eyou/pc/skin/css/mediar.css
             template/eyou/mobile/skin/css/mediar.css
             template/eyou/mobile/skin/css/dz-mediar.css
   追加位置：文件末尾
   作用范围：仅 ≤1024px（手机 / 平板竖屏）；电脑端（>1024px）零影响
   ============================================================ */
@media screen and (max-width: 1024px) {
  /* ---- ① 固定手机头部占位：让页面内容不再被头部盖住 ----
     手机头部 .wap-header 是 position:fixed、高 82px。
     pc 皮肤在窄屏把 .top / .menu 隐藏后，页面正文从 y=0 开始，
     首页 banner 的前 82px 被固定头部盖住 -> 看起来「轮播图被切掉一截」。
     这里用 header.htm 里已有的空占位块 .wap-headerzw 补回 82px。 */
  .wap-headerzw {
    height: 82px !important;
    display: block !important;
  }
  /* ---- ② PC 顶栏 / PC 导航在手机上彻底隐藏（与固定手机头部重复）---- */
  .top, .menu {
    display: none !important;
  }
  /* ---- ③ 轮播容器改为与 banner 原图等比，图片按宽度 100% 完整铺开 ----
     banner 原图是 1920x550 的宽幅图（宽高比 3.491）。
     原窄屏规则把容器高度写死成 160~250px，并给背景图写了
     background-size:104%/122%/140% !important —— 按宽度放大后高度只有
     约 117px，塞进 160px 的容器 -> 左右各被裁约 8px、上下各留白约 21px。
     改为容器等比 + 背景宽度 100%，任何屏宽下图片都完整显示、不裁不留白。 */
  .banner {
    height: auto !important;
    aspect-ratio: 1920 / 550 !important;
  }
  .banner .swiper-slide {
    background-size: 100% auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}

/* 极旧浏览器（不支持 aspect-ratio）兜底：按视口宽度取等比高度 550/1920 */
@supports not (aspect-ratio: 1 / 1) {
  @media screen and (max-width: 1024px) {
    .banner { height: 28.65vw !important; }
  }
}
/* ==================== fix12 patch end ==================== */