@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
body{ font-family:"微软雅黑"; min-width:320px; max-width:640px; margin:auto }
li{ list-style:none}
a{ text-decoration:none}
h1,h2,h3,b{ font-weight:normal}
#logo{ width:45%; margin-left:5%; margin-top:10px; margin-bottom:5px}
#logo img{ width:100%}


.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:15px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:10px; padding:3px 10px;  
		-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#ccc; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#fff;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:auto; }

#nav{ width:100%; margin-top:8px; min-height:10px; overflow:hidden; border-bottom:1px solid #00a2e9; display:none}
#nav ul li{ width:33.3%; float:left; font-size:14px; text-align:center; margin-bottom:10px}
#nav ul li:nth-child(3){ display:none}
#nav ul li span{ padding:0px 5px 0px 5px; display:block; width:54%; margin-left:23%; height:23px; line-height:24px}
#nav ul li a{ color:#5d5d5d}
#nav ul li.on span{ background-color:#ff6100; color:#fff}

#icon{ width:100%; min-height:50px; overflow:hidden}
#icon ul li{ width:33.33%; float:left; margin-top:10px; margin-bottom:10px}
#icon ul li span{ display:block; width:46%; margin-left:27%}
#icon ul li span img{ width:100%}
#icon ul li p{ text-align:center; color:#ccc; font-size:15px}

#yingxiao{ margin-top:15px; width:100%; min-height:100px; overflow:hidden}
#yingxiao .title{ width:50%; margin-left:25%; margin-bottom:10px}
#yingxiao .title img{ width:100%}
#yingxiao h1{ text-align:center; font-size:16px; margin-bottom:10px; color:#f86d0d}
#yingxiao .tp{ width:90%; margin-left:5%}
#yingxiao .tp img{ width:100%}
#yingxiao .first_ul{ width:90%; margin-left:5%; border:1px solid #eee; min-height:100px; overflow:hidden; margin-bottom:20px}
#yingxiao .first_ul li{ width:50%; float:left; border-bottom:1px solid #eee; border-right:1px solid #eee; margin-left:-1px }
#yingxiao .first_ul li:nth-child(2){ border-right:none}
#yingxiao .first_ul li:nth-child(3){ border-bottom:none}
#yingxiao .first_ul li:nth-child(4){ border-bottom:none; border-right:none}
#yingxiao .first_ul li .pic{ width:30%; overflow:hidden; margin-left:35%; margin-top:10px}
#yingxiao .first_ul li .pic img{ width:100%}
#yingxiao .first_ul li h2{ font-size:14px; width:90%; margin-left:5%; line-height:26px; color:#5d5d5d; text-align:center}
#yingxiao .first_ul li p{ font-size:12px; width:90%; margin-left:5%; line-height:18px; color:#8f8989; height:105px; overflow:hidden; margin-bottom:10px}
.second_ul{ width:100%; min-height:50px; overflow:hidden; border-top:1px dashed #eee; margin-top:10px; margin-bottom:5px
}
.second_ul li{ width:20%; float:left; padding-top:6px; margin-left:-1px; border-right:1px dashed #eee; border-bottom:1px dashed #eee}
.second_ul li:last-child{ margin-bottom:6px}
.second_ul li span{ display:block; width:40%; margin-left:30%}
.second_ul li span img{ width:100%}
.second_ul li p{ font-size:10px; text-align:center; line-height:16px; color:#8f8989}

.moreBtn{ width:100px; height:30px; line-height:30px; background-color:#ff6100; color:#fff; text-align:center; margin:auto; border-radius:5px; margin-bottom:20px; font-size:14px}

#weixin{ margin-top:20px}
#weixin span{ display:block; width:90%; margin-left:5%; margin-bottom:20px}
#weixin span img{ width:100%}

#case{ position:relative; width:92%; margin-left:4%; height:320px}
#case .btn{ position:absolute; width:100%; height:60px; margin-top:70px;}

#case .btn img{ width:40px; margin-left:10px; margin-top:10px}
#case .btn .leftBtn{ position:absolute; left:0; width:60px; height:60px; background-color:#eaeaea; border-radius:50%}
#case .btn .leftBtn:hover{ background-color:#ccc}
#case .btn .rightBtn:hover{ background-color:#ccc}
#case .btn .rightBtn{ position:absolute; right:0; width:60px; height:60px; background-color:#eaeaea; border-radius:50%}
#case .title{ width:60%; margin-left:20%; margin-bottom:10px; margin-bottom:20px }
#case .title img{ width:100%}
#case .case{width:100px; position:absolute; left:50%; margin-left:-50px; height:210px; overflow:hidden}
#case ul{ position:absolute; width:1000px}
#case ul li{ width:100px; float:left}
#case ul li img{ width:100%}

#about{ width:100%; }
#about .title{ width:49%; margin-left:25.5%; margin-bottom:10px}
#about .title img{ width:100%}
#about p{ font-size:12px; text-align:center; color:#8f8989; line-height:22px}


#footer{ background-color:#080808; width:100%; height:145px; margin-top:15px; }
#footer h2{ color:#5a5a5a; font-size:12px; text-indent:4%; line-height:25px; padding-top:10px}
#footer h3{ color:#5a5a5a; font-size:12px; text-indent:4%; line-height:25px; margin-top:5px; font-weight:normal }
#footer p{ color:#b0b0b0; font-size:14px; text-indent:4%; line-height:25px}
#footer p b{ color:#ff0000}

#serverList{ width:100%; min-height:200px; overflow:hidden}
#serverList img{ width:100%}

.pages{ width:100%; height:40px; margin-top:20px }
.pages ul li{ font-size:12px; border:1px solid #2a2a2a; color:#2a2a2a; padding:5px 10px 5px 10px; float:left; margin-right:5px}
.pages ul li.curr{ background-color:#2a2a2a; background-color:#2a2a2a; color:#fff}

.pageContent{ width:96%; margin-left:2%}
.pageContent h1{ font-size:16px; text-align:center}
.pageContent img{ width:100%}
.pageContent .con{ font-size:14px !important; line-height:22px}



#caseList{ width:94%; margin-left:3%}
#caseList .title{ width:100%; border-bottom:1px solid #333; height:40px; margin-top:15px}
#caseList .title span{ width:20%; float:left; text-align:center; display:block; font-size:14px; text-align:center; line-height:25px }
#caseList .title span.curr{ color:#ff6100}
#caseList .title span.curr a{ color:#ff6100}
#caseList .title span a{ color:#333}

#caseList .p1{ font-size:14px; line-height:28px}
#caseList ul li{ width:100%; height:210px; position:relative; margin-top:12px}
#caseList ul li .pic{ width:100%; height:210px; position:absolute}
#caseList ul li .pic img{ width:100%; height:210px; }
#caseList ul li .hide{ width:100%; height:210px; position:absolute; background:rgba(0,0,0,.6); color:#fff}
#caseList ul li .hide h1{ font-size:18px; text-align:center; padding-top:30px}
#caseList ul li .hide p{ font-size:14px; text-align:center; width:90%; margin-left:5%; margin-top:20px}
#caseList ul li .hide b{ font-size:14px; text-align:center; margin-top:20px; display:block; }
#caseList ul li .hide a{ color:#fff}



#caseContent{ width:94%; margin-left:3%}
#caseContent .title{ width:100%; height:40px; position:relative; bottom:-15px}
#caseContent .title .left{ float:left; font-size:30px; font-weight:bold}
#caseContent .title .right{ float:right; font-size:14px; line-height:50px}
#caseContent .ms{ width:100%; min-height:50px; overflow:hidden; }
#caseContent .ms .time{ width:30%; text-align:center; float:left; margin-top:23px}
#caseContent .ms .time h3{ font-size:12px}
#caseContent .ms .txt{ width:70%;  float:right}
#caseContent .ms .txt h1{ font-size:18px; font-weight:bold; margin-bottom:3px}
#caseContent .ms .txt p{ font-size:10px; color:#808080; line-height:18px}