@charset "utf-8";

@media (max-width: 1719px) {
	
.header_logo_left {width: 20%;}


.index_company{
   grid-template-columns: repeat(4, 1fr); /* 5 列，每列等宽 */
 
 }


}


@media (max-width: 1419px) {
	
.header_logo_left {width: 23%;}


.index_company{
   grid-template-columns: repeat(4, 1fr); /* 5 列，每列等宽 */
  
 }
 
 
 
 .article_header{width: 1200px; }
 
 .conter{ width: 1160px; border: 1px solid red;}
 
 
 	.ladyScroll {width: 1100px;}
 	.ladyScroll .scrollWrap {width: 1030px;}
 
 


}


@media (max-width: 1339px) {



.index_company{
	width: 98%;
   grid-template-columns: repeat(3, 1fr); /* 5 列，每列等宽 */
   border: 1px solid #900;
 }

.footer{ width:1200px; border: 1px solid red; }





}






@media (max-width: 1200px) {

.header_logo_txt{ display: none;}

.index_company{
	width:1024px;
   grid-template-columns: repeat(3, 1fr); /* 5 列，每列等宽 */
   border: 1px solid #900;
 }

.footer{ width:1024px; border: 1px solid red; }

}





@media(max-width: 640px) {




/* 内容页面开始 */







/* body{background:#f2f2f2 url(../images/bj.png) repeat-x;} */
.article_header{ width: 96%; margin: 20px auto 10px auto;}
.article_header .logo{  overflow: hidden; margin-bottom: 10px; }
.article_header .logo ul li{ float: left; margin-right:10px;}
.article_header .logo ul li a img{  height:18px; }



.conter{ width:92%; height:auto; background: #fff; margin: 0 auto 10px auto; border-radius: 10px;
border: 1px solid #FE8F34; padding: 2%;overflow: hidden;}

.company_name{  width: 100%; height:auto; overflow: hidden;  border-bottom: 0px;} 
.company_name_logo{  width: 10%;   overflow: hidden;  float:left;}
.company_name_logo img{width: 30px; border-radius:6px;  overflow: hidden;}
.company_name_txt{ width: 85%;height: 20px;line-height: 20px;  float: left;  margin-left: 10px; margin-bottom:80px; }
.company_name_txt_1 ul .name{ font-size:17px; font-weight:bold; width: 70%;
    
    	 white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;
    
}
.company_name_txt_1 ul .address{ margin-top:6px;}
.company_name_txt_1 ul .address img{ height:15px;  }




.company_name_txt_2 ul{  overflow: hidden; margin-top: 10px ;}
.company_name_txt_2 ul p{ float: left; border-radius: 3px; background-color: #f2f2f2; padding: 1px 5px; margin-right: 5px; font-size: 12px; margin-bottom: 5px;}


.company_name_other{ width: 100%; overflow: hidden;  }
.company_name_other ul li{ width: 100%; height: 20px; line-height: 20px; position: relative; text-indent: 20px; font-size: 12px;}
.company_name_other ul li img{ height: 15px;
  position: absolute;
  top: 2px; /* 距离顶部20px */
  left: 0px; /* 距离右侧10px */

}
.company_name_other ul li span{ font-size: 12px; color: #003E95;}
.main{margin-top:-20px; height:auto;}
.main_left{ width: 100%;  height:auto;}
.main_left img{ width: 100%; height: 100%; margin-top: 0px; border-radius: 5px;}

.main_left .video{ width: 100%; height: 87%; margin-top: 0px; border-radius: 5px; background: #003E95; }
.main_left .video_tit{ font-size: 14px; margin:5px 0 10px 5px;}
.main_right{ width: 100%; margin-top:5px; }
.main_top{ width: 99%; overflow: hidden;  min-height:20px;  margin-bottom:10px;}
.main_top ul p{ float: left;   color: #fff; font-size: 12px;    background-color: #024ea2;    padding: 0px 5px;
 margin-right: 5px; border-radius: 3px; margin-bottom:5px  ;
}
.main_right_bottom{ width: 96%; min-height:170px; }
.main_right_bottom ul li{ line-height: 28px; height: 28px; font-size: 14px;  position: relative; text-indent: 20px;
    
    
    width:100%; display: block; 
    

     white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;
    
    
    
}
.main_right_bottom ul li img{ height: 12px; 
  position: absolute;
  top: 10px; /* 距离顶部20px */
  left: 0px; /* 距离右侧10px */

}
.main_right_bottom ul li span{ color:#1A549C ; font-size: 14px;  
}
.main_right_bottom ul li span a{ color:#1A549C ; font-size: 14px; text-decoration: underline;
 
    
}



  .mt{ width:92px; height:auto;overflow:hidden; float:left; margin-right:10px;  }
	.mt_img{ width: 90px; height:90px; border: 1px solid #014FA1; position: relative; z-index:1;}
	.mt_img img{ width: 80px;padding: 5px;}
	 .mt_shu{width: 60px;height: 92px;background: #fff;   position: absolute; top: -1px; left: 20px; z-index: -20;}
	.mt_heng{width: 92px;height: 60px;background: #fff;   position: absolute; top: 15px; left: -1px;z-index: -20;}
	
	
	.mt_tit{ height:20px;line-height:20px;text-align:center;  font-size:12px; color:#233E97;}

 
 .main_about{ width: 100%; height: auto; overflow: hidden; margin-top:10px;  }
 .main_about_tit{overflow: hidden; width: 100%; border-bottom: 2px solid #F98F34; overflow: hidden;}
 .main_about_tit h3{padding: 3px 10px 3px 10px; display: block;  color: #000; font-size: 14px;  border-top-left-radius: 3px; border-top-right-radius: 3px;
  background-color:#0366D6; color: #fff; width: 58px;
  font-weight: normal;
 
  }
  .about_introduction h4{ width:436px;  height: 64px; margin: 50px auto;  }
 
   .about_introduction p{ font-size: 15px; line-height: 180%;  padding: 0 1%;  text-align: justify;}
 
 


.main_products{ width: 100%; height:auto; overflow: hidden;   }
.main_products_tit{overflow: hidden; width: 100%; border-bottom: 2px solid #F98F34; overflow: hidden;}
.main_products_tit h3{padding: 3px 10px 3px 10px; display: block;  color: #000; font-size: 14px;  border-top-left-radius: 3px; border-top-right-radius: 3px;
 background-color:#0366D6; color: #fff; width: 58px;
 font-weight: normal;
 }


.product-list { padding:20px 0; }

.product-list ul {

  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 4 列，每列等宽 */
  width: 100%;
  gap: 10px; /* 可选：格子之间的间距 */

}

.product-list ul li {

	
	   background-color: #E7F3FB;
	   border: 1px solid #003E95;
	  padding: 2px;
	  text-align: center;
	
} 

.product-list ul li:hover {
   background:#003e95;
	  transition: background-color 0.5s ease-in-out; /* 背景色变化过渡效果 */
}

.product-list ul li  .img {overflow: hidden; height:90px;}

.product-list ul li  .img a img{
 
	    transition: transform 0.5s ease; /* 平滑过渡效果 */
	    width: 100%; /* 或者设置具体的宽度 */
	    height: 100%; /* 保持图片比例 */

}


.product-list ul li:hover img { transform: scale(1.1); /* 放大到1.2倍大小 */}


.product-list ul li .info {
  
    text-align: center;
	line-height: 22px;
	height: 20px;
}

.product-list ul li .info a{ color: #000; font-size:12px;}

.product-list ul li:hover .info .title-a {
    color: #fcfcfc;
}





.shebei-list { padding:20px 0;}

.shebei-list ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* 4 列，每列等宽 */
	width: 100%;
	gap: 10px; /* 可选：格子之间的间距 */
	
}

.shebei-list ul li {
   background-color: #E7F3FB;
	   border: 1px solid #003E95;
	  padding: 2px;
	  text-align: center;
	 
}





.shebei-list ul li:hover {
   background:#AE591B;
	  transition: background-color 0.5s ease-in-out; /* 背景色变化过渡效果 */
}



.shebei-list ul li  .img img {
   width: 100%;
   height: auto;
}

.shebei-list ul li .info {
  
    text-align: center;
	line-height: 22px;
	height: 20px;
}

.shebei-list ul li .info a{ color: #AE591B; font-size:12px;}

.shebei-list ul li:hover .info .title-a {
    color: #fcfcfc;
}






.main_zz{ width: 100%; height: auto; overflow: hidden;   }
.main_zz_tit{overflow: hidden; width: 100%; border-bottom: 2px solid #F98F34; overflow: hidden;}

 
.main_zz_tit h3{padding: 3px 10px 3px 10px; display: block;  color: #000; font-size: 14px;  border-top-left-radius: 3px; border-top-right-radius: 3px;
  background-color:#0366D6; color: #fff; width: 58px;
  font-weight: normal;
  }







								.ladyScroll {
									width: 100%;
									
									margin: 20px auto;
								  
									position: relative;
								}
							
								.ladyScroll .prev,
								.ladyScroll .next {
									width: 21px;
									height: 25px;
									position: absolute;
									top: 110px;
									left: 0;
									z-index: 100;
									cursor: pointer;
									background: url(http://www.xikjy.com/application/index/view/xike/images/btns.png) no-repeat;
								}
							
								.ladyScroll .next {
									left: auto;
									right: 0;
									background-position: 0 -90px;
								}
							
								.ladyScroll .prev:hover {
									background-position: 0 -45px;
								}
							
								.ladyScroll .next:hover {
									background-position: 0 -135px;
								}
							
						
							
								.ladyScroll dl {
									float: left;
									width: 50%;
									
									text-align: center;
									position: relative;
									border: #004EA1 1px solid;
									margin-right: 10px;
									
									
								}
							
							
							
						
								.ladyScroll img {
									display: block;
									width: 100%;
									height:280px;
								}
							
							
							








 .main_news{ width: 100%; height: auto; overflow: hidden; padding-bottom: 20px;  }
 .main_news_tit{overflow: hidden; width: 100%; border-bottom: 2px solid #F98F34; overflow: hidden;}
 .main_news_tit h3{padding: 3px 10px 3px 10px; display: block;  color: #000; font-size: 14px;  border-top-left-radius: 3px; border-top-right-radius: 3px;
  background-color:#0366D6; color: #fff; width: 58px;
  font-weight: normal;
  }

.news-list { padding-top:10px;}
.news-list P{ padding:0px 0px; cursor:pointer;font-size: 14px; 
				height:40px; line-height:40px;border-bottom:1px dashed #ccc;
								
						 white-space: nowrap;
						
						  overflow: hidden;
						
						  text-overflow: ellipsis;		
								}
								

						 	
.news-list p a{color: #233E97; }
								
								









 .main_ditu{ width: 100%; height:auto; overflow: hidden;   }
 .main_ditu_tit{overflow: hidden; width: 100%; border-bottom: 2px solid #F98F34; overflow: hidden;}
 .main_ditu_tit h3{padding: 3px 10px 0 10px; display: block;  color: #000; font-size: 14px;  border-top-left-radius: 3px; border-top-right-radius: 3px;
  background-color:#0366D6; color: #fff; width: 58px;
  font-weight: normal;
  }



  
  .about_ditu_1{width:99%;height:450px; border:1px solid #000; margin-top:20px; border-radius:5px;}
 





/* .footer{ width: 1400px; height: 20px; margin: 0 auto;}

.footer{padding:10px 0;}
.footer .copyright{font-size: 12px;color: #888888;line-height: 22px; text-align: center;}
.footer .copyright a{ font-size: 12px;}


 */



.yzmcms_digg_div{   overflow: hidden; text-align: center; width: 100%; margin: 0px auto 30px auto; }
.digg_up{ width: 45%; height: 20px; line-height: 20px; float: left; background:#0366D6; color: #fff; padding: 3px ;
 
 border-radius: 3px; margin-right: 10px; font-size:12px; }
.digg_down{  width: 45%; height: 20px; line-height: 20px; float: left; background:#0366D6; color: #fff; padding: 3px ;
border-radius: 3px; font-size:12px;
}


.yzm-content-box .yzm-title h2{font-size:16px;}


.textarea{ width:97%;}
.yzm-comment-more-box{width:98%;margin:20px auto;padding:30px 0;}

.pageinfo{ display:none;}

.yzm-comm-right p{ font-size:13px;}
.yzm-comm-right .user_name{ font-size:13px;}





}






