@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form, table { margin:0; padding:0; border:0; list-style:none;}
 span, h1, h2, h3, h4, h5, h6, p,  img, dl, dt, dd, ol, ul, li, form { overflow:hidden;}
input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
a {text-decoration:none; color:#4d4d4d;}
a:hover{text-decoration:none; color: #37abe2;}
*{ box-sizing: border-box;}
html, body {font-family:"微软雅黑", "宋体";font-size:14px;}
img{border: none;vertical-align: top; display: block;}
.w1170{width:1170px;  overflow: hidden; margin-left:auto; margin-right: auto; }
.w1200{width:1200px;  overflow: hidden; margin-left:auto; margin-right: auto;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.tran{  display:block;transition: all .8s ease;-webkit-transition: all .8s ease; -moz-transition: all .8s ease;-ms-transition: all .8s ease;-o-transition: all .8s ease;-webkit-backface-visibility: hidden;}
.tran:hover { display:block; -webkit-backface-visibility: hidden;transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);}
.smy_ctrl {position:relative; min-height:80px; cursor:move;}

/***********************************************************************************/

.bk{width:100%; height:auto;  overflow:hidden;}

/*******************banner***************/

.jjc_banner {
	width: 100%;
	height: 540px;
	overflow: hidden;
	position: relative;
}
.jjc_banner img {
	position: absolute;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 540px; 
}
.jjc_banner img.title{
	position: absolute;
	left: 50%;
	top: 123px;
	margin-left: -530px;				
	width: 1059px;
	height: 117px;
}

.nav{ 
	position: absolute;
	left: 50%;
	margin-left: -585px;
	bottom: 139px;
	z-index: 1;
	width: 1170px;
	height: 57px; 
	background: #1260b9; 
	border-radius: 8px 8px 0 0;
	border-bottom: 4px solid #0081ff; 
	overflow: hidden;
}
.nav ul li{ 
	 float: left;
	 border-radius: 8px 8px 0 0;
	 width: 195px;
	 height: 57px;
	 text-align: center;
	 line-height: 54px;
}
.nav ul li a{
	display: inline-block;
	width:100%;
	height: 100%;
	color: #fff; 
	font-size: 22px;
}
.nav ul li a:hover{ background: #0081ff;  }
.cur{ background: #0081ff;  }

.search1170{
	position: absolute;
	left: 50%;
	margin-left: -585px;
	top: 267px;
	z-index: 1;
	width: 1170px;
	height: auto;
	text-align: right;
	
}
.search_tip{
	  display: inline-block;
	  width: 252px;
	  height: 42px;					 
	  border-radius: 6px;
	  padding-left: 10px;
	  background: #fff;
}
.search_tip input{
	  float: left;
	  width: 160px;
	  height: 42px;
	  line-height: 49px;
	  font-size: 14px;
	  color: #000;
	  border: none;
	  outline: none;
}
.search_tip button{
	  float: right;
	  width: 58px;
	  height: 30px;
	  background: #2a4fc1;
	  margin-top: 6px;
	  font-size: 14px;
	  color: #fff;
	  border-radius: 6px;
	  border: none;
	  margin-right: 12px;
}

.bk1{ 
	position: relative;
	width: 1170px;
	height: auto;
	overflow: hidden;
	background: #fff;
	padding: 20px 20px 0;
	margin: -129px auto 0;
}
.img_box{
	  width: 100%;
	  height: 1187px;
	  display: flex; 
	  flex-wrap: wrap;
	  margin-right: 5px;
	  transition: all .5s;
}
.img_box li {
  width: 275px;
  height: auto;
  padding: 8px; 
  border: 1px solid #f0f0f0;
  margin-bottom: 10px;
  margin-right: 7px;
  overflow: hidden;
}
.img_box  li:hover {
	background: #fff;
	box-shadow: 2px 2px 5px 0 #ccc;
	position: relative;
	transform: translateY(-2px);
	transition: all .5s;
}
/* .img_box li video {
  width: 100%;
  height: 488px;
  object-fit: cover;
} */

.img_box li img {
  width: 100%;
  height: 488px;
  object-fit: cover;
}
.img_box li p {
  font-size: 17px;
  line-height: 23px;
  font-weight: 700;
  color: #000;
  margin: 10px 0 0;
  height: 70px;
}
.list_more{ 
	width: 100%;
	height: auto;
	margin: 20px 0;
	overflow: hidden;
}
.list_more p {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #999;
  cursor: pointer;
}
.autoheight{
	height: auto!important;
}



.footer-B {width:100%;margin-top: 15px;padding:40px 0 55px;color: #fff;background:#1260b9; font-size: 14px;}
.footer-B span { display: block; margin-bottom: 8px; margin-left: 37px;}			
.bottom_logo{ float: left; width: 75px; height: 75px; margin-left: 188px;}
.bottom_logo img{ width: 100%; height: 100%;}
.information{ float:left; width: auto; margin-left: 50px;}
.information p{width: auto; margin-bottom: 8px;}			
.information p img{float: left; margin-right: 10px;}
.information p sub{ font-size: 14px;}


/***********************************************移动端适配*******************************/
@media only screen and (max-width: 768px) {
body{min-width: 0;} 
.w1170{ width:100%; }



.jjc_banner { width: 100%; height: auto; overflow: hidden; position: relative; }
.jjc_banner img { position: static; margin-left: 0; width: 100%; height: auto; }

.jjc_banner img.title{
	position: absolute;
	left: 8%;
	top: 30px;
	margin-left: 0;
	width: 84%;
	height: auto;
}
.search_tip input{ width: 5.5rem;}
.search_tip button{ width: 1.8rem; font-size: 0.42rem;}

.nav{ position: static;margin-left: 0;width: 100%;height: auto; background: #1260b9; border-radius: 0 0 0 0;
      border-bottom: 4px solid #0081ff; 
	  overflow: hidden;	
}
.nav ul li{  float: left; border-radius: 0 0 0 0; width: 25%; height: 1rem; text-align: center; line-height: 1rem; }
.nav ul li a{display: inline-block;width:100%;height: 100%;color: #fff; font-size: 0.43rem;}

.bk1{ position: relative;width: 9rem;height: auto;overflow: hidden;background: #fff;padding: 0;margin: 0 auto;}


.search1170{
	position: static;						
	margin-left: 0;
	width: 100%;
	height: auto;
	text-align: center;	
	margin-top: 30px;
}
.search_tip{
	  display: inline-block;
	  width: 8.7rem;
	  height: 1.1rem;					 
	  border-radius: 6px;
	  padding-left: 10px;
	  background: #fff;
	  border: 1px solid #ccc;
}
.search_tip input{
	  float: left;
	  width: 6.2rem;
	  height: 1rem;
	  line-height: 49px;
	  font-size: 0.43rem;
	  color: #000;
	  border: none;
	  outline: none;
	  
}
.search_tip button{
	font-size: 0.43rem; 
	width: 1.6rem;
	height: 0.8rem;
	margin-top: 0.13rem;
	margin-right: 0.3rem;
}



.footer-B {width:100%;margin-top: 15px;padding:40px 0 55px;color: #fff;background:#1260b9; font-size: 0.42rem;}
.footer-B span { display: block; margin-bottom: 8px; margin-left: 0; line-height: 0.7rem;}			
.bottom_logo{ float: none; width: 75px; height: 75px; margin-left: auto; margin-right: auto;}
.bottom_logo img{ width: 100%; height: 100%;}
.information{ 
	float:none; 
	width: 100%; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 15px; 
	text-align: center;
	padding: 0 5%;
}
.information p{width: auto; margin-bottom: 8px;}			
.information p img{display: none;}
.information p sub{ font-size: 0.42rem;}



.img_box{
	  width: 100%;
	  height: 71.4rem;
	  display: flex; 
	  flex-wrap: wrap;
	  margin-right: 0;
	  transition: all .5s;
	  margin-top: 0.5rem;
}


.img_box li {
  width: 100%;
  height: auto;
  padding: 0.2rem; 
  border: 1px solid #f0f0f0;
  margin-bottom: 0.5rem;
  margin-right: 0;
  overflow: hidden;
}


/* .img_box li video {
  width: 100%;
  height: 15rem;
  object-fit: cover;
} */

.img_box li img {
 width: 100%;
 height: 15rem;
  object-fit: cover;
}

.img_box li p {   	
    width: 100%;	
	font-size: .42rem;
	line-height: .7rem;
	word-break: break-all;
	font-weight: normal;
	margin: 0;
	height: 2rem;
}

.list_more{ 	
	margin: 30px 0;
}
.list_more p {
  width: 100%;
  text-align: center;
  font-size: 0.45rem;
  color: #999;
  cursor: pointer;
}


}
/********移动端适配 end*******/
