@charset "utf-8";


html, body {
margin: 0;
padding: 0;
width: 100%;
overflow-x: hidden; /* 关键：禁止水平滚动条 */}

*{ margin: 0px; padding: 0px;
font-family: Arial, Helvetica, sans-serif;
list-style-type: none;
}
a{ text-decoration: none;}
body{ background: #F5F7FA;}







/* 网站顶部 */
.headertop {
  width: 100%;
     background:#F0F7FC;
height: 30px;
font-size: 12px;
line-height: 30px;
border-bottom: 1px solid #004BFF;
   
}
.headertop .container {
  width: 98%;
  margin: 0 auto;
  

  overflow: hidden;
}


.headertop .container .itemleft {
    width:33%;
    float: left;
   
	color:#004BFF;
	

	
	
}
.headertop .container .itemcenter{
    width:90px;
    float: right;
	

}
.headertop .container .itemcenter li {
    float: left;
     
	 color:#0489C4;
}
.headertop .container .itemcenter li a{
    color:#FFFFFF;
}
.headertop .container .itemcenter li.s {
    padding: 0 19px;
    line-height: 39px;  float: left;
}.headertop .container .itemright{
    width: 15%;
    float: right;
    margin-right: 0;
}
.headertop .container .itemright li {
    float: left;
     
	 color:#FFFFFF
}
.headertop .container .itemright li a{
    color:#FFFFFF
}
.headertop .container .itemright li.s {
    padding: 0 19px;
    line-height: 39px;  float: left;
}




.header {
  
	width:100%;
	z-index:999;
	
	background: #F0F7FC;
	overflow: hidden;
	

	overflow: hidden;
}
.header_logo{
	height: 130px;
	width: 98%;
	margin: 0 auto;
	

	
}
.header_logo_left {
    float: left;
	width: 15%;
	
	
}


.header_logo_left img {

   height: 70px;
   margin-top: 30px;
	
}





.header_logo_txt{
	width: 30%;
	height: 56px;
	float: left;

	margin-top: 37px;
	padding-left: 30px;
	border-left: 1px solid #dcdcdc;
	
}

.header_logo_txt p {
	font-weight: 600;
	color: #333;
}

.header_logo_txt p:first-child {
	margin-top: 4px;
	line-height: 17px;
	font-size: 17px;
	font-weight: bold;
	color: #333333;
}

.header_logo_txt p:last-child {
	margin-top: 16px;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	color: #333;
}





.header_logo_tel{
	 width: 240px;
	 float: right;
	
	 margin-top: 25px;
	 
	
}


.header_logo_tel .lefticon {
	margin-top:-10px;
	width: 100px;
	height: 100px;
	float: left;
}

.header_logo_tel .lefticon img { width: 100px;}

.header_logo_tel .telnum {
	width: 130px;
	height: 56px;
	float: left;
	margin-top: 15px;
	padding-left: 20px;
	box-sizing: border-box;


}

.header_logo_tel .telnum p {
	font-size: 14px;
	
}

.header_logo_tel .telnum p:last-child {
	font-size: 20px;
	line-height: 28px;

	font-weight: bold;
	color: #004BFF;
}


/*=================导航=================*/










.nav{ clear: both; overflow: hidden; width: 100%; margin: 0 auto; background: #003e95; padding-left: 20px; border-radius: 5px; }
.nav ul li{ float: left; margin-right: 20px; }
.nav ul li a{ padding: 15px 10px; display: block;  color: #FE8F34; font-size: 16px; font-weight: bold;


transition: color 0.3s ease 0.3s; /* 关键：transition-delay=0.5s */


}



.nav ul li a:hover{ color: #ffff; /* 悬停后的颜色 */}

#navbar {

 
 width: 100%;

 overflow: hidden;


  transition: top 0.3s; /* 平滑过渡效果 */
  z-index: 99;
}





.index_company{
	
	margin:0px auto;  
 
   display: grid;
   grid-template-columns: repeat(5, 1fr); /* 5 列，每列等宽 */
   width: 98%;
   gap: 20px; /* 可选：格子之间的间距 */
 
   border: 1px solid red;
 }
.index_company a :hover{ }

.index-company-list-tit{ width: 98%; height: 50px; padding: 50px 1% 20px 1%;}
.index-company-list-tit h2{ font-size: 30px; float: left;color: #000;}
.index-company-list-tit-more a{ font-size: 20px; float:right;border: 2px solid #000; padding: 5px 30px;text-decoration: none;color: #000;font-size: 16px;margin-top: 10px;border-radius: 5px;
transition: background-color 0.5s ease; /* 定义过渡效果 */
}
.index-company-list-tit-more a:hover{
	background-color: rgba(255, 255, 255, 0.9); /* 鼠标悬停时颜色变为绿色 */
	
}




.main_company {
  background: #fff;
  border: 1px solid #777;
  padding: 20px;
  text-align: center;

border-radius: 5px; 
}

.main_company_top{  width: 100%; height: 50px; overflow: hidden; }

.main_company_logo{ width: 15%; height: 38px; overflow: hidden;   float: left; }
.main_company_logo img{ width: 38px; height: 38px; border: 0; border-radius: 50px;}
.main_company_tit{float: left;  display: block; width:75%; height: 38px; line-height: 38px;    font-size: 18px; margin-left: 15px;

 color: #1751A2;
  white-space: nowrap;
 
   overflow: hidden;
 
   text-overflow: ellipsis;
 
 }


.main_company_bottom{  width: 100%; height: 42px;  overflow: hidden; clear: both; font-size: 12px;
line-height: 20px;
overflow:hidden;
 color: #000;;
text-overflow:ellipsis;

display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 

}



.hover-box {

  transition: transform 0.2s ease-in-out; /* 平滑过渡效果 */
}
 
.hover-box:hover {
  transform: translateY(-5px); /* 鼠标悬停时向上移动10px */
 
}




.xian{ padding: 18px; border: 2px solid #003E95;}
.mian{ background-color: #E95C02; }
.bgimg{ background: url(../images/2.jpg) no-repeat;}









/* 内容页面开始 */







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



.article_nav{ clear: both; overflow: hidden; width: 100%; }
.article_nav ul li{ float: left; margin-right: 20px; }
.article_nav ul li a{ padding: 10px 20px; display: block;  color: #FE8F34; font-size: 18px; font-weight: bold;


transition: color 0.3s ease 0.3s; /* 关键：transition-delay=0.5s */

}



.article_nav ul li a:hover{ 
 

 color: #003e95; /* 悬停后的颜色 */
 
 }






.conter{ width: 1360px; height:auto; background: #fff; margin: 0 auto; border-radius: 10px;
border: 1px solid #FE8F34; padding: 20px;

}
.company_name{  width: 100%; height: 110px; overflow: hidden; border-radius: 10px; border-bottom: 1px solid #F5F5F5; margin-bottom: 30PX;} 
.company_name_logo{ float: left; width: 10%;}
.company_name_logo img{ width: 90px; border-radius: 50%; border: 1px solid red; overflow: hidden;}
.company_name_txt{ width: 65%; float: left;}
.company_name_txt_1{ margin-bottom: 10px; overflow: hidden;}
.company_name_txt_1 ul li{ float: left;}
.company_name_txt_1 ul .name{ font-size: 30px; margin-top: 5px;}
.company_name_txt_1 ul .address{  margin-top: 10px; margin-left: 20px;}
.company_name_txt_1 ul .address img{ height: 30px;}
.company_name_txt_2 ul{ clear: both; }
.company_name_txt_2 ul p{ float: left; border-radius: 3px; background-color: #f2f2f2; padding: 2px 10px; margin-right: 10px; font-size: 13px;}
.company_name_other{ width: 25%; float: left;}
.company_name_other ul li{ width: 100%; height: 30px; line-height: 30px; position: relative; text-indent: 30px; font-size: 16px;}
.company_name_other ul li img{ height: 20px;
  position: absolute;
  top: 5px; /* 距离顶部20px */
  left: 0px; /* 距离右侧10px */

}
.company_name_other ul li span{ font-size: 16px; color: #003E95;}
.main{ width: 100%; height: 550px; overflow: hidden; background: #fff;}
.main_left{ width: 50%; float: left; height: 440px;}
.main_left img{ width: 100%; height: 100%; margin-top: 12px; border-radius: 5px;}

.main_left .video{ width: 100%; height: 87%; margin-top: 12px; border-radius: 5px; background: #003E95;}
.main_right{ width: 48%;float: left; padding-left: 2%;}
.main_top{ width: 100%; overflow: hidden; height: 60px; }
.main_top ul p{ float: left; border: 1px solid #024ea2;  color: #fff; background-color: #024ea2;    padding: 3px 15px;
 margin-right: 20px; border-radius: 3px; margin-left: ;
}
.main_right_bottom{ width: 100%; }
.main_right_bottom ul li{ line-height: 38px; height: 38px; font-size: 17px;  position: relative; text-indent: 30px;}
.main_right_bottom ul li img{ height: 18px; 
  position: absolute;
  top: 10px; /* 距离顶部20px */
  left: 0px; /* 距离右侧10px */

}
.main_right_bottom ul li span{ color:#1A549C ; font-size: 18px;}
.main_right_bottom ul li span a{ color:#1A549C ; font-size: 18px; text-decoration: underline;}
.mt{ }
	.mt_w{ width:100%; height:170px;  overflow:hidden; padding:20px 0; }
  .mt{ width:142px; height:auto;overflow:hidden; float:left; margin-right:30px; }
	.mt_img{ width: 140px; height:140px; border: 1px solid #014FA1; position: relative; z-index:1;

	}
	.mt_img img{ width: 130px;padding: 5px;}
	 .mt_shu{width: 100px;height: 142px;background: #fff;   position: absolute; top: -1px; left: 20px; z-index: -20;}
	.mt_heng{width: 142px;height: 100px;background: #fff;   position: absolute; top: 20px; left: -1px;z-index: -20;
	
	}
	.mt_tit{ height:30px;line-height:30px;text-align:center; margin-top:5px; font-size:14px; color:#233E97;}

 
 
 
 
 .main_about{ width: 100%; height: auto; overflow: hidden;   }
 .main_about_tit{overflow: hidden; width: 100%; border-bottom: 2px solid #F98F34; overflow: hidden;}
 .main_about_tit h3{padding: 10px 30px; display: block;  color: #000; font-size: 18px;  border-top-left-radius: 5px; border-top-right-radius: 5px;
  background-color:#0366D6; color: #fff; width: 75px;
  font-weight: normal;
  }
  .about_introduction h4{ width:436px;  height: 64px; margin: 50px auto;  }
 
   .about_introduction p{ font-size: 16px; line-height: 180%; margin: 20px 0; 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: 10px 30px; display: block;  color: #000; font-size: 18px;  border-top-left-radius: 5px; border-top-right-radius: 5px;
 background-color:#0366D6; color: #fff; width: 75px;
 font-weight: normal;
 }


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

.product-list ul {

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

}

.product-list ul li {

	
	   background-color: #E7F3FB;
	   border: 1px solid #003E95;
	  padding: 5px;
	  text-align: center;
	  min-height: 60px;
	  line-height: 20px;
} 

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

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

.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: 30px;
	height: 30px;
}

.product-list ul li .info a{ color: #000;}

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





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

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

.shebei-list ul li {
   background-color: #E7F3FB;
	   border: 1px solid #003E95;
	  padding: 5px;
	  text-align: center;
	  min-height: 60px;
	  line-height: 20px;
}





.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: 30px;
	height: 30px;
}

.shebei-list ul li .info a{ color: #AE591B}

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






.main_zz{ width: 100%; height: 650px; overflow: hidden;   }
.main_zz_tit{overflow: hidden; width: 100%; border-bottom: 2px solid #F98F34; overflow: hidden;}
.main_zz_tit h3{padding: 10px 30px; display: block;  color: #000; font-size: 18px;  border-top-left-radius: 5px; border-top-right-radius: 5px;
 background-color:#0366D6; color: #fff; width: 75px;
 font-weight: normal;
 }

.zz-list { padding-top:30px;}





								.ladyScroll {
									width: 1300px;
									height: 484px;
									margin: 30px auto;
								
									position: relative;
								}
							
								.ladyScroll .prev,
								.ladyScroll .next {
									width: 51px;
									height: 45px;
									position: absolute;
									top: 210px;
									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 .scrollWrap {
									width: 1330px;
									margin-left: 30px;
									padding-top: 15px;
									overflow: hidden;
									position: absolute;
									
									
								}
							
								.ladyScroll dl {
									float: left;
									width: 288px;
									text-align: center;
									position: relative;
									border: #004EA1 1px solid;
									margin-right: 30px;
									
									
								}
							
								.ladyScroll span {
									display: block;
									width: 288px;
									height: 53px;
									position: absolute;
									left: 0px;
									bottom: 0;
									background: #5f626b;
									filter: alpha(opacity=80);
									opacity: 0.80;
									
								}
							
								.ladyScroll dt {
									margin: 0 auto;
									width: 288px;
									overflow: hidden;
									
								}
							
								.ladyScroll img {
									display: block;
									width: 288px;
									height: 430px;
								}
							
								.ladyScroll .dlList dd {
									width: 85%;
					                height:50px;
								
									color: #fff;
									text-align: center;
										 white-space: nowrap;
			  overflow: hidden;
			  text-overflow: ellipsis;
									
			
			                  padding:0 20px;
									
									
									position: absolute;
									left: 0px;
									bottom: 0;
									
								
									
								
								
								}
							
								.ladyScroll dd a {
									height:50px;
									line-height: 50px;
									color: #fff;
									color: 18px;
									
									
								}
							
								.ladyScroll dd a:hover {
									text-decoration: none;
								}
							
								.ladyScroll dl:hover span {
									background: #1B6AE0;
								}









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

.news-list { padding-top:30px;}
.news-list P{ padding:5px 0px; cursor:pointer;font-size: 18px; 
				height:40px; line-height:40px;border-bottom:1px dashed #ccc;
								}
								

						 	
.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: 10px 30px; display: block;  color: #000; font-size: 18px;  border-top-left-radius: 5px; border-top-right-radius: 5px;
  background-color:#0366D6; color: #fff; width: 75px;
  font-weight: normal;
  }



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





/*评论区*/
.yzm-comment-more h1{font-size: 22px;text-align:center;margin-top:50px;}
.yzm-comment-more-box{width:80%;margin:20px auto;padding:30px 0;}
.yzm-comment-explain{font-size:12px;color:red;margin-left:10px}
.yzm-comment-box{position: relative; margin: 20px 0}
.yzm-comment-box h3{height: 28px; line-height: 28px}
.yzm-comment-form{width: 100%; position: relative}
.textarea{width: 99%; height: 78px; border: 1px solid #ccc; border-radius: 3px;    padding: 5px 5px; outline: none; color: #333; line-height: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px;}
.textarea2{width: 99%; border-radius: 3px;  }
.yzm-comment-form p{height: 28px; line-height: 28px; position: relative}
.yzm-comment-form .emotion{width: 42px; height: 20px; background: url(../images/icon.gif) no-repeat 2px 1px; padding-left: 20px; cursor: pointer; color: #999}
.yzm-comment-form .emotion:hover{background-position: 2px -29px; color: #666}
.yzm-face{margin-top:4px;background:#fff;padding:3px;border: 1px #ccc solid;border-radius:3px}
.yzm-face table td{padding:2px;}
.yzm-face table td img{cursor:pointer;border:1px #fff solid;width:35px;object-fit: cover;}
.yzm-face table td img:hover{border:1px #0066cc solid;}
.yzm-comment-submit{background-color: #e6e6e6; background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6); background-repeat: no-repeat; border-bottom-right-radius: 3px; border-color: #ddd #ddd #aaa; border-style: solid; border-width: 1px; box-shadow: 0 0 1px #fff inset; color: #555; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; position: absolute; right: 0; text-align: center; text-shadow: 0 1px 0 #fff; top: 0; transition: all 0.15s linear 0s; width: 100px; cursor: pointer; border-radius: 2px; margin-top: 5px; outline: none;}
.yzm-comment-submit:hover{background-position: 0 -15px; color: #121212}
.yzm-comment-code{position:absolute;right:115px;top:5px;}
.yzm-comment-reply-code{display:inline-block;margin-top:5px}
.yzm-comment-code img,.yzm-comment-reply-code img{cursor:pointer;margin-right:10px;vertical-align:top;}
.yzm-comment-code input,.yzm-comment-reply-code input{width:85px;height:25px;line-height:25px;border:1px solid #d9d9d9;outline:none;padding:3px 5px;border-radius:2px}
.static{position: static; float: right;}
.yzm-comment-list-box{border: 1px solid #ddd; border-radius: 3px;     margin: 25px 0 15px; overflow: hidden;}
.yzm-comment-list-top{background: #fbfbfb; color: #555; font-size: 14px; padding: 0 12px; height: 30px; line-height: 30px; border-bottom: 1px dotted #ddd;}
.yzm-comment-list-top a{color:#de1513;}
.yzm-comment-list-body ul{padding: 0 12px;}
.yzm-comment-list-body ul li{padding: 10px 0; border-bottom: 1px dotted #ddd; overflow: hidden;}
.yzm-comment-list-body ul li:last-child{border-bottom: none;}
.yzm-comm-right{margin-left: 50px;}
.yzm-comm-right strong{font-weight:normal;}
.yzm-comm-right .user_name{color: #017cb9}
.yzm-comm-right .user_name:hover{color: #2a6496; text-decoration: underline; transition: all 0.15s linear 0s;}
.yzm-comment-list-body .user_pic{float: left;}
.yzm-comment-list-body p{font-size: 14px; line-height: 1.5em; color: #666; margin: 5px 0;}
.yzm-comment-list-body .original_comment{display: block; margin: 5px 0;}
.yzm-comment-list-body .comm_time{font-size: 12px; color: #999;}
.yzm-comment-list-body .comm_a{font-size: 12px; color: #999; margin: 0 5px; transition: all 0.15s linear 0s;}
.yzm-comment-list-body .comm_a:hover{color: #555}
.none{display: none;}
.original_comment{display: block; margin: 5px 0;}
/*评论区*/
/*顶和踩开始*/
.yzmcms_digg_div{   overflow: hidden; text-align: center; width: 460px; margin: 30px auto; }
.digg_up{ width: 200px; height: 30px; line-height: 30px; float: left; background:#0366D6; color: #fff; padding: 5px ;
 
 border-radius: 5px; margin-right: 10px; cursor:pointer;  }
.digg_down{  width: 200px; height: 30px; line-height: 30px; float: left; background:#0366D6; color: #fff; padding: 5px ;
border-radius: 5px; cursor:pointer; 
}

/*顶和踩end*/