@media screen and (min-width:320px) {
body {
	font-size: 75%;
}
}
@media screen and (min-width:360px) {
body {
	font-size: 87.5%;
}
}
@media screen and (min-width:480px) {
body {
	font-size: 112.5%;
}
}
@media screen and (min-width:568px) {
body {
	font-size: 131.25%;
}
}
@media screen and (min-width:639px) {
body {
	font-size: 150%;
}
}/**/

.Arial{ font-family:Arial, Helvetica, sans-serif;}
.g-nav { background:#63a7ee;line-height:3em;text-align:center;position:relative;}

.g-nav:before{position:absolute;content:"";width:100%;height:2px;background:#afd4fb;top:50%;left:0;}

.g-nav li {float:left;display:inline-block;width:25%;position:relative;}

.g-nav li a {color:#fff;}


.g-nav a:link {
	font-family:"Microsoft Yahei";
	color: #fff;

}
.g-nav a:visited {
	font-family:"Microsoft Yahei";
	color: #fff;
}
.g-nav a:hover {
	font-family:"Microsoft Yahei";
	color: #fff;
}
.g-nav a:active {
	font-family:"Microsoft Yahei";
	font-size:14px;
	text-decoration: none;
}

.g-nav li:before{position:absolute;content:"";width:1px;height:100%;background:#afd4fb;top:0;left:0;}

.g-nav li:after{position:absolute;content:"";width:1px;height:100%;background:#afd4fb;top:0;right:0;}




.g-adv {
	height: auto;
}
.g-adv .sclwrap_box, .g-adv .m-box {
	height: 258px;
	overflow: hidden;
}
.g-adv .m-box li img {
	width: 100%;
}/*.g-adv .m-cnt{height:4px;background:#666666;}.g-adv .m-cnt li{float:left;width:33%;height:4px;}.g-adv .m-cnt li.z-on{background:#0297e9;}.g-adv .m-cnt li:last-child{border-right:0;}*/
@media screen and (min-width:320px) {
.g-adv .sclwrap_box, .g-adv .m-box {
	height: 258px;
	overflow: hidden;
}
.g-adv .m-box li img {
	height: 258px;
}/*.g-adv .m-cnt{height:4px;}.g-adv .m-cnt li{height:4px;}*/
}
@media screen and (min-width:360px) {
.g-adv .sclwrap_box, .g-adv .m-box {
	height: 290px;
	overflow: hidden;
}
.g-adv .m-box li img {
	height: 290px;
}/*.g-adv .m-cnt{height:4px;}.g-adv .m-cnt li{height:4px;}*/
}
@media screen and (min-width:480px) {
.g-adv .sclwrap_box, .g-adv .m-box {
	height: 387px;
	overflow: hidden;
}
.g-adv .m-box li img {
	height: 387px;
}/*.g-adv .m-cnt{height:6px;}.g-adv .m-cnt li{height:6px;}*/
}
@media screen and (min-width:568px) {
.g-adv .sclwrap_box, .g-adv .m-box {
	height: 458px;
	overflow: hidden;
}
.g-adv .m-box li img {
	height: 458px;
}/*.g-adv .m-cnt{height:7px;}.g-adv .m-cnt li{height:7px;}*/
}
@media screen and (min-width:639px) {
.g-adv .sclwrap_box, .g-adv .m-box {
	height: 516px;
	overflow: hidden;
}
.g-adv .m-box li img {
	height: 516px;
}/*.g-adv .m-cnt{height:8px;}.g-adv .m-cnt li{height:8px;}*/
}/**/
.m-pro {
	height: auto;
	overflow: hidden;
	margin-top: 0%;
	background: #efeff1;
	border-top: 1px solid #0059a9;
	padding: 0 1.2%;
}
.m-pro h2 {
	color: #0059a9;
	font-size: 1.08em;
	padding: 3% 0;
	border-bottom: 1px solid #e0e0e0;
	height: auto;
}
.m-pro h2 i {
	width: 5%;
	display: inline-block;
	margin-right: 1.8%
}
.m-pro h2 i img {
	width: 100%;
}
.m-pro h2 span {
	font-size: 0.75em;
	border: 1px solid #0059a9;
	border-radius: 20px;
	padding: 0 0.8%;
}
.m-pro h2 em {
	padding-left: 2%;
	text-transform: uppercase;
	color: #7b7b7b;
	font-size: 0.9em
}
.m-pro ul {
	border-top: 1px solid #fff;
	padding: 7% 0 0 0;
}
.m-pro ul li {
	float: left;
	width: 42.2%;
	padding-bottom: 8%;
	margin: 0 2% 0 5%;
}
.m-pro ul li img {
	border: 1px solid #ddd;
	width: 100%;
}
.m-pro ul li span {
	display: block;
	text-align: center;
	padding: 5% 0 0 0;
	font-size: 0.9em;
	color: #5f5f5f;
}
@media screen and (min-width:320px) {
.m-pro {
	border-top: 2px solid #6cadef;
}
}
@media screen and (min-width:360px) {
.m-pro {
	border-top: 2px solid #6cadef;
}
}
@media screen and (min-width:480px) {
.m-pro {
	border-top: 2px solid #6cadef;
}
}
@media screen and (min-width:568px) {
.m-pro {
	border-top: 3px solid #6cadef;
}
}
@media screen and (min-width:639px) {
.m-pro {
	border-top: 4px solid #6cadef;
}
}/*搜索*/
.m-ss {
	height: auto;
	padding: 5% 5.2% 6% 5%;
	position: relative;
}
.m-ss .inp01 {
	background: #fff;
	border-radius: 10px 0 0 10px;
	color: #a5a5a5;
	float: left;
	font-size: 1em;
	width: 70%;
	padding: 1.9% 0 1.9% 3%;
	text-indent: 30px;
	border: 1px solid #b7b7b7;
	border-right: 0;
	box-shadow: 0 0 1px #8c8c8c inset;
}
.m-ss .u-inp {
	padding: 2.1% 4%;
	text-align: center;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	font-size: 1em;
	border-radius: 0 8px 8px 0;
	background: -moz-linear-gradient(top, #009246 0%, #00a851 23%, #006825 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009246), color-stop(23%, #00a851), color-stop(100%, #006825));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #009246 0%, #00a851 23%, #006825 100%);/* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, #009246 0%, #00a851 23%, #006825 100%);/* W3C */
}
.m-ss i {
	content: "";
	position: absolute;
	padding: 1% 0;
	top: 38%;
	left: 8%;
	width: 4.2%;
	height: 14%;
	background: url(so.gif) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}/**/
.m-menu {
	height: auto;
}
.m-menu h2 {
	background: #61a7ed;
	font-size: 1.1em;
	text-align: center;
	padding: 2.3% 0;
	color: #fff;
	height: auto;
}
.m-menu h3 {
	background: #d5d5d5;
	font-size: 1em;
	padding: 2.2% 0 2.2% 4%;
	color: #616161;
	height: auto;
}
.m-menu h3 i {
	width: 3.7%;
	height: 4%;
	margin-left: 3%;
	display: inline-block;
}
.m-menu h3 i img {
	vertical-align: middle;
	width: 100%;
}
.m-menu ul {
	padding: 2% 0 2.5% 0;
}
.m-menu ul li {
	float: left;
	font-size: 0.8em;
	color: #929292;
	width: 41%;
	padding: 2% 0 2% 9%;
	position: relative;
	border-bottom: 1px dashed #bcbcbc;
}
.m-menu ul li:before {
	content: "";
	position: absolute;
	top: 39%;
	left: 11%;
	width: 0;
	height: 0;
	border-left: 5px solid #929292;
	border-top: 2px solid rgba(0,0,0,0);
	border-bottom: 2px solid rgba(0,0,0,0);
}
.m-menu ul:nth-child(5) a:first-child li {
	width: 30%;
}
.m-menu ul:nth-child(5) a:nth-child(2) li {
	width: 51%;
}
.m-menu ul:nth-child(5) a:nth-child(2) li:before {
	left: 6.6%
}
.m-menu ul:nth-child(5) a:nth-child(3) li {
	width: 100%;
	border: 0;
}
.m-menu ul:nth-child(5) a:nth-child(3) li:before {
	left: 3.7%
}
.m-menu ul:nth-child(7) li {
	width: 22%;
	border: 0;
}
.m-menu ul:nth-child(7) li:before {
	left: 16%;
}
.m-menu ul:nth-child(9) a:nth-child(odd) li {
	width: 41%;
}
.m-menu ul:nth-child(9) a:nth-child(even) li {
	width: 40%;
}
.m-menu a:nth-child(8) h3 {
	background: #efeff1;
}
.m-menu ul .nobot {
	border: 0;
}
a.u-more {
	width: 29%;
	height: auto;
	margin: 0 auto;
	font-size: 0.9em;
	color: #fff;
	margin-top: 3%;
	padding: 1.2% 0 6% 3%;
	display: block;
	background: url(more.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
@media screen and (min-width:320px) {
.m-menu ul li:before {
	border-left: 5px solid #929292;
	border-top: 2px solid rgba(0,0,0,0);
	border-bottom: 2px solid rgba(0,0,0,0);
}
}
@media screen and (min-width:360px) {
.m-menu ul li:before {
	border-left: 6px solid #929292;
	border-top: 3px solid rgba(0,0,0,0);
	border-bottom: 3px solid rgba(0,0,0,0);
}
}
@media screen and (min-width:480px) {
.m-menu ul li:before {
	border-left: 8px solid #929292;
	border-top: 4px solid rgba(0,0,0,0);
	border-bottom: 4px solid rgba(0,0,0,0);
}
}
@media screen and (min-width:568px) {
.m-menu ul li:before {
	border-left: 11px solid #929292;
	border-top: 5px solid rgba(0,0,0,0);
	border-bottom: 5px solid rgba(0,0,0,0);
}
}
@media screen and (min-width:639px) {
.m-menu ul li:before {
	border-left: 12px solid #929292;
	border-top: 6px solid rgba(0,0,0,0);
	border-bottom: 6px solid rgba(0,0,0,0);
}
}/*产品咨询热线*/
.m-cptel {
	height: auto;
	padding: 2.4% 0;
	font-size: 1.08em;
	color: #fff;
	background: -moz-linear-gradient(top, #009246 0%, #00a851 23%, #006825 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009246), color-stop(23%, #00a851), color-stop(100%, #006825));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #009246 0%, #00a851 23%, #006825 100%);/* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, #009246 0%, #00a851 23%, #006825 100%);/* W3C */
}
.m-cptel i {
	width: 9.4%;
	margin: 0 3% 0 10%;
	display: inline-block;
	height: auto;
}
.m-cptel i img {
	width: 100%;
}
.m-cptel a {
	font-size: 1.6em;
	color: #fff;
}/**/
.m-ys {
	margin-top: 2%;
	height: auto;
}
.m-ys h2 {
	font-size: 1.08em;
	text-align: center;
	padding: 6% 0 5% 0;
	font-weight: bold;
	color: #fff;
	position: relative;
	background: #007b3b;
}
.m-ys h2:before {
	content: "";
	position: absolute;
	top: 54%;
	left: 0;
	width: 100%;
	height: 10%;
	background: url(yex.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.m-ys h2 em {
	display: block;
	font-size: 2.2em;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 0 5% 0;
}
.m-ys dl {
	border-top: 1px solid #44af78;
	background: #009246;
}
.m-ys dl dt {
	width: 14.5%;
	height: auto;
	padding: 1.8% 3%;
	float: left;
	background: #008741;
}
.m-ys dl dt img {
	width: 100%;
}
.m-ys dl dd {
	float: left;
	width: 79%;
}
.m-ys dl dd em {
	font-size: 2.7em;
	color: #00cd62;
	float: left;
	padding: 3.6% 3% 0 2%;
}
.m-ys dl dd p {
	color: #fff;
	font-size: 1.06em;
	float: left;
	padding: 5% 0 0 0;
	width: 76%;
}
.m-ys dl:nth-child(2) dd p, .m-ys dl:nth-child(4) dd p {
	padding: 8.5% 0 0 0;
}/*立即咨询*/
.m-zdh {
	margin: 4.5% 0 0 0;
	height: auto;
	padding: 9% 9.3% 5%;
	font-size: 1em;
	color: #fff;
	background: url(bt01.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.m-zdh a.u-zx {
	color: #009234;
	font-size: 1em;
	padding: 0.5% 3.2%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fffffd), to(#fffb8b));
	background-image: -webkit-linear-gradient(top, #fffffd, #fffb8b);
	background-image: -moz-linear-gradient(top, #fffffd, #fffb8b);
	background-image: linear-gradient(top, #fffffd, #fffb8b);
}/*立即咨询*/
.m-pp {
	margin-top: 3%;
	height: auto;
}
.m-pp h2 {
	color: #009234;
	font-size: 1.6em;
	height: auto;
	padding: 3% 0 3% 10%;
	background: #dcdcdc;
}
.m-pp h2 em {
	color: #545454;
	font-size: 0.78em;
	font-weight: bold;
	display: block;
}
.m-ppc {
	height: auto;
	padding: 0 0 7% 0;
	background: url(bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.m-ppc p {
	font-size: 1em;
	padding: 6% 0 5% 16.5%;
	color: #009234;
	font-size: 1.17em;
	height: auto;
}
.m-ppc p em {
	display: block;
	color: #545454;
	font-weight: bold;
	font-size: 0.8em;
}
.m-ppc p b {
	font-size: 1.8em;
	font-weight: normal;
}/*al*/
.g-al {
	height: 250px;
	margin-top: 3%;
	overflow: hidden;
}
.g-al .m-cptil {
	height: auto;
	clear: both;
	background: #64a8ef;
}
.g-al .m-cptil li {
	float: left;
	height: auto;
	font-size: 1.16em;
	padding: 1.8% 4%;
	display: inline-block;
	color: #fff;
	position: relative;
}
.g-al .m-cptil li.z-on {
	color: #fff;
	display: block;
	background-color: #9ac6f3;
}
.g-al .m-box, .g-al .sclwrap_box {
	height: 233px;
	overflow: hidden;
}
.m-about {
	height: auto;
	overflow: hidden;
}
.m-about .con {
	height: auto;
	overflow: hidden;
}
.m-about .con dl {
	padding: 8% 0 5% 4%;
	height: auto;
	overflow: hidden;
}
.m-about .con dl dt {
	width: 37.2%;
	display: inline-block;
}
.m-about .con dl dt img {
	width: 100%;
}
.m-about .con dl dd {
	width: 52%;
	padding: 0 0 0 4%;
	font-size: 0.9em;
	color: #525252;
	line-height: 1.6em;
}
.m-ryc {
	height: auto;
	overflow: hidden;
	position: relative;
}
.m-ryc .con {
	height: auto;
	overflow: hidden;
}
.m-ryc .con ul {/*margin-bottom:5%;*/
	overflow: hidden;
}
.m-ryc .con ul li {
	width: 45%;
	display: inline-block;
	margin-right: 4.3%;
}
.m-ryc .con ul li img {
	width: 100%;
	border: 1px solid #dfdfdf;
}
.m-ryc .con ul li span {
	font-size: 1em;
	color: #575757;
	text-align: center;
	padding: 3% 0 0 0;
	display: block;
}
.m-ryc .prev {
	position: absolute;
	width: 6.25%;
	height: 8%;
	top: 32%;
	left: 1.5%;
	background: url(l.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
.m-ryc .next {
	position: absolute;
	width: 6.25%;
	height: 8%;
	top: 32%;
	right: 1.5%;
	background: url(l.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-webkit-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.m-ryc .nowarp_x {
	width: 82%;
	margin: 7% 9% 0;
	height: auto;
	overflow: hidden;
}
.m-ryc a.u-more2 {
	width: 33%;
	height: auto;
	margin-left: 31.5%;
	font-size: 0.9em;
	color: #fff;
	margin-top: 3%;
	padding: 1.2% 0 6% 3%;
	display: block;
	background: url(more.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.m-jz {
	height: auto;
	overflow: hidden;
}
.m-jz .con {
	height: auto;
	overflow: hidden;
}
.m-jz .con dl {
	padding: 8% 0 4% 4%;
	height: auto;
	overflow: hidden;
}
.m-jz .con dl dt {
	width: 52.3%;
	display: inline-block;
}
.m-jz .con dl dt img {
	width: 100%;
}
.m-jz .con dl dd {
	width: 35.6%;
	padding: 0 0 0 4%;
	font-size: 0.9em;
	color: #525252;
	line-height: 1.6em;
}/*.g-al .nowarp_x{width:100%;height:auto;overflow:hidden;}*/
@media screen and (min-width:320px) {
.g-al {
	height: 278px;
}
.g-al .m-box, .g-al .sclwrap_box {
	height: 253px;
	overflow: hidden;
}
}
@media screen and (min-width:360px) {
.g-al {
	height: 287px;
}
.g-al .m-box, .g-al .sclwrap_box {
	height: 262px;
	overflow: hidden;
}
}
@media screen and (min-width:480px) {
.g-al {
	height: 374px;
}
.g-al .m-box, .g-al .sclwrap_box {
	height: 349px;
	overflow: hidden;
}
}
@media screen and (min-width:568px) {
.g-al {
	height: 438px;
}
.g-al .m-box, .g-al .sclwrap_box {
	height: 413px;
	overflow: hidden;
}
}
@media screen and (min-width:639px) {
.g-al {
	height: 491px;
}
.g-al .m-box, .g-al .sclwrap_box {
	height: 466px;
	overflow: hidden;
}
}/*资讯*/
.g-zx {
	height: auto;
	overflow: hidden;
}
.g-zx .m-box, .g-zx .sclwrap_box {
	height: 241px;
	overflow: hidden;
}
.g-zx .zx_c {
	height: auto;
	overflow: hidden;
}
.g-zx .zx_c .zxc {
	height: auto;
	overflow: hidden;
	display: inline;
	float: left;
}
.g-zx .zx_c .zxc ul {
	padding: 2% 3% 7%;
}
.g-zx .zx_c .zxc ul li {
	height: auto;
	font-size: 1em;
	padding: 2% 0 2% 10%;
	color: #575757;
	border-bottom: 1px dashed #a7a6a6;
	position: relative;
}
.g-zx .zx_c .zxc ul li:before {
	content: "";
	position: absolute;
	top: 35%;
	left: 1.5%;
	width: 3.4%;
	height: 38%;
	background: url(dd.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
@media screen and (min-width:320px) {
.g-zx .m-box, .g-zx .sclwrap_box {
	height: 241px;
	overflow: hidden;
}
}
@media screen and (min-width:360px) {
.g-zx .m-box, .g-zx .sclwrap_box {
	height: 271px;
	overflow: hidden;
}
}
@media screen and (min-width:480px) {
.g-zx .m-box, .g-zx .sclwrap_box {
	height: 361px;
	overflow: hidden;
}
}
@media screen and (min-width:568px) {
.g-zx .m-box, .g-zx .sclwrap_box {
	height: 428px;
	overflow: hidden;
}
}
@media screen and (min-width:639px) {
.g-zx .m-box, .g-zx .sclwrap_box {
	height: 482px;
	overflow: hidden;
}
}/*@media screen and (min-width:640px){.g-ft .m-bmu .u-link a:nth-child(3){border-right:none;}}@media screen and (max-width:640px){}*/




.m-mcon{ width:96%; float: left; margin:1.5em 2% 0 2%;}

.m-mcon a:link {
	color: #333;
}
.m-mcon a:visited {
	color: #333;
}
.m-mcon a:hover {
	color: #333;
}


.m-mcon p{float: left; line-height:2em; }

.g-bd{background:url('../images/tbg.gif') repeat; background-size:50px;}
.con-zt{ width:98%; float:left; height:auto; margin:1em 1% 10px 1%; position:relative; z-index:999;}

.con-zt li{ margin:0 3% 10px 3%; width:27%; font-size:12px; float:left; height:25px; line-height:25px; text-align:left;}

.con-zt li a{  color:#7f7f7f;}

.con-zt li a:hover{ font-size:12px; float:left; height:25px; line-height:25px; text-align:center; color:#f5821f;}

.pr_con-zt{ width:98%; float:left; height:auto; margin:0.5em 1% 0 1%; position:relative; z-index:999;}

.pr_con-zt li{ margin:0 0 10px 3%; width:47%; font-size:12px; float:left; height:25px; line-height:25px; text-align:left;}

.pr_con-zt li a{  color:#7f7f7f;}

.pr_con-zt li a:hover{ font-size:11px; float:left; height:25px; line-height:25px; text-align:center; color:#f5821f;}



@media screen and (min-width:320px) {

	body { font-size:75%;}

}

@media screen and (min-width:360px) {

	body { font-size:87%;}

}



@media screen and (min-width:400px) {

	body { font-size:100%;}

}

@media screen and (min-width:480px) {

	body { font-size:112%;}



}

@media screen and (min-width:568px) {

	body { font-size:131%;}



}

@media screen and (min-width:639px) {

	body { font-size:150%;}

}
