@charset "utf-8";
/* 样式初始化
--------------------------------------------------*/
html {height: 100%;}
body {font-family: Helvetica, Arial, sans-serif;background: #000; font-size:14px;-webkit-text-size-adjust: 100%;/*解决Iphone下橱窗字体变大问题*/height:100%; color:#333}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, section, article, aside, header, footer, nav, dialog, figure, hgroup {
	margin: 0;
	padding: 0;
}
a{  text-decoration:none;}
nav, footer, section, header, article {display: block;}
ul {list-style: none;}
a { -webkit-tap-highlight-color: rgba(0,0,0,0);	/*禁止链接高亮*/-webkit-touch-callout: none;	/*禁止链接长按弹出选项菜单*/}
a {color: #666;}
em ,i{ font-style:normal}

input, textarea {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
		appearance:none;
}
.left{ float:left}
.right{ float:right;}/* CSS Document */


#page{ max-width:600px; margin:0 auto; background:#fff; overflow:hidden}

header{ height:75px; -webkit-box-sizing:border-box; border-bottom:1px solid #a6a4a4; line-height:60px;}
header .logo{ padding-top:0px; padding-left:10px;}
header .logo img{ max-width:340px; padding-top:10px;}
/*nav{background: -webkit-linear-gradient(top,#be161b, #a61f23); border-top:1px solid #fff;}
nav ul{ -webkit-box-pack:center;-webkit-box-align:center;height:70px; width:100%; }
nav ul li{ text-align:center; background:url(../images/line.png) no-repeat right center;  float:left; width:25%; height:35px; line-height:35px; border-bottom:1px solid #be161b;}
nav ul li a{color:#FFFFFF}*/


/*.banner .swipe a, .banner .swipe a img{border:0;display:block;}

.banner .swipe{max-width:600px; height:auto;overflow:hidden;position:relative;margin:auto;}
.banner  .swipe img{ width:100%; height:auto;}
.banner .swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}*/
.banner .swipe #pagenavi{position:absolute;left:0;bottom:5px;text-align:center;width:100%;}
.banner .swipe #pagenavi a{width:8px;height:8px;line-height:99em;background:rgba(250,250,250,0.8);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 2px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.banner .swipe #pagenavi a.active{background:rgba(244,97,0,0.8);}

.banner{ margin-top:0px;}
.banner .swipe{max-width:600px;height:auto;overflow:hidden;position:relative;margin:auto;}
.banner  .swipe img{ width:100%; height:auto;}
.banner .swipe ul{-webkit-transition:left 800ms ease-in 0;-moz-transition:left 800ms ease-in 0;-o-transition:left 800ms ease-in 0;-ms-transition:left 800ms ease-in 0;transition:left 800ms ease-in 0;}
.banner .swipe #pagenavi{position:absolute;left:0;bottom:5px;text-align:center;width:100%;}
.banner .swipe #pagenavi a{width:8px;height:8px;line-height:99em;background:rgba(250,250,250,0.8);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 2px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.banner .swipe #pagenavi a.active{background:rgba(244,97,0,0.8);}

.case{ margin-top:10px; overflow:hidden}
.case h2 , .about h2 , .news h2{ background:#1d6caf; height:30px;  line-height:30px; border-bottom:1px solid #e8e8e8; font-size:14px;}
.case h2 span , .about h2 span , .news h2 span{ background:url(../images/yy.png) no-repeat; display:inline-block; width:85px; height:30px; padding-left:5px; color:#fff}
.case ul{ padding:5px 5px}
.case ul li{ float:left; width:50%; text-align:center;  }
.case ul li img{ width:162px;border:1px solid #ccc;    height: 180px;}
.case ul li a{ display:block; margin:5px;position:relative;}
.case ul li a p{ bottom:0; background:rgba(0,0,0,0.6); width:100%; height:30px; line-height:30px; color:#fff;}

.cases{ margin-top:10px; overflow:hidden}
.cases h2 , .about h2 , .news h2{ background:#1d6caf; height:30px;  line-height:30px; border-bottom:1px solid #e8e8e8; font-size:14px;}
.cases h2 span , .about h2 span , .news h2 span{ background:url(../images/yy.png) no-repeat; display:inline-block; width:85px; height:30px; padding-left:5px; color:#fff}
.cases ul{ padding:5px 5px}
.cases ul li{ float:left; width:50%; text-align:center;  }
.cases ul li img{ width:162px;border:1px solid #ccc; height: 150px;}
.cases ul li a{ display:block; margin:5px;position:relative;}
.cases ul li a p{ bottom:0; background:rgba(0,0,0,0.6); width:100%; height:30px; line-height:30px; color:#fff;}



.nei-case{ padding:10px;}
.nei-case ul li{ width:100%; margin-top:15px;}
.nei-case ul li img{ width:100%}
.nei-case ul li a p{ background:#dfdfdf; height:30px; line-height:30px; text-align:center; box-shadow:0px 1px 2px #666}

.about{ overflow:hidden}
.about .about-box{ padding:10px; line-height:1.45em}

.news ul li{ height:35px; line-height:35px; border-bottom:1px solid #ccc; padding-left:15px;}

.news ul li a{ color:#333; width:92%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:block}

footer{background: -webkit-linear-gradient(top,#fff, #e8e8e8); border-top:1px solid #9b9b9b; position:fixed; z-index:9999; height:56px;bottom:0px; width:100% }
footer ul{ display:-webkit-box;height:56px; -webkit-box-pack:center;-webkit-box-align:center}
footer ul li{-webkit-box-flex:1; text-align:center; border-right:1px solid #989898}
footer ul li a{ display:block; text-align:center;}

.top-list{background: -webkit-linear-gradient(top,#fff 80%, #d9d9d9); font-size:12px; border-bottom:1px solid #9AA8B3; height:35px; line-height:35px;  padding-left:15px;}

.top-list em{ height:0; width:0; border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #000; display:inline-block; margin-left:5px; }

.nei-show{ padding-bottom:15px; }
.nei-show .nei-about{ line-height:20px; position:relative; padding:15px;}

a.more{ margin:10px 30px 0px; border-radius:5px; border:1px solid #999; box-shadow:0px 1px 0px #fff inset; height:30px; line-height:30px;background: -webkit-linear-gradient(top,#fff, #e8e8e8); text-align:center; display:block}
a.more:active{background: -webkit-linear-gradient(top,#bab9ba, #e2e2e2);}
.pro ul{ overflow:hidden;}
.pro ul{ padding:10px; }
.pro ul li{ width:50%; float:left;}
.pro ul li a{ display:block; margin:10px;}
.pro ul li a img{ width:150px;border:1px solid #ccc; height:180px}
.pro ul li a  span{ display:block; text-align:center; margin-top:10px; }

.case1 ul{ overflow:hidden;}
.case1 ul{ padding:10px; }
.case1 ul li{ width:50%; float:left;}
.case1 ul li a{ display:block; margin:10px;}
.case1 ul li a img{ width:100%;border:1px solid #ccc; height:100%}
.case1 ul li a  span{ display:block; text-align:center; margin-top:10px; }

.kb{ height:57px;}

.new-list{ padding:15px;}
.new-list h3{ text-align:center}
.new-list  p.date{ color:#ccc; text-align:center; border-bottom:1px solid #999; text-align:center; padding-bottom:15px; padding-top:15px;}
.new-list .news-box{ padding-top:15px; line-height:25px;}

.feedback{ padding:10px;  }
input[type="text"]{ background-origin:padding-box; width:100%; height:30px; line-height:30px;  text-indent:1em; margin-top:10px;color:#666; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #ccc;}
textarea{ min-height:200px; margin-top:10px; color:#666; width:100%; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;  padding-top:5px;border:1px solid #ccc;}
input[type="button"]{ width:100px; height:30px;  background:#0e78fc;-webkit-appearance:none; vertical-align:middle; text-align:center; margin-top:15px; border-radius:5px;-moz-border-radius:5px;border:1px solid #ccc;color:#fff;}
.feedback p.yzm{ text-align:center; }
input[type="text"]:focus{ background:#e2e8ff;}
textarea:focus{ background:#e2e8ff;}

.list{ padding:15px;}
.list .pro-img{ text-align:center;}
.list .pro-img img{ max-width:100%}
.list h4{ border-bottom:1px solid #999; margin-top:10px; line-height:35px; line-height:35px;}
.list .pro-sm{ margin-top:15px;}
.list .pro-sm img{ max-width:100%}
.nei-about img{ max-width:100%}
.news-box img{ max-width:100%}