body {
    margin: 0;
    padding: 0;
    /* background-color: green; */
}

a {
    color: #fff;
    text-decoration: none;
}

.html_body{
    margin: 0 auto;
    max-width: 400px;
    max-height: 1118px;
    height: 1118px;
}

.main_head{
    height: 40px;
    width: 100%;
    display: flex;
    line-height: 40px;
}

.main_head .head_menu{
    width: 50%;
    text-align: center;
    background-image: url(../image/lptd_wz_db_topbar.png);
    font-size: 17px;
}

.main_head .head_line{
    background-image: url(../image/lptd_wz_db_topbar.png);
    width: 1px;
}

.main_head .head_line div{
    background-color: #fff;
    width: 100%;
    height: 50%;
    margin: 9px 0;
}

.main_body {
    max-width: 400px;
    max-height: 1118px;
    width: 100%;
    height: 1118px;
    background-image: url(../image/lprd_web_bj.jpg);
}

.main_body .body_x8 {
    padding-top: 30px;
}
.main_body .body_x8 img{
    margin: 0 auto;
    display: flex;
    max-width: 239px;
    width: 100%;
}

.main_body .body_introduce {
    padding-top: 10px;
}
.main_body .body_introduce img{
    margin: 0 auto;
    display: flex;
    max-width: 333px;
    width: 100%;
}

.main_body .body_download {
    padding-top: 30px;
}
.main_body .body_download img{
    margin: 0 auto;
    display: flex;
    max-width: 256px;
    width: 100%;
}

.main_body .body_notice{
    margin-bottom: 10px;
    overflow: auto;
}

.main_body .body_notice .notice_title {
    position: relative;
    z-index: 10;
    padding: 2.5% 0 5%;
    margin: 0 auto -11%;
    max-width: 274px;
    width: 100%;
    background-image: url(../image/lptd_wz_nr_bt.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.main_body .body_notice .notice_title p{
    margin: 0;
    text-align: center;
    font-size: 29px;
    color: #f9f9f9;
}

.main_body .body_notice .notice_content{
    width: 100%;
    max-height: 297px;
    margin: 0 auto;
    position: relative;
}

.main_body .body_notice .notice_content .content_basemap{
    margin: 0 auto;
    width: 100%;
    position: absolute;
    z-index: 1;
}

.main_body .body_notice .notice_content .content_basemap img{
    margin: 0 auto;
    display: flex;
    max-width: 390px;
    width: 100%;
}

.main_body .body_notice .notice_content .content_text{
    padding: 13% 0 0;
    width: 86%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.main_body .body_notice .notice_content .content_text p{
    margin: 0;
    text-align: center;
    font-size: 20px;
    color: #f9f9f9;
}

.main_body .body_notice .notice_content .content_text span{
    font-weight: bold;
}

.main_body .body_notice .notice_content .content_text img{
    margin: 3.5% auto 4%;
    max-width: 344px;
    width: 100%;
}

.main_body .body_notice .notice_content .content_left{
    float: left;
    margin-top: -68%;
    position: relative;
    z-index: 20;
}

.main_body .body_notice .notice_content .content_right{
    float: right;
    margin-top: -48%;
    position: relative;
    z-index: 20;
}


/* 底部 */
.body_foot {
    max-width: 400px;
    max-height: 232px;
    width: 100%;
    height: 232px;
    background-image: url(../image/lptd_wz_bj_db.png);
}

.body_foot .foot_ggsr {
    padding-top: 40px;
}
.body_foot .foot_ggsr img{
    margin: 0 auto;
    display: flex;
    max-width: 309px;
    width: 100%;
}

.body_foot .foot_text p{
    margin: 0px auto 0;
    text-align: center;
    color: #f9f9f9;
    font-size: 20px;
}


.body_foot .foot_tglink img{
    margin: 0 auto;
    display: flex;
    max-width: 248px;
    width: 100%;
}