

/*
*****高自动，超出部分隐藏****
 */
.ht-over{ height: auto; overflow: hidden;}
.tl{text-align: left;}
.tc{ text-align: center;}
.tr{ text-align:right;}
.fontBold{ font-weight: bold;}



.border-box{-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
.border-box:before,.border-box:after {-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
.table{color:#444c63;}
/*****设置为块元素*****/




.block{display: block;}
.lineBlock{display: inline-block;}
/*****设置包裹容器*****/
.container { width: 1200px;margin: 0 auto;}
/*****清除浮动样式设置**** */



.clearfix {display: block;zoom: 1;}
.clearfix:after,.clearfix:before{content: " ";display: block;font-size: 0;height: 0;clear: both; visibility: hidden;}
.float_lf,.fl{float: left;}
.float_rt,.fr{float: right;}
/*文字对齐*/
.tl{ text-align: left;}
.tr{ text-align: right;}
.tc{ text-align: center;}
/******高自动，超出部分隐藏*****/
.ht_over{ height: auto; overflow: hidden;}

/*遮罩层*/



.none,.displaynone{display:none;}
.maskBOX{position: fixed;top:0;bottom: 0;left: 0;right: 0;filter:alpha(opacity=30);background:#000;
      opacity: 0.5;z-index: 99;}




/*一行或者多行省率号显示*/
.fontrate{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.morerate{display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow: hidden;}
.threerate{display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 3;overflow: hidden;}
.fourrate{display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 4;overflow: hidden;}
.fiverate{display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 5;overflow: hidden;} 





/*IndexCenter*/

.IndexCenter{width:901px;border:1px solid #ffff00;margin:0 auto;overflow:hidden; background:#fff;height:572px;}


.centtop{
  position: absolute;
  left: 0px;
  top: 0px;
  /*height:37px;*/
  /*background:url(../images/img/centopbg.jpg) repeat-x; */
  font-size: 19px; color:#ffff00; line-height: 37px;
  text-indent: 13px; position:relative;
}


.centtop span{display:block;width:26px;height:26px;position:absolute;right:20px;top:0px;}
.centtop span img{width:26px;height:26px;cursor:pointer;}


.tabli{width:224px;height:inherit;}

.tabli li{background:#33180f;color:#fff;padding:12px 0 12px 8px;border-bottom:1px solid #fff; font-weight: bold;}

.tabli li:first-child{margin-top: 0;}
.tabli li .number{display:block;width:56px;height:56px;background:url(../images/img/navnumber.png) no-repeat;margin-right: 20px;}

.tabli li:nth-child(1) .number{background-position: 0 0;}
.tabli li:nth-child(2) .number{background-position: 0 -81px;}
.tabli li:nth-child(3) .number{background-position: 0 -162px;}
.tabli li:nth-child(4) .number{background-position: 0 -243px;}
.tabli li:nth-child(5) .number{background-position: 0 -324px;}
.tabli li:nth-child(6) .number{background-position: 0 -405px;}
.tabli li:nth-child(7) .number{background-position: 0 -486px;}


.tabli li .titleli{width:100%; height:inherit; font-size: 20px;line-height: 55px;}

.tabli li .orangecolor{color:#ffff00;}
.tabli li.on,
.tabli li:hover{background:url(../images/img/tab_on.png) center no-repeat;color:#b10204;}
.tabli li.on .titleli .orangecolor,
.tabli li:hover .titleli .orangecolor{color:#e60006;}

.tabli .tabliimg{ margin-top: 3px;}

.tabli .tabliimg img{width:100%;overflow:hidden;height:211px;}

.tabcontbox{width:675px;height:inherit;background:#fff; 
  text-align: center;padding :2px 0;}
.tabcont{display:none;height:auto;overflow:hidden;}

.orangebg{background:#eaaf29;line-height: 65px;font-size: 20px;color:#fff;font-weight: bold;}
.table2{line-height:76px;    overflow: hidden;
    overflow-y: auto;
    height: 526px;}
.table tr>td{border:1px solid #000;}
.table2 tr>td img{vertical-align: middle;}
.table2 tr>td:first-child{width:180px;}
.table table{width:100%; font-size: 16px;}
.table3 {height:540px;overflow-y:auto;}
.table3 table tr:first-child{line-height: 50px;}
.table3 table{width:100%; line-height: 48px;color: #7c6d4a;}
.table3 table tr:nth-child(2n){background: #ececec;}
.table3 table tr td.f-red{
    color: #ff0000!important;
    font-size: 15px;
    font-weight: bold;}
.table4 table{line-height: 48px;}
.tit a{font-size: 20px;line-height: 60px;color:#ff5400;}
.pop_list p{line-height: 30px; text-align: left; font-size: 15px;}
.title_sy {
    color: #666;
    font-size: 15px;
    line-height: 35px;
    font-weight: bold;
    padding-left: 20px;text-align: left;
    border-left: 5px solid #ff5400;
}
.mod1 {
    width: 780px;
    height: 540px;
    background: url(../images/img/xpjpop-con.png);
}
.mod1 .con {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 167px;
}
.mod .g1 {background: url(../images/common/imgs/g1.png);}
.con a{display:block;float:left;margin-left: 25px; margin-top:20px;}

.tabcont {
  position: relative;
}
.tabcont .contentBox {
  position: absolute;
  top: 207px;
  left: 90px;
  width: 540px;
  height: 280px;
  overflow: hidden;
}
.tabcont .contentBox li {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  width: 540px;
  line-height: 30px;
  color: #fff;
}
.tabcont .contentBox li span {
  width: 23%;
  display: inline-block;
}
.tabcont .scBox {
  text-align: center;
  font-weight: bold;
  color: #f8f9a5;
  font-size: 14px;
  width: 540px;
}
.tabcont .scBox p {
  display: inline-block;
  width: 22%;
}
.tabcont .scrolls {
  width: 540px;
  height: 172px;
  overflow: hidden;
  margin-top: 11px;
}