@charset "utf-8";
/* CSS Document */
.index_title{margin:auto; margin-top:50px;width:95%; height:auto; overflow:hidden;}
.tt{padding:10px;font-size:28px;position: relative;text-align: center; font-weight: bold;}
.tt span{color:#000;}
.tl{ margin:auto; width:100px;height:1px;background: #ededed;}
.tc{ margin-top: 15px; text-align: center; color: #666;}

#main{clear:both;margin:auto;padding:0; margin-top:20px;width:95%;height:auto!important;min-height:100px;max-height:none;overflow:hidden; display: flex;}
#main_center{ flex:1; margin:0;padding:0;margin-top:0px; margin-left: 50px; height:auto;overflow:hidden;}

.center_title{margin:auto; margin-top:30px;width:95%; height:auto; overflow:hidden;}

.news_content{ margin:auto; margin-top:20px;width:auto; height:auto; overflow:hidden;}
.news_content h1{ font-size:13px;}
.news_list{ margin:auto; width:auto; height:auto; overflow:hidden;}
.news_list .list{margin-bottom:30px; height:auto; overflow:hidden;}
.news_list .nt{font-size: 20px;font-weight: bolder;}
/* .news_list .nt:before {
    font-family: FontAwesome;
    content: "\f29c";
    font-size: 24px;
    color: #014f96;
    margin-right: 12px;
    margin-left: 2px;
    vertical-align: middle;
    font-weight: normal;
} */
.news_list .nt span{color: #014f96;font-size: 20px;}
.news_list .nc{ 
    margin-top: 10px;
    box-shadow: 0 1px 4px #ccc;
    border-radius: 8px;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
    display: block;
    margin: 5px;
    background: #fff;
    background-size: auto 30px;
    font-size: 16px;
color: #999;}
.news_list .nc a{color:#014f96;}
.news_list .nc a:hover{text-decoration: underline;}
.news_list .nline{clear:both; margin:0; padding:0; height:50px;}


.page{clear:both;width:100%;margin-bottom:50px;text-align:center;}
.page span{display:inline-block;width:auto;margin-right:5px;padding:5px 10px 5px 10px; background:#f6f6f6; border:#e3e3e3 1px solid;}
.page span:hover{background:#e3e3e3;}
.page strong{color:#000;}


#main_left{margin:0; margin-top:0px;padding:0; width: 320px; height:auto;overflow:hidden;order: -1; }
#left_title{line-height:40px;color:#000;font-weight:normal;text-transform: capitalize;font-size:20px;}
#left_title a{color:#000;text-transform: uppercase; }
#left_list{margin:auto; margin-top:30px;width:95%;}
#left_list .c{padding:15px;background: #f5f5f5; margin-bottom: 10px; border-left: #014f96 0px solid; border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
#left_list .c a{display:block; color:#000;}
#left_list .c span{float: right;font-size: 14px; margin-top: 5px;}
#left_list .c:hover{ background:#f1f1f1;}
#left_list .s{position:absolute;margin-left:198px;margin-top:-25px;width:789px;height:auto; overflow:hidden;z-index:99999999999999;background:#FFF;border:#f1f1f1 1px solid;display:none;}
#left_list .c_s{ margin-left:0px;padding:10px;}
#left_list .c_s_s{position:absolute;margin-left:204px;margin-top:-20px;width:788px;height:auto; overflow:hidden;z-index:99999999999999;background:#f1f1f1;border:#f1f1f1 1px solid;display:none;}
#left_list .c_s_n{display:inline-block; margin-left:5px;height:25px;line-height:25px;width:145px; text-align: center; overflow:hidden;}
#left_list .c_s_n a{font-weight:normal;}
#left_list .c_s::before{content:"";display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin-top:0px; margin-right: 10px; vertical-align: middle;background:#fff; border: #ccc 1px solid; background-size: cover;}
#left_list .c_s a:hover{ color: #999;}
#left_list .c_s:hover::before{background:#014f96;border: #014f96 1px solid;}
#left_list .c_s_on{ margin-left:0px; padding:10px;}
#left_list .c_s_on::before{content:"";display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin-top:0px; margin-right: 10px; vertical-align: middle;background:#ccc; border: #ccc 1px solid;}
#left_list .c_s_on a:hover{ color: #999;}
#left_list .c_s_on:hover::before{background:#014f96;border: #014f96 1px solid; }

@media screen and (min-width: 1400px) {
#main{width: 80%;}
.center_title{width: 80%;}
}


@media screen and (max-width: 750px) {
.tt{ font-size: 16px;}

#main{width:100%; margin-top:20px;display: block;}
#main_center{width:100%; margin-left: 0px;}
#center_title{ padding:0px 10px 0px 10px;}
#main_left{width:100%;}
#left_title{display:none;}
#left_list{ margin-top:30px; margin-bottom:20px;width:100%;width:100%;}
#left_list .c{ margin:5px 10px 5px 10px; padding:10px 15px 10px 0px; text-align:center; background:#f1f1f1; border-bottom:#FFF 1px solid;}
#left_list .c a{display:block; font-size:16px;}

.center_title{ width:95%;}
.news_content{ width:95%;}
.news_list{margin-top:0px; padding-bottom:30px;width:100%;}
.news_list .list{width:calc(100% - 20px);padding: 10px; padding-bottom: 30px; border-bottom: #f6f6f6 20px solid;}
.news_list .list .lp{ margin-top:0px;float:none;width:100%; height:0px;padding-bottom:56%;}
.news_list .list .lp img{ width:100%; border-radius: 5px;}
.news_list .list .lc{ margin-top:20px;float:none;width:100%;}
}