@charset "utf-8";
/* CSS Document */
/*-----------------------------全局样式-------------------------------------*/
html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,iframe,button,textarea,p,blockquote,th,td,img,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,span,a,input,textarea,p,blockquote,th,td,header,nav,footer,article,section,aside,time,figure{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
legend{display:none}
fieldset,img{border:none;vertical-align:middle}
em,cite,i{font-style:normal}
ol,ul{list-style:none}
input,select,img{vertical-align:middle}
input,button,textarea{outline:none;border:0;vertical-align:middle;border:0;font-family:Arial}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance:none;border-radius:0}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{resize:none}
strong,em,b{ font-weight:normal; font-style:normal;}
.clear{clear:both;width:0;height:0px;margin:0;padding:0;border:none;overflow:hidden;font-size:0px}
.clearfix{zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0}
/*文字两侧对齐*/
.justify {text-align:justify;text-justify:distribute-all-lines;/*ie6-8*/text-align-last:justify;/* ie9*/-moz-text-align-last:justify;/*ff*/-webkit-text-align-last:justify;/*chrome 20+*/}
.toe{/*超出省略号*/ word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bk, .bk3, .bk6, .bk8, .bk10, .bk20, .bk25, .bk30, .bk40, .bk50{clear: both;font-size: 0;height: 0;overflow: hidden;}
.bk5{height: 5px;}
.bk8{height: 8px;}
.bk10{height: 10px;}
.bk20{height: 20px;}
.bk25{height: 25px;}
.bk30{height: 30px;}
.bk40{height: 40px;}
.bk50{height: 50px;}
.fr,.lft{float:right; *display:inline}
.fl,rgt{float:left; *display:inline}
.tar{text-align:right}
.tal{text-align:left}
.tac{text-align:center}
.mc{margin:0 auto}
.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
table{ border-collapse:collapse; border-spacing:0;}
.lft{ float:left;}
.rgt{ float:right;}
.hide{ display:none;}
.block{ display:block;}
html{-webkit-text-size-adjust:none;}
body{position:relative;margin:auto;color:#212121;word-break:break-all;height:100%;background:#fff; font-family:"微软雅黑"; font-size:100px;}
body a{color:#212121;text-decoration:none;cursor:pointer}
body a:hover,body a:active,body a:focus{text-decoration:none;outline:none}
a:hover,a:link,a:visited,a{ color:inherit; text-decoration:none;}



.layout{position:relative;overflow:hidden;text-align:left;background:#fff;font-size:0.26rem; min-width:320px; margin:0 auto;}
.header{height:57px;background:url(../images/img4.png) repeat-x left top;position:relative;  z-index:999;}
.header-line{ background:url(../images/line.png) no-repeat; height:3px; background-size:100% 100%;}
.header .logo{ position:absolute; top:7px; left:0; padding-left:10px; width:120px; overflow:hidden;}
.header .logo a{ display:block; float:left; width:120px;}
.header .logo img{ display:block;width:120px;  }
.header .rgt{ padding-top:14px; padding-right:10px; float:right;}
.header .rgt a{ display:block; height:34px; border-right:1px solid #A0A0A0; width:44px; float:left;}
.header .rgt a.search-ico{ background:url(../images/img2.png) no-repeat center center;}
.header .rgt a.tel-ico{ background:url(../images/img3.png) no-repeat center center;}
.header .rgt a.nav-ico{ background:url(../images/img1.png) no-repeat center center; border:none;}
.downnav{ height:55px; background:url(../images/tm.png) repeat; z-index:999; display:none; position:relative;}
.downnav ul{ padding:12px 5px;}
.downnav ul li{ width:20%; height:30px; line-height:30px; float:left;}
.downnav ul li a{ display:block; margin:0 3px;height:30px; line-height:30px; background:#EF7F0F; color:#fff; font-size:12px; text-align:center;}
.downnav ul li:nth-child(1) a{ background:#EF7F0F;}
.downnav ul li:nth-child(2) a{ background:#EFC40F;}
.downnav ul li:nth-child(3) a{ background:#63BC12;}
.downnav ul li:nth-child(4) a{ background:#4190C7;}
.downnav ul li:nth-child(5) a{ background:#EF7E0F;}
.dialog_blank{position:fixed;top:0;left:0;width:100%; z-index:10; height:100%;background-color:#000;opacity:0.5;filter:Alpha(opacity=50);display:none; height:100%;}


.slideBox{position:relative;margin:0 auto;overflow:hidden;}
.slideBox .hd{width:100%;height:10px;position:absolute;z-index:1;bottom:10px;text-align:center;}
.slideBox .hd ul{height:10px; left:0;font-size:0;vertical-align:top;}
.slideBox .hd ul li{display:inline-block;width:8px;height:8px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;margin:0 5px;vertical-align:top;overflow:hidden; background:none; border:1px solid #ABE129;}
.slideBox .hd ul li.on{background:#ABE129;  opacity:1;}
.slideBox .bd{position:relative;z-index:0;overflow:hidden;}
.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%;}
.slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}


.menu{padding:10px 0; padding-bottom:0; overflow:hidden;}
.menu ul{ padding:0 5px;}
.menu li{ height:140px; overflow:hidden;margin-bottom:10px; width:50%; float:left; }
.menu li i{ display:block; height:54px; width:53px; text-align:center; position:absolute; bottom:15px; right:15px;}
.menu li a{ display:block; height:140px;position:relative; text-align:left; color:#fff; overflow:hidden; margin:0 5px; border-radius:8px;}
.menu li.n1 a{ background:#FC7F03;}
.menu li.n2 a{ background:#FDCD04;}
.menu li.n3 a{ background:#63C407;}
.menu li.n4 a{ background:#3D94D0;}
.menu li.n1 i{ background:url(../images/n1.png) no-repeat center bottom; background-size:50px 50px;}
.menu li.n2 i{ background:url(../images/n2.png) no-repeat center bottom; background-size:53px 50px; }
.menu li.n3 i{ background:url(../images/n3.png) no-repeat center bottom;background-size:50px 44px; }
.menu li.n4 i{ background:url(../images/n4.png) no-repeat center bottom;background-size:52px 42px;}
.menu li .txt{ position:absolute; top:10px; left:10px; font-size:18px;}
.menu li .txt strong{ display:block; font-size:18px;}
.menu li .txt span{ display:block; font-size:14px; display:block;}

.bottomNav{ height:45px; line-height:45px; margin-bottom:20px;}
.bottomNav ul { padding:0 5px;}
.bottomNav ul li{width:50%; float:left;overflow:hidden;margin-bottom:10px; }
.bottomNav ul li a{position:relative; text-align:center; color:#fff; overflow:hidden; margin:0 5px; border-radius:8px; background:#D0D0D0;height:45px; line-height:45px; display:block; font-size:16px;}
.bottomNav ul li .ico1{ background:url(../images/img5.png) no-repeat center center; width:17px; height:17px; display:inline-block; margin-right:5px; position:relative; top:2px;}
.bottomNav ul li .ico2{ background:url(../images/img6.png) no-repeat center center; width:14px; height:18px; display:inline-block; margin-right:5px;position:relative; top:2px;}
.footer .gotop{ background:#464646; text-align:center; height:52px; line-height:52px; color:#fff; font-size:18px; color:#fff;}
.footer .gotop i{background:url(../images/img7.png) no-repeat center center; width:22px; height:19px; display:inline-block; margin-right:5px;}
.footer p{ text-align:center; color:#067f00; font-size:12px; background:#fff; line-height:50px;}
.h67{ height:67px;}
.navbar{background:#fff;width:100%;font-size:14px;
position:fixed; left:0; bottom:0; height:58px; text-align:center; border-top:1px solid #ddd; box-shadow:0 -3px 3px #eee;}
.navbar ul li{ float:left; width:50%; height:58px; border-left:1px solid #ddd; margin-left:-1px; }
.navbar ul li a{ color:#333; } 
.navbar ul li i{ display:block; width:100%; height:30px;float:left; margin-top:3px; margin-bottom:2px;}
.navbar ul li strong{ display:block; font-size:16px; color:#747474; line-height:100%;}
.navbar ul li i.i1{ background:url(../images/img8.png) no-repeat center center; background-size:28px 30px; }
.navbar ul li i.i2{ background:url(../images/img9.png) no-repeat center center;background-size:30px 28px; }
.navbar ul li.on strong{ color:#067f00; }
.current{ height:36px; line-height:36px; border-bottom:1px solid #ddd; margin:0 15px;}
.current .lft{ font-size:14px; color:#63c407;}
.current .rgt a{ display:block; height:36px; line-height:36px;width:40px; background:url(../images/img10.png) no-repeat center center; float:right; text-indent:-999em;}
.ryMod{ padding:50px 0;}
.slideBox2{position:relative;margin:0 auto;overflow:hidden;}
.slideBox2 .hd{width:100%;height:15px;position:absolute;z-index:1;bottom:10px;text-align:center;}
.slideBox2 .hd ul{height:15px; left:0;font-size:0;vertical-align:top;}
.slideBox2 .hd ul li{display:inline-block;width:10px;height:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:15px;margin:0 2px;vertical-align:top;overflow:hidden; margin:0 4px; border:1px solid #3d94d0;}
.slideBox2 .hd ul li.on{height:10px; width:10px;background:#3d94d0;}
.slideBox2 .bd{position:relative;z-index:0;overflow:hidden;margin:0 auto; }
.slideBox2 .bd li{position:relative;text-align:center;}
.slideBox2 .bd li img{background:url(../images/loading.gif) center center no-repeat;vertical-align:top;width:100%;}
.slideBox2 .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.slideBox2 .prev,.slideBox2 .next{ display:block; width:30px; height:90px; position:absolute; top:50%; margin-top:-45px;}
.slideBox2 .prev{ background:url(../images/prev.png) no-repeat center center; left:0;}
.slideBox2 .next{ background:url(../images/next.png) no-repeat center center; right:0;}
.caseMod .body{ padding:15px 5px;} 
.caseMod .body .pager{ padding:0 10px;}
.caseMod .list li{ float:left; width:50%; margin-bottom:20px; }
.caseMod .list li a{ display:block; margin:0 auto;position:relative; margin:0 10px; overflow:hidden;}
.caseMod .list li h3{ position:absolute; left:0; bottom:0.06rem; background:url(../images/tm2.png) no-repeat left bottom; height:0.45rem; line-height:0.16rem;  width:1.99rem; background-size:cover;}
.caseMod .list li .img {width:2.11rem;height:1.45rem;}
.caseMod .list li .img img{ width:2.11rem;height:1.45rem; }
.caseMod .list li h3 span,.caseMod .list li h3 strong{ display:block; padding-left:0.1rem; line-height:0.16rem;  padding-top:0.04rem;font-size:12px;}
.caseMod .list li h3 span{ font-size:11px;}
.caseMod .list li:nth-child(even) h3{ background:url(../images/tm3.png) no-repeat left center; color:#fff;background-size:cover;}
.aboutMod{ font-size:14px; color:#5d5d5d; padding:20px; line-height:200%;}
.newsMod{ padding:15px; padding-top:0}
.newsMod ul li{ padding:10px 0; border-bottom:1px solid #ddd;}
.newsMod ul li h3{ font-size:14px; height:28px; line-height:28px; background:url(../images/dot.png) no-repeat left center; padding-left:12px;}
.newsMod ul li span{ display:block; color:#d9d9d9 ; font-size:12px; padding-left:12px;}
.pager{ padding:15px 0; font-size:12px;}
.pager span {display:block; margin:0px 2px; float:left;}


.productMod { padding:15px;}
.productMod .head{ background:#63C407; color:#fff; padding:10px; font-size:13px; position:relative; padding-left:80px;}
.productMod .head strong{ display:block; position:absolute; left:10px; top:10px;}
.productMod .head  span{ margin:0 8px;}
.productMod .body .list{ padding-top:10px;}
.productMod .body .list li{ float:left; width:48%; margin-bottom:20px; text-align:center; color:#63C407;}
.productMod .body .list li h3{font-size:13px; color:#63C407; line-height:30px; height:30px;}
.productMod .body .list li .img{ border-radius:0.08rem; margin:0 auto;border-radius:6px;}
.productMod .body .list li img{ display:block; width:auto; max-width:99.5%;border:1px solid #63C407;margin:0 auto; height:140px;border-radius:6px; }
.productMod .body .list li:nth-child(even){ float:right;}


.joinMod{ padding:15px; font-size:13px;}
.joinMod .body{ background:url(../images/img12.png) no-repeat right bottom;}
.joinMod li{ margin-bottom:30px; line-height:28px; position:relative; padding-left:6px;}
.joinMod li i{ position:absolute; top:0px; left:0; color:#f00; }
.joinMod li:after{ clear:both; content:""; display:block;}
.joinMod li .text{ border:1px solid #F2F2F2; box-shadow:inset 0 0 2px #eee; width:27%; float:left; margin-right:1%; margin-left:1%; height:16px; padding:5px 0; font-size:14px;}
.joinMod li .text2{ width:33.5%;}
.joinMod li .text3{ width:22.8%; padding-left:1%;}
.joinMod li .text4{ width:77%;}
.joinMod li .upbtn{ display:block; height:26px; line-height:26px; background:url(../images/img15.png) repeat-x left top; border:1px solid #eee; float:left; width:28%; position:relative; padding-right:10%; padding-left:2%; cursor:pointer; margin-left:1%;}
.joinMod li .upbtn span b { background:url(../images/img11.png) no-repeat center center; background-size:22px 18px; width:26px; height:22px; position:absolute; right:5px; top:1px;display:block;}
.joinMod li .upbtn input{ display:block; height:100%; width:100%; position:absolute; left:0; top:0; opacity:0;cursor:pointer;}
.joinMod li label{ width:20%; display:block; float:left;text-align:justify;line-height:28px;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/}
.joinMod li .text3{}
.joinMod .btn{ text-align:center; padding:20px 0;}
.joinMod li .select{  padding-left:1%; border:1px solid #F2F2F2; box-shadow:inset 0 0 2px #eee; width:24.4%; float:left; margin-right:1%; margin-left:1%; height:26px; line-height:26px; font-size:14px;}
.joinMod .submit{ background:#63C407; width:175px; height:28px; color:#fff; border:none; cursor:pointer; font-size:14px;}