html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}li{list-style: none;}i{font-style: normal;}div{display: block;}.clear_left{clear: left;}.right{float: right;}.clear{clear: both;}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body{font-size: 12px;font-family: "microsoft yahei","Arial","Verdana"}
.nav_hide{display: none;width: 100%;height: 100%;position: fixed;z-index: 9998;left: 0;top: 0;}
.header{min-width: 320px;width:100%;margin: 0 auto;}
.top{width: 100%;background:url(../images/logo.jpg) no-repeat;background-size: 100% 100%;height:54px;}
.top_nav{float: right;margin: 15px 0 0 0;
	img{width: 50%; float: right;margin-right: 5%;}
}
.mainBody img{width: 100%;}
/* 导航 */
.header-nav{width: 100%;float: left;background: url(../images/header-bg.jpg) no-repeat;background-size: 100% 100%;
	li{width:25%;float: left;height: 35px;line-height: 35px;margin-bottom: 1px;
		a{display: block;text-align: center;font-size: 14px;color: #fff;}
	}
}
.nav_hide{display: none;width: 100%;height: 100%;position: fixed;z-index: 9998;left: 0;top: 0;}
.nav{position: fixed;right: -140px;top: 0;background-color: RGBA(0,0,0,0.8);z-index: 9999;height: 100%;width: 140px;transition:all 0.5s ease 0s;
	.nav_box{
		ul{padding-left: 10px;padding-top: 10px;
			a{color: #fff;width: 100%;height: 40px;
				.pr5_text01{margin-right: 10px;}
			}
			.pr, .pt{margin: 0;}
		}
	}
}

.index_nav1{float: left;
	a{width: 46%;margin: 2%; display: block; text-align: center; float: left;font-size: 1rem;
		img{width: 99%;

		}
		.nav_img_1{
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-animation: flipInLeft .8s both .1s ease-out;
			animation: flipInLeft .8s both .1s ease-out;
		}
		.nav_img_2{
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-animation: flipInLeft .8s both .2s ease-out;
			animation: flipInLeft .8s both .2s ease-out;
		}
		.nav_img_3{
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-animation: flipInLeft .8s both .3s ease-out;
			animation: flipInLeft .8s both .3s ease-out;
		}
		.nav_img_4{
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-animation: flipInLeft .8s both .4s ease-out;
			animation: flipInLeft .8s both .4s ease-out;
		}
		.nav_img_5{
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-animation: flipInLeft .8s both .5s ease-out;
			animation: flipInLeft .8s both .5s ease-out;
		}
		.nav_img_6{
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-animation: flipInLeft .8s both .6s ease-out;
			animation: flipInLeft .8s both .6s ease-out;
		}
		.nav_img_7{
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-animation: flipInLeft .8s both .7s ease-out;
			animation: flipInLeft .8s both .7s ease-out;
		}
		.nav_img_8{
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-animation: flipInLeft .8s both .8s ease-out;
			animation: flipInLeft .8s both .8s ease-out;
		}
		.nav_img_9{
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-animation: flipInLeft .8s both .9s ease-out;
			animation: flipInLeft .8s both .9s ease-out;
		}
		.nav_img_10{
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-animation: flipInLeft .8s both .10s ease-out;
			animation: flipInLeft .8s both .10s ease-out;
		}
	}
}
@-webkit-keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}

.about{margin-top: 15px;clear: both;padding: 10px 5px ;
	.about-nr{
		img{width: 100%;}
		p{line-height: 24px;margin-bottom: 10px;}
	}
}
.youshi{overflow: hidden;}
.youshi3{position: relative;width:100%;height: 186px;
	a{display: block;position: absolute; width: 80px;height:40px;bottom:80px;left: 10px;}
}


.product{width: 100%;margin-top: 3%;
	.product-dh{width: 100%;background: url(../images/product_dh.jpg) no-repeat;float: left;background-size: 100% 100%;height: 25px;
		a{float: right;font-size: 12px;margin-top: 4px;margin-right: 4%;color: #fe5655;}
		span{font-size: 16px;font-family: "微软雅黑";text-align: center;padding: 0 23px; color: #8ea10d;font-weight: bold; line-height: 28px;}
	}
	.product-nr{

	}
}

.news{clear: both;margin-top: 3%;
	.news-dh{background: url("../images/news-dh.jpg")no-repeat;background-size: 100%;width:100%;height:220px;
	}
	.news-nr{
		a{line-height:35px; height:35px; padding-left: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;border-bottom: 1px dashed #382819;background: url("../images/icon2.jpg")no-repeat 5px center;}
	}
}
.news_time{float: right;}

.s12 { float:left; width:100%; text-align:center; font-size:10px; line-height:20px; margin-bottom: 65px;padding-top: 8px;padding-bottom: 8px;}
.tel{height: 45px;background: #dedede;color: #0067ac;line-height: 45px;
	img{float: left;margin:9px 10px 0 5%;}
	span{font-size: 18px;}
	i{font-family: "active";font-weight: 700;font-size: 24px;}
}

.more2{height: 22px;line-height: 22px;text-align: center;background: #ededed;display: block;color: #000;}

.pr,.pt{display: inline-block;margin:10px 10px 0 10px;}

.fenlei{
	ul{width: 100%;
		a{width: 23%;margin: 1%;display: block;text-align: center;line-height: 30px;height: 30px;float: left;border: 1px solid #edecec;border-radius: 5px;}
	}
}

.case-nr{padding:0 2%;
	.pic{width: 25%;float: left;text-align: center;border:1px solid #e5e5e5;padding-bottom: 2px;margin: 0;
		.pic_img{float: left;width: 100%;height: 100%;margin-right: 25px;
			img{width: 70px;height:50px;}
		}
		.pic_text{float: left;text-align: center;width: 100%;background:#fff;font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #000;}
		p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
	}
}


/* 底部 */
.footer{padding-bottom:60px;}
	.banquan{min-width: 320px;max-width:640px;margin: 0 auto;text-align: center;line-height: 23px;background: url(../images/banquan_bg.jpg) repeat-x top;padding-top: 10px;
		span{color: #f00;font-weight: 700;}
	}
	.footer_box{position: fixed;left: 0;bottom: 0;height: 65px;width: 100%;transition:all 0.5s ease 0s;font-size: 14px;background:url("../images/footer_bg.jpg")no-repeat;background-size: 100% 100%;}
	.footer li{width: 25%;height: 65px; float: left;
		a{display: block;text-align: center;height: 65px;padding-top: 40px;color: #fff;}
	}




/* 首页 */
.mainBody{margin:0 auto;min-width:320px;max-width: 640px;}
	.title{height: 37px;line-height: 37px;color: #333;border-bottom: 1px solid #e5e5e5;width: 100%;
		span{float: left;font-size: 16px;text-align: center;background: #fff;padding: 0 5px;height: 39px;border-bottom: 3px solid #f13999;}
		a{float: right;font-size: 12px;font-family: "宋体";color: #333333;margin-right: 10px;font-weight: 700;}
	}
	.index_title{height: 37px;
		span{float: left;font-size: 16px;line-height: 37px;margin-left: 5px;}
		a{float: right;margin-right: 15px;margin-top: 7px;}
	}

	.pic{width: 46%;float: left;text-align: center;margin: 2%;border:1px solid #e5e5e5;padding-bottom: 2px;
		.pic_img{float: left;width: 100%;height: 100%;margin-right: 25px;
			img{width: 140px;height: 130px;}
		}
		.pic_text{float: left;text-align: center;width: 100%;background:#fff;font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #000;}
		p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
	}
	
.more{float:left; width:100%; text-align:center; margin: 10px 0;}
.more1{float:right; width:30px; margin: 0 3px;}


.class{width: 100%;float: left;}
.class_ner{width: 100%;float: left; height: 65px;background: url(../images/cent_tb1.jpg) repeat-y;}
.class li{width: 25%;height: 65px; float: left;
		a{display: block;text-align: center;height: 65px;color: #fff;}
	}
.class img{width: 60px;}
.cent1 img{width: 30px;margin-top: 10px;}
.cent2 img{width: 30px;margin-top: 10px;}
.cent3 img{width: 25%;margin-top: 10px;}
.cent4 img{width: 30px;margin-top: 10px;}




.cpp_title{width: 100%;background: url(../images/dh_bg.jpg) no-repeat;float: left;background-size: 100% 100%;height: 28px;
  a{float: right;color: #9fb410;font-size: 12px;margin-top: 6px;margin-right: 2px;}
}
.cpp1_title{width: 100%;background: url(../images/dhh1_bg.jpg) no-repeat;float: left;background-size: 100% 100%;height: 54px;}
.cpp2_title{width: 100%;background: url(../images/dhh2_bg.jpg) no-repeat;float: left;background-size: 100% 100%;height: 54px;}
.cp_title{height: 25px;border-bottom: 1px solid #000; text-indent:1em;line-height: 25px;color: #000;background-size: 100%;margin-bottom: 10px;margin-top: 10px;
	span{}
}
.cp_title img{width: 60%;}
.cp1{width: 100%;position: relative;float: left;}
.cp1_title{width: 100%;background: url(../images/cdh_bg.jpg) no-repeat;float: left;background-size: 100% 100%;height: 30px;margin-top: 6px;margin-bottom: 6px;
		span{font-size: 16px;font-family: "微软雅黑";text-align: center;padding: 0 11px; color: #fff;font-weight: bold; line-height: 23px;}
        a{float: right;color: #fff;font-size: 12px;margin-top: 6px;margin-right: 10px;}
}
.cp1_title{
	img{width: 60%;float: right;}
}

/********消除浮动<div class="clear2"></div>*********/
.clear2{background: none;border: 0;clear: both;display: block;float: none;font-size: 0;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;
	&:after {content: ".";display:block;height: 0;clear: both;visibility:hidden;}
}

.content{padding:0 2%;}



.youshi{
  img{width: 100%;float: left;}
}



.jianjie_co{
img{width: 100%;float: left;}
}
.cpplist{
img{width: 100%;float: left;}
}

/* 内页样式 */
.wrap{min-width: 320px;max-width:640px;margin: 0 auto;}
	.content{width: 98%;margin: 14px auto;font-size: 12px;line-height: 28px;
		span{font-size: 12px!important;}
		p{
			img{width: 100%;}
		}
		img{}
		.click{text-align: center;margin-bottom: 15px;}
		.content_title{text-align: center;font-size: 16px;}
	}
	.content_news{
		img{max-width:100%;}
	}
	.type{display: none;}
	#loadmore{position: fixed;left: 50%;top: 50%;margin-left: -12px;margin-top: -12px;display: none;
		img{width: 25px;height: 25px;}
	}
	.loadsize{font-size: 14px;text-align: center;line-height: 25px;padding-bottom: 30px;display: none;clear: both;}


/* 关于我们 */


/* 新闻页面 */
	.news_content{width: 100%;margin: 15px auto;font-size: 12px;line-height: 28px;}


/* 在线留言 */
	#form1{padding-left: 10%;
		input{border:1px solid #e8e8e8;}
			textarea{border:1px solid #e8e8e8;}
			p{margin-bottom: 8px;}
			.tijiao{background: #2c2f45;padding: 5px 10px;border:0;margin-left: 40px;color: #fff;}
	}
	
/* 产品页面 */	


/* 产品详情 */


/* 人才招聘 */
.neiye_zp_box{border-bottom: 1px dashed #ccc;}
.neiye_zp_title{text-align: center;font-size: 14px;}
.neiye_zp_text{margin: 15px;line-height: 23px;}

/*大图设置*/
.slideBox{ position:relative; overflow:hidden; margin:0 auto;  max-width:640px;/* 设置焦点图最大宽度 */ }
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; left:45%; z-index:1; }
	.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
	.slideBox .hd li.on{ background:#fff;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; text-align:center;  }
	.slideBox .bd li img{ /*background:url(images/loading.gif) center center no-repeat;*/  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }