@charset "utf-8";
/** header **/
.flashBox{position: relative;}
.slides .item{ position: absolute; display: block; width: 100%; background: no-repeat center;}
.pagination{ position:absolute; bottom: 50px; text-align: center; width: 100%; z-index: 999;}
.pagination a{ display: inline-block; margin: 0 10px; background: #fff; font-size: 0; overflow: hidden; text-indent: 99px; border-radius: 50%; width: 15px; height: 15px; box-shadow:0 3px 5px rgba(0,0,0,.3);}
.pagination a.current{ background:lightblue;}
 .bluePic{ background: #486591; }
 .bluePic td{  padding: 25px 5px; text-align: center;  font-size: 20px; }
 .bluePic a{color: #fff;}
 
 .hang1{ background: #eee; overflow: hidden;}
 .companyInfo .t{
     background: no-repeat; height: 40px; font-size: 25px; line-height: 40px; color:  #c98b2e; position: relative;  }
 .companyInfo .c{padding: 0 20px 10px 0; font-size: 14px; line-height: 26px; width: 396px; height: 126px; }
 .qellipsis{ text-overflow: ellipsis; overflow: hidden; }
 .cloumnTitle{  }
 .hang1 .comMore {text-align: center; vertical-align: middle;padding-top: 50px;}
 .hang1 .comMore .more { padding: 10px 30px; background: #c98b2e; color: #fff;  display: inline-block; }
 .seeMore{ font-size: 12px; position: absolute; right: 10px; color: gray; top: 10px; }
 .seeMore:hover{
     color: #ba2922;
 }
 .marginBottom{margin-bottom: 35px;}
 .hang {clear: both; overflow: hidden;}
.indexList-3{ clear:none; text-align: left; padding-top: 20px; position: relative; padding-right: 20px;}
.list-3{ padding-right: 0; }
 .hang .title{ position: relative; margin-bottom: 12px;}
 .hang .title span{ line-height: 35px; background: #fff; margin-left: 12px; display: inline-block; font-size: 20px;color: black; font-weight: bold;}
 .hang .title span:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 5px;
  height: 25px;
  left: 0;
  top: 5px;
  background-color: #ba2922;
 }
 .hang2 .more{color: #c98b2e; margin:0 15px;  line-height: 35px;}
 .hang2 .more:before{display: inline-block;line-height: 12px; margin-right: 5px;
font-family: cursive; width: 13px; height: 13px; text-align: center; border-radius: 50%;background:  #c98b2e;   color: #fff; content: ">";}
 .newsList .item{ position: relative; border-bottom: dashed 1px #eee; font-size: 14px; line-height: 24px; }
 .newsList .item a{ vertical-align: middle; }
 .newsList .item span{ color: #999; position: absolute; right: 10px;}
 
 .guBox{background: url(../images/gu_bg.jpg) no-repeat;   padding: 190px 0 45px 45px;}
 
 .guBox table{ width: 300px; line-height: 40px; font-size: 14px;color: #999; }
 
 .guBox .tx{ text-align: right; padding-right: 8px; color: #555;}
 .guBox .up{color: #ba2922;}
 .guBox .down{color: green;}
 
 .hang3 .c{  }
 .hang3 .c-left{ margin-right: 10px; padding-right: 5px; }
 .hang3 .c-right{ margin-right: 10px; padding-left: 5px; }
 .hang3 .c .item{ float: left;  height: 285px; width: 282px; overflow: hidden; }
 .hang3 .c .item a img{ transform: scale(1.1);transition:0.1s; }
 .hang3 .c .item a:hover img{ transform: scale(1) ; transition:0.5s; }
 .blueBox{ float: left; background: #486591; height: 285px; width: 282px; color: #fff; overflow: hidden; }
 .blueBox .i{float: right; color: #fff;font-size: 30px; margin: 10px;  }
 .blueBox .t{ font-size: 25px; display: block; margin: 100px 0 10px 10px;}
 .blueBox .d{ font-size: 16px; line-height: 25px; color: #f5f5ff; margin: 0 10px; display:block;}
 
 .hang4 .c .pic img{display: block; margin: 5px auto;}
 .hang4 .c  .more{ position: absolute; bottom: 55px; right: 10px;line-height: 35px; padding: 0 25px; color: #fff; background: #c98b2e; font-size: 16px;  }
 .hang4 .c  .more:hover{ background: #a96b0e;}
 .whBox{
     position:relative;
     text-align:center;
     line-height:25px;
     font-size:16px;
 }

.online, .offline{
    position:relative;
    padding:0;
    width:100%;
}
.ontext, .offtext{
    position: absolute;
}
.ontext{
    top: 130px;
    left: 65px;
    text-align: right;
}
.offtext{
    top: 130px;
    right: 36px;
    text-align: left;
}
.ontext .title, .offtext .title{
    color: white;
    font-size: 18px;
}
.ontext div, .offtext div{
    color: white;
    font-size: 14px;
    margin-bottom: 5px;
}