/*=====================*/
/*
 Peoject name: Public Queries
 Author:Xibingru
 Creation:2019-6-19
 Template:
    index
    list
    details
*/
/*=====================*/
body, html, div, span, a, table, td, tr, p, u, tt,ul  {
    margin: 0px;
    padding: 0px;
}
body{font-size: 12px}
.pos_r{ position: relative}
.pos_a{ position: absolute}
.clearFix {
    zoom: 1;
}
ul li{list-style: none}
a{ color: #646464}
img{ width: 100%; height: 100%}

.clearFix:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
.width850{ width: 850px; margin: 0 auto}
.bj1 img ,.bj2 img{ width: 90%; height: 90%}
.head{ width: 100%; height: auto; background: url("../images/body_bj.jpg") #295adb no-repeat center  center; height: 480px; }
.head_zi_img{ text-align: center; margin: 0 auto; width: 100%; display: block; height: auto; padding-top: 10%;}
.head_logo{ width: 80px;  height:80px;display: inline-block; margin-right: 15px;}
.bj1{background: #e7f3fb; padding: 40px 0;}
.bj2{background: #f5f6f7 ;padding: 40px 0;}
/*.head_zi_img .head_zi{ font-size: 46px; line-height: 80px; color: #fff; font-weight: bold; display: inline-block}*/
.head_zi_img .head_zi{ font-size: 44px; color: #fff; font-weight: bold; display: flex; justify-content: center;align-items: center}
.seach_block{ width: 850px; text-align: center;   margin-top: 2%;}
/*主体*/
.suyan_p{ font-size: 24px;
    color: #092eb3;
    line-height: 46px;
    font-weight: bold;
}
.seach_bj2{ width: 100%; background: url("../images/details_bj.jpg") #52b8f9 no-repeat center center; height: 160px;
   background-size: cover}
.suyan_block{ margin-top: 50px;}
.suyan_block div{ font-size: 14px; line-height: 28px; text-indent:2em !important;}
.seach_block .seach_select option {
    line-height: 30px !important;
    height: 30px !important;
}
.suyan_p_line{ width: 1px; background: #448fe2; margin-right: 8px;}
.suyan_img01{ width: 324px; height: 344px;}
.suyan_img02{ width: 382px; height: 336px;}
.suyan_img03{ width: 402px; height: 292px; margin-top: 50px;}

.seach_block .seach_btn {
    position: absolute;
    right: -1px;
    top: 0px;
    z-index: 100;
    border: none;
    background: #ff8800;
    border-radius: 0px 3px 3px 0px;
    color: #fff;
    outline: none
}
.nullText{ line-height: 150px; text-align: center; font-size: 18px;}
.seach_block .seach_btn:hover {
    position: absolute;
    right: -1px;
    top: 0px;
    z-index: 100;
    border: none;
    background: #ff3304;
    border-radius: 0px 3px 3px 0px;
    color: #fff;
    outline: none
}
.has-success .form-control {
    border-color: #337ab7 !important;}
.seach_block .saoyisao {
    position: absolute;
    font-size: 40px;
    color: #646464;
    z-index: 1000;
    cursor: pointer;
    right:130px;
    top:9px;
}

.seach_block .form-control {
    height: 60px;
}

.seach_block .seach_btn {
    height: 60px;
    font-size: 16px;
    padding: 0 30px;
}
.input-group{ width: 100%}
#hua_img01{ display: none}
/*------列表-------*/
.content920{  width: 920px;margin:  0 auto ; }
.line_h{ height: 24px; width: 2px; background: #2cade6; }
.tip{ font-family: Calibri; line-height: 24px; color: #646464; float: left; line-height: 45px;}
.tip a.active{ color: #2cade6
}
.list_border{ border: 1px solid #ebeeeb; float: left; width: 100%; height:auto;
    background: url("../images/list_bj.jpg") no-repeat 0 0;font-size: 1.25em ; margin-bottom: 70px; }
.list_border .list_block{ padding: 15px 0px; border-bottom: 1px solid #ebebeb;  float: left; width: calc( 100% - 30px);
    margin:0 15px;  font-size: 12px;}
.list_border .list_block ul{ display: block;}
.list_block:last-child{ border-bottom: none}
.list_border .list_block ul li:nth-of-type(1){ color: #2cade6
}
.list_border .list_block ul.list_ul { width: 80%; float: left; padding-left: 15px; color: #666666}
.list_border .list_block .list_detail a{ border-left:1px dotted #ebebeb; coheight: 65px; line-height: 60px;float: left;
    width: 20% ; color:#ff8800;    cursor: pointer}
.list_border .list_block .list_detail a:hover{ color: #2cade6; text-decoration: none}
.list_border .list_block ul.list_ul li{ height: 22px; line-height: 22px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden}
.copyright{ height: 45px;line-height: 45px; background: #3a5c81; color: #fff; font-size: 14px;  float: left; width: 100%; text-align: center; position: fixed ; bottom: 0px;}
.mar-t20{ margin-top: 20px;}
@media (min-width: 320px) and (max-width:768px){
    .width850{ width: calc(100% - 20px); margin: 0 10px; overflow: hidden}
    .head{ width: 100%; background: url("../images/body_bj3.jpg") no-repeat center  center; background-size: cover ;
        padding: 30px 0; height: 260px; }
    .head_zi_img{ text-align: center; margin: 0 auto; width: 100%; display: block; height: auto; padding-top: 0% !important; }
    .head_logo{ width: 60px;  height:60px;display: inline-block}
    .bj1{background: #e7f3fb}
    .bj2{background: #f5f6f7}
    .seach_block .form-control {
        height: 40px;
        font-size: 12px;
    }

    .seach_block .seach_btn {
        height: 40px;
        font-size: 14px;
        padding: 0 20px;
    }
    .seach_block .saoyisao {
        position: absolute;
        font-size: 22px;
        color: #646464;
        z-index: 1000;
        cursor: pointer;
        right:90px;
        top:9px;
    }
    .input-group{ width:calc(100% - 0px)}
    /*.head_zi_img .head_zi{ font-size: 46px; line-height: 80px; color: #fff; font-weight: bold; display: inline-block}*/
    .head_zi_img .head_zi{ font-size: 24px; line-height: 24px; color: #fff; font-weight: normal; margin-bottom: 15px;}
    .seach_block{ width: calc(100% - 0px); margin:  0 0px; text-align: center;   margin-top: 2%;}
    .has-success .form-control {
        border-color: #337ab7 !important;}

    .suyan_img01{ width: 60%;  height:auto;
        margin:0 auto;}
    .suyan_img02{ width: 60%;  height:auto;
        margin:0 auto;}
    .suyan_img03{width: 60%;  height:auto;
        margin:0 auto;}
    .suyan_block{ margin-top: 10px;}
    .bj1{background: #e7f3fb; padding: 20px 0;}
    .bj2{background: #f5f6f7 ;padding: 20px 0;}
    .suyan_p{ font-size: 18px;  background: linear-gradient(to left, #3383e1, #29caf2);
        -webkit-background-clip: text;
        color: transparent;
        line-height: 46px;
        font-weight: normal;
    }
    #hua_img01{ display: block}
    #hua_img02{ display: none}
    .tip{display: none;margin-bottom: 15px;}
    .list_border{ margin-top: 15px;}
    .list_border .list_block ul.list_ul{padding: 0px; font-size: 12px; }
    .list_detail{ font-size: 12px;}
    .list_border .list_block ul.list_ul li{ height: 22px; line-height: 22px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden}
    .seach_bj2{ width: 100%; background: url("../images/body_bj2.jpg") no-repeat center center;
       height: 80px !important;}
    .detai_head a, .detai_head span{ display:none}
    .med_ul{ margin-top: 10px}
    .zhuizui_block{ margin: 0px !important;background:none !important;}
}

.detai_head{ width: 100%;  display: flex; justify-content: center; align-items: center;height:160px}
.detai_head img{ width: 80px; height: 80px; text-align: center}
.detai_head span{ font-size: 44px; text-align: center ; font-weight: bold; padding: 0 20px; color: #fff; letter-spacing: 3px;}
.fan_blik{ width: 5px; height: 20px;}
.tool_bar_color{ width: 100%; height: 45px; line-height: 45px !important; margin-top:0px !important; float: left; background: #49adf6}
.tool_bar_color span{ font-size: 14px;  padding-left: 20px; color:#fff;}
.zhuizui_block{ width: 100%; height: 125px; padding: 20px; background: url("../images/list_bj.png") no-repeat right 0; float: left; border-left: 1px solid #ebebeb;
    border-right:1px solid #ebebeb;background-size: contain;margin: -1px }
.zhuizui_block ul li{line-height: 22px;}
.zhui_table { width: 100%; margin-bottom: 30px;margin-right: -1px; }
.zhui_table th{ height: 40px; background:#49adf6; text-align: center;  border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;font-weight: normal; color:#fff; font-size: 14px; }
.zhui_table th.det{ border-right: 1px solid #49adf6;}
.zhui_table td{ text-align: center; border: 1px solid #ebebeb; margin: -1px; height: 40px;  line-height: 40px;}
.detal_click{ color:#1E9FFF; text-decoration: none; cursor: pointer}
.detal_click:hover{ color: #00F7DE; text-decoration: none;cursor: pointer}
.details_content{ font-size: 12px;}
