@charset "UTF-8";
/**
 * // vim: set expandtab cindent tabstop=4 shiftwidth=4 fdm=marker:
// +----------------------------------------------------------------------+
// | The CompanyName Jolene                                                  |
// +----------------------------------------------------------------------+
// | Copyright (c) 2016, CompanyName Jolene. All rights reserved.            |
// +----------------------------------------------------------------------+
// | Authors: The PHP Dev Team, ISRD, CompanyName Jolene.                    |
// |                                                                      |
// +----------------------------------------------------------------------+
 * 
 * @authors Your Name (you@example.org)
 * @date    2019-03-02 16:01:37
 * @version $Id$
 */
@font-face{
    font-family: 'tyfont';
    src : url('../fonts/tyfont.ttf');
}
@font-face{
    font-family: 'Times';
    src : url('../fonts/Times.ttf');
}
 body{
 	font-size: 12px;
 	color: #333;
 }
 .wapCont{
    max-width: 640px;
    margin: 0 auto;
 }
 .header{
    background-size: 100%;
    position: relative;
 }
 .header img{
  width: 100%;
 }
 .header .btn_menu{
  font-size: 18px;
  color: #FFF;
  position: absolute;
  top: 8px;
  right: 10px;
 }
.index_banner{
    clear: both;
    width: 100%;
    position: relative;
    overflow: hidden;
 }
 .index_banner img{
    width: 100%;
 }
 .index_banner  .slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 70px;
    width: 40px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: 0;
    outline: 0;
    z-index: 999;
}
.index_banner .slick-prev {
    left: 0px;
}
.index_banner .slick-next {
    right: 0px;
}
.index_banner .slick-prev:before,.slick-next:before{
    content: '';
    width: 72px;
    height: 72px;
}
.index_banner .slick-prev{
    background: url(../images/btn_left.png) no-repeat center;
}
.index_banner .slick-next{
    background: url(../images/btn_right.png) no-repeat center;
}

.index_main{
  overflow: hidden;
}

.index_cate{
  overflow: hidden;
  padding: 10px 0;
}
.index_cate a{
  display: block;
  width: 25%;
  float: left;
  text-align: center;
  padding-top: 80px;
  background-size: 70px;
  background-position: center top 10px;
  background-repeat: no-repeat;
}
.index_cate a span{
  display: block;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  font-weight: 550;
}
.index_cate a.a1{
  background-image: url(../images/a1.png);
}
.index_cate a.a2{
  background-image: url(../images/a2.png);
}
.index_cate a.a3{
  background-image: url(../images/a3.png);
}
.index_cate a.a4{
  background-image: url(../images/a4.png);
}
.index_cate a.a5{
  background-image: url(../images/a5.png);
}
.index_cate a.a6{
  background-image: url(../images/a6.png);
}
.index_cate a.a7{
  background-image: url(../images/a7.png);
}
.index_cate a.a8{
  background-image: url(../images/a8.png);
}

.index_title{
  overflow: hidden;
  padding: 10px 0;
  text-align: center;
}
.index_title h3{
  font-size: 22px;
  color: #42929d;
  font-weight: 550;
}
.index_title .line{
  width: 60%;
  margin: 16px auto;
  border-bottom: 1px solid #000;
}
.index_title h5{
  width: 100px;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 550;
  margin-top: -32px;
  background: #FFF;
}

.index_about,.index_server,.index_news{
  overflow: hidden;
  padding: 10px 0;
}
.index_about .left{
  width: 46%;
  float: left;
  border: 2px solid #96a2b7;
  padding: 10px;
  margin-left: 8px;
}
.index_about .left img{
  width: 100%;
}
.index_about .right{
  width: 46%;
  float: right;
  margin-right: 8px;
  line-height: 24px;
  font-size: 13px;
  text-indent: 2em;
}

.index_server .bd_cont{
  overflow: hidden;
  padding: 0 4px;
}
.index_server .bd_cont a{
  display: block;
  width: 30%;
  height: 160px;
  float: left;
  margin: 0 1%;
  margin-bottom: 12px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.index_server .bd_cont a span{
  display: block;
  text-align: center;
  font-size: 13px;
  color: #FFF;
  font-weight: 550;
  margin-top: 94px;
}
.index_server .bd_cont a:nth-child(1){
     background-image: url(../images/index_01.png);
}
.index_server .bd_cont a:nth-child(2){
     background-image: url(../images/index_02.png);
}
.index_server .bd_cont a:nth-child(3){
     background-image: url(../images/index_03.png);
}
.index_server .bd_cont a:nth-child(4){
     background-image: url(../images/index_04.png);
}
.index_server .bd_cont a:nth-child(5){
     background-image: url(../images/index_05.png);
}
.index_server .bd_cont a:nth-child(6){
    background-image: url(../images/index_06.png);
}


.index_news .nav{
  text-align: center;
}
.index_news .nav a{
  padding: 4px 22px;
  background: #00a06e;
  margin: 0 10px;
  overflow: hidden;
  font-size: 14px;
  color: #FFF;
}
.index_news .bdCont{
  overflow: hidden;
  padding: 20px 6px;
}
.index_news .bdCont dl{
  overflow: hidden;
  margin-bottom: 18px;
}
.index_news .bdCont dl dt{
  width: 20%;
  float: left;
}
.index_news .bdCont dl dt img{
  width: 100%;
}
.index_news .bdCont dl dd{
  width: 78%;
  float: right;
}
.index_news .bdCont dl dd h3{
  font-size: 15px;
  font-weight: 550;
  margin-bottom: 8px;
}
.index_news .bdCont dl dd p.times{
  border-bottom: 1px solid #ddd;
  color: #666;
  padding-bottom: 4px;
}
.index_news .bdCont dl dd p.digest{
  color: #999;
  line-height: 22px;
}
.index_news .more{
  display: block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  background: #00be6e;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  margin: 0 auto;
}

.index_case .bdCont{
  background-color: #00be6e;
  padding: 20px 0;
  overflow: hidden;
}
.index_case .bdCont .slick-prev,.index_case .bdCont .slick-next {
    position: absolute;
    display: block;
    height: 70px;
    width: 40px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: 0;
    outline: 0;
    z-index: 999;
}
.index_case .bdCont .li{
  margin-left: 10px;
}
.index_case .bdCont .li img{
  width: 92%;
}
.index_case .bdCont .li .title{
  display: block;
  color: #FFF;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
}

.footer{
  text-align: center;
  line-height: 24px;
  color: #666;
  padding-bottom: 50px;
  border-top: 1px solid #00a06e;
}
.foot_tag{
  width: 100%;
  height: 50px;
  background: #070707;
  color: #FFF;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999;
}
.foot_tag a{
  display: block;
  width: 25%;
  float: left;
  text-align: center;
  color: #FFF;
  padding-top: 8px;
  font-size: 14px;
}
.foot_tag a i{
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
}

.page_main{
  overflow: hidden;
}

.page_position{
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #ddd;
  padding: 0 4px;
  margin-bottom: 4px;
}
.page_position h3{
  font-size: 18px;
  float: left;
  border-bottom: 2px solid #00be6e;
  padding: 0 6px;
}
.page_position p{
  float: right;
}

.page_menu{
  overflow: hidden;
  clear: both;
  text-align: center;
  padding: 10px 0;
}
.page_menu a{
  display: block;
  width: 130px;
  height: 30px;
  line-height: 30px;
  float: left;
  text-align: center;
  background-color: #00a06e;
  color: #FFF;
  font-size: 14px;
  margin-left: 6px;
  margin-bottom: 6px;
}

.view_details{
  overflow: hidden;
  padding: 10px;
}
.view_details h1{
  font-size: 24px;
  text-align: center;
  margin-bottom: 10px;
}
.view_details .details_title{
  text-align: center;
  line-height: 26px;
  color: #999;
}
.view_details .details_title span{
  padding: 0 4px;
}
.view_details .content{
  line-height: 32px;
  font-size: 14px;
  color: #666;
}
.view_details .content img{
  width: 100%;
}

.article_list{
  overflow: hidden;
  padding: 10px 8px;
}
.article_list dl{
  overflow: hidden;
  margin-bottom: 10px;
}
.article_list dl dt{
  width: 20%;
  float: left;
}
.article_list dl dt img{
  width: 100%;
  height: 100%;
}
.article_list dl dd{
  width: 76%;
  float: right;
}
.article_list dl dd h3{
  font-size: 14px;
  margin-bottom: 6px;
  font-weight: 550;
}
.article_list dl dd p.times{
  border-bottom: 1px solid #ddd;
  color: #666;
  padding-bottom: 4px;
}
.article_list dl dd p.digest{
  color: #999;
  line-height: 22px;
}

.photo_list{
  overflow: hidden;
  padding: 14px 8px;
}
.photo_list li{
  width: 48%;
  float: left;
  margin: 0 1%;
  margin-bottom: 10px;
}
.photo_list li .pic {
  width: 100%;
  height: 138px;
}
.photo_list li .pic img{
  width: 100%;
  height: 100%;
}
.photo_list li .title{
  line-height: 24px;
  text-align: center;
  font-size: 14px;
}
.message_list{
  width: 300px;
  overflow: hidden;
  padding: 10px 8px;
  margin: 0 auto;
}
.message_list .mes_item{
  overflow: hidden;
  margin-bottom: 10px;
}
.message_list .mes_item label{
  overflow: hidden;
  font-size: 14px;
  margin-right: 8px;
}
.message_list .mes_item .txt{
  width: 220px;
  height: 30px;
  float: right;
  border: 1px solid #ddd;
}
.message_list .mes_item #content{
  width: 220px;
  height: 120px;
  border: 1px solid #ddd;
}
.message_list .mes_item #captcha{
  width: 112px;
  height: 30px;
  border: 1px solid #ddd;
}
.message_list .mes_item .captchaImg{
  width: 100px;
}
.message_list .btn_submit{
  display: block;
  width: 120px;
  height: 32px;
  background: #00be6e;
  color: #FFF;
  margin: 0 auto;
  border: none;
  font-size: 14px;
}

.server_list{
  overflow: hidden;
  padding: 0 8px;
}
.server_list a{
  display: block;
  width: 30%;
  height: 160px;
  float: left;
  margin: 0 1%;
  margin-bottom: 12px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.server_list a span{
  display: block;
  text-align: center;
  font-size: 13px;
  color: #FFF;
  font-weight: 550;
  margin-top: 94px;
}
.server_list a:nth-child(1){
     background-image: url(../images/index_01.png);
}
.server_list a:nth-child(2){
     background-image: url(../images/index_02.png);
}
.server_list a:nth-child(3){
     background-image: url(../images/index_03.png);
}
.server_list a:nth-child(4){
     background-image: url(../images/index_04.png);
}
.server_list a:nth-child(5){
     background-image: url(../images/index_05.png);
}
.server_list a:nth-child(6){
    background-image: url(../images/index_06.png);
}


.view_foot{
  overflow: hidden;
  line-height: 28px;
}
.view_foot span{
  display: block;
}

.index_link{
  overflow: hidden;
  margin-top: 10px;
}
.index_link .index_title{
  overflow: hidden;
  line-height: 30px;
  border-bottom: 1px solid #c5c1c1;
}
.index_link .index_title h3{
  font-size: 16px;
  margin-right: 10px;
  padding: 0 12px;
  float: left;
}
.index_link .index_title em{
  font-size: 14px;
  color: #4795a0;
  float: left;
}
.index_link .bdCont{
  overflow: hidden;
  padding: 10px 6px;
}
.index_link .bdCont a{
  display: block;
  width: 33%;
  text-align: center;
  line-height: 26px;
  float: left;
}

/**
 * 分页
 */
#page{
  text-align: center;
  overflow: hidden;
  clear: both;
}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline;border:none;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#00be6e;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#00be6e;border-color:#00be6e}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;}