@charset "utf-8";
/*base*/
html,body,ul,ol,li,p,h2,h4,a,img,input,span,a{margin:0;padding:0;}
img,input,button {border: 0;}
t{font-style: normal;font-family: "Microsoft Yahei"; font-weight:normal;}
input:focus,textarea:focus,select:focus, button{outline:none;}
ul,li,button{list-style: none;}
body{font-size: 16px;color: #333;font-family:"微软雅黑";box-sizing: border-box;}
a{color: #333;text-decoration:none;font-family:"微软雅黑";font-size:16px;}
button,img,input { vertical-align: middle;}
.clearfix:before,.clearfix:after {content: " ";display: table;clear: both;}
::-webkit-input-placeholder {color: #b2b2b2; } :-moz-placeholder { color: #b2b2b2; } ::-moz-placeholder {  color: #b2b2b2; } :-ms-input-placeholder {color: #b2b2b2; }
.fl{ float:left;}
.fr{ float:right;}

.hdjl_section01,.hdjl_section02,.hdjl_section03{width: 1306px; margin: 30px auto;}
.smrx{float: left;min-height: 460px;}
.smrx_bg{
    /* background: url(./images/hdjl_pic01.png) no-repeat;width: 578px; height: 180px;position: relative; */
}
.smrx_zx{margin-top: 30px;}
.smrx_bg .btn{position: absolute;padding: 10px 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 2px 1px 8px 0px #c4d5dd;
    bottom: 18%;
    left: 7%;color: #226ebc;cursor: pointer;}
.smrx_title {margin: 20px 0;}
.smrx_title a{font-size: 23px; font-weight: 700;vertical-align: middle;}
.smrx_list li a {display: flex; justify-content: space-between;padding-left: 20px;}
.smrx_list li a .date{color: #666;}
.smrx_list li {margin: 20px 0;position: relative;}
.smrx_list ul li::before{position: absolute;content: '';display: inline-block; border: 1px solid; height: 8px;width: 8px;left: 0;top: 25%;border-radius: 50%;color: #226ebc;}
.smrx_list ul li:not(:last-child):after{position: absolute;content: '';display: inline-block;height: 27px;left: 5px;top: 81%;color: #226ebc;border-left: 1px solid;}
.qzxx{width: 670px; float: right;background-image: linear-gradient(to bottom, #eef6ff, #fff);height: 300px;border-radius: 10px;box-sizing: border-box;
    padding: 20px 30px 30px;}
.qzxx_titlePic{text-align: center;margin: 15px;}
.qzxx_btns{display: flex;justify-content: space-between;}
.qzxx_btns .write,.qzxx_btns .search{    width: 48%;
    background-color: #fff;
    box-shadow: 0px 0px 5px 2px #f3f3f3;
    border-radius: 10px;}
.qzxx_btns .write a,.qzxx_btns .search a{
    display: flex;align-items: center;
    padding: 15px 10px;
    justify-content: space-evenly;
}
.qzxx_icon{}
.qzxx_icon img{transition: all .4s ease;width: 70px;}
.qzxx_name{}
.qzxx_name .font-M{font-size: 23px;color: #333;}
.qzxx_name .font-S{font-size: 14px; color: #666;}

.qzxx_btns a:hover img {
    transform: rotateY(180deg);
}
.data_count{background: url('./images/hdjl_pic03.png') no-repeat bottom right;}
.data_count img{display: block;margin: 20px auto;}
.count_list ul{display: flex;justify-content: space-around;text-align: center;}
.count_list .count_num{color: #e84201; font-weight: 700;margin: 10px 0 20px;font-size: 18px;}

.myzj{width: 58%;}
.myzj .myzj_title span,.lxgs_title span{font-size: 23px;
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 3px solid #226ebc;}
.more{vertical-align: middle;color: #666; line-height: 38px;}

.myzj_list{margin-top: 30px;}
.myzj_list li{border-bottom: 2px dashed #dfdfdf;margin-top: 25px;}
.status_ing{ color: #fff;background-color: #226ebc;border-radius: 10px; border-bottom-right-radius: 0px; padding: 5px 20px;}
.status_end{ color: #fff;background-color: #d3d3d3;border-radius: 10px; border-bottom-right-radius: 0px; padding: 5px 20px;}
.myzj_name{font-weight: 700; color: #333;font-size: 18px;}
.time{color: #666; margin: 10px 0 30px;}
.myzj_text{width: 81%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.sjfx{width: 38%;}
.data_type{font-weight: 700; color: #2c74be; font-size: 18px;margin-left: 20px;}

.lxgs .letters{overflow: hidden;margin: 45px 0;}
.lxgs .letters li{width: 33%; height: 220px; background: url('./images/letter_bg.png') no-repeat;position: relative;}
.lxgs .letters li .question,.lxgs .letters li .answer{position: absolute;width: 90%;}
.lxgs .letters li .question{top: 20px; left: 20px;}
.lxgs .letters li .answer{top: 110px; left: 20px;}
.question_icon,.question_title,.answer_icon,.answer_title{float: left;}
.question_icon,.answer_icon{width: 19%;}
.question_title{width: 80%;font-size: 18px;font-weight: 700;color: #226ebc;    line-height: 30px;}
.question_title .letters_name{display: inline-block; width: 100%;min-height: 60px;}
.answer_title{width: 80%;line-height: 27px;}
.lxgs_more{color: #de2c2c;}
.swiper-pagination{margin: 10px auto 0; position: unset !important;}
.swiper-pagination-bullet{ margin: 5px; width: 12px !important; height: 12px !important;}
.swiper-pagination-bullet-active{width: 25px !important;border-radius: 6px !important;background-color: #226ebc !important;}
.letters .letters_time{
    color: #666;
    font-weight: 500;
    font-size: 15px;position: absolute;
    right: 0;
    bottom: 0;}
@media (max-width: 750px) {
    .hdjl_section01, .hdjl_section02, .hdjl_section03 {
        width: 100%;
        padding-left: 12px; padding-right: 12px; margin: 10px 0;
    }
    .smrx{float: none;min-height: auto;}
    .smrx_zx{margin-top: 10px;}
    .smrx img,.qzxx_titlePic img,.data_count img{width: 100%;}
    .qzxx{width: 100%; height: auto;padding: 10px;margin-top: 10px;}
    .qzxx_name{right: 7%;}
    .myzj,.sjfx{float: none !important;width: 100%;}
    .sjfx{margin-top: 10px;}
    .status_end {padding: 5px;font-size: 13px;}
    .myzj_name{font-size: 16px;}
    .time{margin: 10px 0;font-size: 14px;}
    .lxgs .letters li {background-size: 100%;}
    #container02,#container{width: 100% !important;}
    .qzxx_icon img{width: 50px;}
    .qzxx_name .font-M{font-size: 18px;}
    .answer .answer_title a{font-size: 15px;}
    .question_title {font-size: 16px;}
    .lxgs .letters{margin: 10px 0;}
}