/*    reset  css */
*,
::before,
::after{
    /*选择所有的标签 */
    margin: 0;
    padding: 0;

    /*清除移动端默认的 点击高亮效果*/
    -webkit-tap-highlight-color: transparent;
    /*设置所有的都是以边框开始计算宽度  百分比*/
    -webkit-box-sizing: border-box;/*兼容*/
    box-sizing: border-box;
}

.clearfix::before,
.clearfix::after{
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

body,ul,li {padding:0;margin:0;border:0;list-style: none;}
*{
	padding: 0;margin: 0; border: 0;font-style: normal;font-weight: normal;
	-webkit-tap-highlight-color: rgba(0,0,0,0);	/*禁止链接高亮*/
	-webkit-touch-callout: none;				/*禁止链接长按弹出选项菜单*/
}
p{ margin-top:5px; margin-bottom:5px;}
b,strong{ font-weight:bold}
body {font-size:12px;-webkit-user-select:none;-webkit-text-size-adjust:none;font-family:Arial, Helvetica, sans-serif;}
a:link,a:visited{color:#333;text-decoration:none}
a:hover,a:active{color:#C00;text-decoration:none}
.top{position:fixed;z-index:2;top:0px;left:0px;background:#FFF; width:100%;height:65px; overflow:hidden;}
.top div{ width:100%; min-width:320px; max-width:640px; margin:-5px auto;}
.top img{ max-width:100%; max-height:38px; margin:0px auto;}
.top a{float:left;padding:20px 0px 10px 5px;}
.menu{
	position:fixed; z-index:2;
	top:65px; left:0;
	width:100%;
	height:36px;
	line-height:36px;
	background-color:#06B;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #05A), color-stop(0.05, #06B), color-stop(1, #048));
	background-image:-moz-linear-gradient(top, #05A, #06B 5%, #048);
	background-image:-o-linear-gradient(top, #05A, #06B 5%, #048);
	padding:0;
}
.menu ul{width:100%;overflow:hidden;min-width:320px;max-width:640px;margin:0px auto;}
.menu ul li{width:25%;display:block;color:#fff;text-align:center;float:left;}
.menu ul a{ width:100%;height:36px;line-height:36px;display:block; font-size:14px;text-align:center;text-shadow:1px 1px 2px #666;}
.menu ul a:link,.menu ul a:visited{color:#fff;text-decoration:none}
.menu ul a:hover,.menu ul a:active{color:#fff;text-decoration:none;background:#048;}
.footer{
	position:fixed; z-index:2;
	bottom:0; left:0;
	width:100%;
	height:42px;
	background-color:#222;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
	background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
	background-image:-o-linear-gradient(top, #999, #666 2%, #222);
	padding:0;
	border-top:1px solid #444;
}
.footer ul{width:100%;min-width:320px;max-width:640px;margin:0px auto;}
.footer ul li{float:left;width:20%;height:42px;overflow:hidden;}
.footer ul li a{width:100%;text-align:center;font-size:12px; padding-top:22px; line-height:20px; display:block}
.footer ul li a:link,.footer ul li a:visited{color:#FFF;text-decoration:none}
.footer ul li a:hover,.footer ul li a:active{ color:#06B;text-decoration:none}
.footer ul li a.a1{background:url(../images/footericon.png) center top no-repeat;}
.footer ul li a.a2{background:url(../images/footericon.png) center -40px no-repeat;}
.footer ul li a.a3{background:url(../images/footericon.png) center -80px no-repeat;}
.footer ul li a.a4{background:url(../images/footericon.png) center -120px no-repeat;}
.footer ul li a.a5{background:url(../images/footericon.png) center -160px no-repeat;}
/*内容*/
#container {
	position:absolute;
	z-index:1;top:100px;
	bottom:42px;
	left:0;
	width:100%;
	background:#FFF;
	/*overflow:auto;*/  /*显示滚动条*/
}
.iScroll{position:relative; z-index:1;width:100%;overflow:hidden; min-width:320px;max-width:640px;margin:0px auto; }
/*Banner*/
.jd_banner{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.jd_banner > ul:first-child{
    width: 500%;
    -webkit-transform:translateX(-20%);/*尽可能做webkit内核的兼容*/
    transform: translateX(-20%);
}
.jd_banner > ul:first-child > li{
    width: 20%;
    float: left;
}
.jd_banner > ul:first-child > li > a{
    width: 100%;
    display: block;
}
.jd_banner > ul:first-child > li > a > img{
    width: 100%;
    /*
    font-size 0
    block
    vertical-align: middle;
    */
    display: block;
}
.jd_banner > ul:last-child{
    width: 40px;
    height: 6px;
    position: absolute;
    bottom: 6px;
    left: 50%;
    margin-left:-20px;
}
.jd_banner > ul:last-child > li{
    width: 6px;
    height: 6px;
    float: left;
    border-radius: 3px;
    border: 1px solid #fff;
    margin-left: 10px;
}
.jd_banner > ul:last-child > li.now{
    background: #fff;
}
.jd_banner > ul:last-child > li:nth-child(1){
    margin-left: 0;
}

#product{
	width:100%;
	overflow:hidden;
	background:#fff;	
	position:relative;
	z-index:1;
}
#product .pic{width:100%;overflow:hidden}
#product .pic li{float:left;width:100%;overflow:hidden}
#product .pic li .imgWrap{width:100%; max-width:640px;}
#product .pic li img{width:100%;}
#product .btn{position:absolute; z-index:2;bottom:10px;}
#product .btn li {
	text-indent:-9999em;
	width:8px; height:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	background:#eee;
	overflow:hidden;
	margin-right:5px;
	float:left;
}
#product .btn li.active {background:#06B;}


/*首页*/
.title{width:100%;height:34px;background:#06B; -webkit-box-shadow:0px 2px 2px #999;-moz-box-shadow:0px 2px 0px #999;line-height:34px;}
.title b{padding-left:2.1%;float:left; width:auto; font-size:16px; color:#fff;
	font-size: 15px;	
	text-shadow: 1px 1px 1px #048;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;}
.title span{padding-right:2.1%;float:right; width:auto; text-shadow: 1px 1px 1px #048;word-wrap: break-word;word-break:break-all;}
.title span a:link,.title span a:visited{color:#fff; text-decoration:none;}
.title span a:hover,.title span a:active{color:#fff; text-decoration:underline}
.indexPro{overflow:hidden;width:100%;}
.indexPro ul{width:100%;padding:10px 1% 10px 1%; overflow:hidden; float:left}
.indexPro ul li{float:left;width:30%;padding:5px 1% 0px 1%; margin-bottom:5px; margin-left:5px;margin-right:5px;}
.indexPro ul li img{width:100%; float:left; border:1px solid #ccc;}
.indexPro ul li a{float:left;width:100%;}
.indexPro ul li span{overflow:hidden;width:100%;min-height:22px;max-height:22px;float:left;line-height:22px;text-align:center; font-size:12px}

.indexabout{overflow:hidden;width:95%;padding:10px 2% 10px 3%;}
.indexabout .L{ float:left; width:40%; }
.indexabout .L img{ width:100%}
.indexabout .R{float:left; width:58%; padding-left:2%; line-height:20px; color:#444}

.indexnews{overflow:hidden;width:97%;padding:10px 2% 10px 3%;}
.indexnews ul{float:left;width:100%}
.indexnews ul li{float:left; overflow:hidden; width:98%; padding:5px 1% 5px 1%; border-bottom:1px dotted #ccc;}
.indexnews ul li a{float:left;width:100%;font-size:14px;line-height:20px;}
.indexnews ul li span{float:left; width:100%; font-size:12px; color:#999; line-height:20px;}

.indexjoin{margin-bottom:10px;overflow:hidden;width:95%;padding:20px 2% 10px 3%; height:60px}
.indexjoin a{ float:left; width:37%; height:34px; font-size:16px; line-height:34px; padding-left:3%; margin-right:3%}
.indexjoin a:link,.indexjoin a:visited{border:1px solid #ccc; background:#eee; color:#444}
.indexjoin a:hover,.indexjoin a:active{border:1px solid #06B; background:#06B; color:#FFF;}
.bottom{margin-bottom:42px;overflow:hidden;width:100%;height:65px;background:#06B;text-align:center;color:#FFF; padding-top:10px; line-height:18px; font-size:12px;text-shadow: 1px 1px 1px #444;}
.bottom a:link,.bottom a:visited{color:#FFF; text-decoration:none} 
.bottom a:hover,.bottom a:active{ color:#FFF; text-decoration:underline}
/*内页展示*/
.imgWrap{background:#fff url(../images/loading.gif) no-repeat 50% 50%;text-align:center;overflow:hidden;min-height:100px}
.PageTit{width:100%; height:32px; line-height:32px; background:#06B; color:#FFF; font-size:16px; display:block; margin-top:1px; text-align:center; font-weight:bold;text-shadow: 1px 1px 1px #444;}
.PageNav{width:100%;padding:10px; padding-bottom:0px; display:block; float:left}
.PageNav li{float:left;margin-right:10px; margin-bottom:8px; overflow:hidden}
.PageNav li a{float:left;width:80px;line-height:30px;font-size:14px; text-align:center; height:30px; overflow:hidden}
.PageNav li a:link,.PageNav li a:visited{background:#f3f3f3;border:1px solid #ccc; color:#333}
.PageNav li a:hover,.PageNav li a:active{background:#06B; border:1px solid #7c0a2f; color:#FFF;}
.PageNav li.f12 a{font-size:12px;width:90px;}
.PageNav li.s a:link,.PageNav li.s a:visited,.PageNav li.s a:hover,.PageNav li.s a:active{background:#06B;border:1px solid #06B;color:#FFF;}
.PageCon{min-height:500px;_height:expression(this.scrollHeight < 500 ? "500px" : "auto"); width:100%;}
.PageText{width:96%;padding:10px 2% 10px 2%;overflow:hidden; font-size:14px; line-height:22px;}
.PageText img{max-width:100%;height:auto;width:auto;}
.procon{width:96%;padding:10px 2% 10px 2%;overflow:hidden; font-size:14px; line-height:22px;}
    .procon span{display:block;text-align:left;font-size:16px;font-weight:500; color:#06B;margin-top:15px;background:url(../images/arr2.png) no-repeat left center;background-size: 10px 10px; padding-left:15px;}
    .procon img{display:block; margin-top:20px;margin:10px auto 10px;max-width:100%;height:auto;width:auto;}
    .procon #p1{text-align:left;margin-top:5px;text-indent:2em;line-height:28px;}
    .procon #p2{text-align:left;margin-top:5px;margin-left:15px;line-height:28px;}
    .procon table{ margin-top:10px;width:100%;border-collapse:collapse; border:solid 1px #ccc;}
    .procon table td{ border:solid 1px #ccc; padding:3px;}

.productclass{width:96%;margin:10px auto;padding:0 0 10px 0;border:1px #ccc solid}
.productclass li{text-indent:1em;height:48px;line-height:49px; border-bottom:1px #ccc dashed;font-size:16px;background-size: 22px;}
.productclass blockquote{width:100%;
text-overflow:ellipsis;/*这就是省略号喽*/
white-space:nowrap;/*设置不折行*/
-o-text-overflow:ellipsis;/*兼容opera*/
overflow: hidden;}

.box-shadow{box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1);
-webkit-box-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1);
-moz-box-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);}

ul.ProductList{width:100%;overflow:hidden; }
ul.ProductList li{float:left;width:30%;padding:10px 1% 10px 1%; margin-bottom:5px; margin-right:1%}
ul.ProductList li img{width:97%; float:left;border:1px solid #ccc;}
ul.ProductList .imgWrap{width:100%;float:left;}
ul.ProductList li span{width:100%;max-height:22px;float:left;line-height:22px;text-align:center; font-size:12px}

ul.NewsList{width:96%;overflow:hidden; display:block; padding:10px 2% 10px 2%; }
ul.NewsList li{ width:96%; float:left;  border-bottom:1px solid #ccc; padding-bottom:5px;}
ul.NewsList li a{ display:block; line-height:30px;font-size:14px; padding-left:5px; height:30px; overflow:hidden;}
ul.NewsList li span{ font-size:12px; color:#999; padding-left:5px}


/* 分页控件样式开始*/
.paginator {font: 12px Arial, Helvetica, sans-serif; padding: 10px 0px 10px 0; margin:0px; text-align:center;}
    .paginator a { text-decoration: none; color: #999; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 6px; padding-bottom: 2px; margin-right: 3px; }
    .paginator a:visited { padding: 1px 6px; border: solid 1px #ddd; text-decoration: none; }
    .paginator .cpb { background: #06B; border: 1px solid #06B; color: #fff; border-radius: 3px; padding: 3px 6px; padding-bottom: 2px; margin-right: 3px; }
    .paginator a:hover { background: #06B; border: 1px solid #06B; color: #fff; }
/* 分页控件样式结束*/