﻿


/*滚动体*/
.mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#e50020;height: 40px;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#e50020;}

.product_list .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;}
.product_list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:12px;-webkit-border-radius:0;border-radius:0;background:#e50020;height: 74px;}


/*分页*/
.page {vertical-align:middle;text-align:center; margin:80px 0 120px; color:#333333; font-size: 12px; height:35px; line-height:35px;}
.page .inner{ display: inline-block; }
.page span em{ color:#2F2F2F; font-family:Arial;}
.page a{text-align:center; width:35px; height:35px;font-family:Arial;line-height: 33px;box-sizing: border-box;font-size: 16px;border-radius: 5px;}
.page i.dian{float: left;vertical-align: middle; position: relative; top:-2px;margin:0 5.5px;}
.page a.num{float: left;border:1px solid #d2d2d2; background:#fff;color:#666666;margin: 0 4.5px;}
.page a.on{background:#014e96!important;color:#fff!important;border:1px solid #014e96;}
.page a.num:nth-child(2){border-left:1px solid #eeeeee;}
.page a.num:nth-child(2).on{border-left:1px solid #014e96;}
.page a.prev,.page a.next,.page a.prev_le,.page a.next_re{float: left;border:1px solid #eeeeee;margin:0 10px; background:#fff;}
.page a.prev img,.page a.next img{ vertical-align: middle; text-align: center; width: 7px; height: 9px; position: relative; top:-2px;}
.page a.prev.disable,.page a.next.disable,.page a.prev_le.disable,.page a.next_re.disable{ cursor: default;}
.page a.prev.disable,.page a.next.disable,.page a.prev_le.disable,.page a.next_re.disable{
    /*display: none;*/
}
.p_i{ display: inline-block; position: relative;width:45px;height:22px; line-height:22px; margin:0 5px; padding:0 2px;background:#fff; border:1px solid #eeeeee;}
.page input.txtnum{  width:100%; height:100%; border:none; background: none; font-family:Arial;}
.page a.go{ width: 45px; height: 22px; line-height: 22px;text-align: center;  display: inline-block;}



@media only screen and (min-width: 1025px) {
    .page a.num:hover{background:#014e96;color:#fff!important; border:1px solid #014e96;}
    .page a.go:hover{opacity: 0.9;}
}
@media only screen and (max-width: 1600px) {
    .page{margin:60px 0 100px;}
}
@media only screen and (max-width: 767px) {
    .page span,.page a.go,.page a.num{display: none;}
    .page i.dian{ margin:0 0 0 5px; display: none;}
    .main{margin-top: 0px;padding-top: 0!important;}
    .page a.num.on{display: block;}
}


.page a.num{color: #000;}
.p_i{background: none;height: 17px;line-height: 17px;box-sizing: border-box;border: none;border-right: 1px solid #eee;}
.page a.go{height: 35px;line-height: 35px;box-sizing: border-box;float: right;font-size: 14px;}
.page input.txtnum{text-align: center;}
.news_page-go{display: inline-block;margin-left: 23px;border:1px solid #eeeeee;border-radius: 5px;}
/*分页 end*/


/*内容页*/

.content{overflow: hidden;padding-bottom: 5%;}
.details_l{float: left; width: calc(100% - 334px);padding-right: 3%;box-sizing: border-box;}
.details_r{float: left; width:334px;}
.d_span{border-bottom: 1px solid #cdcdcd;padding-bottom: 20px;text-align: left;position: relative;}
.d_span em{position: absolute;bottom: -1px;left: 0;display: block;width: 231px;height: 2px;background: #004b7f;}
.d_span span {color: #9e9e9e;margin-right: 25px;}
.d_span span i{margin-right: 10px;}
.d_span span.font_size a{margin-right:10px;color:#9e9e9e;cursor:pointer;}
.d_span span.font_size a.on{color:#333;}
.txt_title{text-transform: uppercase;margin-bottom: 2%;text-align: left;}
.details_text .edit_con_original{color: #5a5a5a;font-size:14px;}
.details_text.xiao .edit_con_original,.details_text.xiao .edit_con_original p{font-size:14px;}
.details_text.zhong .edit_con_original,.details_text.zhong .edit_con_original p{font-size:18px;}
.details_text.da .edit_con_original,.details_text.da .edit_con_original p{font-size:20px;}
.share_common{display: inline-block;}
.share_common a {color: #727272;margin-left: 0px;margin-right: 10px;}
.d_share{padding: 20px 0;line-height: 25px;}
.d_share span{display: block;color: #686868;margin-bottom: 15px;}
.details_r>h1{margin-bottom: 30px;position: relative;padding-left: 15px;color: #595858;}
.details_r em{display: block;width: 5px;height: 34px;background: #004b7f;position: absolute;left: 0;top:50%;margin-top: -17px;}
.details_r .details_list{padding: 0 35px;padding-bottom: 20px;border: 15px solid #f3f3f3;}
.details_list li{padding: 30px 0 20px;border-bottom: 1px solid #d9dadb;}
.details_list li .pub_tit{margin-bottom: 0;}
.details_bottom{background: #edf1f5;}
.details_list .list_span{margin-bottom: 15px;}
.details_list h1.news_tit{height: 48px;margin-bottom: 0;}
.details_list h1.news_tit a{color: #5c5c5c;}
.details_list li:last-child{border-bottom: 0;}

.news_page{overflow: hidden;border-top: 1px solid #e6e6e6;}
.news_page .wrap{overflow: hidden;}
.news_page .le{float: left;color: #9e9e9e;line-height: 30px;padding: 10px 0;width: calc(100% - 100px)}
.news_page .le a{color: #202f45;}
.news_page .le span{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_page .re{float: right;}
.news_page .re a{display: inline-block;width: 36px;height: 36px;line-height: 36px;text-align: center;color: #fff;font-size: 22px;background: #0099d9;margin-top: 20px;}

@media only screen and (min-width: 1025px){
    .share_common a:hover{color: #2370d5;opacity: .6;}
    .news_page .re a:hover{color: #fff!important;opacity: .8;}
}

@media only screen and (max-width:1024px) {
    .details_l,.details_r{width: 100%;float: none;}
    .details_l{padding-right: 0;}
    .d_share{padding-top: 40px;}
    .news_page .le{float: none;width: 100%;}
    .news_page .re{display: none;}


}
@media only screen and (max-width:767px) {
    .page{margin: 30px 0 50px;}
    .d_share{padding-top: 20px;}
    .txt_title{text-align: left;}
    .details_text{padding: 0;}
    .d_span{overflow: hidden;margin-top: 20px;}
    .d_span span{display: block;text-align: left;width: 50%;margin: 0 auto;float: left;}
    .share_common a{font-size: 24px;}
    .news_page .le{padding: 20px 0;}
    .details_r .details_list{padding: 0 20px;padding-bottom: 40px;}

    .content{padding: 40px 0;}
}





















