﻿/* CSS Document */
*{ padding:0 ; margin:0;}
ul,li{ list-style:none}
.center{ text-align:center}
 a{ text-decoration:none;}
.toplogo{width:100%;overflow:hidden; background:#fff; border-bottom:6px solid #03a86e;}
.logo{ border:0; width:49%; margin-left:5%; margin-top:3%; float:left;}
.logo img{width:100%;}
.pc{width:100px; height:26px; margin-top:10px; float:right; font-size:14px;}
.pc a{color:#fff; }
body{ background:#fff !important;; font-size:12px; line-height:21px; width:100%; overflow-x:hidden; }
/**==================弹出导航菜单==============**/
#nav-over{position:fixed;left:0;top:0;z-index:9998;display:none;width:100%;height:100%;}
.warmp{position:relative;right:0;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease;}
.nav{position:fixed;top:0;right:-480px;z-index:9999;width:480px;height:100%;background:#393939;-webkit-transition:all .5s ease;transition:all .5s ease;}
.openMenu{right:480px;-webkit-transition:all .5s ease;transition:all .5s ease;}
.openNav{right:0;-webkit-transition:all .5s ease;transition:all .5s ease;}
.nav h3{padding:65px 0 30px 25px;font-size:3.142em;font-weight:normal;color:#fff;line-height:50px;}
.nav h3 a { color:#fff;}
.scrollerBox{ position:relative;overflow:scroll;-ms-touch-action: none;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
.scroller {position: absolute;width:100%;padding:0 0 100px 0;cursor:move;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}
.ico-nav{ background:url(../images/ico-nav.png) no-repeat center; float:right;width: 21%;height: 45px;background-size: 56%;margin-top: 5%;margin-right: 3%;}

#nav{width: 240px;background:#000; opacity: 0.8;} 
#scrollerBox ul li{padding-left: 11%;}
#scrollerBox ul li a{color:#fff;border-bottom: 1px dashed #4d4c4c;line-height: 35px; font-size:16px;padding-bottom: 2%;}


/*banner*/
.focus{ width:100%; height:140px;  margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
	.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#FE6C9C;  }

	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%;  height:140px; background:url(images/loading.gif) center center no-repeat;  }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.textinput{ width:85%; display:inline-block;float:left; margin-right:1%; height:30px; line-height:30px;}
.clear{clear:both;}
.search_i img{margin-top:3px; }
.newslist_t,.case_t,.prolist_t,.youshi_t{ box-shadow:0px 2px 1px 0px #999; height: 32px; line-height:32px; font-weight:bold; font-size:14px; color:#FFFFFF;background:#03a86e;}
.prolist_t a{color:#fff;padding-left: 10px;}
.about{width:100%; height:auto; overflow:hidden;}
.about p.p1{ color:#3B3A3A;}
.about span.time{ color:#3B3A3A;padding-left: 10%;}
.pages{width:50%;margin: 3% 25% 3% 25%;text-align: center;}
.pages a{color:#3B3A3A;}
p.prolist_t a.cp1{ color:#fff;padding-left:10px;float: left;}
p.prolist_t a.more{color:#fff;padding-right:10px;float: right;}
.case_t{ margin-bottom:25px;}

/*合作案例*/
.slideBox{ position:relative; width:320px; overflow:hidden; margin:10px auto; }
	.slideBox .hd{ position:absolute; width:100%;  height:27px; bottom:0; left:0; z-index:1; }
	.slideBox .hd img{ width:11px;  }
	.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:0; display:block; width:23px; height:27px; line-height:27px; text-align:center;   }
	.slideBox .next{ left:auto; right:0;}
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; }
	.slideBox .bd li img{ width:320px;  display:block;   }
	.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:27px; line-height:27px;text-align:center;  color:#fff; background-color:rgba(0,0,0,0.7);}
/*优势*/
.youshi{width:100%;}
.nl_1{width:90%;margin:0 auto;margin-bottom: 6%;}
.nl_1 .nl_p{color:#d94e0b;font-size:14px;margin-top:6%;}
.nl_1 .nl_p span{font-weight:bold; font-size:18px;}
.nl{width: 90%;
margin: 5% 7% 0 5%;}
.nl img.img1{width:98%;}
.nl ul.ys1,.nl ul.ys2,.nl ul.ys3,.nl ul.ys4{width: 90%;
margin: 5% 7% 0 5%;height: auto;overflow: hidden;margin: 0 auto;clear: both;}
.nl ul li{font-size:14px;line-height: 40px;color: #333;padding-left: 9%;}
.nl ul li.li1{width: 90%; font-size:12px;line-height:30px;}
.nl ul li.li2{font-size:18px; color:#03a86e;background: url(../images/tb.jpg) no-repeat 0 18px;}
.nl ul.ys2{width: 90%;height: auto;overflow: hidden;margin: 0 auto;clear: both;}
.nl ul.ys3{width: 90%;height: auto;overflow: hidden;margin: 0 auto;clear: both;}
.nl ul.ys4{width: 90%;height: auto;overflow: hidden;margin: 0 auto;clear: both;}
/*常见问答*/
.newslist{width:100%;margin-bottom:4%;}
.newslist li{width:90%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#333;margin: 3% 4% 0 4%;border-bottom: 1px dashed #999;}
.newslist li a{width:90%;margin: 0px 3% 0 1%;color: #333;}
/*加盟政策*/
.zc{width:100%;height: auto;overflow: hidden;}
.zc_1{width:94%;margin:0 auto;font-size:24px;color:#333;font-weight:bold;text-align: center;margin-top:30px; }
.zc_1 .zc_1_span{color:#fd7e01;}
.zc_1 img{width:100%;margin:10px auto;}
.zc_2{width:80%; margin:0 auto;height: auto;overflow: hidden;}
.zc_2_1,.zc_2_2{width:47%; margin:0 auto; float:left; margin:6% 2% 6% 0;text-align: center;}
.zc_2_1{ margin-right:4%;}
.zc_2_1 img,.zc_2_2 img{width:100%; margin:0 auto;}

/*产品分类*/
.tabBox .hd{ margin-top: 10px; height:40px; line-height:40px; font-size:12px;width:100%;background:#cdcbcb; border-bottom:1px solid #F5AB38; position:relative;  }
	.tabBox .hd ul{ position:absolute; height:41px; top:0; overflow:hidden; width:100%; }
	.tabBox .hd ul li,.tabBox .hd ul li.li1{ float:left; color:#272626;width:48%;font-weight:bold;  text-align: center;border-right: 1px solid #b5aeae;font-size: 14px;}
	.tabBox .hd ul li a{color: #333333;font-size: 14px;}
	.tabBox .hd ul li.li1{border-right:none;}
	.tabBox .hd ul li:hover{color:#d94e0b;font-weight:bold; background: #fff;border:2px solid #d94e0b;border-bottom-color:#fff;font-size: 14px;}
	.tabBox .bd{width:100%; height: auto;overflow: hidden;}
	.tabBox .bd ul{ padding:10px 0 10px 10px;  }
	.tabBox .bd li{ height:auto; overflow: hidden; margin-right: 3%; line-height:33px;width:30%;float: left;text-align: center;}
	.tabBox .bd li a{ color:#666;  }
	.tabBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
	
/*产品详情页*/	
.case_1{width:90%; margin:2% auto;}
.case_1_1{width:90%; margin:0 auto;}
.case_1_1 p.p1{ text-align:center; font-size:24px; font-weight:bold; margin-bottom:4%;}
.case_1_1 img{width:100%;}
.case_1_1 p{ line-height:35px; font-size:12px;margin: 2% 0 2% 0;}
.case_2{width:90%; margin-top:2%; text-align:center;}
.case_2 p{ line-height:35px;}
.case_2 a{color:#333;margin-right: 2%;}
.weizhi{width:100%; height:24px; line-height:24px;margin:0 auto; background:#D3D0D0;}
.weizhi p{ padding-left:2%;}
.weizhi a{color:#2D2C2C;}

.about{width: 94%;
margin: 3%;
line-height: 30px;height:auto;overflow: hidden;}
.about h2{ text-align:center; margin-bottom:2%;}

.prolist li{ display:inline-block; margin-left:2%; margin-top:18px;width:30%; text-align:center;}
.prolist a{display:block; width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
a.cp1{color:#fff;float: left;padding-left:10px;}
a.more{color:#fff;float:right;padding-right:18px;font-size: 12px;}
.protxt p{ height:23px; line-height:23px; color:#8A90A8; font-size:12px; font-weight:normal; text-align:center}
.proimg img{ display:block }

.caselist{padding-bottom:3%; background:#fff;}
.caselist li{margin-bottom:1%; height:auto;overflow:hidden; width:25%;float:left;}
.casetxt{ padding-top:2%;width:65%; float:left;color:#8A8EA7; line-height:18px; font-weight:normal; display:inline-block; font-size:12px;}
.casetxt p{ color:#41485B; width:100%; font-weight:normal;text-overflow:ellipsis; font-size:14px;overflow:hidden; word-break:break-all; white-space:nowrap;}
.caseimg{ display:inline-block;margin:5px ; width:94%; height:80%; max-height:100px; max-width:176px}
.caseimg img{margin-top:1px;}
.foot{ 
position:fixed; width:100%;bottom:0; left:0; right:0; z-index:1000; overflow:hidden; height:50px; line-height:50px;
	text-shadow: 0 1px 0 #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5B6275), to(#252A3D));
	background-image: -webkit-linear-gradient(#5B6275, #252A3D);
	background-image: -moz-linear-gradient(#5B6275, #252A3D);
	background-image: -ms-linear-gradient(#5B6275, #252A3D);
	background-image: -o-linear-gradient(#5B6275, #252A3D);
	background-image: linear-gradient(#5B6275, #252A3D);
}
.foot li{ float:left; width:100%; text-align:center; line-height:50px;background:url(../images/footline.jpg) no-repeat right center;}
.foot li a{ color:#BEC4D9 !important;}
.foot ul li.foottel P{background:url(../images/foottel.png) no-repeat left center; width:200px; text-align:right; margin:0 auto; height:100%;}
#telfoot{font-size:18px;}
.foot ul li.footmail P{width:67px; text-align:right; margin:0 auto; height:100%;}
.foot ul li.footmap P{background:url(../images/footicons1.png) no-repeat left center; width:60px; text-align:right; margin:0 auto; height:100%;}

.ui-bar-g {
	border: 1px solid #ccc;
	background: #252A3D;
	color: #333;
	text-shadow: 0 1px 0 #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5B6275), to(#252A3D));
	background-image: -webkit-linear-gradient(#5B6275, #252A3D);
	background-image: -moz-linear-gradient(#5B6275, #252A3D);
	background-image: -ms-linear-gradient(#5B6275, #252A3D);
	background-image: -o-linear-gradient(#5B6275, #252A3D);
	background-image: linear-gradient(#5B6275, #252A3D);
	
}
.ui-bar-g, .ui-bar-g input, .ui-bar-g select, .ui-bar-g textarea, .ui-bar-g button {
	font-family: Helvetica, Arial, sans-serif
}
.ui-bar-g .ui-link-inherit {
	color: #333
}
.ui-bar-g .ui-link {
	
	font-weight: bold
}
.ui-bar-g .ui-link:hover {
	color: #2489ce
}
.ui-bar-g .ui-link:active {
	color: #2489ce
}
.ui-bar-g .ui-link:visited {
	color: #2489ce
}


.ui-bar-h {
	border: 1px solid #ccc;
	background: #252A3D;
	color: #333;
	text-shadow: 0 1px 0 #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5B6275), to(#252A3D));
	background-image: -webkit-linear-gradient(#5B6275, #252A3D);
	background-image: -moz-linear-gradient(#5B6275, #252A3D);
	background-image: -ms-linear-gradient(#5B6275, #252A3D);
	background-image: -o-linear-gradient(#5B6275, #252A3D);
	background-image: linear-gradient(#5B6275, #252A3D);}

/**============底部=================**/
.copyright{text-align:center;margin:1em 0;font-size:1em; line-height:1.6em;color:#FF0000;}
.copyright a{color:#999;}
.footer{height:60px;}
.footer-con{width:100%;height:60px;position:fixed; z-index:100; right:0; bottom:0;background:#03A86E ;-webkit-transition:right .5s ease;transition:right .5s ease;}
.footer li{ float:left; width:33.3%;}
.footer li a,.footer li span{display:block;height:44px;padding:74px 0 0 0;text-align:center;font-size:24px;color:#fff;cursor:pointer;}
.footer li.zx a{background:url(../images/ico-mess.png) center 9px no-repeat; background-size:45%;}
.footer li.tel a{background:url(../images/ico-tel2.png) center 9px no-repeat;background-size:38%;}
.footer li.yy a{background:url(../images/ico-home.png) center 9px no-repeat;background-size:45%;}
/*资质证书*/
/* 本例子css -------------------------------------- */
	.picScroll{ margin:10px auto; text-align:center;  }
	.picScroll .bd ul{ width:100%;  float:left; padding-top:10px;  }
	.picScroll .bd li{ width:30%; float:left; font-size:14px; text-align:center;padding-left:2%; }
	.picScroll .bd li a{color:#333;}
	.picScroll .bd li img{ width:100%; height:90px;  background:url(../images/loading.gif) #fff center center no-repeat;  }
    .picScroll .hd{ height:40px; line-height:40px; background:#f6f6f6;   overflow:hidden; text-align:left;}
	.picScroll .hd ul{ float:right; padding-top:16px;   }	
	.picScroll .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden; 
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; 
	}
	.picScroll .hd .on{ background:#80BD6D;  }
	.picScroll .prev,.picScroll .next{ display:block; float:right;  width:18px; height:18px; background:url(../images/pisScrollIcons.png) -6px -7px no-repeat; overflow:hidden; margin:11px 5px 0 5px;  }
	.picScroll .next{ background-position:-34px -7px;padding-right: 20px; }
	.picScroll .prevStop{ background-position:-6px -40px; }
	.picScroll .nextStop{ background-position:-34px -40px; }
	/*友情链接*/ 
    .links{margin-top:0px;}
	.links h3{height:32px;padding:0 0 0 10px;line-height:32px;font-size:14px;background:#03A86E ;color:#fff;}
	.links .bd{padding:12px;}
	.links .bd a{margin:0 5px;font-size:12px;color:#333;}

	.copyright{font-size:0.8em;}
	.copyright p{color:#333;}
	.footer{height:60px}
	.footer .footer-con{height:59px;}
	.footer li{ float:left; width:25%;}
	.footer li a,.footer li span{height:22px;padding:37px 0 0 0;font-size:12px;line-height:18px;}
	.footer li.zx a{background:url(../images/ico-mess.png) center 7px no-repeat;background-size:29px 24px;}
	.footer li.tel a{background:url(../images/ico-tel2.png) center 7px no-repeat;background-size:26px 25px;}
	.footer li.yy a{background:url(../images/ico-home.png) center 7px no-repeat;background-size:27px 22px;}
	.footer li.dh span{background:url(../images/ico-nav2.png) center 7px no-repeat;background-size:24px 21px;}
	
  .subpages{width:96%;margin: 4% auto;height: auto;overflow: hidden;}
  .subpages p{line-height:30px;margin:4% 0 4% 0 ;}

/*新闻*/
.about ul.xinwen{width:100%;height:auto;overflow: hidden;}
.xinwen1{width:100%; height: auto;overflow: hidden;}
.xinwen1 li{width:100%;line-height: 45px;text-indent: 9px;}
.xinwen1 li a{color:#333;}
.xinwen1 li p{width:66%;white-space:nowrap; overflow: hidden;text-overflow: ellipsis;float: left;}
.xinwen1 span.time{width:20%;}
