@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:#000000;}
a:hover{text-decoration:none; color: #ff0202;}
*{ box-sizing: border-box;}
html, body {font-family:"微软雅黑", "宋体";font-size:14px;}
img{border: none;vertical-align: top; display: block;}
.w1170{width:1170px; height: auto; overflow: hidden; margin-left:auto; margin-right: auto; }
.w1200{width:1200px; height: auto; 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;}

/***********************************************************************************/


/*******************banner***************/

.jjc_banner {
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative;
}
.jjc_banner img {
	position: absolute;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 500px; 
}

/*切换*/
.city_box{ width: 1170px; height: auto; margin:0 auto; overflow: hidden;}
.map_nav{ 
   width: 100%; 
   height: auto; 
   overflow: hidden;
}
.map_nav ul{
	display: flex;
	justify-content: space-between; 
	flex-wrap: wrap;
	width: 100%; 
	height: auto; 
}
.map_nav ul li{	
	width: 200px; 
	height: 63px;
	margin-top: 60px;
	cursor: pointer;
	background-size: 100% 100%;
	text-align: center;
	line-height: 63px;
	font-size: 18px;
	color: #0f2f67;
	font-weight: bold;
	border-radius: 8px;
}
.map_nav ul li.on{ color: #fff;}


.city1{ background: url(../sub/qian.jpg) no-repeat;}
.city2{ background: url(../sub/qian.jpg) no-repeat;}
.city3{ background: url(../sub/qian.jpg) no-repeat;}
.city4{ background: url(../sub/qian.jpg) no-repeat;}
.city5{ background: url(../sub/qian.jpg) no-repeat;}
.city6{ background: url(../sub/qian.jpg) no-repeat;}
.city7{ background: url(../sub/qian.jpg) no-repeat;}
.city8{ background: url(../sub/qian.jpg) no-repeat;}
.city9{ background: url(../sub/qian.jpg) no-repeat;}
.city10{ background: url(../sub/qian.jpg) no-repeat;}


.city1.on{ background: url(../sub/hou.jpg) no-repeat; background-size: 100% 100%;}
.city2.on{ background: url(../sub/hou.jpg) no-repeat; background-size: 100% 100%;}
.city3.on{ background: url(../sub/hou.jpg) no-repeat; background-size: 100% 100%;}
.city4.on{ background: url(../sub/hou.jpg) no-repeat; background-size: 100% 100%;}
.city5.on{ background: url(../sub/hou.jpg) no-repeat; background-size: 100% 100%;}
.city6.on{ background: url(../sub/hou.jpg) no-repeat; background-size: 100% 100%;}
.city7.on{ background: url(../sub/hou.jpg) no-repeat; background-size: 100% 100%;}
.city8.on{ background: url(../sub/hou.jpg) no-repeat; background-size: 100% 100%;}
.city9.on{ background: url(../sub/hou.jpg) no-repeat; background-size: 100% 100%;}
.city10.on{ background: url(../sub/hou.jpg) no-repeat; background-size: 100% 100%;}


.city_box .bd{width: 100%; height: auto; margin-top: 60px; margin-bottom: 60px; }
.city_box .bd ul li{ width: 100%; height: auto;  }
.city_box .bd ul li p{ text-align: center !important; font-size: 18px; line-height: 35px;}


.zhaiyao{ 
	width:1170px; 
	height: auto;
	margin:50px auto 0;
	
}
.zhaiyao p{
	width: 100%;
	line-height: 35px;
	font-size: 18px;
	text-indent: 34px;
}

.zhaiyao2{ 
	width:1170px; 
	height: auto;
	margin:50px auto 0;
	
}
.zhaiyao2 p{
	width: 100%;
	line-height: 35px;
	font-size: 20px;
	color: #ef693c;
	font-weight: bold;
}

.jjc_btpic{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin:50px 0 0;
}
.jjc_btpic img{
	width: 1170px;
	height: 80px;
	margin: 0 auto;
}

/***********************************************移动端适配*******************************/
@media only screen and (max-width: 768px) {

.jjc_banner {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: static;
}
.jjc_banner img {
	position: static;	
	width: 100%;
	height: auto;
	margin-left:0;
}

.city_box{ width: 95%; height: auto; margin:30px auto 0; overflow: hidden;}
.map_nav ul li{	
	width: 18%; 
	height: 1rem;
	margin-top: 20px;
	cursor: pointer;
	background-size: 100% 100%;
	line-height: 1rem;
	font-size: 0.42rem;
}
.city_box .bd ul li p{  font-size: 0.42rem; line-height: 35px;}

.zhaiyao{ 
	width:95%; 
	height: auto;
	margin:50px auto 0;	
}
.zhaiyao p{
	width: 100%;
	line-height: 35px;
	font-size: 0.42rem;
	text-indent: 34px;
}

.zhaiyao2{ 
	width:95%;
	height: auto;
	margin:50px auto 0;	
	
}
.zhaiyao2 p{
	width: 100%;
	line-height: 35px;
	font-size: 0.45rem;
	color: #ef693c;
	font-weight: bold;
}





.jjc_btpic{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin:50px 0 0;
}
.jjc_btpic img{
	width: 140%;
	height: auto;
	margin-left: -20%;
	
}





}
/********移动端适配 end*******/