﻿img{ width:100%; vertical-align:middle;}
/*导航*/
nav{ background: #00935a; background-size:cover;  overflow:hidden;}
.g-bd nav a{ float:left; padding: 3.1% 0; width:25%; color:#ffffff; text-align:center; font-weight:bold; -moz-text-shadow:1px 1px 1px #044275;-ms-text-shadow:1px 1px 1px #044275;-o-text-shadow:1px 1px 1px #044275;-webkit-text-shadow:1px 1px 1px #044275;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/*广告*/
.g-adv { position:relative; height: 100%; }
.g-adv .sclwrap_box , .g-adv .m-box{ overflow:hidden;height: 12em;}
/*产品中心*/
.m-cpzx{ overflow:hidden;}
.m-cpzx h2,.m-rmcp h2{ padding: 0 3.125%; line-height:2.75em;background-image: -webkit-gradient(linear, left top, left bottom, from(#00935a), to(#00935a)); background-image: -webkit-linear-gradient(top,   #00935a, #00935a); background-image: -moz-linear-gradient(top, #00935a, #00935a);background-image: linear-gradient(top,  #00935a, #00935a);}
.m-cpzx h2 a:nth-of-type(1),.m-rmcp h2 a:nth-of-type(1){ float:right; line-height:2.75em; color:#ffffff; text-transform:uppercase;}
.m-cpzx h2 a:nth-of-type(2),.m-rmcp h2 a:nth-of-type(2){ font-size:116%; color:#ffffff; font-weight:bold; }
.m-cpzx .g-test{ padding-top:1em;}
.m-cpzx .m-cnt{ float:left; width:40.156%; padding: 0 4.68% 0 3.125%;}
.m-cpzx .m-cnt li{ height:2.9em; line-height:2.9em; margin-bottom:0.33em; font-weight:bold; text-align:center; color:#ffffff;background-image: -webkit-gradient(linear, left top, left bottom, from(#00935a), to(#00935a)); background-image: -webkit-linear-gradient(top,   #00935a, #00935a); background-image: -moz-linear-gradient(top, #00935a, #00935a);background-image: linear-gradient(top,  #00935a, #00935a);white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.m-cpzx .m-cnt li.z-on{    background: #fea31a; /* Old browsers */
    background: -moz-linear-gradient(top,  #fea31a 0%, #fea31a 50%, #fe9900 50%, #fe9900 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fea31a), color-stop(50%,#fea31a), color-stop(50%,#fe9900), color-stop(100%,#fe9900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fea31a 0%,#fea31a 50%,#fe9900 50%,#fe9900 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fea31a 0%,#fea31a 50%,#fe9900 50%,#fe9900 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fea31a 0%,#fea31a 50%,#fe9900 50%,#fe9900 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fea31a 0%,#fea31a 50%,#fe9900 50%,#fe9900 100%); /* W3C */}
.m-cpzx .sclwrap_box ,.m-cpzx .m-box{ float:right; width:52.03%; height:17em;overflow:hidden;}
.m-cpzx .m-box p a{ float:left; width:50%; line-height:2.6em; color:#333333;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/*热门产品*/
.m-rmcp{}
.m-rmcp .g-test{ position:relative;}
.m-rmcp .sclwrap_box ,.m-rmcp .m-box{height:11em;overflow:hidden;}
.m-rmcp .prev,.m-rmcp .next{ position:absolute; top:32%; width:5.156%; z-index:10;}
.m-rmcp .prev{ left:1%;}
.m-rmcp .next{ right:1%; -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.m-rmcp .nowarp{ margin: 0 7.5%; padding: 0 2%;}
.m-rmcp .con a{ float:left; width:43%; margin: 0 3%;padding:1.25em 0 0; text-align:center; color:#52555a;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.m-rmcp .con a img{ padding:2%; border:1px solid #dfdfdf; background:#ffffff;height: 6em;}
.m-rmcp .con a i{ display:block; height:0.5em; background:url(../images/rmcp_sd.gif) no-repeat bottom center; background-size:cover;}
/*咨询*/
.gg { height:11.5rem; overflow:hidden; background:url(../images/ggbj.jpg) no-repeat center 0;margin-bottom: 1.5rem;}
.gg h4 { text-align:center; font-size:1.1rem; color:#ffffff; margin-top:1.1rem;}
.gg h4 em { font-style:normal; font-weight:bold;}
.gg h4 span { display:block; font-size:0.5rem; color: #fff; text-transform:uppercase;}
.ggd { text-align:center; background:url(../images/ggt.png) no-repeat 20% center; background-size:3.5% 1.04rem; margin-top:0.5rem;}
.ggd a { font-size:0.92rem; color:#ffffff;}
.ggd a span { font-weight:bold; font-size:1.08rem;}
.gg p { margin-top:0.5rem; width:79.2%; margin-left:20.8%;}
.gg p a { display:block; float:left; font-size:0.92rem; color:#ffffff; line-height:2.04rem; padding-left:13%;}
.gga { width:24.2%; height:2.04rem; background:url(../images/ggk.png) no-repeat; background-size:100% 2.04rem;}
.gga1 { width:24.2%; height:2.04rem; background:url(../images/ggk1.png) no-repeat; background-size:100% 2.04rem;}
/*优势*/
.m-ys{ padding-bottom:1em;}
.m-ys h3{ width:67.1875%; margin: 1.58em auto 0;}
.m-ys h4{ padding:1.58em 0 0 3.125%; font-weight:bold;}
.m-ys h4 a{ color: #00935a; font-size:1.25em;}
.m-ys h4 b{ padding-right:1%; font-size:2.08em; color: #00935a; font-family:Century Gothic;}
.m-ys p{ padding: 0 0 0 3.125%; color:#333333; line-height:2.5em;}
.m-ys p i{ display:inline-block; width:5%; padding-right:1%;}
.m-ys em{ display:block; padding:1.58em 0 0 0}
/*立即咨询电话*/
.m-dh{ display:block;}
.u-btel{height:4.375em; padding: 0 0 0 18.875%;line-height:4.375em;color:#ffffff; display:block;position:relative; z-index:2; background-image: -webkit-gradient(linear, left top, left bottom, from(#00935a), to(#00935a)); background-image: -webkit-linear-gradient(top,   #00935a, #00935a); background-image: -moz-linear-gradient(top, #00935a, #00935a);background-image: linear-gradient(top,  #00935a, #00935a);}
.u-btel .telph{  font-size:1.60em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:oblique;}
.u-btel .u-tel,.u-ctel .u-tel{ height:2.166em; width:2.166em; display: inline-block; background:url(../images/phone2.gif) no-repeat; position:absolute;left:9%; bottom:20%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;} /*头部电话图标*/
.u-btel .s-ln-1, .u-btel .s-ln-2, .u-btel .s-ln-3 ,.u-ctel .s-ln-1, .u-ctel .s-ln-2, .u-ctel .s-ln-3 {border: 3px solid #fff;}
.u-btel .z-ln-1,.u-ctel .z-ln-1{z-index:10;
	display:inline-block;
	height: 45%;right: -5%;top: -5%;width: 45%;
	border-width:2px 2px 0 0;
	border-radius:0 30px 0 0;
	position:absolute;
	animation-name: xshow2;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: xshow2; 
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: xshow2; 
	-o-animation-duration: 4s; 
	-o-animation-timing-function: linear; 
	-o-animation-iteration-count: infinite;} 
.u-btel .z-ln-2,.u-ctel .z-ln-2{z-index:10;
	display:inline-block;
	height: 30%;right: 10%;top: 14%;width: 30%;	
	border-width:2px 2px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	animation-name: xshow;  /*动画名称*/
	animation-duration: 4s; /* 动画时间*/
	animation-timing-function: linear;  /*动画频率，匀速*/
	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/
	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/
	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/
	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/
	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/
	-o-animation-iteration-count: infinite;	} /*头部电话一闪一闪的线条，css3样式*/
.u-btel .z-ln-3,.u-ctel .z-ln-3{z-index:10;
	display:inline-block; height: 20%; right: 27%;top: 31%;width: 20%;
	border-width:2px 2px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	animation-name: xshow;
	animation-duration: 6s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: xshow3;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: xshow3;
	-o-animation-duration: 6s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;  }
	
	
/*走进*/
.m-zj{ clear:both; height:23.5em; margin-top:1.33em; overflow:hidden;}
.m-zj .column-list,.m-zx .m-cnt{ height:2.83em; overflow:hidden; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #e6e6e6 50%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#e6e6e6), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#e6e6e6 50%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#e6e6e6 50%,#e6e6e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#e6e6e6 50%,#e6e6e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#e6e6e6 50%,#e6e6e6 100%); /* W3C */}
.m-zj .column-list li,.m-zx .m-cnt li{ float:left; width:23.33333333%; line-height:2.83em; background:url(../images/zj_bg2.gif) no-repeat right center; text-align:center; font-weight:bold; color:#333333;}	
.m-zj .column-list li.z-on,.m-zx .m-cnt li.z-on{ background:url(../images/zj_bg1.gif); background-size:cover; color:#ffffff;}	
.m-zj .sclwrap_box ,.m-zj .m-box{ height:26em;overflow:hidden;}
.m-zj .box-style{ position:relative;}
.m-zj .m-box h3{ width:60%; margin: 1.25em auto 0; text-align:center; }
.m-zj .m-box h3 a{ color:#666666;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.m-zj .m-box h3 img{ display:block;padding:0.5%; background:#f2f2f2; border:1px solid #ccc0b8;height: 9rem; }
.m-zj .box-style:nth-of-type(2) h3,.m-zj .box-style:nth-of-type(3) h3{ margin-top:3.583em;}
.m-zj .m-box em{ display:block; height:0.6666em; margin: 0 auto; background: url(../images/zj_sd.gif) no-repeat; background-size:cover;}
.m-zj .m-box h4{ text-align:center; font-size:1.1em; font-weight:bold;}
.m-zj .m-box h4 a{ color: #00935a;}
.m-zj .m-box h5{ padding: 0.3em 9.375% 0; line-height:1.6em; color:#666666;height: 2.5rem; overflow: hidden;}
.m-zj .m-box p{ padding:1em 0 0 0 ; text-align:center;}
.m-zj .m-box p a{ display:inline-block; width:25%; margin: 0 3.125%; text-align:center; font-weight:bold; color:#ffffff; line-height:2.08em;background-image: -webkit-gradient(linear, left top, left bottom, from(#00935a), to(#00935a)); background-image: -webkit-linear-gradient(top,   #00935a, #00935a); background-image: -moz-linear-gradient(top, #1f80cf, #055da4);background-image: linear-gradient(top,  #1f80cf, #055da4);}
.m-zj .box-style:nth-of-type(2) p,.m-zj .box-style:nth-of-type(3) p{ padding-top:1.1em}
.m-zj .prev,.m-zj .next{ position:absolute; width:4.84375%; top:5%; z-index:100;}
.m-zj .prev{ left:44.84375%;}
.m-zj .next{ right:44.84375%;}
/*资讯*/
.m-zx .sclwrap_box ,.m-zx .m-box{ height:13em;overflow:hidden;}
.m-zx .con{ display:inline;}
.m-zx dl{ margin: 0 3.125%; padding-bottom:1em; border-bottom:1px dashed #bdbdbd;}
.m-zx dl:nth-of-type(2){ border:none;}
.m-zx dt{ padding:1em 0;overflow: hidden;}
.m-zx dt span{ display:inline-block; width:5%; line-height:1.2em; margin-right:2%; background: #00935a; color:#ffffff; text-align:center;}
.m-zx dt a{ color:#666666;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.m-zx dd{color:#666666;}
.m-zx dd span{display:inline-block; width:5%; line-height:1.2em; margin-right:2%; background:#fe9900;text-align:center; color:#ffffff;}
.m-zx p{ padding: 0 3.125%; }
.m-zx p a{ display:block;line-height:2.75em; border-bottom:1px dashed #bdbdbd;color:#666666;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.m-zx p a span{ display:inline-block; width:0.4em; height:0.4em; margin: 0 3.125% 0 1%; border-radius:0.666em; border:3px solid #0962ab;}
.m-zx p a:nth-of-type(4){ border:none;}
 