@import url('3869f50142494696b2da70d9003beb01.css');
@import url('ea3898fef4cc4cd8856632727c9f76d2.css');
@font-face {
    font-family: "Microsoft YaHei";
    src: url(../fonts/hyyakuhei45w.ttf), url(../fonts/HYYakuHei/HYYakuHei45W.ttf), url(../fonts/hyyakuhei65w.ttf), url(../fonts/hyyakuhei75w.ttf), url(../fonts/hyyakuhei85w.ttf), url(../fonts/hyyakuhei95w.ttf);
    font-family: "DIN-BLACK";
    src: url(../fonts/DIN/DIN-BLACK.OTF), url(../fonts/DIN/DIN-BOLD.OTF), url(../fonts/DIN/DIN-LIGHT.OTF), url(../fonts/DIN/DIN-MEDIUM.OTF);
    font-family: "DIN-BOLD";
    src: url(../fonts/DIN/DIN-BOLD.OTF), url(../fonts/DIN/DIN-LIGHT.OTF), url(../fonts/DIN/DIN-MEDIUM.OTF);
    font-family: "DIN-LIGHT";
    src: url(../fonts/DIN/DIN-LIGHT.OTF), url(../fonts/DIN/DIN-MEDIUM.OTF);
    font-family: "DIN-MEDIUM";
    src: url(../fonts/DIN/DIN-MEDIUM.OTF);
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Microsoft YaHei';
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
ol {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.center {
    width: 1200px;
    margin: 0 auto;
}

.tc {
    text-align: center;
}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

#icon_module{
    top: 130px !important;
}
/* 广告位 */

.slogan {
    width: 100%;
    height: 200px;
    background: url(../images/slogan-bg.jpg) no-repeat;
    background-size: cover;
}

.slogan .slogan-content {
    text-align: center;
}

.slogan .slogan-content .text {
    /* float: left; */
}

.slogan .slogan-content .text h1 {
    color: #FFFFFF;
    font-size: 28px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    margin-top: 56px;
}

.slogan .slogan-content button {
    /* float: right; */
    width: 169px;
    height: 37px;
    border: 1px solid #FFFFFF;
    color: #EF8634;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    text-align: center;
    line-height: 37px;
    margin-top: 37px;
    border-radius: 19px;
    background: #FFFFFF;
}


/* .slogan .slogan-content button:hover {
    transition: all 0.3s;
    color: #Ff8004;
    border: 1px solid #Ff8004;
    background-color: #FFFFFF;
} */

.slogan .slogan-content::before {
    content: "";
    display: table;
}

.footer-1 {
    width: 100%;
    background: #2D313D;
    color: #fff;
}

.footer-1 .footer-1-list li {
    float: left;
    width: 25%;
}

.footer-1 .footer-1-list ul::after {
    content: "";
    display: table;
    clear: both;
}

.footer-1 .footer-1-list li .item-box {
    padding: 25px 10px;
}

.footer-1 .footer-1-list li .item-box i {
    width: 55px;
    height: 55px;
    display: inline-block;
    vertical-align: middle;
}

.footer-1 .footer-1-list li .item-box i.footer-icon1 {
    background: url(../images/footer-icon_01.png) 0px 0px no-repeat;
    background-size: 100%;
}

.footer-1 .footer-1-list li .item-box i.footer-icon2 {
    background: url(../images/footer-icon_02.png) 0px 0px no-repeat;
    background-size: 100%;
}

.footer-1 .footer-1-list li .item-box i.footer-icon3 {
    background: url(../images/footer-icon_03.png) 0px 0px no-repeat;
    background-size: 100%;
}

.footer-1 .footer-1-list li .item-box i.footer-icon4 {
    background: url(../images/footer-icon_04.png) 0px 0px no-repeat;
    background-size: 100%;
}

.footer-1 .footer-1-list li p {
    line-height: 51px;
    display: inline-block;
    margin-left: 12px;
    font-size: 16px;
    vertical-align: middle;
}

#mobile_minchat_div {
    top: unset !important;
    bottom: 0;
}


/* 移动端 适配*/

@media screen and (max-width: 767px) {
    .center {
        width: 100%;
    }
    /* 广告位 */
    .slogan {
        height: auto;
    }
    .slogan .slogan-content {
        text-align: center;
        padding: 20px 15px calc(41px / 2);
    }
    .slogan .slogan-content .text {
        float: none;
    }
    .slogan .slogan-content .text h1 {
        font-size: calc(38px / 2);
        font-family: "Microsoft YaHei";
        font-weight: bold;
        margin-top: 0;
    }
    .slogan .slogan-content .text p {
        display: none;
    }
    .slogan .slogan-content button {
        float: none;
        width: calc(350px / 3.2);
        height: calc(68px / 2.4);
        line-height: calc(68px / 2.4);
        font-size: calc(26px/2);
        font-family: 'Microsoft YaHei';
        padding: 0;
        font-weight: 400;
        margin-top: 23px;
    }
}


/* iPad 适配*/

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .center {
        width: 90%;
    }
    /* 广告位 */
    .slogan {
        width: 100%;
    }
    .slogan .slogan-content .text h1 {
        font-size: 32px;
        margin-top: 50px;
    }
    .slogan .slogan-content .text p {
        font-size: 16px;
    }
    .slogan .slogan-content button {
        font-size: 20px;
        width: 215px;
        height: 45px;
        line-height: 45px;
        margin-top: 25px;
        border-radius: 25px;
    }
}


/* iPad Pro 适配*/

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .center {
        width: 960px;
    }
    /* 广告位 */
    .slogan {
        height: 160px;
    }
    .slogan .slogan-content .text h1 {
        margin-top: 36px;
    }
    .slogan .slogan-content button {
        margin-top: 25px;
    }
}