/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#666; font:14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif,"Microsoft YaHei Light";width:100%; background-color:#fff;min-width: 1200px;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}
.fl{float:left}
.fr{float:right}
.container {width: 1200px;margin: 0 auto;}
.img-responsive{display: block;max-width: 100%;height: auto;}

@font-face {
  font-family: 'iconfont';  /* project id 207355 */
  src: url('//at.alicdn.com/t/font_omna956ad3oko6r.eot');
  src: url('//at.alicdn.com/t/font_omna956ad3oko6r.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_omna956ad3oko6r.woff') format('woff'),
  url('//at.alicdn.com/t/font_omna956ad3oko6r.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_omna956ad3oko6r.svg#iconfont') format('svg');
}

.iconfont{
	font-family:"iconfont";
	font-style:normal;
	-webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale; 
}

.header_meta{
	width: 100%;
	height: 6px;
	background: #cc0033;
}
.header_main{
	width: 100%;
	padding: 3px 0px;
	overflow: hidden;
}
.nav{
	margin-left: 60px !important;
}
.nav li{
	float: left;
	padding: 30px 15px;
}
.nav li.active a{
	color: #cc0033;
	border-bottom: 2px solid #cc0033;
}
.nav li a{
	font-size: 16px;
	color: #666;
	transition: .3s;
	padding: 10px 0px;
	display: inline-block;
	border-bottom: 2px solid #fff;
}
.nav li a:hover{
	background: none;
}
.navbar{
	display: inline-block;
	margin-bottom: 0px;
}
.header_tel{
	margin-top: 25px;
}
.header_tel span{
	display: inline-block;
	position: relative;
}
.header_tel span samp{
    font-size: 0.65rem;
    display: inline-block;
    position: absolute;
    top: -7px;
    right: -8px;
    font-family: "微软雅黑 Regular";
    background: #ff0000;
    color: #fff;
    padding: 2px 5px;
	border-radius: 10px;
}
.header_tel span .iconfont{
	color: #e60a41;
	font-size: 48px;
}
.tel_num{
	margin-left: 5px;
}
.tel_num h4{
	font-size: 14px;
	color: #666;
	margin: 0px;
	margin-top: 13px;
	font-family: "微软雅黑";
}
.tel_num .tel_n{
	font-size: 20px;
	color: #ff0000;
	margin-top:-5px;
	font-weight: bold;
}



.index_product{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 50px;
}
.in_pro_tit{
	width: 20%;
	height: auto;
	display: block;
	overflow: hidden;
}
.in_pro_tit h4{
	font-size: 24px;
	color: #333;
	margin-top: 0px;
	display: block;
	margin-bottom: 7px;
}
.in_pro_undex{
	width: 20%;
	height: 2px;
	display: block;
	background: #cc0033;
}
.in_pro_more a{
	display: inline-block;
	padding: 5px 30px;
	background: #000;
	color: #fff;
	font-size: 14px;
}
.in_pro_more a:hover{
	background: #FF0000;
}
.in_pro_list ul li{
	float: left;
	margin: 0px 13px;
	border-bottom: 1px solid #e5e5e5;
}
.in_pro_list ul .active{
	border-bottom: 1px solid #cc0033;
}
.in_pro_list ul .active a{
	color: #cc0033;
}
.in_pro_list ul li a{
	display: inline-block;
	padding: 5px 0px;
	color: #666;
	cursor: pointer;
	font-size: 14px;
}
.in_pro_main{
	width: 100%;
	padding-top: 30px;
	height: auto;
	overflow: hidden;
}
.in_pro_s{
	overflow: hidden;
	height: auto;
	width: 100%;
	display: none;
	opacity: 0;
	transition: .8s;
}
.in_pro_main .active{
	display: block;
	opacity: 1;
}
.in_pro_li{
	width: 295px;
	float: left;
}
.in_pro_li:nth-of-type(2){
	margin: 0px 3px 0px 5px;
}
.in_pro_li:nth-of-type(3){
	margin: 0px 5px 0px 2px;
}
.in_pro_li h2{
	margin: 0px;
	width: 100%;
	height:236px;
	border:1px solid #ccc;
	display: flex;
    align-items: center;
	overflow: hidden;
}
.in_pro_li h2 a img{
	width: 293px;
	transition:.5s;
	object-fit: contain;
	max-height:234px; vertical-align:middle; height:expression(this.height>234?"130px":this.height);  
}
.in_pro_info{
	display: block;
	width: 100%;
	border: 1px solid #e5e5e5;
	border-top: 0px;
	transition: .5s;
	padding: 20px 0;
	overflow: hidden;
}
.in_pro_info p{
	margin: 0px;
}
.in_pro_info p a,.in_pro_info b{
	display: inline-block;
	margin: 0px;
	color:#999;
	transition: .5s;
	font-size: 16px;
}
.in_pro_li:hover h2 a img{
	transform: scale(1.2);
	object-fit: contain;
}
.in_pro_s .in_pro_li:hover .in_pro_info{
	border: 1px solid #cc3300;
	border-top: 0px;
	box-shadow:0px 5px 10px 0px black;
}
.in_pro_s .in_pro_li:hover .in_pro_info p a,.in_pro_s .in_pro_li:hover .in_pro_info b{
	color: #cc3300;
}



.index_about{ background: url(../images/ba_03.jpg); overflow: hidden;}
.in_about_img{margin-right: 20px; width: 51%;}
.in_aabout_info {width: 560px; margin-left: 20px; margin: 0px auto;}
.in_about_tit .txt{margin-top: 28px; font-size: 14px; line-height: 28px;}
.in_about_tit h4{font-size: 24px; font-weight: normal; margin-top:40px;}
.about_a{margin-top: 20px;}
.about_a a{width: 140px; display: block; text-align: center; color: #FF0000; font-weight: bold; line-height: 38px; border: 1px solid #ccc;}
.about_a a:hover{color: #fff !important;background-color: #FF0000;}


.index_btn{ height: 200px; background-color: #fcf9fe; overflow: hidden;}
.index_btn ul{}
.index_btn ul li{float: left; margin: 20px 56px;}
.index_btn ul li img:first-child{
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}
  
.index_btn ul li:hover img:first-child {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}

.index_case{margin: 20px auto; overflow: hidden;}
.index_title{height: 60px;  overflow: hidden;}
.mr_frbox {position: relative;margin: 1% auto;}
.mr_frBtnL {cursor: pointer;position: absolute;top: 44%;left: 0;z-index: 1; opacity:0.6;}
.mr_frUl {width: 100%;overflow: hidden;}
.mr_frBtnR {cursor: pointer;position: absolute;top: 44%;right: 0;z-index: 1; opacity:0.6; }
.mr_frUl ul li {display: inline;width: 398px;float: left;overflow: hidden;margin-right: 8px;position: relative;}
.mr_frUl ul li img {border: 1px solid #ccc;    object-fit: contain;}
.mr_frUl ul li p{text-align: center;}
#mr_fu {width: 500%;overflow: hidden;}
.mr_frUl ul li:hover img{border: 1px solid #ffa200;}
.mr_frUl ul li:hover p{color: #FFA200;}

.index_news{background: url(../images/ba_03.jpg); overflow: hidden; padding: 20px 0;}
.news_list{width: 370px; float: left;}
.news_list:nth-of-type(2){margin: 0 44px;}
.news_list h2{font-weight: normal; font-size: 18px; border-bottom:1px solid #cc0033;}
.news_list b{font-weight: normal;}
.news_list h2 span{font-size: 14px;}
.news_list h2 a:hover{color: #FF0000;}
.news_list .cont{margin: 6px auto; overflow: hidden;}
.news_list .cont img{display: inline-block; height:106px;}
.news_list .cont_txt{width: 200px;    float: right;}
.cont_txt h3{font-weight: normal; font-size: 16px;}
.cont_txt h3 a{color: #262626;white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden; display:block;}
.cont_txt h3 a:hover{color: #FF0000;}
.cont_txt .txt{font-size: 12px;}
.cont_txt a{color: #FF0000;}
.news_list ul{}
.news_list ul li{ width: 360px;font-size: 12px;}
.news_list ul li b{color: #FF0000; float: left; margin-right: 4px;}
.news_list ul li a{width: 250px; display: inline-block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.news_list ul li:hover a{color: #FF0000;}
.news_list ul li span{color: 10px;}


.footer{background-color: #16171a;}
.footer .wx{width: 134px; height: 140px; padding: 10px 0;}
.footer_cont{overflow: hidden;display: flex;align-items: center;}
.footer_nav{width: 800px;}
.footer_nav .subnav{width: 110px; text-align: center; float: left; margin: 0 10px;}
.footer_nav .subnav .in_pro_undex{width: 30%;}
.footer_nav .subnav a{display: inline-block; color: #ccc;font-size: 16px; line-height: 24px;}
.footer_nav .subnav a:hover{color: #FF0000;}
.footer_nav .subnav ul{overflow: hidden; margin-top: 10px;}
.footer_nav .subnav ul li a{font-size: 14px;color: #999;}

.footer_tel{width: 220px; float: right;}
.footer_tel span{display: block; color: #FF0000; font-size: 24px;}
.footer_tel samp{font-size: 14px;}
.footer p{padding: 10px; background-color: #000; text-align: center; line-height: 28px;color: #f1f1f1;}






/*次页*/
.hover{color: #fff !important;}

#main{margin: 20px auto; overflow: hidden;}
.silder{width: 262px;}
.silder dl{text-align: center; overflow: hidden; background-color: #fff; padding-bottom: 20px;}
.silder dl dt{}
.silder dl dt span{font-size: 18px; margin-left: 4px; display: block; text-transform: uppercase;}
.silder dl dd{border-bottom: 1px solid #fff; background:url(../images/silder_bg.jpg); margin: 4px;}
.silder dl dd a{padding: 14px 0;display: block; font-size: 16px; color: #fff;}
.silder dl dd a span{ padding-right:18px ; background: url(../images/icon_09.png) no-repeat right;}


.tel_01{width: 262px; float: left; padding: 0; font-family: "微软雅黑";font-weight: bold; }
.tel_01 .txt{font-size: 15px; color: #505050; font-weight:normal;}
.tel_01 strong{font-size: 38px; color: #d9151e;font-family: -webkit-pictograph;}
.tel_01 p{font-size: 18px; color: #ce0202; padding: 10px 0; font-weight:bold;}

.warpper{background-color: #fff; width: 910px;}
.warpper h4{height: 87px; color: #5f5f5f; font-size: 16px; font-weight: normal; line-height: 87px;}
.warpper h4 samp{font-size: 12px;}
.warpper h4 samp a{color: #5F5F5F;}
.warpper h4 samp a:last-child{color: #FF4E00;}
.warpper h4 samp a:hover{color: #FF4E00;}
.txt{line-height: 28px; font-size: 12px;color: #787878; font-family: "宋体";}


#about,
#cantact,
#hzservice,
#news,
#newpage,
#case,
#product,
#propage{  border: 1px solid #ccc; padding: 20px; overflow: hidden;}

#about img{display: block;max-width: 100%;height: auto;}

#cantact h6{font-size: 16px; font-weight: normal;}

#hzservice img{display: block;max-width: 100%;height: auto;}





#news ul{overflow: hidden; }
#news ul li{overflow: hidden; font-size: 12px; padding: 10px 0; border-bottom: 1px dashed #ccc;}
#news ul li img{width: 180px; height: 134px; display: block;}
#news ul li .cont{width: 670px;}
#news ul li .cont h5{font-size: 14px; font-weight: normal;} 
#news ul li .cont h5:hover a{color: #FF0000;}
#news ul li .txt a{color: #FF0000;}
.page{ overflow:hidden; margin: 20px auto; text-align:center}
.page a{ display:inline-block; background:#fff;border:solid 1px #dddede;padding:0 0.625rem;font-family:"微软雅黑";font-size:16px;color:#656565; height:1.75rem; line-height:1.75rem;}
.page b{display:inline-block; background:#c60d08;border:solid 1px #c60d08;padding:0 0.625rem;font-family:"微软雅黑";font-size:16px;color:#fff; height:1.75rem; line-height:1.75rem;font-weight:normal}
#newpage h5{ text-align:center; font-weight:normal; font-size:18px; }
#newpage h6{color:ccc; font-size:12px; margin:10px auto 18px auto; text-align:center; font-weight:normal;}
#newpage img{margin: 0 auto;display: inherit;}



#case ul{ overflow: hidden;}
#case ul li{float: left; margin: 4px;}
#case ul li img{border: 2px solid #ccc;}

.contentEdit_pic{}
.contentEdit_pic h2{ height: 370px; overflow: hidden;}
.contentEdit_pic:hover p{border: 1px solid #FF0000;  border-bottom: 1px solid #FF0000; border-top: 0; -moz-box-shadow:-2px -2px 2px #ff0000 inset;            
		-webkit-box-shadow:-2px -2px 2px #FF0000 inset;         
		box-shadow:0px -3px 4px #885959 inset}
.contentEdit_pic:hover span{color: #FF0000;}
.contentEdit_pic:hover img{transform: scale(1.2);}
.contentEdit_pic img{width: 276px; transition: .5s; display: block;}
.contentEdit_pic p{padding: 20px 6px; border: 1px solid #ccc; border-top: 0;  text-align: left;
		-moz-box-shadow:-2px -2px 2px #fff inset;            
		-webkit-box-shadow:-2px -2px 2px #fff inset;         
		box-shadow:0px -3px 4px #fff inset}
.contentEdit_pic p b{float: right;}





#product ul{overflow: hidden;}
#product ul li{width: 276px;float: left;  margin-bottom: 4px; overflow: hidden; margin: 4px 6px;}
#product ul li h2{ height: 192px; overflow: hidden;border:1px solid #ccc;}
#product ul li:hover p{border: 1px solid #FF0000;  border-bottom: 1px solid #FF0000; border-top: 0; -moz-box-shadow:-2px -2px 2px #ff0000 inset;            
		-webkit-box-shadow:-2px -2px 2px #FF0000 inset;         
		box-shadow:0px -3px 4px #885959 inset}
#product ul li:hover a{color: #FF0000;}
#product ul li:hover img{transform: scale(1.2);}
#product ul li img{width: 276px; height: 192px; transition: .5s; display: block; object-fit: contain;}
#product ul li p{padding: 20px 6px; border: 1px solid #ccc; border-top: 0; 
		-moz-box-shadow:-2px -2px 2px #fff inset;            
		-webkit-box-shadow:-2px -2px 2px #fff inset;         
		box-shadow:0px -3px 4px #fff inset}
#product ul li p b{float: right;}


#propage{padding: 20px 100px;}
#propage img{display: block;max-width: 100%;height: auto; margin-bottom: 20px;}
#propage h5{font-size: 30px; font-weight: normal;}
#propage span{width: 100%; display: block; line-height: 28px;}
#propage h6{font-size: 14px; margin-top: 10px;}
#propage h6 .txt{font-size: 14px;}