html {
    font-size: 62.5%;
    color: #222;
}

::selection {
    background-color: #b3d4fc;
    text-shadow: none;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

/* ==========
   工具样式
   ========== */
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    overflow: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* ===============
   浏览器更新提示
   =============== */

/* .browserupgrade {
    margin: 0;
    padding: 1rem;
    background: #ccc;
} */

/* ===============
   自定义页面样式
   =============== */

body {
    font-size: 16px;
    background-size: cover;
}

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

a:hover {
    text-decoration: none;
}

.bigbox {
    width: 1250px;
    margin: 0 auto;
}

.pt_200 {
    padding-top: 200px;
}

.pt_220 {
    padding-top: 220px;
}

.news_bg1 {
    background-color: #f3f4f8;
}

.col_f {
    color: #fff;
}

.zhanwei {
    display: none;
}

@media screen and (max-width: 1570px) {
    .big_box {
        width: calc(100% - 40px) !important;
        margin: 0 20px;
    }
}

@media screen and (max-width: 1270px) {
    .bigbox {
        width: calc(100% - 40px) !important;
        margin: 0 20px;
    }
}