body, div, p, a, ul, li, img{ margin: 0; padding: 0; border: 0; font-family: "微软雅黑"; }
body{ background: #FAFAFA; width: 100%; font-size: 0.8rem; }
ul{ list-style: none; }
a{ text-decoration: none; color: #000; cursor: pointer; }

.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}

.sy-ui-left-float{ float: left; }
.sy-ui-right-float{ float: right; }
.sy-ui-clear{ clear: both; }
.sy-ui-box{ display: block; }
.sy-center{ margin-left: auto; margin-right: auto; }
.sy-padding{ padding: 5%; }
.sy-min-padding{ padding: 3% 0; }
.sy-padding-top{ padding: 3% 0; }
.sy-min-margin-top{ margin-top: 3%; }
.sy-botder-top{ border-top: 1px solid #F1F2F4; }
.sy-padding-LR{ padding: 0 4%; }
.sy-color-1{ color: #FFF; }

.nax-box{ width: 100%; height: 50px; line-height: 50px; }
.nav-box-active{ background: #007950 !important; }
.nax-box .parent-nav{ width: 25%; height: 50px; line-height: 50px; background: #00A46E; text-align: center; color: #FFF; }
footer{ height: 50px; position: fixed; bottom: 0; width: 100%; }
#nav-1, #nav-2, #nav-3{ float: left; }
.sub-nav{ position: absolute; bottom: 50px; width: 25%; background: #FFF; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; display: none; }
.sub-nav li{ border-top: 1px solid #DFDFDF; }

.indexContent{ margin-bottom: 20%; }
#nowDay{ width: 100%; text-align: center; padding: 5% 0; color: #FFF; }
.indexContent .new-hot-img img{ width: 100%; height: 200px; background: #ddd; }
.indexContent .new-hot-img p{ height: 40px;line-height: 40px; color: #FFF; background: rgba(0,0,0,0.6); margin-top: -43px; position: absolute;width: 95%; padding-left: 5%; }
.new-list .list-item{ margin-top: 3%; }
.new-list .list-item img{ width: 20%; height: 55px; }
.new-list .list-item p{ width: 80%; }
.new-list{ margin: 15px auto 0;  background: url(../images/nav-bg.png) no-repeat center;  width: 98%;  background-size: 85%; }
.new-list a{ width: 50%; height: 50%; }


.server-item{ background: #FFF; }
.server-name{ margin-bottom: 3%; font-size: 0.4rem; }
.server-select{ color: #B8B6B6; font-size: 0.3rem; }

.focus{position: relative;width: 100%;height: 13rem;background-color: #000;}
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}
.focus .fPic{left: 0px;top: 0px;}
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }
.focus .shadow{width: 100%;position: absolute;bottom: 0;left: 0px;z-index: 10;height: 32px;line-height: 32px;background: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;display: block;text-align: left;}
.focus .shadow a{text-decoration:none;color:#fff;overflow:hidden;margin-left:10px;font-family: "\5FAE\8F6F\96C5\9ED1";}
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }
.focus .fcon img{ display:block; }
.focus .fbg{ bottom: 10px; left: 70%;position: absolute;height: 17px;text-align: center;z-index: 200;}
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:20px}
.focus .D1fBt a{position: relative;display: inline; width: 12px; height: 12px; border-radius: 11px; margin: 0px 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #FFF;}
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#EBE76B;}
.focus .D1fBt img{display:none}
.focus .D1fBt i{display:none; font-style:normal; }
.focus .prev,.focus .next{display:none;position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}
.focus .prev:hover{  background-position:0 0; }
.focus .next:hover{  background-position:-40px 0;}
.focus img{width: 100%;height: 13rem;}

.news-item{ background: #FFF; width: 94%; border-bottom: 1px dashed #DDD;padding: 2% 3%;  }
.news-item a{ font-size: 0.8rem;color: #9a9595;    display: table !important;
    width: 90%;  }
.news-item .title{     font-size: 1rem;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
    width: 100%; }
.news-item .summary{ color: #cbc6c6; }
.arrow{ background: url("../images/list-arrow.png") no-repeat center; width: 32px; height: 45px;    background-size: 50%; }

.address-title{ font-size: 1rem; color: #00794F; font-weight: bold; width: 100%; text-align: center; background: #FFF; height: 50px; line-height: 50px; }
.map-info{ background: #DDD; position: relative; }
.addressInfo{  background: #FFF;  position: absolute;  top: 0;  left: 0;  width: 100%;  margin-top: 1%;  padding: 0 2%;}
#allmap{ width: 100%; height: 100%; }
.address, .phone{ width: 100%; padding: 1% 0; }
.address-ico{ background: url("../images/location .png") no-repeat center; width: 16px; height: 16px; margin-right: 2%; }
.phone-ico{ background: url("../images/phone.png") no-repeat center; width: 16px; height: 16px;  margin-right: 2%;}
.address p{ font-size: 0.4rem; }
.phone p{ font-size: 0.4rem; }

.content-nav{ height: 50px; background:#20e3a3; }
.content-info{ width: 100%; background: #FFF; text-align: center; }
.content-info p{ text-align: center; padding-top: 3%; font-size: 1.2rem; padding-bottom: 3%; font-weight: bold; }
.content-info span{ text-align: center; font-size: 0.5rem; color: #B8B8B8; margin-bottom: 3%; }
.content-info .info img{ width: 100%; height: 200px; line-height: 1.6rem; }
.content-info .info{ line-height: 1.6rem; color: #B8B8B8; width: 95%; font-size: 0.5rem; }

.htit{line-height:1rem;padding:0 .3rem;color:#ff8e2e;font-size: .4rem;margin:1rem 0 .4rem 0}
.wrapper03 {position:relative;height: 1rem;width: 100%;overflow: hidden;margin:0 auto;border-bottom:1px solid #ccc}
.wrapper03 .scroller {position:absolute; background: #FFF; }
.wrapper03 .scroller li {height: 1rem;color:#333;float: left;line-height: 1rem;font-size: .4rem;text-align: center}
.wrapper03 .scroller li a{color:#333;display:block;margin:0 .3rem;padding:0 .1rem}
.wrapper03 .scroller li.cur a{color:#1cbb9b;height:.9rem;border-bottom:.1rem solid #1cbb9b; text-decoration: none; font-size: 0.4rem;}

.return-home{ border-radius: 0.4rem; background: #1cbb9b url(../imgages/home.png) no-repeat center; width: 32px; height: 32px;  padding: 1%; margin: 1.5% 0 0 1.5%; }
.nav-list{ border-radius: 0.4rem; background: #1cbb9b url(../imgages/nav-mobile-ico.png) no-repeat center; width: 32px; height: 32px;  padding: 1%; margin: 1.5% 0 0 1.5%; }
.server-list{ padding-bottom: 10%; }

.pagination li{     float: left;
    font-size: 0.5rem;
    background: #00A46E;
    margin: 0.5%;
    border-radius: 0.2rem;
    width: 25px;
    text-align: center;
    height: 25px;
    line-height: 25px; }
.pagination li a{ color: #FFF; }
.pagination{ height: 25px; margin-bottom: 20%;margin-top: 3%; }
.active {background:#8eefc3 !important;}

.line-ico{ background: url("../images/line.png") no-repeat center; width: 5%; height: 16px; margin-right: 2%;margin-top: 1%; }
.line-info{ width: 93%;  font-size: 0.7rem;}
.lineInfo{ position: absolute;
    top: 50px;
    left: 0;
    background: #FFF;
    margin-top: 0;
    width: 100%;
    padding: 0 2%;
    line-height: 1.5rem; }
.page-list{ width: 95%; margin: 0 auto 18%; }