/*All Rights Reserved*/
/*general begin*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,
fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
li{list-style:none;text-align:left;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
address,cite,dfn,em,var{font-style:normal;}
button,input,select,textarea{font-size:100%;}
body{font:14px/1.5 "\5b8b\4f53",SimSun,Arial,Tahoma,Helvetica,san-serif;overflow-x: hidden;}
a
{
	text-decoration: none;
}
a,a:link,a:visited
{
	color: #000;
}
a:hover,a:active
{
	color: #000;
}
li
{
	list-style: none;
}
p
{
	text-indent: 24px;
}
.fl{float: left;}
.fr{float: right;}

.dpn
{
	display: none;
}
.layer
{
	width: 1300px;
	margin: 0px auto;
	clear: both;
	overflow: hidden;
}

/*general end*/
/*particular*/
.top
{
	width: 100%;
  min-width: 1300px;
	height: 300px;
	margin: 0px auto;
	background: #fdece4 url(../../images/special/kjyq/pic_01b.jpg) no-repeat center 0;

}
.topm
{
	display: none;
}
.layer dl
{
	width: 100%;
	float: left;
	margin-top: 40px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #6b6a6a;
}

.swiper-box-4 {
  position: relative;
  height: 400px;
  margin:40px auto;
}
.swiper-box-4 > div {
  min-height: 100px;
  height: 100%; 
  width: 635px;
  background-color: #f9f9f9;
  box-shadow: 0 0 8px rgba(0,0,0,.3);
  position: absolute;
}
.swiper-box-4 > div img {
  width:100%; height:100%;
}
.title a
{
	color: #fff;
}

h2
{
	font-size: 26px;
	line-height: 40px;
}
p
{
	font-size: 14px;
	line-height: 30px;
	text-align: left;
	text-indent: 28px;
	color: #6b6a6a;
}
li
{
	line-height: 26px;
}
.dpn
{
	display: none;
}

	  
.foot{background-color: #fdece4;}
.foot,.foot a,.foot a:link,.foot a:visited,.foot a:hover,.foot a:active{color: #000;}

.pcshow{display: block;}
.mobileshow{display: none;}

@media only screen and (max-width: 768px){
	.pcshow{display: none;}
	.mobileshow{display: block;}
	h2{	font-size: 20px;}
	img{width: 100%;height: auto;}
	.layer,.layerout{width: 100%;padding: 0}
	.top{display: none;}
	.topm{width: 100%;height: auto;display: block;}
	.topm img{width: 100%;height: auto;margin: 0 auto;}
	.tit{width:245px;height: 68px;margin: 20px auto;}
	.layer dt,.layer dd{width: 90%;float: left;margin: 0 5%;}	
	.foot img{width:auto;}
	.footicon{width:25%;text-align:right;}
	.footchar{width:75%;text-align:center;}	

}
@media screen and (max-width: 414px) {
  .swiper-box-4 {height:150px;margin:10px auto;}
}