html,
body {
    font-size: 15px;
    color: black;
    background-color: #98acbd;
    font-family: 'DengXian', '等线';
    vertical-align: baseline;
    line-height: 26px;
    font-weight: 400;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: black;
    transition: all 0.3s ease 0s;
    text-decoration: none !important;
    outline: none !important;
}

a:active,
a:hover {
    text-decoration: none;
    outline: 0 none;
    color: #222222;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

.nopadding {
    padding: 0 !important;
}

p {
    margin: 0 0 26px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'DengXian', '等线';
    color: #333333;
    margin: 0 0 26px;
    font-weight: 600;
}

h1 {
    font-size: 70px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

h1,
h2 {
    font-weight: 700;
}

h3,
h4 {
    font-weight: 500;
}

h5,
h6 {
    font-weight: 600;
}


/* 媒体查询版心 */

@media screen and (min-width: 1200px) {
    .container-wide,
    .slider-area-wrapper .slick-dots {
        max-width: 1200px;
    }
}

@media screen and (min-width: 1500px) {
    .container-wide,
    .slider-area-wrapper .slick-dots {
        max-width: 1480px;
    }
}


/* 快捷样式 */

.m-b {
    margin-bottom: 15px
}

.hidden {
    display: none !important;
}

.p-0 {
    padding: 0;
}

.padding-0 {
    padding: 0 !important;
}

.nopadding {
    padding: 0 !important;
}
.p-20 {
    padding: 20px;
}
.pl-0 {
    padding-left: 0;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-40 {
    padding-left: 40px;
}

.pr-0 {
    padding-right: 0;
}

.pr-25 {
    padding-right: 25px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-40 {
    padding-right: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-94 {
    padding-top: 94px;
}

.pt-80 {
    padding-top: 80px !important;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px !important;
}

.pt-250 {
    padding-top: 250px !important;
}

.pt-300 {
    padding-top: 300px !important;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px !important;
}

.pb-170 {
    padding-bottom: 170px !important;
}

.pb-175 {
    padding-bottom: 175px !important;
}

.pb-190 {
    padding-bottom: 190px !important;
}

.pb-200 {
    padding-bottom: 200px !important;
}

.pb-220 {
    padding-bottom: 220px !important;
}

.pb-240 {
    padding-bottom: 240px !important;
}

.pl-30 {
    padding-left: 30px;
}

.margin-0 {
    margin: 0 !important;
}

.ml-15 {
    margin-left: 15px;
}

.mt-5 {
    margin-top: 5px;
}

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

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

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

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

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

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

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

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

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-29 {
    margin-bottom: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-55 {
    margin-bottom: 55px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-180 {
    margin-bottom: 180px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

.mbm-150 {
    margin-bottom: -150px;
}

.mtm-150 {
    margin-top: -150px;
}

.pr-md-50 {
    padding-right: 50px;
}


/*----------------------
3.2 - Background Image
-----------------------*/

.bg-img {
    background: no-repeat center center;
    background-size: cover;
}

.bg-img-tr {
    background: no-repeat top right;
}

.bg-img-tl {
    background: no-repeat top left;
}

.bg-img-br {
    background: no-repeat bottom right;
}

.bg-img-bl {
    background: no-repeat bottom left;
}

.bg-img-nr {
    background: no-repeat center center;
    background-size: contain;
}