@charset "utf-8";
/* CSS Document 
制作 青华互联网站建设  www.qinghuahulian.com
电话：18653219163  QQ:893157818
联系人：王小姐
*/

*{margin:0px;
 padding:0px;
}
html {
  font-family: Microsoft YaHei, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body{
	font-size:12px;
	color:#333333;margin: 0;
	background-color:#fff; font-family:"微软雅黑","Microsoft YaHei";

}
body img{
    border:0px;
}
/*强制去除表单自带的样式*/ 
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/}

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}
A {
	COLOR: #333333; TEXT-DECORATION: none;
	font-size:12px
}
A:link {
	COLOR: #333333; TEXT-DECORATION: none
	font-size:12px
}
A:visited {
	COLOR: #333333; TEXT-DECORATION: none
	font-size:12px
}
A:hover {
	RIGHT: 0px; COLOR: #8c0202;
	text-decoration:none;
	font-size:12px
}
.clear{
	clear:both;
}
ul li{
	list-style-type:none;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.zpw{
	width:1500px; height:auto; margin:0 auto; display:table;
}
.zpwm{
	width:1500px; height:auto; margin:0 auto; display:table;
}
.box{
	width:980px;
	height:auto;
	margin:0 auto;
	background-color:#fff;
	display:table;
	
}
.header{
	width:100%; height:auto; background-color:#9acccd; padding-top:25px; padding-bottom:35px;
}
.tel{
	margin-top:20px;
}
.nav{
	width:100%; height:57px; padding-top:30px; padding-bottom:30px; display:table; background-color:#fff; border-top:8px #a87445 solid;
}
.nav ul{
	list-style-type:none;
}
.nav li{
	width:215px; height:57px; float:left; background-color:#cfb6a2; text-align:center; margin-right:106px; display:inline;
}
.nav li a{
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}
.nav a:link{
	font-size:24px; color:#1b120d; line-height:57px; display:block;
}
.nav a:visited{
	font-size:24px; color:#1b120d; line-height:57px; display:block;
}
.nav a:hover{
	font-size:24px; color:#ffffff; line-height:57px; display:block; background-color:#a3744a;
}
.nav li:nth-child(5n){
    margin-right: 0;
}

/*banner*/
.banner{
	 border-top:8px #a87445 solid;  border-bottom:8px #a87445 solid;
}
.banner .carousel-caption a{
	display: block;
	width:100%;
	height:100%;
}
.banner .carousel-caption a img{
	display: block;
	width:100%;
	height:auto;
}
.banner .carousel-caption{
	bottom:auto;
	top:25%;
}
.banner .carousel-caption h1{
	font-size:40px;
}
.banner .carousel-caption p{
	font-size:20px;
	margin:20px 0;
}
.banner .carousel-caption p a{
	font-size:16px;
	display: inline-block;
	width:80px;
	line-height:32px;
	border:1px solid #0b876f;
	color:#0b876f;
	text-align: center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	text-shadow: none;
	font-weight:bold;
	margin-top:10px;
}
.banner .carousel-caption p a:hover{
	background:#0b876f;
	color:#fff;
}
.banner .carousel-control{
	top:45%;
}
.banner {
	position: relative;
}
.index_product_title{
	margin-top:30px;
}
.m_title{
	display:none;
}
.title{
	color:#191919; line-height:30px; text-align:center; height:85px; background:url(../images/titlebg.jpg) repeat-x center; margin-top:35px;
}
.title h2{
	background-color:#fff; padding-left:38px; padding-right:38px; width:auto; text-align:center; display:inline-block; color:#a27347;font-size:40px; margin-top:20px;
}
.title span{
	font-size:14px; color:#bebebe; font-family:Arial, Helvetica, sans-serif;
}
.ny_title{
	font-size:29px; color:#191919; line-height:30px; text-align:center; margin-top:40px;
}
.ny_title span{
	font-size:20px; color:#9a9a9a; font-family:Arial, Helvetica, sans-serif;
}
.product_cat_m{
	display:none;
}
.product_cat{
	height:40px;
}
.product_cat ul{
	list-style-type:none;
}
.product_cat li{
	height:79px; float:left; width:361px; text-align:center; display:inline; margin-right:208px; margin-top:50px;
}
.product_cat li.cat01{
	background:url(../images/catbg01.jpg) center center no-repeat;
}
.product_cat li.cat02{
	background:url(../images/catbg02.jpg) center center no-repeat;
}
.product_cat li.cat03{
	background:url(../images/catbg03.jpg) center center no-repeat;
}
.product_cat li.cat04{
	background:url(../images/catbg04.jpg) center center no-repeat;
}
.product_cat li.cat05{
	background:url(../images/catbg05.jpg) center center no-repeat;
}
.product_cat li.cat06{
	background:url(../images/catbg06.jpg) center center no-repeat;
}
.product_cat a:link{
	font-size:36px; color:#fff; line-height:79px; display:block;
}
.product_cat a:visited{
	font-size:36px; color:#fff; line-height:79px; display:block;
}
.product_cat a:hover{
	font-size:36px; color:#fff; line-height:79px; display:block;
}
.product_cat li:nth-child(3n){
    margin-right: 0;
}
.index_prodcts{
	height:auto; padding-bottom:30px; margin-top:30px;
}
.index_prodcts ul{
	list-style-type:none; margin-left:-36px;
}
.index_prodcts li{
	width:348px; height:auto; float:left; margin-left:36px; display:inline; margin-top:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.index_prodcts img{
	width:99%; height:auto; margin-bottom:10px; border:1px #ddd solid;
}
.index_prodcts a:link{
	font-size:18px;
}
.index_prodcts a:visited{
	font-size:18px;
}
.index_prodcts a:hover{
	font-size:18px;
}
.more{
	width:178px; height:40px; background-color:#8c0202; margin:0 auto; overflow:hidden;
}
.more a{
	 transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}
.more a:link{
	font-size:14px; color:#fff; display:block; line-height:40px; padding-left:60px; background:url(../images/morebg.jpg) -110px center no-repeat;
}
.more a:visited{
	font-size:14px; color:#fff; display:block; line-height:40px; padding-left:60px; background:url(../images/morebg.jpg) -110px center no-repeat;
}
.more a:hover{
	font-size:14px; color:#fff; display:block; line-height:40px; padding-left:35px; background:url(../images/morebg.jpg) 110px center no-repeat;
}
.index_about{
	width:100%; height:auto; background-color:#f4f4f4; padding-top:45px; padding-bottom:45px; margin-top:45px;
}
.about01{
	height:auto; display:table;
}
.about01 ul{
	list-style-type:none;
}
.about01 li{
	width:500px; height:81px; font-size:14px; text-align:center; float:left; background:url(../images/aboutbg.jpg) left center no-repeat;
}
.about01 .border0{
	background:none;
}
.about01 .zt48{
	font-size:48px; color:#111110;
}
.about_info{
	font-size:18px; line-height:35px; margin-top:30px; padding-bottom:30px;
}
.about_info_p{
	font-size:18px; line-height:35px; margin-top:30px; padding-bottom:30px; display:block;
}
.about_info_m{
	font-size:18px; line-height:35px; margin-top:30px; padding-bottom:30px; display:none;
}
.about02{
	height:180px; display:table; margin-top:30px;
}
.about02 ul{
	list-style-type:none; margin-left:130px;
}
.about02 li{
	width:400px; height:81px; font-size:24px; text-align:center; float:left;
}
.about02 a:link{
	font-size:24px;
}
.about02 a:visited{
	font-size:24px;
}
.about02 a:hover{
	font-size:24px;
}
.about02 img{
	margin-bottom:15px;
}
.news_title{
	height:auto; font-size:29px; color:#191919; line-height:30px;
}
.news_title span{
	float:right; background-color:#8c0202; width:125px; line-height:20px; margin-top:10px;
}
.news_title span a{
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}
.news_title span a:link{
	color:#fff; padding-left:40px; display:block; line-height:35px; background:url(../images/morebg.jpg) -80px center no-repeat;
}
.news_title span a:visited{
	color:#fff; padding-left:40px; display:block; line-height:35px; background:url(../images/morebg.jpg) -80px center no-repeat;
}
.news_title span a:hover{
	color:#fff; padding-left:20px; display:block; line-height:35px; background:url(../images/morebg.jpg) 80px center no-repeat;
}
.news_title .en{
	font-size:20px; color:#bebebe; font-family:Arial, Helvetica, sans-serif;
}
.index_news{
	width:100%; height:auto; padding-top:20px;
}
.index_news ul{
	list-style-type:none;
}
.index_news li{
	width:100%; height:auto; padding-top:45px; border-top:1px #e1e1e1 solid; display:table; padding-bottom:45px;
}
.news_w{
	width:1550px; height:auto; margin:0 auto;
}
.days{
	width:135px; height:auto; padding-top:25px; background:url(../images/daybg.jpg) right 55px no-repeat; font-size:28px; line-height:30px; float:left;
}
.days span{
	font-size:18px;
}
.news_pic{
	float:left; width:75%; line-height:26px; margin-left:20px; margin-right:30px; font-size:14px; color:#999;
}
.news_pic img{
	width:161px; height:111px; float:left; margin-right:20px;
}
.news_pic a:link{
	font-size:18px; color:#010101;
}
.news_pic a:visited{
	font-size:18px; color:#010101;
}
.news_pic a:hover{
	font-size:18px; color:#010101;
}
.n_more{
	float:right; width:135px; height:40px; padding-right:15px; text-align:center; font-size:16px; background:url(../images/morebg2.jpg) 110px center no-repeat; margin-top:30px;
}
.n_more a:link{
	font-size:16px; color:#010101; line-height:40px; display:block;
}
.n_more a:visited{
	font-size:16px; color:#010101; line-height:40px; display:block;
}
.n_more a:hover{
	font-size:16px; color:#010101; line-height:40px; display:block;
}
.index_news li:hover{
	background-color:#f4f4f4;
}
.index_news ul li:hover .n_more{
	width:135px; height:40px; text-align:center; padding-right:15px; font-size:16px; background:url(../images/morebg3.jpg) 110px center no-repeat; background-color:#8c0202; color:#fff;
}
.index_news ul li:hover .n_more a{
	color:#fff;
}
.links{
	height:53px; border:1px #e1e1e1 solid; width:1548px; margin:0 auto; margin-top:30px;
}
.links ul{
	list-style-type:none;
}
.links li{
	float:left; width:auto; height:53px; line-height:53px; color:#8c0202; margin-left:15px; font-size:14px;
}
.links a:link{
	font-size:14px; line-height:53px;
}
.links a:visited{
	font-size:14px; line-height:53px;
}
.links a:hover{
	font-size:14px; line-height:53px;
}
.footer{
	width:100%; height:auto; background-color:#9acccd; margin-top:30px; padding-top:60px; padding-bottom:40px;
}
.foot_logo{
	float:left;
}
.foot_con{
	color:#00070c; margin-left:40px; line-height:28px; border-left:1px #47696b solid; padding-left:47px; font-size:18px; float:left;
}
.foot_con a{
	color:#00070c; font-size:18px;
}
.foot_con h2{
	margin-bottom:10px; font-size:24px; color:#04000c; letter-spacing:3px;
}
.foot{
	width:750px; margin:0 auto;
}
.copyright span{
	float:right;
}
.copyright span a{
	margin-left:6px;
}
.copyright a:link{
	color:#acacac; line-height:40px;
}
.copyright a:visited{
	color:#acacac; line-height:40px;
}
.copyright a:hover{
	color:#ffffff; line-height:40px;
}
.copy{
	text-align:center; font-size:14px; margin-top:15px;
}
.copy a{
	font-size:14px;
}
.keyword{
	float:right;
}
.zp_banner{
	width:100%; height:auto; overflow:hidden;
}
.zp_banner img{
	width:100%; height:auto; display:block;
}.pages{
	margin:0 auto;
	border-top:1px #dddddd dashed;
}
.pages ul{
	list-style-type:none;
	padding:22px 16px 12px 0px; display:table; margin:0 auto;
}
.pages ul span{
	float:left;
	font-family:Tahoma;
	height:30px;
	line-height:30px;
	margin-right:5px; margin-bottom:8px;
}
.pages ul span.page-status{
	padding-left:12px; padding-right:12px; border:1px solid #E9E9E9;
}
.pages ul span.page-numbar{
	margin-right:3px; margin-left:-3px;
}
.pages ul span.page-numbar a{
	margin-left:3px; margin-right:3px;	
}
.pages ul span a{
	float:left;
	color:#555;
	height:30px;
	line-height:30px;
	padding-left:12px;
	padding-right:12px;
	display:block;
	border:1px solid #E9E9E9;
}
.pages ul span a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#9acccd; height:30px; line-height:30px;
	padding-left:12px;
	padding-right:12px; display:block;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	background-color:#9acccd;
	padding:0px 4px 0px; padding-left:12px; padding-right:12px;
	font-weight:bold;
	color:#fff;
}
.text-secondary{
       font-size:16px; text-align:center; padding-bottom:30px; height:auto; overflow:hidden; color:#888;
}
.prenext{
	color:#525252;
	height:auto;
	border-top:1px #ddd dashed;
	padding-top:20px;
	padding-bottom:10px;
	margin-top:15px; font-size:14px;
}
.prenext ul{
	list-style-type:none;
}
.prenext li{
	line-height:25px; color:#525252; font-size:14px;
}
.prenext a:link{
	line-height:25px; font-size:14px;
}
.prenext a:visited{
	line-height:25px; font-size:14px;
}
.prenext a:hover{
	line-height:25px; font-size:14px;
}
.arc_title{
	width:100%; height:auto; border-top:1px #e1e1e1 solid; text-align:center; margin-top:20px; padding-top:30px;
}
.info{
	text-align:center; margin-top:10px; border-bottom:1px #ddd dashed; line-height:30px; padding-bottom:5px;
}
.content{
	font-size:14px; line-height:30px; padding-top:30px;
}
.p_fl{
	float:left;
}
.p_fr{
	float:right;
}
.zp_left{
	width:25%; height:auto; float:left;
}
.zp_left ul{
	list-style-type:none;
}
.zp_left li{
	height:50px; border-bottom:1px #ddd dashed; background:url(../images/catbg.jpg) left center no-repeat;
}
.zp_left a:link{
	font-size:16px; line-height:50px; display:block; padding-left:20px;
}
.zp_left a:visited{
	font-size:16px; line-height:50px; display:block; padding-left:20px;
}
.zp_left a:hover{
	font-size:16px; line-height:50px; display:block; padding-left:20px; background-color:#8c0202; color:#fff;
}
.zp_right{
	width:75%; height:auto; float:right;
}
.zp_right h1{
	margin-bottom:30px;
}
.maps{
	margin-bottom:25px;
}
.copy span{
	display:none;
}
.telephone{
	display:none;
}

/*-自适应代码开始-*/

@media screen and (max-width:1540px) {

.zpw{
	width:1200px;
}
.zpwm{
	width:1200px;
}
.nav li{
	margin-right:31px;
}
.product_cat li{
	height:91px; background-color:#8c0202; float:left; width:361px; margin-right:58px; display:inline;
}
.index_prodcts li{
	width:273px;
}
.about01 li{
	width:33%;
}
.about02 ul{
	margin-left:0px;
}
.about02 li{
	width:400px;
}
.news_w{
	width:1200px;
}
.news_pic{
	width:70%;
}
.links{
	width:1198px;
}
}
@media screen and (max-width:1440px) {

.about01 li{
	width:33%;
}
.news_w{
	width:1200px;
}
.news_pic{
	width:70%;
}
.links{
	width:1198px;
}
}

@media screen and (max-width:1200px) {
.header{
	
}
.zpw{
	width:96%; margin:0 auto;
}
.zpwm{
	width:100%; margin:0 auto;
}
.nav li{
	width:19%; margin-right:1%;
}
.nav li:nth-child(5n){
	width:20%; text-align:center;
}
.product_cat li{
	height:81px; background-color:#8c0202; width:32%; margin-right:2%; float:left; display:inline; margin-top:10px;
}
.product_cat li.cat01{
	 -moz-background-size:100% auto;  
    background-size:100% auto;
}
.product_cat li.cat02{
	 -moz-background-size:100% auto;  
    background-size:100% auto;
}
.product_cat li.cat03{
	 -moz-background-size:100% auto;  
    background-size:100% auto;
}
.product_cat li.cat04{
	 -moz-background-size:100% auto;  
    background-size:100% auto;
}
.product_cat li.cat05{
	 -moz-background-size:100% auto;  
    background-size:100% auto;
}
.product_cat li.cat06{
	 -moz-background-size:100% auto;  
    background-size:100% auto;
}
.product_cat a:link{
	font-size:28px; line-height:81px;
}
.product_cat a:visited{
	font-size:28px; line-height:81px;
}
.product_cat a:hover{
	font-size:28px; line-height:81px;
}
.index_prodcts{
	margin-top:40px;
}
.index_prodcts li{
	width:23%; margin-left:2%; margin-top:15px;
}
.about01 li{
	width:33%;
}
.about02 {
	margin-top:30px;
}
.about02 ul{
	margin-left:0px;
}
.about02 li{
	width:33%;
}
.news_w{
	width:100%;
}
.days{
	display:none;
}
.links{
	width:100%; border-left:0px; border-right:0px; height:auto; display:table; line-height:24px;
}
.links a:link{
	line-height:24px;
}
}
@media screen and (max-width:1000px) {
	
.title{
	margin-top:15px; font-size:24px;
}
.title span{
	font-size:18px;
}
.product_cat{
	
}
.index_prodcts{
	margin-top:5px;
}
.index_prodcts ul{
	margin-left:0;
}
.index_prodcts li{
	width:32%; margin-right:2%; margin-left:0px; margin-top:20px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.index_prodcts li:nth-child(3n){
    margin-right: 0;
}
.about01 li{
	width:33%;
}
.zp_left{
	display:none;
}
.zp_right{
	float:none; width:100%; margin:0 auto;
}
.zp_right img{ 
MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important; margin-bottom:10px;
} 
.article img{ 
MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important; margin-bottom:10px;
} 
} 
@media screen and (max-width:768px) {
.logo{
	width:35%;
}
.logo img{
	width:100%; height:auto;
}
.tel{
	margin-top:0px; width:30%;
}
.tel img{
	width:100%; height:auto;
}
.nav{
	padding-top:15px; padding-bottom:15px;
}
.nav a:link{
	font-size:18px;
}
.nav a:visited{
	font-size:18px;
}
.nav a:hover{
	font-size:18px;
}
.copyright{
	text-align:center; height:auto; line-height:20px; padding-top:12px;
}
.footer{
	margin-top:10px; padding-top:20px; padding-bottom:20px;
}
.foot{
	width:100%; margin:0 auto;
}
.foot img{
	width:40%; height:auto;
}
.foot_logo{
	float:none; width:100%; text-align:center; margin-bottom:20px;
}
.foot_con{
	float:none; width:100%; text-align:center; border-left:0px; padding-left:0px; margin-left:0px;
}
.about02 li{
	font-size:16px;
}
.about02 a:link{
	font-size:16px;
}
.about02 a:visited{
	font-size:16px;
}
.about02 a:hover{
	font-size:16px;
}
.copy{
	float:none;
}
.keyword{
	float:none;
}
.carousel-control img{
	width:35px; height:auto;
}
/*.about_info_p{
	display:none;
}*/
.about_info_m{
	display:block; font-size:16px; line-height:30px;
}
.zp_right h1{
	font-size:18px; margin-top:-30px;
}
.telephone{
	position:fixed; z-index:1111; right:5px; _right:5px; _position: absolute; bottom:20%; width:50px; height:auto; display:block;
}
.telephone img{
	margin-bottom:10px;
}
.mwehcat img{
	width:240px; height:auto;
}
}
@media screen and (max-width:640px) {
	
.header{
	padding-top:15px; padding-bottom:15px;
}
.nav{
	 padding-top:8px; padding-bottom:0px;
}	
.nav li{
	height:35px; margin-bottom:7px;
}
.nav a:link{
	line-height:35px; font-size:12px;
}
.nav a:visited{
	line-height:35px; font-size:12px;
}
.nav a:hover{
	line-height:35px; font-size:12px;
}
.title{
	margin-top:0px;
}
.title h2{
	background-color:#fff; padding-left:18px; padding-right:18px; width:auto; font-size:22px;
}
.title span{
	font-size:12px;
}
.product_cat li{
	height:40px; background-color:#8c0202; float:left; display:inline; margin-top:0px;
}
.product_cat a:link{
	font-size:18px; line-height:40px;
}
.product_cat a:visited{
	font-size:18px; line-height:40px;
}
.product_cat a:hover{
	font-size:18px; line-height:40px;
}
.index_prodcts{
	padding-bottom:0px;
}
.index_prodcts ul{
	margin-left:-2%;
}
.index_prodcts li{
	 width:48%; text-align:center; display:inline; margin-bottom:8px; margin-left:2%; margin-right:0px; margin-top:10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.index_prodcts a:link{
	font-size:14px;
}
.index_prodcts a:visited{
	font-size:14px;
}
.index_prodcts a:hover{
	font-size:14px;
}
.foot img{
	width:45%; height:auto;
}
.foot_con{
	font-size:14px; line-height:22px;
}
.foot_con a{
	color:#00070c; font-size:14px;
}
.foot_con h2{
	font-size:18px; color:#04000c; letter-spacing:3px;
}
.copy{
	line-height:12px;
}
.copy span{
	display:block;
}
.zpw{
	width:95%;
}
.about01 .zt48{
	font-size:28px; color:#111110;
}
.index_news li{
	padding-top:15px; padding-bottom:15px;
}
.news_pic{
	width:90%;
}
.news_pic img{
	width:40%; height:auto;
}
.days{
	display:none;
}
.n_more{
	display:none;
}
.links{
	padding-top:10px; padding-bottom:10px;
}
.links li{
	height:auto; line-height:24px;
}
.links a:link{
	font-size:14px; line-height:24px;
}
.links a:visited{
	font-size:14px; line-height:24px;
}
.links a:hover{
	font-size:14px; line-height:24px;
}
.news_title{
	height:auto; font-size:24px; color:#191919; line-height:30px;
}
.news_title .en{
	font-size:18px; color:#bebebe; font-family:Arial, Helvetica, sans-serif;
}
.about_info{
	
}
.p_fl{
	float:none;
}
.p_fr{
	float:none;
}
.carousel-control img{
	width:25px; height:auto;
}
.about02{
	margin-top:20px;
}
.about02 li{
	width:100%; height:auto; display:table; float:none; margin-bottom:15px;
}
.about02 li img{
	width:20%; height:auto;
}
}
@media screen and (max-width:320px) {
.nav li:first-child{
	width:20%; text-align:center;
}
.copy{
	font-size:12px;
}
.copy a{
	font-size:12px;
}
}