﻿/*公共样式*/
body,html{ margin: 0; padding: 0; -webkit-text-size-adjust:none; background: #fff}
*{font-family: "Microsoft YaHei", "Lato", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0; outline:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body,button,input,select,textarea {margin:0; padding:0; outline:none; resize: none;}
ol,ul{list-style:none;}
input::-ms-clear{display:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; }
input[type=date]::-webkit-inner-spin-button {display: none !important;}
input[type=date]::-webkit-clear-button {display: none !important;}
ul,li{ margin: 0; padding: 0; list-style: none; outline:none;}
img{ border: none; outline:none;}
a{ text-decoration: none; outline:none; margin: 0;}
a:active{-webkit-tap-highlight-color:transparent;}
em{outline:none;font-style: normal;}
i{font-style: normal;}
span,a,label{display: inline-block; box-sizing: border-box;}
*{transition: color 0.35s ease-in-out, background 0.35s ease-in-out, border 0.35s ease-in-out;}




/*banenr*/
.hnjb_banner{
	width: 100%;
	height: auto;
	max-height: 800px;
	overflow: hidden;
	float: left;
	margin-top:80px;
}
.hnjb_banner img{
	width: 100%;
	height: auto;
}




/*top.html*/
.HNJB_top{
	position: fixed;
	width: 100%;
	height:auto;
	overflow: hidden;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	box-sizing: border-box;
}
.top_main{
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}
.HNJB_logo{
	width:146px;
	height: 46px;
	background: url(../img/icon/logo.png) left center no-repeat;
	background-size:146px 46px;
	display: inline-block;
	float: left;
	margin: 17px 0;
}

.phone_nav{
	display: none;
}
.HNJB_nav{
	width: auto;
	height:auto;
	overflow: hidden;
	float: right;
}
.HNJB_nav li{
	width: auto;
	height: auto;
	overflow: hidden;
	float: left;
	margin-left: 10px;
}
.HNJB_nav li a{
	width: auto;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	margin: 20px 0;
	display: inline-block;
	font-size: 16px;
	color: #555;
	border-radius: 4px !important;
}
.HNJB_nav li a:hover{
	background: #007cc3;
	color: #fff;
	
}










/*footer.html*/
.HNJB_footer{
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	background: #212121;
	padding: 40px 0;
}
.HNJB_footer ul{
	max-width: 1200px;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.HNJB_footer ul li{
	width:34%;
	height: auto;
	overflow: hidden;
	float: left;
	margin-left: 2%;
}
.HNJB_footer ul li h1{
	width: 100%;
	height:20px;
	line-height:20px;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	float: left;
	margin-bottom:30px;
}
.HNJB_footer ul li p{
	width: 100%;
	height: auto;
	overflow:hidden;
	line-height: 30px;
	font-size: 14px;
	float: left;
	color:#999;
}
.HNJB_footer ul li:first-child{
	margin: 0;
	width: 42%;
}
.HNJB_footer ul li:last-child{
	width: 20%;
}
.HNJB_footer ul li:first-child p{
	width: 70%;
}
.HNJB_footer ul li p label{
	width: 100%;
	height:30px;
	line-height: 30px;
	float: left;
	margin-bottom: 20px;
	text-indent: 30px;
}
.HNJB_footer ul li p label:nth-child(1){
	background: url(../img/icon/email_icon.jpg) left center no-repeat;
}
.HNJB_footer ul li p label:nth-child(2){
	background: url(../img/icon/phone_icon.jpg) left center no-repeat;
}
.HNJB_footer ul li p label:nth-child(3){
	background: url(../img/icon/dh_icon.jpg) left center no-repeat;
}

.CBL_main{
	position: fixed;
	width: 120px;
	height: 150px;
	right: 10px;
	bottom: 10px;
	z-index: 8;
}
.CBL_main p{
	width: 120px;
	height: 150px;
	background:url(../img/icon/w01.png) center 5px no-repeat;
	background-color: rgba(255,255,255,0.9);
	background-size: 110px;
	border-radius: 6px !important;
	border: 1px solid #ccc;
	padding-top: 120px;
	box-sizing: border-box;
	line-height:20px;
	text-align: center;
	font-size: 12px;
}
.CBL_main p:hover{
	background-color:#da261e;
	border: 1px solid #da261e;
	color: #fff;
}








@media (max-width:1200px ) {
	.top_main{
		padding: 0 10px;
		box-sizing: border-box;
	}
	.HNJB_logo{
		width:130px;
		height: 40px;
		background-size:127px 40px;
		margin: 10px 0;
	}
	.HNJB_nav li a{
		height:36px;
		line-height: 36px;
		margin: 12px 0;
		font-size: 14px;
	}
	.HNJB_footer,.CBL_main{
		display: none;
	}
}

@media (max-width:900px ) {
	.HNJB_logo{
		width:100px;
		height: 30px;
		background-size:96px 30px;
		margin: 15px 0;
	}
	.phone_nav{
		width:60px;
		height: 60px;
		display: inline-block;
		background:url(../img/icon/nav_list_bg.png) right center no-repeat;
		float: right;
	}
	.HNJB_nav{
		width: 100%;
		height: auto;
		overflow: hidden;
		float: left;
		padding: 10px 0;
		display: none;
	}
	.HNJB_nav li{
		width: 100%;
		margin: 0;
	}
	.HNJB_nav li a{
		width: 100%;
		height: 50px;
		line-height: 50px;
		padding: 0;
		display: inline-block;
		font-size: 16px;
		color: #555;
		margin: 0;
		text-align: center;
		border-radius: 0 !important;
	}
}

@media (max-width:1200px ){
	.hnjb_banner{margin-top: 60px;}
}
@media (max-width:1000px ){
	.slider,.slider .jquery-reslider .slider-block{height: 450px;}
}
@media (max-width:900px ){
	.slider,.slider .jquery-reslider .slider-block{height: 400px;}
}
@media (max-width:800px ){
	.slider,.slider .jquery-reslider .slider-block{height: 350px;}
}
@media (max-width:700px ){
	.slider,.slider .jquery-reslider .slider-block{height: 300px;}
}
@media (max-width:600px ){
	.slider,.slider .jquery-reslider .slider-block{height: 250px;}
}
@media (max-width:500px ){
	.slider,.slider .jquery-reslider .slider-block{height: 200px;}
	.slider .jquery-reslider .slider-direction.slider-direction-next{background-size: 20px;}
	.slider-block{
		background-position: top center;
	}
	.slider-block:nth-child(2){
		background-position:-60px center;
	}
}
@media (max-width:400px ){
	.slider,.slider .jquery-reslider .slider-block{height: 150px;}
}