@charset "utf-8";
body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form { margin: 0; padding: 0; list-style: none; vertical-align: middle; font-weight:normal; }
img { border:0; margin: 0; padding: 0;   }
body { color: #000; -webkit-user-select: none; -webkit-text-size-adjust: none; font:normal 16px/200% "微软雅黑", helvetica, arial; text-align:left; background-color:#fff;   }
header, section, footer { display: block; margin: 0; padding: 0 ; border:none; outline:none;}
a{text-decoration:none;color:#000;}
i{font-style:normal;}
.left{float:left;}
.right{float:right;}
.wp{width:100%;}
h2 a{font-size:20px; color:#0a90e2;margin: 14px 0 0 2%;}
h2 i{font-size:16px; color:#6abb07; margin-left:5px;}
/*clearfloat*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.clear{ clear:both;}
/* 头部 */
html{width:100%;}
body{position:relative; width:100%;/*width:800px; margin:0 auto;*/}
/*.wrap{width:800px; margin:0 auto; position:relative; overflow:hidden;}*/
/* html{height:100%;} */
h1{line-height:0;font-size:0}
header{ /* background:#1785e7; */background:url(../images/headerbg.png) repeat #449cf5;  height:40px; line-height:0; font-size:0;  overflow:hidden;  z-index:0;}
header .top{height:39px; border-bottom:1px solid #3092eb;}
header .logo img{ font-size:0;height:100%; width:auto;}
header .logo {font-size:0; line-height:0; overflow:hidden; height:100%; } 
header .right{padding:5px 5px; height:30px; background:#6abb07;position:relative; }
header .line{width:30px; height:2px; background:#fff; margin-top:5px;}
header .unline{height:1px; background:url(../images/hederbtm.png) repeat-x;}
.asid{ position:absolute; top:40px; right:0; width:110px; display:block;  z-index:66;	background:#6abb07; color:#fff;z-index:999; display:none; }
.asid a{color:#fff; font-size:16px;}
.asid i{font-size:16px; color:#fff; padding:4px 6px; line-height:20px;}
.lo{position:absolute; width:100%; height:100%;  top:0; left:0; background:#999; z-index:99;}

/* 内容 */
#content{ width:100%;}
/* ----------------banner---------------------- */
.slideBox{ position:relative; overflow:hidden; margin:0 auto;width:100%;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:5px; right:10%; z-index:1; }
.slideBox .hd li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#fff;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li .txt{position:absolute; left:0; top:0; z-index:999; font-size:30px;}
.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%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:50%;  height:28px; line-height:24px; color:#fff;  text-align:left; font-size:14px; }
.slideBox .bd li .tit i{color:#fff; font-weight:bold;font-size:16px; margin-bottom:5px; line-height:30px;}
#service{margin:15px 0 0;}
#service ul{width:100%; margin:7px auto;}
#service ul li{width:50%; float:left; text-align:center; }
#service .ct{width:90%; border:1px solid #e1e1e1; background:#fff; position:relative; margin:0 auto 20px; }
#service .ct a{display:block}
#service .ct img{width:70%; margin:5% auto; display:block;}
#service .ct span{font-size:16px;  margin-top:-12px; text-align:center; color:#686868; display:block;margin-bottom:5%;} 
	
/* ------------------case-------------------- */
#picScroll .hd ul{padding-top:0;}
#picScroll .hd{ height:25px;margin-top:-30px; position:relative; z-index:9999; float:right;margin-right:2%;}
.picScroll{ margin:10px auto 0px; text-align:center; }
.picScroll .bd ul{ width:100%;  float:left; padding-top:10px;  }
.picScroll .bd li{ width:50%; float:left; font-size:14px; text-align:center; margin-bottom:20px;}
.picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ display:block; border:1px solid #e1e1e1;margin:0 3%; background:#fff;}
.picclient .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ display:block; border:none;margin:0 3%; background:none; box-shadow:none;}
.picScroll .bd li a h3{line-height:1.5; font-size:14px;margin:10px 0;color:#535353; text-align:center; text-indent:1em;width:98%; white-space: nowrap;
 text-overflow: ellipsis;  overflow:hidden;} 
.picScroll .bd li  h3 i{float:right;margin-right:5px;}
.picScroll .bd li img{ width:100%;    background:url(../images/loading.gif) #fff center center no-repeat;  }
.picScroll .hd{ height:40px; line-height:40px;    overflow:hidden; text-align:left;  padding:0 10px;  }
.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:#ffa800;  }
.picScroll .prev,.picScroll .next{ display:block; float:right;  width:18px; height:18px; background:url(images/pisScrollIcons.gif) -6px -7px no-repeat; overflow:hidden; margin:11px 5px 0 5px;  }
.picScroll .next{ background-position:-34px -7px; }
.picScroll .prevStop{ background-position:-6px -40px; }
.picScroll .nextStop{ background-position:-34px -40px; }
/*============================================client*/
 #client   h2{padding-left:5px;}
 .picclient{padding-left:10px; padding-right:5px; padding-bottom:10px; background:url(../images/clit_bg.png) repeat; position:relative; box-shadow:1px 4px 7px #ddd;}
.picclient .bd li{width:32%; margin-left:0;margin-right:0; overflow:hidden; margin:0;border:none; border-bottom:1px dashed #a5c2df;border-right:1px dashed #a5c2df; background:none;} 
.picclient .bd ul{width:96%; margin:0 auto;}
.picclient .bd li img{font-size:0; line-height:0;display:block; width:70%; background:none; margin:0 auto;}
.picclient .hd{position:absolute; bottom:-40px; right:0;}
.picclient .bd .no-boder{border-right:none;}
.picclient .bd .no-btder{border-bottom:none;}
/*========================news======================*/
#news {margin:20px 0 0;}	
.newslist li{height:80px; border:1px solid #e1e1e1; margin-top:10px; background:#fff; position:relative;}
.newslist li a{width:100%; height:100%; display:block; }
.newslist li img{display:block; height:100%; float:left; width:auto;}
.newslist li .txt{float:left; margin: auto 2%;width:96%; height:100%; overflow:hidden; vertical-align:middle}
.newslist li .txt h4{color:#4B4B4B; font-size:16px; line-height:1; margin-top:10px; overflow:hidden;   white-space: nowrap;
    width: 100%; text-overflow: ellipsis;}
.newslist li .txt .upTime{font-size:12px; color:#aaa;margin-top:10px; line-height:1;}
.newslist li .txt .detal{font-size:12px; line-height:1.5; margin-top:5px; color:#787878; overflow:hidden;   white-space: nowrap;
  width:100%; text-overflow: ellipsis;}	

.inlist {margin-bottom:40px;}
.inlist .xt{top:0;}

#fortop{position:fixed; bottom:70px; left:5px; width:70px; height:70px; opacity:0.9; background: #000 url(../images/fortop.png); display:none;}
.more{text-align:center; display:block; color:#727272; height:30px; border:1px solid #CCCCCC; line-height:30px; border-left:none; border-right:none; margin-top:20px;      background: url(../images/more.png) repeat-x; width:100%; }
/*footer*/
footer 
{
    margin-top:10px;padding:5px 0 20px;line-height:23px;height:100px;text-align:center;color: #646464;font-size: 1.5em;background:url('../images/foot_bg.gif');color:#fff;
  background-color:#4bb7ff; font-size:14px; }
footer a{color:#fff; padding:0 5px;}
.footer p{margin:10px;color:#fff}

nav{background:#f2f2f2; position:fixed;bottom:0;z-index:1; width:100%; height:55px;}
nav li{float:left; width:20%;text-align:center; background:url(../images/navboder.png) right center no-repeat; position:relative;z-index:5;}
nav >div{height:100%; position:relative;z-index:2;}
nav li img{width:56%; display:inline-block;}
nav li a{display:block; color:#909090;width:100%;height:100%;position:absolute; left:0; top:0; padding:0;  }
nav li i{ color:#909090; display:block;}
nav .icon-phone,nav .icon-envelope-alt{color:#fff;  font-size:26px;position:relative;  display:block;line-height:55px;}
nav .left{width:20%; background:#6abb07; position:relative; height:100%; display:block;}
.number{width:80%; background:#0a90e2; font-size:26px; color:#fff; height:100%;line-height:55px;}
.number a{color:#fff;}
nav .ph{width:100%; height:100%; position:absolute; top:0; left:0; z-index:5; background: url("about:blank");}
nav a{width:100%; height:100%; display:block; color:#fff;padding:0; }


/*indexEnd==================================================*/
/*about*/
.dh{color:#6a6a6a; border-bottom:1px solid #cacaca; background-color:#fff;}
.dh a{color:#6a6a6a; margin:0 2%;}
.ruifoxl{margin:10px 2%; width:96%}
.ruifoxl img{width:auto; height:auto;}
.cot{margin:0 2%; color:#282828; overflow:hidden;margin-bottom:40px;}
/*caselist*/
.caselist ul{margin:20px 0 60px 0;}
.caselist li{float:left; width:48%;margin-bottom:5px;border:1px solid #d2d2d2; }
.caselist li:nth-child(2n-1){margin-right:2%}
.caselist li a{display:block; width:100%;  font-size:0; line-height:0;}
.caselist li img{width:100%; }
.caselist li a span{line-height:1.5; font-size:16px; color:#767676; margin-left:5px;}
.caselist li a span i{float:right; margin-right:5px;}
.loading{ display:block; height:50px; width:100%; text-align:center; position:relative; top:-40px;}
.loading img{ width:30px;  }
.xt{top:-40px; position:relative; text-align:center;}
/*caseinside*/
.casetit{color:#282828; font-size:24px; text-align:center;margin-top:10px;}
.caseUpTime{font-size:14px; text-align:center; color:#8e8e8e;}
.detl{ margin:0 10px; overflow:hidden; margin-bottom:40px;}
.detl .casetxt{}
.detl li{margin-bottom:10px; width:100%;}
.detl img{width:100%; height:auto;}
/*img*/
.loadingd img{opacity:0;}
img{-webkit-transition:opacity 0.7s;-moz-transition:opacity 0.7s;-ms-transition:opacity 0.7s;transition:opacity 0.7s; width:100%;}
.loadingd{background:url(../images/loading.gif) no-repeat center center;}
.broken{background:#aaa url(../images/broken.png) no-repeat center center;}


/*caseins*/
.fp a{display:inline-block; width:48%; height:30px; background:url(../images/casbtn_bg.png) repeat-x; border:1px solid #D3D3D3; border-radius:2px; text-align:center; color:#727272}
/*contact*/
.contact>p{font-size:24px; line-height:1.5; }
.contact {margin-top:18px;}
.contact .phoneAnd{font-size:18px; line-height:1.5; margin-top:10px; color:#575757;}
.map{width:98%; height:200px; border:1px solid #000; margin-top:20px;}
/*service*/
.service ul li img{float:left; width:80px; }
.service {margin:0; margin-top:20px; margin-bottom:70px;}
.service ul li .describe{ float:left; width:70%; margin-left:10px;   }
.service ul li .describe h4,.service ul li .describe p{width:auto;}
.service ul li .describe h4{color:#010000;font-size:20px; }
.service ul li {border-bottom:1px dashed #A5A5A5; width:100%; display:block; padding-bottom:10px;}
.service ul li .describe p{color:#616161; margin-top:5px;}