li[data-nav=case] > a {
    background-color: #074491
}

#top-image {
    color: #fff;
    text-align: center;
    background-position: center
}

#top-image h3 {
    margin-top: 110px;
    margin-bottom: 0;
    font-size: 61px
}

#top-image p {
    margin-top: 25px;
    margin-bottom: 0;
    font-size: 24px
}

#case-container {
    padding-top: 45px;
    padding-bottom: 75pt;
    min-height: 25pc;
    width: 100%;
    float: left;
}

#case-container .case-box {
    float: left;
    margin: 10px;
    width: 280px;
    background-color: #e0e0e0
}

#case-container .case-box .img-box {
    width: 280px;
    height: 186px;
    overflow: hidden;
    text-align: center
}

#case-container .case-box .img-box img {
    width: 100%;
    height: 100%
}

#case-container .case-box .text-box {
    height: 50px;
    overflow: hidden;
    margin: 0 15px;
    line-height: 50px;
    font-size: 1pc;
    color: #222;
    text-align: center;
}
#case-container .case-box .text-box li {
    display: inline-block;
    margin: 0;
    line-height: 35px
}

.newsl {
    width: 25%;
    margin-right: 5%;
    float: left
}

.newsl .newslt {
    background: #0d5abf;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 22px;
    text-align: center;
}

.newsl .newslb {
    width: 100%;
    padding: 10px 0;
    background: #F6F6F6;
}

.newsl .newslb li {
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin-bottom: 15px;
    list-style-type: none;
    text-align: center;
    width: 90%;
    margin-left: 5%;
}

.newsl .newslb li a {
    font-size: 16px;
}

.newsl .newslb li:hover, .newsl .newslb li.hover {
    background: #0d5abf;
}

.newsl .newslb li:hover a, .newsl .newslb li.hover a {
    color: #fff
}

.ntit {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.nbod {
    width: 100%;
    line-height: 30px;
}

.nbod img {
    max-width: 100% !important;
    height: auto !important;
}

/*btn*/
.pageBtn{
    padding:20px 0;
}
.pageBtn a{
    margin-bottom:10px;
    color: #0d5abf;
    display: inline-block;
}

.pageBtn a:hover{
    color:#7c1212;
}
.pageBtn a.b{
    font-weight: bold;
}
.news-box {
    width: 96%;
    float: left;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 1% 2%;
    background: #F6F6F6;
    line-height: 30px;
}

.news-box a {
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
}

.news-box a span {
    float: right;
    font-weight: normal;
}

.news-box a:hover {
    color: #0d5abf
}
.news-box p{
    text-indent: 2em;
}
.posi {
    width: 100%;
    margin-top: 20px;
}

.posi .position {
    width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

#case-container .page {
    text-align: right;
    margin-top: 20px;
    margin-right: 40px
}

#case-container .page .container .page_loc {
    display: inline-block;
    border: 1px solid #c4c4c4
}

#case-container .page .container .page_loc input[type=text] {
    border: none;
    width: 5pc;
    height: 30px;
    text-align: center
}

#case-container .page .container .page_loc .before {
    padding: 9px 10px;
    border-right: 1px solid #c4c4c4
}

#case-container .page .container .page_loc .before:hover {
    background-color: #0d5abf;
    color: #fff
}

#case-container .page .container .page_loc .after {
    padding: 9px 10px;
    border-left: 1px solid #c4c4c4
}

#case-container .page .container .page_loc .after:hover {
    background-color: #0d5abf;
    color: #fff
}

#appointment {
    padding-top: 10px;
    text-align: center;
    background-image: url(f232e39f401e0faf93e414cc6767cb8c.jpg) /*tpa=http://e16.rok5.com/images/f232e39f401e0faf93e414cc6767cb8c.jpg*/;
    background-position: top;
    background-repeat: repeat-x;
    width: 100%;
    float: left
}

#appointment .bg-green {
    padding-top: 125px;
    padding-bottom: 170px;
    background-color: #08a369
}

#appointment h3 {
    margin: 0 0 50px;
    line-height: 30px;
    font-size: 30px;
    color: #fff
}

#appointment input {
    margin-bottom: 18px;
    width: 35pc;
    height: 62px;
    line-height: 62px;
    color: #222;
    outline: 0;
    border-radius: 0;
    font-size: 18px;
    text-align: center
}

#appointment .button {
    width: 35pc;
    height: 62px;
    color: #fff;
    background-color: #0057c2;
    border: none;
    outline: 0;
    font-size: 24px
}

#appointment .button:hover {
    background-color: #015eb9
}

#page-footer {
    position: static;
}

/*# sourceMappingURL=event-case-new.94d102726ff7be7833b7.css.map*/

.pagef {
    width: 100%;
    margin-top: 20px;
}

.pages {
    width: 1180px;
    margin: 0 auto
}

.pages li {
    float: left;
    list-style-type: none;
    border: 1px solid #666;
    background: #666;
    margin-right: 10px;
    color: #fff;
    padding: 3px 9px;
}

.pages li a {
    color: #fff
}

.pages li.thisclass, .pages li:hover {
    background: #0d5abf
}

.caright {
    width: 100%;
    float: left;
}

.case_detail_h {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px 0 50px;
}

.case_detail_h .fl {
    width: 294px;
    height: 198px;
    overflow: hidden;
    float: left
}

.case_detail_h .fl img {
    width: 284px;
    height: 188px;
    padding: 5px;
    background: #EFEFEF;
}

.case_detail_h .fr {
    width: 800px;
    height: 210px;
    overflow: hidden;
    float: left;
    margin-left: 20px;
}

.detail_bt_box {
    width: auto;
    height: 35px;
}

.detail_bt_box div {
    float: left;
    line-height: 35px;
}

.detail_bt_box .con {
    width: auto;
    height: 35px;
    font-size: 22px;
    color: #000;
    padding: 0 10px;
    overflow: hidden;
}

.back {
    float: right;
    display: block;
    width: 35px;
    height: 34px;
    overflow: hidden;
    background: url(back.png) /*tpa=http://e16.rok5.com/images/back.png*/ no-repeat;
}

.back:hover {
    background-position: 0 -35px;
}

.case_detail_h_txt {
    width: 100%;
    height: 160px;
    margin: 15px 0 0;
    line-height: 50px;
    overflow: hidden;
}

.case_detail_h_txt li {
    width: 30%;
    float: left;
    height: 50px;
    list-style-type: none;
}

.case_detail_h_txt li span {
    background: #666;
    color: #fff;
    padding: 2px 10px;
    margin-right: 10px;
    margin-left: 10px;
}

.case_detail_h_txt li a {
    display: block;
    width: 150px;
    height: 25px;
    font-size: 16px;
    background: #FF4A01;
    line-height: 25px;
    text-align: center;
    color: #fff;
    margin-top: 15px;
}

.case_detail_h_txt li a:hover {
    background: #006AD6
}

.detail_con_box {
    width: 1180px;
    margin: 0 auto;
    padding: 0 0 70px;
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    overflow: hidden;
}

.detail_con_box img {
    max-width: 1180px;
    display: block;
}

.detail_f_box {
    width: 1180px;
    height: 20px;
    line-height: 20px;
    margin: 15px 0 0;
    overflow: hidden;
}

.detail_f_box .fr {
    height: 20px;
    padding: 0 0 0 15px;
    background: url(back_ico.png) /*tpa=http://e16.rok5.com/images/back_ico.png*/ no-repeat;
}

.detail_f_box .fr:hover {
    background-position: 0 -20px;
    color: #e8413c;
}

.detail_con_box li {
    margin-bottom: 5px;
}

.caleft {
    width: 100%;
    float: left;
    border-top: 1px solid #d5d5d5;
    padding-top: 30px;
}

.caleft img {
    max-width: 100% !important;
    height: auto !important;
}

.plate_bt {
    width: 1180px;
    height: 37px;
    overflow: hidden;
    margin-bottom: 50px;
    background: url(plate_bt.png) /*tpa=http://e16.rok5.com/images/plate_bt.png*/ no-repeat 0 bottom;
    text-align: center;
    font-size: 24px;
}

.tdcaset {
    width: 100%;
    float: left;
    border-top: 1px solid #FF6600;
    padding-top: 30px;
    margin-top: 30px;
    font-size: 22px;
    color: #000
}

.tdcase {
    width: 100%;
    float: left;
}

.tdcase li {
    width: 20%;
    float: left;
    margin: 10px 0;
    text-align: center;
    list-style-type: none;
}

.tdcase li img {
    width: 98%;
    height: 173px;
}

.detailImg{
    text-align:center;
}
.nbod p img{
    width:80%;
    display:block;
    margin:0 auto 20px;
}
/*//翻页*/
.pages{clear:both; text-align:center; font-size:12px; padding:15px 0 20px 0;color:#7e7064;margin-top:20px;}
.pages a,.pages span{display:inline-block; height:28px;padding:0 9px; margin:0 4px!important; line-height:28px;}
.pages a:link,.pages a:visited{color: #fff; line-height:28px; border:1px solid #d9d9d9 ; background:#d9d9d9;}
.pages a:hover,.pages a:active,.pages span.ctxt{ background:#155b9d ; border:1px solid #155b9d ;color: #fff; text-decoration:none}


