/*初始化*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, 

h6, pre, form, fieldset, input, textarea, p, blockquote, 

th, td, font { padding: 0; margin: 0; font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; }

table { border-collapse: collapse; border-spacing: 0;}

fieldset, img { border: 0; vertical-align: middle; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ol, ul, li, dl, dt, dd { list-style: none; }

input, button, textarea, checkbox, select, radio, form { vertical-align: middle;}

a {text-decoration: none;}

a:link, a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a, area { blr:expression(this.onFocus=this.blur())/* for IE */;}

:focus { outline: none;/* for Firefox */ }

.autohei { overflow: hidden; zoom: 1; }

.blank { padding-top: 16px; height: 0; font-size: 0; line-height: 0; clear: both; overflow: hidden; }

p{word-wrap:break-word;}

input[type="submit"]{cursor: pointer;}

button {cursor: pointer;}

.dis{display:block;}

.undis{display:none;}

.fl{float:left;} 

.fr{float:right;}

.cl{clear:both;}

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

@font-face {

	font-family:'时尚';

	src: url('../font/shishangzhonghei.ttf') format('truetype');

	font-style: normal;

	font-weight: normal;

}

@font-face {

	font-family:'beba';

	src: url('../font/BEBAS__.TTF') format('truetype');

	font-style: normal;

	font-weight: normal;

}

@-webkit-viewport { width: device-width; }

@-moz-viewport { width: device-width; }

@-ms-viewport { width: device-width; }

@-o-viewport { width: device-width; }

@viewport { width: device-width; }



/*-----------顶部----------*/

header{

	width: 100%;

	background-color: #f9f9f9;

	padding: 20px 0px 18px 0px;

}

.logo1{

	width: 100%;

	margin-bottom: 10px;

}

.logo1 img{

	width: 100%;

	max-width: 175px;

}

.logo2{

	width: 100%;

}

.logo2 img{

	width: 100%;

	max-width: 310px;

}

.nav{

	width: 30px;

	margin-right: 10px;

}

.nav img{

	width: 100%;

}

#search_form{

	float: right;

	margin-top: 5px;

}

#search_form input[type=text]{

	width: 200px;

	height: 30px;

	border: 1px solid #ebebeb;

	padding-left: 12px;

	font-size: 12px;

	display: block;

	float: right;

}

#search_form input[type=image]{

	width: 40px;

	height: 30px;

	display: block;

	float: right;

}

@media only screen and (max-width: 560px) {

	#search_form input[type=text]{

		height: 24px;

		width: auto;

		line-height: 24px;

	}

	#search_form input[type=image]{

		width: auto;

		height: 24px;

	}

}

@media only screen and (max-width: 420px) {

	#search_form{

		margin-top: 0px;

	}

	#search_form input[type=text]{

		width: 110px;

	}

}

@media only screen and (max-width: 350px) {

	#search_form input[type=text]{

		width: 90px;

	}

}

/*-----------导航----------*/

nav{

	width: 100%;

	margin: 30px auto 20px auto;

}

nav .row{

	width: 100%;

	margin: 0 auto;

}

nav .col-xs-3{

	padding-left: 10px;

	padding-right: 10px;

}

nav a{

	display: block;

	width: 100%;

	text-align: center;

}

nav a img{

	display: block;

	width: 100%;

	max-width: 100px;

	margin: 0 auto;

}

nav a p{

	width: 100%;

	text-align: center;

	font-size: 16px;

	color: #006bb3;

	line-height: 26px;

	margin-top: 10px;

}

@media only screen and (max-width:450px) {

	nav a p{

		font-size: 14px;

	}

}

@media only screen and (max-width:410px) {

	nav .container{

		padding-left: 0;

		padding-right: 0;

	}

}

@media only screen and (max-width:380px) {

	nav .col-xs-3{

		padding-left: 5px;

		padding-right: 5px;

	}

}

/*-----------banner----------*/

.banner_bigbox .col-xs-12{

	padding-right: 0px;

	padding-left: 0px;

}

.banner_box{

	position: relative;

	width: 100%;

	margin: 0 auto;

}

.banner{

	width: 100%;

	height: 400px;

	overflow: hidden;

}

.banner img{

	width: 100%;

}

.banner_icon{

	position: absolute;

	left: 50%;

	bottom: 10px;

	margin-left: -24px;

}

.banner_icon a{

	float: left;

	width:  6px;

	height: 6px;

	margin: 5px;

	background-color: #FFFFFF;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.banner_icon a.banner_cur{

	background-color: #004C99;

}

/*-----------banner----------*/

.aboutus{

	width: 100%;

	margin-top: 40px;

}

.aboutus .container .row{

	padding-left: 15px;

	padding-right: 30px;

}

.aboutus .about_top{

	background: url(http://wap.huabaoyiyong.com/statics/images/huabao/aboutus_bg.png) no-repeat 10px 10px;

	border-left: 1px solid #d0d0d0;

	border-top: 1px solid #d0d0d0;

	border-right: 1px solid #d0d0d0;

	background-color: #FFFFFF;

	padding-top: 35px;

}

.aboutus .about_top img{

	margin-right: -30px;

	background-color: #FFFFFF;

	padding-top: 10px;

	padding-bottom: 10px;

}

.aboutus .about_box{

	border-left: 1px solid #d0d0d0;

	border-bottom: 1px solid #d0d0d0;

	border-right: 1px solid #d0d0d0;

	padding-left: 0px;

	padding-right: 0px;

	padding-top: 10px;

}

.aboutus .about_box .col-xs-12{

	padding-left: 10px;

	padding-bottom: 10px;

	padding-right: 10px;

}

.aboutus .about_box .about_img{

	width: 100%;

	overflow: hidden;

}

.aboutus .about_box .about_img img{

	width: 100%;

}

.aboutus .about_box .about_text p{

	font-size: 16px;

	line-height: 24px;

	margin-bottom: 0px;

}

/*-----------栏目标题----------*/

.column_title{

	width: 100%;

}

.column_title h1{

	font-size: 24px;

	color: #006BB3;

	font-weight: bold;

	line-height: 60px;

	background: url(http://wap.huabaoyiyong.com/statics/images/huabao/column_title_bg.jpg) no-repeat left bottom;

}

/*-----------关于我们----------*/

.gywm_text{

	background: url(http://wap.huabaoyiyong.com/statics/images/huabao/1989.png) no-repeat right center;

	background-size: 100%;

}

.gywm_text p{

	font-size: 16px;

	color: #000000;

	line-height: 24px;

	display: block;

	padding-top: 35px;

	padding-bottom: 30px;

	margin-bottom: 0px;

}

@media only screen and (max-width: 480px) {

	.gywm_text{

		background: url(http://wap.huabaoyiyong.com/statics/images/huabao/1989.png) no-repeat right top;

		background-size: 60%;

	}

	.gywm_text p{

		padding-top: 40px;

		padding-bottom: 10px;

	}

}

.gywm_text p strong{

	font-size: 18px;

	font-family: "beba";

	color: #004C99;

	margin: 0px 3px;

}

/*-----------专利与荣誉----------*/

.rongyu{

	background: url(http://wap.huabaoyiyong.com/statics/images/huabao/rongyu_bg.jpg) repeat-y left top;

	margin: 40px auto 10px auto;

}

.rongyu_box{

	overflow: hidden;

	position: relative;

	margin: 20px auto;

}

.rongyu_box img{

	display: block;

	width: 100%;

	max-width: 216px;

	margin: 0 auto;

}

.rongyu_box p{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	line-height: 38px;

	background-color: rgba(0,107,179,0.6);

	margin-bottom: 0px;

	text-align: center;

	font-size: 16px;

	color: #FFFFFF;

}

@media only screen and (max-width: 460px) {

	.rongyu_box p{

		line-height: 30px;

	}

}

.more{

	width: 130px;

	height: 34px;

	border: 1px solid #000000;

	margin: 10px auto 30px auto;

}

.more a{

	display: block;

	line-height: 34px;

	text-align: center;

	font-size: 14px;

	color: #101010;

}

/*-----------产品中心----------*/

.pro_box{

	border: 1px solid #EBEBEB;

	/*min-height: 156px;*/

	margin: 10px auto;

	background-color: #e4e4e4;

}

.pro_box a{

	display: block;

}

.pro_box a div{

	width: 100%;

	background-color: #FFFFFF;

	text-align: center;

}

.pro_box a div img{

	display:inline-block;

	width: 100%;
	height: 175px;

}

.pro_box a p{

	width: 100%;

	padding-left: 2%;

	padding-right: 2%;

	overflow: hidden;

	font-size: 14px;

	color: #333333;

	margin: 0px;
	height: 50px;
	 display: table;

	text-align: center;

	line-height: 24px;

}
.pro_box a p span{ display: table-cell; vertical-align: middle;}

/*-----------新闻中心----------*/

.news{

	background: url(http://wap.huabaoyiyong.com/statics/images/huabao/rongyu_bg.jpg) repeat-y left top;

	margin: 40px auto 10px auto;

}

.news_box .col-xs-12{

	margin: 10px auto;

}

.news_time{

	background-color: #383636;

	width: 18%;

}

.news_time h5{

	font-size: 40px;

	color: #FFFFFF;

	font-family: "beba";

	text-align: center;

	width: 90%;

	margin: 0 auto;

	border-bottom: 1px solid #FFFFFF;

	padding-bottom: 10px;

	padding-top: 10px;

}

.news_time p{

	color: #FFFFFF;

	width: 100%;

	text-align: center;

	font-size: 14px;

	padding-top: 5px;

}

@media only screen and (max-width: 410px) {

	.news_time p{

		font-size: 12px;

	}

}

.news_text{

	width: 82%;

}

.news_text h1{

	font-size: 18px;

	color: #333333;

	margin-top: 0px;

	margin-bottom: 5px;

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.news_text p{

	font-size: 14px;

	color: #666666;

	line-height: 20px;

}

.news_text p a{

	color: #ab0000;

}

/*-----------视频展示----------*/

.video img{

	width: 100%;

	margin: 5px auto;

}

/*-----------长期合作品牌----------*/

.hzhb{

	background: url(http://wap.huabaoyiyong.com/statics/images/huabao/hzhb_bg.jpg) no-repeat left top;

}

.column_cur{

	text-align: center;

}

.column_cur h1{

	color: #FFFFFF;

	background: none;

	line-height: 36px;

	margin-bottom: 0px;

	margin-top: 40px;

}

.column_cur p{

	font-size: 12px;

	font-family: "beba";

	color: #b7b7b7;

}

.hzhb .col-xs-4{

	padding: 10px;

}

.hzhb .col-xs-4 img{

	width: 100%; height: 65px;

}

/*-----------友情链接----------*/

.fr_link{

	background: url(http://wap.huabaoyiyong.com/statics/images/huabao/friden_link_bg.png) repeat-y center top;

	margin: 10px auto;

}

.fr_link ul{

	margin-bottom: 0px;

}

.fr_link ul li{

	margin-bottom: 25px;

}

.fr_link ul li a{

	display: block;

	width: 100%;

	/*overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;*/

	line-height: 25px;

	font-size: 16px;

}

.fr_left{

	text-align: right;

}

.fr_link .fr_right{

	padding-top: 25px;

	

}

@media only screen and (max-width: 460px) {

	.fr_link ul li a{

		font-size: 14px;

	}

}

/*-----------底部----------*/

footer{

	margin-top: 30px;

}

.back{

	background: url(http://wap.huabaoyiyong.com/statics/images/huabao/footer_bg.png) no-repeat center top;

	text-align: center;

	height: 80px;

}

.back a{

	display: block;

	font-size: 16px;

	color: #333333;

	padding-top: 40px;

	background: url(http://wap.huabaoyiyong.com/statics/images/huabao/back.png) no-repeat center center;

}

footer .col-xs-12{

	padding-top: 10px;

	padding-bottom: 20px;

	background-color: #f5f5f5;

}

.add_text,.erweima{

	width: 50%;

}

.add_text p{

	font-size: 14px;

	line-height: 24px;

	color: #333333;

}

.erweima{

	text-align: center;

}

.erweima p{

	display: inline-block;

	text-align: right;

	font-size: 14px;

	color: #333333;

}

.erweima img{

	vertical-align: baseline;

}

@media only screen and (max-width: 500px) {

	.add_text,.erweima{

		width: 100%;

	}

	.add_text{

		text-align: center;

	}

	.add_text p{

		display: inline-block;

		width: auto;

		text-align: left;

	}

	.erweima{

		padding-top: 10px;

	}

	.erweima p{

		display: block;

		text-align: center;

	}

}

.copy{

	background-color: #222222;

	text-align: center;

}

.copy p{

	font-size: 14px;

	color: #FFFFFF;

	line-height: 24px;

	margin-bottom: 0px;

}