@charset "utf-8";
body{ font:14px/normal "微软雅黑"; margin:0px; padding:0px; position:relative; background:#fff;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,a,img{ margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,em,th{ font-size:100%; font-weight:normal;}
form,input{ font-size:12px; margin:0px; padding:0px;}
ul,li{ list-style:none; margin:0px; padding:0px;}
img{ border:none;}
table,tr,td{ font-size:12px; padding:0px; margin:0px; vertical-align:middle; border-collapse:collapse; border-spacing:0;}
a{ text-decoration:none; outline:none; cursor:pointer;}
a:hover{}
a.ared{ color:#ff6600; font-weight:normal; font-size:12px;}
a.ared:hover{ text-decoration:underline;}
p{ margin:0px; padding:0px;}
.clear{ display:block; height:0; overflow:hidden; clear:both; *zoom:1;}
.hidden{ display:none;}
.body{ width:100%; overflow:hidden; margin:0; padding:0;}

.hid_nav{ position:absolute; left:205px; top:-1px; z-index:9; width:550px; overflow:hidden; padding:0 0 7px 0; background:#fff;
box-shadow:1px 1px 8px #999; border:solid 1px #bcbcbc; border-left:0 none; display:none;}
.menudl{ display:block; width:500px; overflow:hidden; padding:20px 0; margin:0 auto; border-bottom:#e7e7e7 1px solid;}
.menudl dt{ float:left; width:80px; line-height:14px; overflow:hidden;}
.menudl dt a{ color:#c40000; font-size:14px; font-weight:bold;}
.menudl dt a:hover{ color:#F60; text-decoration:underline;}
.menudl dd{ float:right; width:415px; overflow:hidden;}
.menudl dd a{ float:left; line-height:14px; display:block; overflow:hidden; padding:0 5px; border-left:1px solid #999;margin: 4px 0px;}
.menudl dd a:hover{ color:#F60; text-decoration:underline;}
.content{
	width: 1200px;
	margin: 0 auto;
}
.flex-control-nav{
	display:none;
}

.jknav3{

}
.jkart4{
	padding-bottom: 60px;
}
.about-box{
}
.about-box li{
	display:block;
	float:left;
	width:50%;
	text-align:center;
	font-size:15px;
}
.about-box li>strong{
	display:block;
	font-size:18px;
}
.about-box li>span{
	display:block;
	padding:0 20px;
}
.about-box li>p{
	display:block;
	margin:5px 30px 20px 30px;
}
.about-box li>img{
	display:inline-block;
	margin-bottom:20px;
}
.about-box2 li{
	width: 100%;
}
.about-box2 img{
}
.about-box2 p{
	text-align: left;
	margin-top: 20px !important;
}
.content1{
	width:1200px;
	margin:0 auto;
}
.content2{
	background-image: url(../images/2354215.jpg);
	height: 600px;
	background-size:cover;
	background-position: center;
}
.abtn{
	width: 170px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin: 0 auto;
	display: block;
	font-size: 16px;
	margin-bottom: 40px;
}
.bar .box{
	font-size: 0;
}
.bar .box a:hover{
	color: #333 !important;
}
.bar ul{
	width: 1200px;
	font-size: 0;
	display: inline-block;
}
.bar ul>li{
	width: 25%;
	display: inline-block;
	margin-bottom: 28px;
}
.bar ul>li>a{
	display: block;
	height: 279px;
	margin-right: 28px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	text-align: center;
	position: relative;
	background-position: center;
	background-size: cover;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
}
.bar ul>li>a:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
}
	.bar ul > li > a > div {
		position: absolute;
		bottom: 10px;
		width: 100%;
		margin-top: -38px;
	
}
	.bar ul > li p {
		font-size: 28px;
		display: none;
		line-height: 38px;
	}
.bar ul>li span{
	font-size: 28px;
	display: inline-block;
	line-height: 38px;
	padding: 0 3px;
}
.readmore{
	width: 279px;
	height: 586px;
	display: inline-block;
	float: right;
}
.readmore>a{
	display: block;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	text-align: center;
	position: relative;
	background-position: center;
	background-size: cover;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
}
.readmore>a:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
}
.readmore>a>div{
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -38px;
}
.readmore p{
	font-size: 28px;
	display: block;
	line-height: 38px;
}
.readmore span{
	font-size: 28px;
	display: inline-block;
	line-height: 38px;
	padding: 0 3px;
}
.jkborders_text{
	color: #fff;
	top: 50% !important;
	left: 0 !important;
	text-align: center;
	width: 100%;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
	margin-top: -15px;
}
.banner2 .box{
	height: 600px;
	background-position: center;
	background-size: cover;
}
.col_1_nav{
	position: absolute;
	left: 15px;
	top: 30px;
	background-color: #444444;
}
.col_1_nav ul{
	margin: 20px -15px;
}
.col_1_nav li{
	display: block;
	margin-bottom: 15px;
	color: #fff;
}
.col_1_nav li>a{
	display: block;
	text-align: center;
	line-height: 40px;
	height: 40px;
	width: 180px;
	transition-duration: 0.3s;
}
.col_1_nav .active>a{
	background-color: #8fc1f2;
}
.col_1_nav li>a:hover{
	background-color: #8fc1f2;
	color: #fff !important;
}
.col_1>.content>ul{
	padding: 30px 0;
}
.col_1>.content>ul>li{
	width: 25%;
	box-sizing: border-box;
	float: left;
	display: block;
}
.col_1-2>.content>ul>li{
	width: 33.3%;
}
.col_1>.content>ul>li>a{
	display: block;
	margin: 0 15px 30px;
	box-shadow: 0 0 3px #ccc;
	border-radius: 5px;
	overflow: hidden;
	transition-duration: 0.2s;
	background-color: #fff;
}
.col_1>.content>ul>li>a:hover{
	background-color: #ed8b5d;
	color: #fff !important;
	transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}
.jkproudct3 li:hover{
	transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}
.jkarticle4 li{
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}
.jkarticle4 li:hover{
	transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}
.col_1>.content>ul>li>a  .i2{
	display: none
}
.col_1>.content>ul>li>a:hover .i1{
	display: none;
}
.col_1>.content>ul>li>a:hover .i2{
	display: block;
}
.col_1 li p{
	text-align: center;
	padding: 10px;    height: 40px;
}
.details{
	padding: 60px 0 0;
}
.details>div{
	display: inline-block;
	float: left;
}
.details .img {
	width: 300px;
}
.details .img img{
	width: 100%;
}
.details .cont{
	width: 900px;
	box-sizing: border-box;
	padding-left: 40px;
}
.details .cont .title{
	font-size: 20px;
	color: #fff;
	margin: 10px 0;
}
.details .cont .title>span{
	padding: 10px;
	font-weight: bold;
}
.details .cont .text{
	padding: 10px;
}
.introduce{
	margin: 60px auto;
}
.introduce .cont .title{
	font-size: 20px;
	color: #fff;
	margin: 10px 0;
}
.introduce .cont .title>span{
	padding: 10px;
	font-weight: bold;
}
.introduce .cont .text{
	padding: 10px;
}
.introduce .cont .text img{
	max-width: 100%;
}
.ress-now{
	height: 40px;
	line-height: 40px;
	padding-top: 20px;
}
.ress-now span{
	padding-left: 20px;
	background: url(../images/home.png) no-repeat left center;
}
.ress-now a{
	display: inline-block;
	margin: 0 10px;
}
.ress-now .not-cur{
	color: #7e7e7e;
}
.news-content{
		width: 1200px;
		margin: 0 auto;
	}
	.news-content .title{
		padding-top: 60px;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
	}
	.release-msg{
		text-align: center;
		color: #878787;
		font-size: 12px;
		padding: 15px 0 40px 0;
	}
	.c-text{
		padding-bottom: 30px;
		font-size: 16px;
	}
	.c-text img{
		max-width: 100%;
	}