body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%}fieldset,img{border:0; max-width: 100%;}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}body{font:12px arial,helvetica,clean,sans-serif}body{font-family:"Microsoft YaHei"}a{text-decoration:none;outline:0;color:#000}a:hover{text-decoration:none;color:#337ab7}ul,ol,dl,li{list-style:none}p{line-height:1.8em;margin-bottom:15px;font-size:14px;word-wrap:break-word}q:before,q:after,blockquote:before,blockquote:after{content:""}blockquote{margin:0 0 18px 18px;color:#666;font-style:italic}strong{font-weight:bold}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer}input[type="text"],input[type="password"],textarea,select,fieldset{border:1px #ccc solid;background:#fff}textarea{overflow:auto}img{max-width:100%;vertical-align:middle}.fl{float:left}.fr{float:right}.clear{clear:both}.w100{width:100%}.w1000{width:1000px;margin:0 auto}

@font-face {
	font-weight: 400;
	font-style: normal;
	font-family: HELVETICANEUELTPRO-THEX;
	src: url(../fonts/HELVETICANEUELTPRO-THEX.OTF)
}

html{font-size:62.5% ;}


header{padding: 8px 0; overflow: hidden; border-bottom: 1px solid #f5f5f5;}
.logo{width: 70%; padding-left: 1rem;}
.search{width: 10%;}
.search .fa-search{font-size: 2rem; margin-top: 25%;}
.banner img{width: 100%;}
.glyphicon{top:46%; font-size: 2rem;}
.carousel-caption{font-size: 1.4rem; bottom: 0;}
.carousel-indicators{display: none;}
header .back_logo_title{width: 92%; padding-left: 1.5rem;}
header .back_logo_title .fa{font-size: 3rem; line-height: 3rem; float: left; margin-right: 0.5rem;}
header .back_logo_title img{width: 30px; height: auto; margin-top: 3px;}
header .back_logo_title .top_title{font-size: 1.8rem; text-align: center; line-height: 3.0rem; width: 93%; font-weight: bold;}


footer{background: #0986d5; text-align: center; color: #fff; padding: 1.5rem 0;  clear: both;}
footer#index{background: #0986d5; text-align: center; color: #fff; padding: 1.5rem 0 ; margin: 0;}
.copyright{font-size:1rem; text-align:center;margin-bottom: 5.2rem; padding:1rem 0 0}
.copyright p{font-size:1rem; }

.sub_nav{padding: 1rem 0; border-top: 1px solid #f5f5f5; position: fixed; bottom: 0; background: #fff; width: 100%;}
.sub_nav .sub_nav_item{text-align: center; font-size: 1.4rem;}
.sub_nav .sub_nav_item i{display: block; font-size: 1.6rem;}


.index_nav h2{font-size: 1.2rem; text-align: center; font-size: 13px;}
.index_nav .index_nav_item{border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; padding:1rem 0 1.5rem 0; width:33.3%}
.index_nav .index_nav_item2{padding:1rem 1.5rem 0 1.5rem; }
.index_nav .icon{width: 60px; height: 60px; margin: 0 auto;}
.index_nav .icon_news{background: url(../images/icon_news.png) no-repeat center center; background-size:40%;}
.index_nav .icon_calendar{background: url(../images/icon_calendar.png) no-repeat center center; background-size:40%;}
.index_nav .icon_history{background: url(../images/icon_history.png) no-repeat center center; background-size:40%;}
.index_nav .icon_base{background: url(../images/icon_base.png) no-repeat center center; background-size:40%;}
.index_nav .icon_map{background: url(../images/icon_map.png) no-repeat center center; background-size:40%;}
.index_nav .icon_tt{background: url(../images/icon_tt.png) no-repeat center center; background-size:40%;}
.index_nav .icon_flag{background: url(../images/icon_flag.png) no-repeat center center; background-size:40%;}
.index_nav .icon_pic{background: url(../images/icon_pic.png) no-repeat center center; background-size:40%;}
.index_nav .icon_story{background: url(../images/icon_story.png) no-repeat center center; background-size:40%;}
.index_nav .icon_volunteer{background: url(../images/icon_volunteer.png) no-repeat center center; background-size:40%;}
.index_nav .icon_sj{background: url(../images/icon_sj.png) no-repeat center center; background-size:40%;}
.index_nav .icon_union{background: url(../images/icon_union.png) no-repeat center center; background-size:40%;}
.index_nav .icon_jjy{background: url(../images/icon_jjy.png) no-repeat center center; background-size:40%;}


.index_nav .icon_1{background: url(../images/ico_1.png) no-repeat center center; background-size:70%;}
.index_nav .icon_2{background: url(../images/ico_2.png) no-repeat center center; background-size:70%;}
.index_nav .icon_3{background: url(../images/ico_3.png) no-repeat center center; background-size:70%;}
.index_nav .icon_4{background: url(../images/ico_4.png) no-repeat center center; background-size:70%;}
.index_nav .icon_5{background: url(../images/ico_5.png) no-repeat center center; background-size:70%;}
.index_nav .icon_6{background: url(../images/ico_6.png) no-repeat center center; background-size:70%;}
.index_nav .icon_7{background: url(../images/ico_7.png) no-repeat center center; background-size:70%;}
.index_nav .icon_8{background: url(../images/ico_8.png) no-repeat center center; background-size:70%;}
.index_nav .icon_9{background: url(../images/ico_9.png) no-repeat center center; background-size:70%;}
.index_nav .icon_10{background: url(../images/ico_10.png) no-repeat center center; background-size:70%;}
.index_nav .icon_11{background: url(../images/ico_11.png) no-repeat center center; background-size:70%;}

.m_news_list{ }
.m_news_list_item{ padding: 8px 0; overflow: hidden; border-bottom: 1px solid #f5f5f5; }
.m_news_pic{ margin-right: 1.5rem;}
.m_news_pic img{    width: 108px; margin-top: 9px; height: auto; border-radius: 6px;}
.m_news_title{font-size: 1.4rem; text-align: left;}
.m_news_title p{display: block; margin-bottom: 0;}
.m_news_title span{font-size: 1.2rem; color: #999; text-align: left; margin-top: 0.5rem; display: inline-block;}


.tab{ text-align: center; }
.tab .nav-tabs{
    display: block;
    position: relative;
    border-bottom: none;
    width: 80%;
    margin: 0 auto;
}
.tab .nav-tabs li{
    margin: 0;
    width: 50%;
}
.tab .nav-tabs li a{
    display: block;
    padding: 30px 0px 10px;
    background: #fff;
    font-size: 17px;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
    text-align: center;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #fff;
    margin-right: 0;
    overflow: hidden;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
}
.tab .nav-tabs li a span{
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #f2f2f2;
    margin: auto;
    font-size: 22px;
    color: #999;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    transform: rotate(45deg);
}
.tab .nav-tabs li.active a span{
    background: #29335c;
    color: #fff;
}
.tab .nav-tabs li a span i{
    transform: rotate(-45deg);
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li a:hover{
    color: #000;
    border: none;
    border-bottom: 2px solid #fff;
}
.tab .nav-tabs li.active a{
    border-bottom: 2px solid #0986d5;
}
.tab .tab-content{
    padding: 1.5rem;
    margin-top: -15px;
    font-size: 15px;
    color: #757575;
    line-height: 26px;
    text-align: left;
}
.tab .tab-content h3{
    font-size: 24px;
    margin-top: 0;
}



.m_news_detail{	padding: 2rem 1.5rem;}
.m_news_detail h2{font-size: 2.2rem; font-weight: bold; color:#be0000}
.m_news_detail .time_source_click{font-size: 1.2rem; color: #999; padding: 1rem 0 1.5rem;}
.m_news_detail .time_source_click span{padding-right:20px}
.m_news_detail .m_search {min-height: 360px;}
.m_news_detail .m_search h2{text-align: center; margin: 2rem auto;}
.m_news_detail #search{width:100%; padding: 5px; height: 44px; border-radius:4px; margin-bottom: 2rem;}
.m_news_detail .btn-danger{height: 44px; }
.m_news_detail .m_main_content{font-size:1.6rem; }
.m_news_detail .m_main_content p{font-size:1.6rem; }

.tuji .carousel-caption{ position:relative; color:#666; text-shadow:none; left:0; right:0; font-size:1.4rem}
.tuji .carousel-control{background:none; font-size:3rem; color:#fff}
.tuji .carousel-indicators{top:1rem; display:block}
.tuji .glyphicon{top:35%}


.nav2{background: #f5f5f5; clear: both;}
.nav2 ul{padding: 1rem 0; overflow: hidden}
.nav2 ul li{float: left; text-align: center; padding: 0.5rem 0; font-size: 1.4rem;}
.nav2 ul li a{width: 100%; color: #666; display: block;}
.nav2 ul li a.active{color: #D6001D; font-weight: bold;}

.nav2_2 ul li{width: 50%; }
.nav2_3 ul li{width: 33%; }
.nav2_4 ul li{width: 25%; }
.nav2_5 ul li{width: 20%; }

.m_base_list{margin: 0;}
.m_base_list .m_base img{margin-bottom: 1rem; border-radius: 6px;}
.m_base_list .m_news_title h4{margin-bottom: 10px;}
.m_base_list .m_news_title p{font-size: 1rem; color: #999;}

.base_detail dl.base_info{ margin: 1.5rem 0; border-left:2px solid #D6001D; padding-left:1.5rem}
.base_detail dl.base_info dt{font-size: 2rem; margin-bottom: 1rem;}
.base_detail dl.base_info dd{line-height: 1.5; color: #666;}
.base_detail h3,.m_zjk_detail h3{color: #D6001D; padding: 10px 0px; font-size: 1.8rem; border-radius: 4px; margin-bottom: 1rem; clear: both; font-weight: bold; text-align: center;}
.base_detail h3 span,.m_zjk_detail h3 span{height: 1px; background: #e5e5e5; width: 26%; display: inline-block; margin:0 1rem;}
.base_detail p{font-size: 1.2rem; margin-bottom: 0.8rem;}
.base_detail .ww_item,.base_detail .rw_item{text-align: center;}
.base_detail .ww_item img,.base_detail .rw_item img{margin-bottom: 5px;}
.base_detail ul.story {padding-bottom: 2rem;}
.base_detail ul.story li{line-height: 2; font-size: 1.2rem;}
.base_detail .comment{padding-bottom: 2rem;}

.m_zjk_list{margin: 1.5rem -15px;}
.zjk_list_item {text-align: center; margin-bottom: 2rem;}
.zjk_list_item img{border-radius: 1000px; margin-bottom: 1rem;}
.zjk_list_item i{font-style: normal; text-align: center;}
.m_zjk_detail{padding-bottom: 2rem;}
.m_zjk_detail .zj_img_info {padding: 1.5rem 0;}
.m_zjk_detail .zj_img_info .zj_img{width: 30%;}
.m_zjk_detail .zj_img_info .zj_info{width: 65%; font-size: 1.4rem; color: #999; padding-top: 2rem;}


.vol_no{border-radius: 6px; margin-bottom: 1.5rem;}
dl.vol_no {padding:15px 15px 10px;}
dl.vol_no  dt{font-size: 14px; color: #fff; font-weight: normal;}
dl.vol_no  dd{font-size: 36px; color: #fff; font-family: HELVETICANEUELTPRO-THEX; text-align: center;}
dl.vol_no  dd span{font-size: 14px; }
.vol_y{background: #f8b62b;}
.vol_r{background: #f23d55;}
.vol_g{background: #8dcf77;}

.vol_detail h2{padding: 2rem 1.5rem; font-size: 1.6rem; text-align: left; font-weight: bold;}
.vol_detail .btn_bm { width:90%; margin:0 auto}
.vol_detail .form_group label{display:block}
.vol_detail .form_group .col-xs-2,.vol_detail .form_group .col-xs-10{display:block;width:100%; float:none}
.modal-title{font-size: 16px;}
.modal-body .form_group {overflow: hidden; padding: 10px 0; font-size: 14px;}
.modal-body .form_group span.red{color: #F23D55;}
.modal-body .form_group input[type="text"]{height: 36px; padding: 5px; border-radius: 4px; width: 100%;}
.modal-body .form_group select{height: 34px; padding: 5px;}

.vol_project_info{padding: 0 1.5rem 2rem;}
.vol_project_info dt{float: left; line-height: 2;}
.vol_project_info dd{ line-height: 2;}

.vol_detail .project_contact{ background: #;}
.vol_detail .project_contact dt{}
.vol_detail .project_contact dd{}
.vol_detail_detail h3{font-size:1.6rem; font-weight: bold; border-bottom: 1px solid #e5e5e5; margin-bottom: 1.5rem; text-align: center; padding-bottom: 1rem;}
.project_contact_box{background: #F5F5F5; margin: 2rem 0; padding: 1.5rem;}
.project_contact_box h3{font-size: 1.6rem; font-weight: bold; text-align: center; border-bottom: 1px solid #e5e5e5; margin-bottom: 1.5rem; padding-bottom: 1rem;}
.project_contact_box .project_contact dt{line-height: 1.8rem; font-size: 1.4rem;}
.project_contact_box .project_contact dd{line-height: 1.8rem; font-size: 1.4rem;}

span.vol_state{font-size: 12px; padding: 0px 5px; border-radius: 4px; color: #fff;}
span.vol_state1{background: #8dcf77;}
span.vol_state2{background: #f23d55;}
span.vol_state3{background: #ccc;}
.bt_vol{text-align: center; padding: 1.5rem 0 0;}
.bt_vol .btn{width: 100%;}

.tc-main {padding:15px}
.tc-main h2{font-size:2.4rem; padding:5rem}
.tc-main .list-group{margin:0 -15px 20px; overflow:hidden}
.tc-main .list-group-item{width:33%; float:left; text-align:center; border-right:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; border-left:none; border-top:none}
.tc-main .list-group-item .fa{font-size:2rem; padding:1rem}
.tc-main .list-group-item .fa-fw{width:100%}
.tc-main .form-group {margin-bottom:20px}
.tc-main .form-group .btn-danger{width:100%}


/*comment*/
.comment_wrap .btn-danger{float:right}
.comment_content{width:100%; border-radius:4px; background:#f4f4f4; margin:10px 0; padding:15px}
.comment_list{ padding:10px 0 0}
.comment_list .user_tx{display:inline-block;float:left}
.comment_list .user_tx img{width:50px; border-radius:50px; margin-right:15px}
.comment_list dl{font-size:14px;}
.comment_list dl dt{margin-bottom:8px}
.comment_list dl p{background:#f4f4f4; padding:5px 10px; color:#999; font-size:12px}
.comment_list .commnet_time{color:#999; display:inline-block;}








.bt_hsyx {    font-size: 16px; margin:20px auto;   width: 30%;    padding: 10px;    border-radius: 6px;    display: block;    text-align: center;}

.zrbj {font-size:12px; padding-top:20px}



.dz_title{ margin-top:10px; font-weight: bold;font-size: 15px;line-height:1.5em; 
text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
	
.m_news_title  i{
	font-style: normal;color: #585858; display: block; line-height: 1.5em; padding-top: 5px;
	 text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 4;
	  line-clamp: 4;
	  -webkit-box-orient: vertical;
	  min-height: 26px
	  
 }



.m_news_title span {
    font-size: 1.2rem;
    color: #999;
    width: 223px;
    text-align: left;
    margin-top: 0.5rem;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.m_news_title .fr{width:60px;
    text-align: right;}


.foot {
    height: 135px;
    line-height: 25px;
    background-color: #0986d5;
    text-align: center;
    color: #fff;
}

    .foot .gl {
        color: #fff;
        margin: 5px 10px;
    }

    .foot .jstd {
        color: #f67055;
        text-decoration: none;
    }


.app_username {
    width: 106px;
    float: right;
    line-height: 60px;
    text-align: right;
    padding-right: 10px;
    /*margin-top: 8px;*/
    /*font-weight: bold;*/
    font-size: 16px;
    color: #444444;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.app_username span {
    background: url(../images/user.png) left center no-repeat;
    padding-left: 23px;
}

.m_news_pic{ margin-right: 0rem; float:none;}