/* CSS Document */

* {
    padding: 0;
    margin: 0;
}

img {
    vertical-align: top;
}

a {
    text-decoration: none;
}

ul,
ol {
    list-style: none;
}

input {
    outline: none;
    -webkit-appearance: none;
}

.clear {
    clear: both;
}

.clear:after {
    zoom: 1;
    visibility: hidden;
    content: '.';
    height: 0;
    display: block;
}

.center {
    margin: auto;
}

.margin-t10 {
    margin-top: 10px;
}

.margin-t15 {
    margin-top: 15px;
}

.margin-t20 {
    margin-top: 20px;
}

.margin-t25 {
    margin-top: 25px;
}

.margin-t30 {
    margin-top: 30px;
}

.margin-t38 {
    margin-top: 38px;
}

.margin-t40 {
    margin-top: 40px;
}

.margin-t45 {
    margin-top: 45px;
}

.margin-t50 {
    margin-top: 50px;
}

.margin-t55 {
    margin-top: 55px;
}

.margin-t60 {
    margin-top: 60px;
}

.margin-t70 {
    margin-top: 70px;
}

.margin-t80 {
    margin-top: 80px;
}

.margin-t90 {
    margin-top: 90px;
}

.margin-t100 {
    margin-top: 100px;
}

body {
    widtH: 100%;
    max-width: 1920px;
    background: #fff;
    margin: 0 auto;
    padding: 0;
    color: #333;
}

.banner img {
    width: 100%;
}


/* form-box */

.this-page-form-box {
    width: 100%;
    height: 714px;
    overflow: hidden;
    background: url(/d/file/hh/2021-03-20/bg.jpg) center 0 no-repeat;
}

.this-page-form-box>div {
    width: 1154px;
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
    padding-bottom: 30px;
}

.this-page-form-box>div i {
    font-style: normal;
    color: red;
}

.this-page-form-box>div>p {
    text-align: center;
    font-size: 36px;
    color: #186597;
    font-weight: 700;
    letter-spacing: 5px;
    text-align: center;
}

.this-page-form-box>div>div {
    display: flex;
    justify-content: space-around;
    overflow: hidden;
}

.this-page-form-box>div>div>span {
    width: 485px;
}

.this-page-form-box>div>div>span>form>span {
    display: flex;
    align-items: center;
    align-content: space-between;
    flex-wrap: wrap;
}

.this-page-form-box>div>div>span>form>span>p {
    width: 100%;
    text-align: center;
    font-size: 26px;
    color: #186597;
    font-weight: 700;
    letter-spacing: 5px;
}

.this-page-form-box>div>div>span>form>span>input {
    width: 481px;
    height: 54px;
    border: 2px solid #31a4ee;
    border-radius: 20px;
    text-indent: 20px;
    font-size: 20px;
}

.this-page-form-box>div>div>span>form>span>input::placeholder {
    color: #31a4ee
}

.this-page-form-box>div>div>span>form>span>input:last-child {
    width: 328px;
    height: 54px;
    border-radius: 20px;
    font-size: 32px;
    border: none;
    background: #fe3030;
    color: #fff;
}

.cont_b_pic_box {
    width: 100%;
    max-width: 100%;
    background: #f0f0f0;
    overflow: hidden;
    margin-top: 10px;
    padding: 20px 0 20px 0;
}

.hot-bm-box {
    width: 1200px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.hot-bm-left-list {
    width: 898px;
    overflow: hidden;
}

.hot-bm-left-list>ul {
    display: flex;
    justify-content: space-between;
}

.hot-bm-left-list>ul>li {
    width: 293px;
    height: 189px;
    overflow: hidden;
}

.hot-bm-left-list>ul>li>a>img {
    width: 293px;
}

.hot-bm-left-list>span {
    display: flex;
    justify-content: space-between;
    width: 898px;
    height: 189px;
}

.hot-bm-left-list>span>ul {
    width: 595px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hot-bm-left-list>span>ul>li {
    width: 293px;
    height: 189px;
    overflow: hidden;
}

.hot-bm-left-list>span>ul>li>a>img {
    width: 293px;
}

.hot-bm-left-list>span>ul>li:first-child {
    width: 595px;
    height: 190px;
    overflow: hidden;
}

.hot-bm-left-list>span>ul>li:first-child>a>img {
    width: 595px;
}

.hot-bm-right-list {
    width: 292px;
    overflow: hidden;
}

.hot-bm-right-list>a>img {
    width: 292px;
}