html,body{width: 100%; height: 100%;-moz-user-select:none;}
html,body,p,form,ul,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:14px}
table{border-collapse:collapse;border-spacing:0;-webkit-box-sizing:border-box;box-sizing:border-box}
th,td{padding:0}
a{color:#000;text-decoration:none}
ul,li,ol,em{list-style:none}
strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;color:#222;}
img{border:0;vertical-align: middle;max-width: 100%;}
input[type="text"],input[type="password"],textarea{font-size:14px;color:#707070;padding:0;background:#fff;border-radius:0;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input,textarea{outline:0}
input[type="button"], input[type="submit"], input[type="reset"], input[type="tel"],input[type="email"]{-webkit-appearance: none;}
textarea{line-height:20px}
i,em,b{font-style:normal}
html{font-size: 40px;}
body{color:#5a5a5a;font-size:0.7rem;overflow-x:hidden;overflow-y:auto;}
:focus{outline:none;text-decoration:none;}

body{
	cursor:pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
}

.clear{clear:both;height:0;overflow:hidden}
.clearfix:after{display:block;content:'';clear:both;visibility:hidden;height:0;}
.clearfix{*zoom:1;}
.bold,.b{font-weight:bold}
.red{color:#f00}
.aaa{color:#aaa}
.white{color:#fff}
.blue{color:#00f}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.yahei{font-family:Microsoft YaHei,Heiti SC;}
.left,.fl{float:left}
.right,.fr{float:right}
.center{text-align:center}
.vam{vertical-align: middle;}
.vab{vertical-align: bottom;}
.hand{cursor:pointer}
.none{display:none}

.webLeft, .webRight {
	background: #282828;
	display: block;
	height: 100%;
	position: fixed;
	top: 0;
	width: calc(50% - 8rem);
	z-index: 999;
}
.webLeft{left:0;}
.webRight{right:0;}

.xx_web {
	left: 0;
	margin: 0 auto;
	max-width: 640px;
	min-width: 320px;
	min-height: 100%;
	overflow: hidden;
	top: 0;
	width: 100%;
	background: #f5f5f5;
}

.web_header{height: 1.5rem;background: #76a70f;padding:0 3%;position: relative;}
.web_header .comName{line-height: 1.5rem;color: #fff;font-size: 0.7rem;text-align: center;}
.web_header .menuIcon{height: 1.5rem;line-height: 1.5rem;position: absolute;top: 0;right: 3%;}
.web_header .menuIcon i{color: #fff;font-size: 0.6rem;}

.web_slider img{width: 100%;}

.web_about{margin-top: 2%;background: #fff;padding: 10px;}
.web_t em{font-size: 0.5rem;color: #76a70f;border-left: 5px solid #ffad00;padding-left: 5px;}
.con_title{line-height: 1.2rem;text-align: center;font-size:0.7rem;}
.con_custom{text-align: center;color: #666;font-size: 0.5rem;border-bottom: 1px dotted #ccc;padding: 10px 0;margin-bottom: 10px;}
.web_c p{padding-top: 10px;line-height: 1.8;font-size:0.6rem;}
.web_c p img{max-width: 80%;height: auto;}

.web_navBar{margin-top: 2%;}
.web_navBar a{display: block;width: 50%;float: left;text-align:center;background-size: 100% 100%;}
.web_navBar a i{color: #fff;font-size: 0.8rem;margin-top: 40%;display: block;}
.mico_0{background:url(35xw.jpg) no-repeat;}
.mico_1{background:url(vlmj.png) no-repeat;}
.mico_2{background:url(xlm7.png) no-repeat;}
.mico_3{background:url(55_2iem.jpg) no-repeat;}
.mico_4{background:url(uzja.png) no-repeat;}
.mico_5{background:url(news.png) no-repeat;}
.mico_6{background:url(contact.png) no-repeat;}
.mico_7{background:url(aivv.png) no-repeat;}

.web_news,.web_product{margin-top: 2%;background: #fff;padding: 10px;}

.web_articlelist,.web_productlist{margin-top: 2%;}
.web_articlelist li{padding: 10px 0;border-bottom: 1px dotted #d3d4d4;}
.web_articlelist .newspic{float: left;width: 33%;}
.web_articlelist .newspic img{width: 100%;height: 100%;}
.web_articlelist .newscon{float: left;margin-left: 3%;width: 64%;}
.web_articlelist .newscon h5{font-size: 0.6rem;line-height: 0.6rem;}
.web_articlelist .newscon .time{color: #929292;font-size: 11px;}
.web_articlelist .newscon .abstract{color: #999;font-size: 12px;line-height: 1.6}

.web_productlist li{float: left;width: 50%;margin-bottom: 5%;}
.web_productlist li div{width: 80%;margin: 0 auto;}
.web_productlist li div img{width: 100%;}
.web_productlist li p{text-align: center;font-size: 0.6rem;line-height: 1rem;}

.web_footer{margin-top: 2%;background: rgb(64, 64, 64);padding: 30px 0 75px;text-align: center;font-size: 0.5rem;line-height: 1.8;}

.web_slider{position:relative;}

/*参考*/
.web_navhandler {background-color:#515151;cursor:pointer;position:fixed;text-align:center;left:0;height:15px;width:100%;z-index:9999;bottom: 30px;}
.web_navhandler > span {display:inline-block;margin:0 auto;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:11px solid #FFF;border-bottom:none;margin-top:2px;}
.web_navhandler > span.expand {border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:11px solid #FFF;border-top:none;}
#wp-mobile_navtab {
background-color:#f8f8f8; background-image:-moz-linear-gradient(top,#f8f8f8,#e7e7e7);background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#e7e7e7));background-image:-webkit-linear-gradient(#f8f8f8,#e7e7e7);background-image:-moz-linear-gradient(#f8f8f8,#e7e7e7);background-image:-ms-linear-gradient(#f8f8f8,#e7e7e7);background-image:-o-linear-gradient(#f8f8f8,#e7e7e7);background-image:linear-gradient(#f8f8f8,#e7e7e7);position:fixed;left:0;width:100%;z-index:10001;bottom: 0;
display:-moz-box;display:-webkit-box;display:box;
}
#wp-mobile_navtab > a {
border-right:1px solid #d8d8d8;display:block;height:30px;text-align:center;overflow:hidden;
-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;
}
#wp-mobile_navtab > a:last-child {border:none;}
#wp-mobile_navtab > a:hover {background-color:#f9f9f9;}
#wp-mobile_navtab > a label {background:url(mobile-icons.png) no-repeat;display:inline-block;height:30px;width:50px;}
#wp-mobile_navtab > a.navigate label {background-position:12px 3px;height:23px;margin-top:3px;}
#wp-mobile_navtab > a.contact label {background-position:12px -19px;height:25px;margin-top:2px;}
#wp-mobile_navtab > a.message label {background-position:12px -150px;height:25px;margin-top:2px;}
#wp-mobile_navtab > a.email label {background-position:12px -49px;height:18px;margin-top:6px;}
#wp-mobile_navtab > a.location label {background-position:12px -69px;}
#wp-mobile_navtab > a.sinawbo label {background-position:12px -98px;height:23px;margin-top:3px;}
#wp-mobile_navtab > a.qqwbo label {background-position:12px -121px;height:23px;margin-top:3px;}


/*分页*/
.pagenation {
	clear: both;
	color: #333;
	font-size: 0.7rem;
	height: 2.5rem;
	position: relative;
	text-align: center;
	width: 100%;
}
.pagenation .pagePrev, .pagenation .pageNext {
	height: 1.3rem;
	line-height: 1.3rem;
	position: absolute;
	display: inline-block;
    margin: 0.6rem 0.5rem 0.5rem 0;
	background-size: 100% auto;
	border: 1px solid #000;
	border-radius: 0.1rem;
	overflow: visible;
	width: 3.5rem;
}
.pagenation .pagePrev{
	left: 0;
}
.pagenation .pageNext {
	right: 0;  
}
.pagenation a {
    background: rgba(0, 0, 0, 0) url("about:blank") repeat scroll 0 0;
    display: block;
    height: 100%;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%;
}
.pagenation .icon-pagePrev::before,.pagenation .icon-pageNext::before{ 
	display: inline-block;
	font-size: 1.2rem;
	left: 50%;
	margin-right: 0.2rem;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 3.5rem;
}
.pagenation .icon-pagePrev.icon-cnListP::before {
	content: "上一页";
	font-family: "微软雅黑",Helvetica,"黑体",Arial,Tahoma;
	font-size: 0.7rem;
	line-height: 1.3rem;
	margin-right: 0;
}
.pagenation .icon-pageNext.icon-cnListN::before {
	content: "下一页";
	font-family: "微软雅黑",Helvetica,"黑体",Arial,Tahoma;
	font-size: 0.7rem;
	line-height: 1.3rem;
	margin-left: 0;
}

.pagenation .pageDisable {
	opacity: 0.5;
}
.pagenationSelectDiv {
	display: inline-block;
	max-width: 36.6544%;
	transform: translate3d(0px, 0px, 0px);
}
.pagenation .pageSelect {
	font-size: 0.6rem;
	font-weight: normal;
	margin-bottom: 0.5rem;
	margin-top: 0.6rem;
	padding: 0 0.35rem;
	text-indent: 0;

	background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
	border: 0 none;
	border-radius: 1rem;
	height: 1.25rem;
	line-height: 1.05rem;
	position: relative;

	-moz-appearance: none;
}
.pagenation .pageSelect::before {
	background: #000 none repeat scroll 0 0;
	border-radius: 100%;
	content: "";
	height: 0.2rem;
	left: 0.5rem;
	position: absolute;
	top: 0.8rem;
	width: 0.2rem;
}

/**/
.web_mask {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	z-index:10000;
	display: none;
}
.web_mask .maskbg {
	background-color:#333;
	position:absolute;
	left:0;
	top:0;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
	height:100%;
	width:100%;
}
.web_mask .mask-close {
	cursor:pointer;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#7f7f7f;
	color:#fff;
	text-align:center;
	font-size:20px;
	position:absolute;
	top:2px;
	right:2px;
	height:30px;
	line-height:30px;
	width:30px;
}

.web_mask nav.mtree {
	width:100%;
}
.web_mask nav.mtree li {
	border-bottom:1px solid #fff;
	color:#fff;
	cursor:pointer;
	font-size:14px;
	height:50px;
	line-height:50px;
	position:relative;
	text-overflow:ellipsis;
	white-space:nowrap;
	background: #76a70f;
}
.web_mask nav.mtree li:last-child {
	border-bottom:0;
}
.web_mask nav.mtree li a {
	display:inline-block;
	height:50px;
	color:#fff;
	padding:0 17px;
}

#wp-mobile_navigate {background:#f8f8f8;border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;position:fixed;left:0;bottom:45px;overflow:hidden;z-index:10002;-moz-box-shadow:3px -3px 10px rgba(153,153,153,.4); -webkit-box-shadow:3px -3px 10px rgba(153,153,153,.4);box-shadow:3px -3px 10px rgba(153,153,153,.4);display: none;}
#wp-mobile_navigate > .wp-mobile_navwrap {padding:0;width:auto;}
#wp-mobile_navigate ul {width: auto;}
#wp-mobile_navigate li > a {padding:0 5px;display:block;font-family:"microsoft yahei";height:24px;line-height:24px;overflow:hidden;white-space:nowrap;font-size: 12px;}
#wp-mobile_navigate li {border-bottom:1px solid #d7d7d7;}
#wp-mobile_navigate li:first-child {border-bottom:1px solid #d7d7d7;}
#wp-mobile_navigate li:last-child {border-bottom:none;}
#wp-mobile_navigate li.local {background-color:#515151;}
#wp-mobile_navigate li.local > a {color:#fff;}

.mapShow {
	border: 1px solid #666;
	margin: 15px auto 0 auto;
	overflow: hidden;
	width: 100%;
}