@charset "UTF-8";
body{
    font-size: 12px;
    color: #333;
 }
 a{
    font-size: 12px;
 }
 a:hover{
    color: #ffa303;
 }


.top{
    height: 36px;
    line-height: 36px;
    background: #f2f2f2;
    border-bottom: 1px solid #cccacb;
    color: #666;
}
.top .topRight{
    float: right;
}
.top h2.welcome{
    float: left;
}
.top a{
    padding: 0 6px;
    color: #666;
}

.head{
    padding: 24px 0;
    position: relative;
}
.head .phone{
    width: 302px;
    height: 49px;
    position: absolute;
    top: 30px;
    right: 0;
    background: url(../images/phone.png) no-repeat;
}

/**
 * menu
 */
.menu{
    height: 54px;
    background: url(../images/menu_bg.png) no-repeat center;
}
.menu li{
    float: left;
    width: 140px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-right: 2px solid #fc6703;
}
.menu li a{
    display: block;
    font-size: 16px;
    color: #FFF;
}
.menu li .box{
    z-index: 99999;
    background: #FFF;
    position: absolute;
    display: none;
}
.menu li .box a{
    display: inline;
    font-size: 15px;
    color: #333;
    padding: 0 18px;
}
.menu li:hover .box{
    display: block;
}

/**
 * banner
 */
.indexBanner{
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
}
.indexBanner .slideBox{
  width:100%;
  height:500px;
  overflow:hidden;
  position:relative;
}
.indexBanner .slideBox .hd{
  height:20px;
  overflow:hidden;
  position:absolute;
  left:48%;
  bottom:10px;
  z-index:1;
}
.indexBanner .slideBox .hd ul{
  overflow:hidden;
  zoom:1;
  float:left;
}
.indexBanner .slideBox .hd ul li{
  float: left;
  margin: 0px 3px;
  width: 6px;
  height: 6px;
  overflow: hidden;
  cursor: pointer;
  background: #fff;
  transition: width 1s;
  cursor: pointer;
}
.indexBanner .slideBox .hd ul li.on{
    width: 18px;
}
.indexBanner .slideBox .bd{
    position:relative;
    height:100%;
    z-index:0;
}
.indexBanner .slideBox .bd li{
    zoom:1;
    vertical-align:middle;
}
.indexBanner .slideBox .bd img{
    width:100%;
    height:500px; 
    display:block;
    border: none;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.indexBanner .slideBox .prev,
.indexBanner .slideBox .next{
    position:absolute;
    left:10px; 
    top:50%;
    margin-top:-25px;
    display:none;
    width: 34px;
    height: 70px;
    background-repeat: no-repeat;
    z-index: 99999;
}
.indexBanner .slideBox .prev{
    background-image: url(../images/btn_left.png);
}
.indexBanner .slideBox .next{
    left:auto;
    right:10px;
    background-image: url(../images/btn_right.png);
}
.indexBanner .slideBox:hover .prev,.indexBanner .slideBox:hover .next{
    display: block;
}

 .main{
    overflow: hidden;
 }
 .main .title{
    height: 85px;
    line-height: 64px;
    background: url(../images/index_title.png) no-repeat center;
    color: #FFF;
    font-size: 28px;
    text-align: center;
    margin-bottom: 30px;
 }
 .main .more{
    display: block;
    width: 277px;
    height: 37px;
    line-height: 37px;
    background: url(../images/index_more.png) no-repeat center;
    margin: 0 auto;
    text-align: center;
    color: #fe7d02;
    font-size: 16px;
    margin-top: 20px;
    text-indent: 0;
 }
.indexYy{
    height: 64px;
    line-height: 64px;
    background: #272828;
    color: #FFF;
}
.indexYy span{
    font-size: 16px;
    padding-right: 6px;
}
.indexYy .input-txt{
    width: 146px;
    height: 30px;
    border: none;
    padding: 4px;
    color: #666;
    margin-right: 18px;
}
.indexYy .input-select{
    width: 146px;
    height: 30px;
    border: none;
    color: #666;
    margin-right: 18px;
}
.indexYy .input-num{
    width: 160px;
}
.indexYy .input-code{
    width: 80px;
}

.indexYy .btn-submit{
    width: 138px;
    height: 30px;
    color: #FFF;
    background: #e50000;
    border: none;
    cursor: pointer;
    margin-left: 20px;
    font-size: 15px;
}


.indexServer{
    overflow: hidden;
}
.indexServer .title{
    height: 96px;
    line-height: 78px;
    background: url(../images/server_title.png) no-repeat center;
    color: #FFF;
    font-size: 28px;
    text-align: center;
}
.indexServer a{
    display: block;
    width: 159px;
    height: 205px;
    overflow: hidden;
}
.indexServer a.s1{
    background: url(../images/server1.png) no-repeat;
}
.indexServer a.s1:hover{
    background: url(../images/server1_h.png) no-repeat;
}
.indexServer a.s2{
    background: url(../images/server2.png) no-repeat;
}
.indexServer a.s2:hover{
    background: url(../images/server2_h.png) no-repeat;
}
.indexServer a.s3{
    background: url(../images/server3.png) no-repeat;
}
.indexServer a.s3:hover{
    background: url(../images/server3_h.png) no-repeat;
}
.indexServer a.s4{
    background: url(../images/server4.png) no-repeat;
}
.indexServer a.s4:hover{
    background: url(../images/server4_h.png) no-repeat;
}
.indexServer a.s5{
    background: url(../images/server5.png) no-repeat;
}
.indexServer a.s5:hover{
    background: url(../images/server5_h.png) no-repeat;
}

.indexServer .bdCont{
    padding: 44px 0;
    overflow: hidden;
}
.indexServer .bdCont a{
    display: block;
    width: 159px;
    height: 205px;
    float: left;
    margin: 0 38px;
    -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  -ms-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
}
.indexServer .bdCont a:hover{
    margin-top: -10px;
}

.indexCompany{
    overflow: hidden;
    padding-bottom: 30px;
    height: 566px;
    background: url(../images/comdesc_bg.png) no-repeat right top 104px;
}
.indexCompany .sonNav{
    padding-bottom: 12px;
    overflow: hidden;
}
.indexCompany .sonNav a{
    font-size: 16px;
    color: #656565;
    margin: 0 14px;
    padding: 0 6px;
    padding-bottom: 4px;
    font-weight: 600;
}
.indexCompany .sonNav a.curson{
    border-bottom: 2px solid #ffa303;
}


.indexCompany .bdCont{
    overflow: hidden;
    margin-top: 20px;
}
.indexCompany .bdCont .left{
    width: 694px;
    height: 360px;
    float: left;
}
.indexCompany .bdCont .left img{
    width: 100%;
    height: 360px;
}
.indexCompany .bdCont .right{
    width: 496px;
    float: right;
}
.indexCompany .bdCont .right h2{
    height: 76px;
    line-height: 76px;
    color: #787878;
    font-size: 22px;
    font-weight: 600;
    text-align: right;
    border-bottom: 2px solid #cecdcc;
    padding-right: 12px;
}
.indexCompany .bdCont .right .desc{
    padding-top: 20px;
    line-height: 24px;
    font-size: 14px;
    text-indent: 2em;
}


.indexKc{
    overflow: hidden;
}
.indexKc .bdcont{
    overflow: hidden;
}
.indexKc .bdcont li{
    width: auto;
    float: left;
    overflow: hidden;
    -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  -ms-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
}
.indexKc .bdcont li.current .right{
    display: block;
}
.indexKc .bdcont li.current .right .img{
    width: 257px;
    height: 237px;
    float: left;
    overflow: hidden;
    border: 1px solid #cecdcd;
}
.indexKc .bdcont li.current .right .img img{
    width: 100%;
    height: 237px;
}
.indexKc .left{
    width: 64px;
    overflow: hidden;
    float: left;
}

.indexKc .left a{
    display: block;
    width: 63px;
    height: 286px;
    float: left;
    margin-right: 10px;
}
.indexKc .left a.kx1{
    background: url(../images/kx1.png) no-repeat center;
}
.indexKc .left a.kx2{
    background: url(../images/kx2.png) no-repeat center;
}
.indexKc .left a.kx3{
    background: url(../images/kx3.png) no-repeat center;
}
.indexKc .left a.kx4{
    background: url(../images/kx4.png) no-repeat center;
}
.indexKc .left a.kx5{
    background: url(../images/kx5.png) no-repeat center;
}
.indexKc .left a.kx6{
    background: url(../images/kx6.png) no-repeat center;
}
.indexKc .left a.kx7{
    margin: 0;
    background: url(../images/kx7.png) no-repeat center;
}

.indexKc .right{
    width: 680px;
    height: 274px;
    background: url(../images/kc_bg.png) no-repeat center;
    float: left;
    padding-left: 14px;
    padding-right: 16px;
    padding-top: 8px;
    margin-top: 4px;
    overflow: hidden;
    display: none;
}

.indexKc .right dl{
    width: 382px;
    overflow: hidden;
    float: right;
}

.indexKc .right dl dd{
  width: 382px;
  overflow: hidden;
}
.indexKc .right dl dd h3{
  line-height: 30px;
  font-size: 16px;
}
.indexKc .right dl dd h3 a{
    line-height: 30px;
  font-size: 16px;
  color: #333;
}
.indexKc .right dl dd .line{
    width: 180px;
    border-bottom: 2px solid #595757;
}
.indexKc .right dl dd .price{
    overflow: hidden;
    line-height: 32px;
}
.indexKc .right dl dd .price span{
    color: #595757;
    font-size: 14px;
    margin-right: 16px;
}
.indexKc .right dl dd .price span em{
    font-size: 16px;
    color: #ff751e;
}
.indexKc .right dl dd .price span label{
    text-decoration: line-through;
}
.indexKc .right dl dd .price span.y{
    color: #858483;
}
.indexKc .right dl dd p{
  line-height: 26px;
  height: 26px;
  color: #818181;
  font-size: 13px;
  overflow: hidden;
  border: none;
}
.indexKc .right dd p em{
  color: #d82832;
  padding: 0 6px;
}
.indexKc .right dd .btn-bm{
    background: #ff8800;
    width: 116px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    float: right;
    color: #FFF;
    font-size: 14px;
    border-radius: 4px;
    margin-right: 14px;
}
.indexKc .right p{
    height: 30px;
    width: 382px;
    line-height: 30px;
    font-size: 14px;
    border-bottom: 1px dashed #7a7979;
}
.indexKc .right p a{
    font-size: 14px;
    color: #7a7979;
}
.indexKc .right p span{
    float: right;
    color: #e50000;
}

.indexNews{
    margin-top: 30px;
}
.indexNews .sonNav{
    padding-bottom: 14px;
    overflow: hidden;
    text-align: center;
}
.indexNews .sonNav a{
    font-size: 16px;
    margin: 0 14px;
    padding: 0 6px;
    font-weight: 600;
    color: #656565;
    padding-bottom: 4px;
}
.indexNews .sonNav a.curson{
    border-bottom: 2px solid #ffa303;
}
.indexNews .bdCont{
    margin-top: 20px;
    overflow: hidden;
}
.indexNews .bdCont ul{
    display: none;
}
.indexNews .bdCont ul.curson{
    display: block;
}

.indexNews .bdCont dl{
    float: left;
    width: 590px;
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 14px;
    margin-bottom: 20px;
}
.indexNews .bdCont dl dt{
    width: 206px;
    height: 148px;
    float: left;
}
.indexNews .bdCont dl dt img{
    width: 206px;
    height: 148px;
}
.indexNews .bdCont dl dd{
    width: 372px;
    float: right;
}
.indexNews .bdCont dl dd h2{
    font-size: 16px;
    margin-bottom: 10px;
}
.indexNews .bdCont dl dd h2 a{
    font-size: 16px;
}
.indexNews .bdCont dl dd p{
    line-height: 22px;
    font-size: 13px;
    color: #666;
}
.indexNews .bdCont dl dd p .detail{
    float: right;
}
.indexNews .bdCont dl dd span{
    display: block;
    border-left: 2px solid #c2c2c2;
    color: #c2c2c2;
    padding-left: 10px;
    margin-top: 8px;
}


.indexBm{
    overflow: hidden;
    padding: 30px 0;
}
.indexBm .bdCont{
    height: 598px;
    background: url(../images/bm_bg.png) no-repeat center;
    padding-top: 88px;
}
.indexBm .bdCont .left{
    width: 460px;
    float: left;
    margin-left: 66px;
}
.indexBm .bdCont .left span{
    display: block;
    width: 80px;
    line-height: 34px;
    float: left;
    font-size: 15px;
    margin-right: 6px;
    text-align: right;
}
.indexBm .bdCont .left .input-from{
    margin-top: 14px;
    height: 34px;
}
.indexBm .bdCont .left .input-text, .indexBm .bdCont .left .input-select{
    width: 332px;
    height: 34px;
    border: 1px solid #333;
    padding: 4px;
}
.indexBm .bdCont .left .input-textarea{
    width: 332px;
    height: 34px;
    border: 1px solid #333;
    padding: 0 6px;
}
.indexBm .bdCont .left .input-code{
    width: 76px;
    height: 34px;
    border: 1px solid #333;
    padding: 4px;
}
.indexBm .bdCont .left .btn-submit{
    background: #ff8503;
    border: none;
    color: #FFF;
    width: 146px;
    height: 40px;
    float: right;
    margin-right: 40px;
    cursor: pointer;
}

.indexBm .bdCont .right{
    width: 450px;
    float: right;
    margin-right: 74px;
}

.indexBm .bdCont .right dl{
    overflow: hidden;
    font-size: 14px;
}
.indexBm .bdCont .right dl span{
    display: block;
    height: 30px;
    line-height: 30px;
    float: left;
    width: 30px;
    color: #fd7d00;
}
.indexBm .bdCont .right dl a{
    font-size: 14px;
    width: 420px;
    height: 30px;
    line-height: 30px;
    padding: 0 4px;
    display: block;
    background: #e9e9e9;
    float: right;
}
.indexBm .bdCont .right dl dt{
    height: 28px;
    line-height: 28px;
    color: #616160;
    clear: both;
}
.indexBm .bdCont .right dl dd{
    height: 30px;
}

.indexCase{
    overflow: hidden;
}
.indexCase .bdCont{
    height: 252px;
    padding: 10px;
    background: #f8f8f8;
    border: 1px solid #e6e6e6;
}
.indexCase .bdCont .marquee{
    height: 214px;
    overflow: hidden;
}

.indexCase .bdCont li{
    width: 284px;
    float: left;
    margin-right: 12px;
}
.indexCase .bdCont li img{
    width: 280px;
    height: 184px;
    border: 2px solid #ffa303;
    border-radius: 4px;
}
.indexCase .bdCont li p{
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    color: #666;
}

.friend_link{
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    border: 1px solid #d7d7d7;
    border-bottom: 2px solid #fea302;
    background: #e7e7e7 url(../images/link_bg.png) no-repeat center left;
    margin: 18px auto;
    padding-left: 26px;
}
.friend_link span{
    font-size: 16px;
    margin-right: 14px;
}
.friend_link a{
    padding: 0 6px;
}

.foot{
    background: #222222;
    overflow: hidden;
}
.foot a{
    color: #FFF;
}
.foot .footNav{
    height: 52px;
    line-height: 52px;
    color: #FFF;
    font-size: 14px;
    background: url(../images/foot_nav.png) no-repeat center;
    text-align: center;
}
.foot .footNav a{
    color: #FFF;
    padding: 0 24px;
    font-size: 16px;
    margin-left: 24px;
}
.foot .foot_logo{
    float: left;
    margin: 40px 0;
    padding-right: 30px;
    border-right: 1px solid #5a5858;
}
.foot .footList{
    float: left;
    line-height: 26px;
    padding-right: 30px;
    padding-left: 30px;
    margin: 40px 0;
    color: #FFF;
    border-right: 1px solid #5a5858;
}
.foot .wechart{
    position: absolute;
    width: 158px;
    height: 182px;
    background: url(../images/wechat_bg.png) no-repeat;
    right: 0;
}
.foot .wechart a{
    display: block;
    height: 40px;
    line-height: 40px;
    color: #ffa303;
    text-align: center;
}


.content{
    overflow: hidden;
}
.content h6.title{
    height: 96px;
    line-height: 78px;
    background: url(../images/server_title.png) no-repeat center;
    color: #FFF;
    font-size: 28px;
    text-align: center;
}

.slideRight{
    width: 302px;
    float: left;
    overflow: hidden;
}
.slideRight .slideMenu{
    background: #f1efef;
    padding: 20px 0;
    margin-top: 24px;
}
.slideRight .slideMenu h2{
    background: url(../images/slide_h2.png) no-repeat;
    height: 51px;
    line-height: 51px;
    color: #FFF;
    font-size: 22px;
    padding-left: 20px;
}
.slideRight .slideMenu ul{
    padding: 0 20px;
    padding-top: 16px;
}
.slideRight .slideMenu ul li{
    font-size: 16px;
    height: 52px;
    line-height: 52px;
    background: url(../images/slide_li.png) no-repeat;
    padding-left: 24px;
}
.slideRight .slideMenu ul li a{
    font-size: 16px;
}
.slideRight .slideMenu .bdcont{
    padding: 0 20px;
    padding-top: 16px;
    line-height: 30px;
    font-size: 14px;
}
.slideRight .slideMenu .bdcont p{
    padding-left: 24px;
}


.contentRight{
    float: right;
    width: 880px;
    overflow: hidden;
    margin-top: 20px;
}
.contentRight .title{
    height: 78px;
    border-bottom: 1px solid #c1c1c1;
    overflow: hidden;
    padding-bottom: 4px;
}
.contentRight .title h3{
    float: left;
}
.contentRight .title .breadnav{
    float: right;
    line-height: 98px;
    font-size: 14px;
    color: #666;
}
.contentRight .page_content{
    line-height: 28px;
    padding: 15px;
    font-size: 14px;
    overflow: hidden;
}
.contentRight .page_content h1{
    font-size: 24px;
    text-align: center;
    margin-bottom: 12px;
    padding-top: 8px;
}
.contentRight .page_content .cont_title{
    text-align: center;
    margin-bottom: 18px;
}
.contentRight .page_content .cont_title span{
    padding: 0 6px;
}

.contentRight .new_list{
    overflow: hidden;
}
.contentRight .new_list dl{
    padding-bottom: 10px;
    border-bottom: 1px dashed #999;
    overflow: hidden;
    margin-top: 16px;
}
.contentRight .new_list dl dt{
    width: 168px;
    height: 130px;
    float: left;
}
.contentRight .new_list dl dt img{
    width: 100%;
    height: 130px;
}
.contentRight .new_list dl dd{
    width: 688px;
    float: right;
}
.contentRight .new_list dl dd h3{
    margin-bottom: 10px;
}
.contentRight .new_list dl dd h3 a{
    font-size: 16px;
}
.contentRight .new_list dl dd p{
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin-bottom: 8px;
}
.contentRight .new_list dl dd p .more{
    float: right;
    color: #ffa303;
}
.contentRight .new_list dl dd span{
    display: block;
    height: 15px;
    border-left: 2px solid #c2c2c2;
    color: #c2c2c2;
    padding-left: 10px;
}


.contentRight .img_list{
    overflow: hidden;
    padding-top: 12px;
}
.contentRight .img_list li{
    width: 280px;
    float: left;
    margin: 0 6px;
    margin-bottom: 14px;
}
.contentRight .img_list li img{
    width: 280px;
    height: 184px;
    border: 2px solid #ffa303;
    border-radius: 4px;
}
.contentRight .img_list li p{
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    color: #666;
}

.contentRight .course_list{
    overflow: hidden;
}

.contentRight .course_list dl{
    width: 880px;
    height: 274px;
    float: left;
    overflow: hidden;
    background: url(../images/course_bg.png) no-repeat;
    padding-left: 5px;
    padding-top: 1px;
    margin: 0 2px;
    margin-top: 14px;
}
.contentRight .course_list dl dt{
  width: 256px;
  height: 238px;
  float: left;
  margin: 20px 0 0 10px;
  position: relative;
}
.contentRight .course_list dl dt img.c-img{
  width: 100%;
}

.contentRight .course_list dl dd{
  width: 574px;
  float: right;
  overflow: hidden;
  margin: 20px 20px 0 0;
}
.contentRight .course_list dl dd h3{
  line-height: 30px;
  font-size: 16px;
  margin-bottom: 8px;
}
.contentRight .course_list dl dd h3 a{
    line-height: 30px;
  font-size: 16px;
  color: #333;
}
.contentRight .course_list dl dd .line{
    width: 180px;
    border-bottom: 2px solid #595757;
}
.contentRight .course_list dl dd .price{
    overflow: hidden;
    line-height: 32px;
    margin-bottom: 8px;
}
.contentRight .course_list dl dd .price span{
    color: #595757;
    font-size: 14px;
    margin-right: 16px;
}
.contentRight .course_list dl dd .price span em{
    font-size: 16px;
    color: #ff751e;
}
.contentRight .course_list dl dd .price span label{
    text-decoration: line-through;
}
.contentRight .course_list dl dd .price span.y{
    color: #858483;
}
.contentRight .course_list dl dd p{
  line-height: 26px;
  color: #818181;
  font-size: 13px;
  overflow: hidden;
  margin-bottom: 8px;
}
.contentRight .course_list dd p em{
  color: #d82832;
  padding: 0 6px;
}
.contentRight .course_list dd .btn-bm{
    background: #ff8800;
    width: 116px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    float: right;
    color: #FFF;
    font-size: 14px;
    border-radius: 4px;
    margin-right: 14px;
}
.contentRight .mess_list{
    width: 450px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0;
}
.contentRight .mess_list .input-form{
    margin-top: 14px;
    height: 34px;
}
.contentRight .mess_list .input-form span{
    display: block;
    width: 100px;
    line-height: 34px;
    float: left;
    font-size: 15px;
    margin-right: 6px;
    text-align: right;
}
.contentRight .mess_list .input-text, .contentRight .mess_list .input-select{
    width: 332px;
    height: 34px;
    border: 1px solid #333;
    padding: 4px;
}
.contentRight .mess_list .input-textarea{
    width: 332px;
    height: 34px;
    border: 1px solid #333;
    padding: 0 6px;
}
.contentRight .mess_list .input-code{
    width: 140px;
    height: 34px;
    border: 1px solid #333;
    padding: 4px;
}
.contentRight .mess_list .btn-submit{
    background: #ff8503;
    border: none;
    color: #FFF;
    width: 146px;
    height: 40px;
    float: right;
    margin-right: 40px;
    cursor: pointer;
}
.contentRight .mess_list .btn-submit{
    width: 130px;
    height: 36px;
    line-height: 36px;
    background: #ffa303;
    color: #FFF;
    margin-top: 12px;
    margin-right: 80px;
}


.contentRight .wd_list dl{
    overflow: hidden;
    font-size: 14px;
    margin-top: 12px;
}
.contentRight .wd_list dl span{
    display: block;
    height: 30px;
    line-height: 30px;
    float: left;
    width: 30px;
    color: #fd7d00;
}
.contentRight .wd_list dl a{
    font-size: 14px;
    width: 850px;
    height: 30px;
    line-height: 30px;
    padding: 0 4px;
    display: block;
    background: #e9e9e9;
    float: right;
}
.contentRight .wd_list dl dt{
    height: 28px;
    line-height: 28px;
    color: #616160;
    clear: both;
}
.contentRight .wd_list dl dd{
    height: 30px;
}


/**
 * 分页
 */
.panel-page{
  text-align: center;
}
.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:#ffa303;
    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:#ffa303;border-color:#ffa303}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#ffa303;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;}
.articleFilp{
  overflow: hidden;
  line-height: 26px;
  font-size: 14px;
}