/**
 *               ii.                                         ;9ABH,          
 *              SA391,                                    .r9GG35&G          
 *              &#ii13Gh;                               i3X31i;:,rB1         
 *              iMs,:,i5895,                         .5G91:,:;:s1:8A         
 *               33::::,,;5G5,                     ,58Si,,:::,sHX;iH1        
 *                Sr.,:;rs13BBX35hh11511h5Shhh5S3GAXS:.,,::,,1AG3i,GG        
 *                .G51S511sr;;iiiishS8G89Shsrrsh59S;.,,,,,..5A85Si,h8        
 *               :SB9s:,............................,,,.,,,SASh53h,1G.       
 *            .r18S;..,,,,,,,,,,,,,,,,,,,,,,,,,,,,,....,,.1H315199,rX,       
 *          ;S89s,..,,,,,,,,,,,,,,,,,,,,,,,....,,.......,,,;r1ShS8,;Xi       
 *        i55s:.........,,,,,,,,,,,,,,,,.,,,......,.....,,....r9&5.:X1       
 *       59;.....,.     .,,,,,,,,,,,...        .............,..:1;.:&s       
 *      s8,..;53S5S3s.   .,,,,,,,.,..      i15S5h1:.........,,,..,,:99       
 *      93.:39s:rSGB@A;  ..,,,,.....    .SG3hhh9G&BGi..,,,,,,,,,,,,.,83      
 *      G5.G8  9#@@@@@X. .,,,,,,.....  iA9,.S&B###@@Mr...,,,,,,,,..,.;Xh     
 *      Gs.X8 S@@@@@@@B:..,,,,,,,,,,. rA1 ,A@@@@@@@@@H:........,,,,,,.iX:    
 *     ;9. ,8A#@@@@@@#5,.,,,,,,,,,... 9A. 8@@@@@@@@@@M;    ....,,,,,,,,S8    
 *     X3    iS8XAHH8s.,,,,,,,,,,...,..58hH@@@@@@@@@Hs       ...,,,,,,,:Gs   
 *    r8,        ,,,...,,,,,,,,,,.....  ,h8XABMMHX3r.          .,,,,,,,.rX:  
 *   :9, .    .:,..,:;;;::,.,,,,,..          .,,.               ..,,,,,,.59  
 *  .Si      ,:.i8HBMMMMMB&5,....                    .            .,,,,,.sMr 
 *  SS       :: h@@@@@@@@@@#; .                     ...  .         ..,,,,iM5 
 *  91  .    ;:.,1&@@@@@@MXs.                            .          .,,:,:&S 
 *  hS ....  .:;,,,i3MMS1;..,..... .  .     ...                     ..,:,.99 
 *  ,8; ..... .,:,..,8Ms:;,,,...                                     .,::.83 
 *   s&: ....  .sS553B@@HX3s;,.    .,;13h.                            .:::&1 
 *    SXr  .  ...;s3G99XA&X88Shss11155hi.                             ,;:h&, 
 *     iH8:  . ..   ,;iiii;,::,,,,,.                                 .;irHA  
 *      ,8X5;   .     .......                                       ,;iihS8Gi
 *         1831,                                                 .,;irrrrrs&@
 *           ;5A8r.                                            .:;iiiiirrss1H
 *             :X@H3s.......                                .,:;iii;iiiiirsrh
 *              r#h:;,...,,.. .,,:;;;;;:::,...              .:;;;;;;iiiirrss1
 *             ,M8 ..,....,.....,,::::::,,...         .     .,;;;iiiiiirss11h
 *             8B;.,,,,,,,.,.....          .           ..   .:;;;;iirrsss111h
 *            i@5,:::,,,,,,,,.... .                   . .:::;;;;;irrrss111111
 *            9Bi,:,,,,......                        ..r91;;;;;iirrsss1ss1111
 */
 /*
 * author 229343733@qq.com
 */

@media screen and (min-width: 1607px){
	
	

	
	

}
@media screen and (min-width:1401px) and (max-width: 1606px){


	


	

	
}

@media screen and (min-width:1201px) and (max-width: 1400px){
	
	
	/* contact */
	.contact_box4_list{
		grid-template-columns: repeat(2,1fr);
	}



	


}





@media screen and (min-width: 992px) and (max-width: 1200px){
	.header_box{
		display: none;
	}
	.mobile_header{
		display: block;
	}
	.mobile_menu_box{
		width: 350px;
		right: -350px;
		padding: 35px 5%;
	}
	


	.pro_list1 dd{
    	width: calc((100% - clamp(0.938rem, -4.161rem + 8.22vw, 4.063rem)) / 2);
    }
	.pro_list_t_r_l{
		margin-bottom: 15px;
	}


	/* about */
	.sub_banner_about{
		padding-top: 0;
	}


	/* blog */
	.sub_banner .wrapper{
		padding-top: 0;
	}

	/* contact */
	.contact_box1{
		padding-top: var(--space);
	}
	.contact_box1_list{
		margin-top: 0;
		padding-bottom: 20px;
	}
	.contact_box4_list{
		grid-template-columns: repeat(2,1fr);
	}


	



}









@media screen and (min-width: 768px) and (max-width: 992px){
	.header_box{
		display: none;
	}
	.mobile_header{
		display: block;
	}
	.mobile_menu_box{
		width: 350px;
		right: -350px;
		padding: 35px 5%;
	}

	.wrapper{
		width: 92%;
	}
	

	.menu_down_pro_list{
		grid-template-columns: repeat(4,1fr);
	}
	.ind_box3_b_list .item{
		padding-top: 12px;
	}


	.footer_inq_form_l{
		width: calc(100% - 160px);
		padding-right:0;
	}
	.footer_inq_form_l_item{
		width: calc((100% - 40px) / 4);
		margin-right: 10px;
	}
	.footer_inq_form_r{
		width: 160px;
	}

	.footer_t_l{
		width: 100%;
		margin-bottom: 30px;
	}
	.footer_t_r{
		width: 100%;
		padding-left: 0;
	}


	/* pro_list */
	.pro_list_t_r{
		width: 100%;
		padding-top: 20px;
	}
	.pro_list_t_r_l{
		margin-bottom: 15px;
	}

	.pro_list1 dd{
    	width: calc((100% - clamp(0.938rem, -4.161rem + 8.22vw, 4.063rem)) / 2);
    }


	/* pro_det */
	.pro_det_b_r_list1 dd .pic{
		width: 100%;
		margin-bottom: 18px;
	}

	.pro_det_b_r_list1 dd .con{
		width: 100%;
	}	


	/* about */
	.sub_banner_about{
		padding-top: 0;
	}
	

	/* blog */
	.sub_banner .wrapper{
		padding-top: 0;
	}


	/* contact */
	.contact_box1{
		padding-top: var(--space);
	}
	.contact_box1_list{
		margin-top: 0;
	}
	.contact_box1_list dd{
		width: calc((100% - 20px) / 2);
		margin-bottom: 20px;
	}


	.contact_box4_list{
		grid-template-columns: repeat(2,1fr);
	}

	/* news_det */
	.news_det_l{
		width: 100%;
		padding-right: 0;
		margin-bottom: 50px;
	}

	.news_det_r{
		width: 100%;
	}



}













@media screen and (min-width: 300px) and (max-width: 767px){
	.wrapper{
		width: 100%;
	}

	.header_box{
		display: none;
	}
	.mobile_header{
		display: block;
	}
	
	.p15{
		padding-left: 15px;
		padding-right: 15px;
	}

	.menu_down_pro_list{
		grid-template-columns: repeat(2,1fr);
		gap: 10px;
	}
	.ind_box3{
		height: 650px;
	}
	.ind_box3_b_list .item{
		width: 50%;
		padding-top: 8px;
	}
	.ind_box3_b_list .item:nth-child(2n){
		background: none;
	}

	.ind_box4_l{
		width: 100%;
		margin-bottom: 30px;
	}
	.ind_box4_l_pic img{
		width: 100%;
	}
	
	.ind_box4_r{
		width: 100%;
		padding-left: 0;
	}
	.ind_box4_r_list dd{
		width: 47%;
	}
	.ind_box5_scroll_con{
		padding: 0;
	}

	.ind_box6_title_box{
		border: none;
	}
	.ind_box6_title{
		margin-bottom: 15px;
	}

	.ind_box6_list1_item{
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
	}
	.ind_box6_list1_item_con{
		width: 100%;
		padding-right: 0;
		
	}

	.ind_box6_list1_item_pic{
		width: 100%;
		margin-bottom: 15px;
	}







	.footer_inq_form_l{
		width: 100%;
		padding-right:0;
	}
	.footer_inq_form_l_item{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.footer_inq_form_r{
		width: 160px;
	}

	.footer_t_l{
		width: 100%;
		margin-bottom: 30px;
	}
	.footer_t_r{
		width: 100%;
		padding-left: 0;
	}

	.footer_t_r_item{
		width: 100%;
		margin-bottom: 20px;
	}
	.footer_t_r_item:last-child{
		margin-bottom: 0;
	}
	.footer_t_r_list1 a{
		font-size: 16px;
	}
	.footer_t_r_list2 .item .tt{
		padding-left: 5px;
	}

	.float_fixed{
		right: 5px;
	}

	/* pro_list */
	.pro_list_b_l{
		width: 100%;
	}
	.pro_list_b_l_b{
		max-width: 100%;
	}

	.pro_list_b .wrapper,
	.pro_det_b .wrapper{
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
	}

	.pro_list_b_r{
		width: 100%;
		padding-left: 0;
		margin-bottom: 50px;
	}
	.pro_list1 dd{
    	width: 100%;
    }


	/* pro_list */
	.pro_list_t_r{
		width: 100%;
		padding-top: 15px;
	}
	.pro_list_t_r_l{
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.pro_list_t_r_r{
		width: 100%;
	}


	


	/* pro_det */
	.pro_det_t_l{
		width: 100%;
		margin-bottom: 25px;
	}
	.pro_det_t_pic_scroll_bars_box{
		padding: 0 30px;
	}
	.pro_det_t_pic_scroll_btn{
		width: 24px;
		font-size: 18px;
	}
	


	.pro_det_t_r{
		width: 100%;
	}
	.pro_det_t_r_btn_box{
		justify-content:space-between;
		-ms-justify-content:space-between;
		-webkit-justify-content:space-between;
	}
	.pro_det_t_r_btn{
		width: calc((100% - 10px) / 2);
		margin-right: 0;
	}


	.pro_det_b_r_list1 dd .pic{
		width: 100%;
		margin-bottom: 16px;
	}

	.pro_det_b_r_list1 dd .con{
		width: 100%;
	}	

	.pro_det_inq_list dd{
		width: 100%;
	}


	/* about */
	.sub_banner_about{
		padding-top: 0;
	}

	.about_box3_l{
		width: 100%;
		margin-bottom: 15px;
	}
	.about_box3_r{
		width: 100%;
		
	}
	.about_box3_r_item{
		width: calc((100% - 15px) / 2);
		margin-bottom: 15px;
	}

	

	/* history */
	.his_list1_con::after{
		left: 10px;
	}

	.his_list1::before{
		left: 10px;
		transform: translate(0,0);
	}
	.his_list1_item{
		padding-left: 25px;
		position: relative;
	}
	.his_list1_clm_year_box{
		position: relative;
	}
	.his_list1_clm_year_box::after{
		content: "";
		display: block;
		position: absolute;
		left: 9px;
		top: 0;
		width: 1px;
		height: 100%;
		background:#0095D7;
	}

	.his_list1_item_pic{
		width: 100%;
		justify-content:flex-start;
		-ms-justify-content:flex-start;
		-webkit-justify-content:flex-start;
	}
	.his_list1_item_con{
		width: 100%;
		padding-top: 18px;
	}

	.his_list1 dd:nth-child(2n) .his_list1_item .his_list1_item_pic{
		justify-content:flex-start;
		-ms-justify-content:flex-start;
		-webkit-justify-content:flex-start;
	}
	
	.his_list1 dd:nth-child(2n) .his_list1_item .his_list1_item_con{
		text-align: left;
	}

	

	/* blog */
	.sub_banner .wrapper{
		padding-top: 0;
	}
	.sub_banner_con{
		padding-bottom: 25px;
	}
	

	/* contact */
	.contact_box1{
		padding-top: var(--space);
	}
	.contact_box1_list{
		margin-top: 0;
	}
	.contact_box1_list dd{
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}

	.contact_box2_form_btn_box{
		align-items: flex-start;
		-webkit-align-items: flex-start;
		-ms-align-items:flex-start;
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
	}

	.contact_box2_form_btn_r{
		width: 100%;
		padding-left: 0;
		margin-bottom: 20px;
	}


	.contact_box4_list{
		grid-template-columns: repeat(1,1fr);
	}



	/* news_det */
	.news_det_l{
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
	}
	.news_det_page_item{
		width: 100%;
		margin-bottom: 20px;
	}
	.news_det_page_item:last-child{
		text-align: left;
	}
	.news_det_page_item:first-child .icon::before{
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
	}

	.news_det_page_item .icon{
		justify-content:flex-start;
		-ms-justify-content:flex-start;
		-webkit-justify-content:flex-start;
	}

	.news_det_tags_tt{
		width: 100%;
		margin-bottom: 5px;
	}
	.news_det_tags_con{
		width: 100%;
		padding-left: 0;
	}

	.news_det_r{
		width: 100%;
	}
	




}
      #domainCode{
    position: relative; /* 关键：让子元素以它为定位参考 */
    display: inline-block; /* 使容器适应内容宽度 */
    line-height: 36px;
	margin-right:10px;
}

#domainCode a{
    height: 36px;
    line-height: 36px;
    text-align: left;
    padding: 0 5px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    text-decoration: none; /* 移除链接下划线 */
}

#domainCodeDown a{
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    width: 49%;
    float: left;
}

#domainCode a span{
    padding-left: 3px;
    font-size: 14px;
    color: #333;
}

#domainCode a img{
    display: inline-block;
    width: 24px;
}

#domainCodeDown{
    display: none;
    position: absolute;
    z-index: 999;
    background: #FFF;
    width: 282px;
    height: auto;
    /* 居中关键设置 */
    left: 50%; /* 相对于父元素左移50% */
    transform: translateX(-50%); /* 向左移动自身宽度的50%，实现水平居中 */
    top: 100%; /* 定位到父元素底部 */
    margin-top: 2px; /* 与顶部元素保持一点距离 */
    
    padding-left: 20px;
	padding-top:10px;
    padding-bottom: 15px;
    /* 圆角设置 */
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left-radius: 3px;
    border-right-radius: 3px;
    /* 阴影效果 */
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}

#domainCodeDown a span{
    color: #000 !important;
}

#domainCode:hover #domainCodeDown{
    display: block;
}

/* 清除浮动，避免容器高度塌陷 */
#domainCodeDown::after {
    content: "";
    display: table;
    clear: both;
}

        /****/
        
       #mdomainCode{
  position: relative; /* 作为子元素的定位参考 */
  width: 100px;
  line-height: 36px;
  margin: 8px 0 0 0;
  font-size: 14px;
  color: #333;
}

/* 让顶部元素离左50px */
#mdomainCodeTop {
	margin-left:50px;
	width:80px;
}

#mdomainCode a{
  height: 36px;
  line-height: 36px;
  text-align: left;
  padding: 0 5px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  text-decoration: none; /* 移除链接下划线 */
}

#mdomainCodeDown a{
  height: 36px;
  line-height: 36px;
  text-align: left;
  padding: 0 5px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  width: 45%;
  float: left;
}

#mdomainCode a span{
  padding-left: 3px;
}

#mdomainCode a img{
  display: inline-block;
  width: 24px; /* 保持图片大小一致 */
}

#mdomainCodeDown{
  display: none;
  position: absolute; /* 相对于父元素定位 */
  z-index: 999;
  background: #FFF;
  /* 左右离屏幕边30px */
  width: 300px; /* 自动适应左右边距之间的宽度 */
  height: auto;
  top: 100%; /* 定\
  
  
  位在顶部元素正下方 */
  margin-top: 2px;
  padding-bottom:5px;/* 与顶部保持一点距离 */
  padding: 15px;
  overflow: scroll;
  /* 左右下3px圆角 */
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left-radius: 3px;
  border-right-radius: 3px;
  /* 阴影增加立体感 */
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

#mdomainCodeDown a span{
  color: #333 !important;
}

/* 修复悬停显示的选择器错误 */
#mdomainCode:hover #mdomainCodeDown{
  display: block;
}

/* 清除浮动 */
#mdomainCodeDown::after {
  content: "";
  display: table;
  clear: both;
}