@charset "utf-8";

/*页面属性*/


/* pc端公共样式 */

@media (min-width: 769px) {
    .fl {
        float: left;
    }
    .fr {
        float: right;
    }
    .clear {
        clear: both;
    }
    .bc {
        margin-left: auto;
        margin-right: auto;
    }
    .tc {
        text-align: center;
    }
    .tr {
        text-align: right;
    }
    .zoom {
        overflow: hidden;
        zoom: 1;
    }
    .f10 {
        font-size: 10px;
    }
    .f12 {
        font-size: 12px;
    }
    .f14 {
        font-size: 14px;
    }
    .f16 {
        font-size: 16px;
    }
    .f18 {
        font-size: 18px;
    }
    .f20 {
        font-size: 20px;
    }
    .f24 {
        font-size: 24px;
    }
    .f30 {
        font-size: 30px;
    }
    .l18 {
        line-height: 18px;
    }
    .l20 {
        line-height: 20px;
    }
    .l21 {
        line-height: 21px;
    }
    .l22 {
        line-height: 22px;
    }
    .l24 {
        line-height: 24px;
    }
    .l26 {
        line-height: 26px;
    }
    .l28 {
        line-height: 28px;
    }
    .l30 {
        line-height: 30px;
    }
    .l31 {
        line-height: 31px;
    }
    .l32 {
        line-height: 32px;
    }
    .t24 {
        text-indent: 24px;
    }
    .t28 {
        text-indent: 28px;
    }
    .t32 {
        text-indent: 32px;
    }
    .fb {
        font-weight: bold;
    }
    .hide {
        display: none;
    }
    .show {
        display: block;
    }
    .both {
        width: 100%;
    }
    /*----------margin-----------*/
    .mt3 {
        margin-top: 3px;
    }
    .mt5 {
        margin-top: 5px;
    }
    .mt10 {
        margin-top: 10px;
    }
    .mt15 {
        margin-top: 15px;
    }
    .mt20 {
        margin-top: 20px;
    }
    .mt25 {
        margin-top: 25px;
    }
    .mt30 {
        margin-top: 30px;
    }
    .mt35 {
        margin-top: 35px;
    }
    .mt40 {
        margin-top: 40px;
    }
    .mt45 {
        margin-top: 45px;
    }
    .mt50 {
        margin-top: 50px;
    }
    .mt60 {
        margin-top: 60px;
    }
    .mt65 {
        margin-top: 65px;
    }
    .mt70 {
        margin-top: 70px;
    }
    .mt80 {
        margin-top: 80px;
    }
    .mt110 {
        margin-top: 110px;
    }
    .mt140 {
        margin-top: 140px;
    }
    .ml3 {
        margin-left: 3px;
    }
    .ml5 {
        margin-left: 5px;
    }
    .ml10 {
        margin-left: 10px;
    }
    .ml15 {
        margin-left: 15px;
    }
    .ml20 {
        margin-left: 20px;
    }
    .ml33 {
        margin-left: 33px;
    }
    .ml37 {
        margin-left: 37px;
    }
    .ml46 {
        margin-left: 46px;
    }
    .ml50 {
        margin-left: 50px;
    }
    .ml55 {
        margin-left: 55px;
    }
    .ml60 {
        margin-left: 60px;
    }
    .ml66 {
        margin-left: 66px;
    }
    .ml140 {
        margin-left: 140px;
    }
    .mr10 {
        margin-right: 10px;
    }
    .mb15 {
        margin-bottom: 15px;
    }
    /*----------padding-----------*/
    .pt10 {
        padding-top: 10px;
    }
    .pt20 {
        padding-top: 20px;
    }
    .pb20 {
        padding-bottom: 20px;
    }
    .pb50 {
        padding-bottom: 50px;
    }
    .pad5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    p {
        text-align: justify;
    }
    ul li {
        list-style: none;
        /* display: flex; */
    }
}


/* 手机端公共样式 */

@media screen and (max-width: 768px) and (min-width: 320px) {
    .new_text_conter {
        text-align: center;
    }
    .outImg {
        display: none;
    }
    .new_img {
        width: 100%;
    }
    /*布局 样式 */
    .new_mt10 {
        margin-bottom: 10px;
    }
    .new_mt20 {
        margin-bottom: 20px;
    }
    .new_lh25 {
        line-height: 25px;
    }
    .new_ml20 {
        margin-left: 20px;
    }
    .new_mp5 {
        margin-top: 5px;
    }
    .new_mp10 {
        margin-top: 10px;
    }
    /* 字体样式 */
    .new_fs12 {
        font-size: 12px;
    }
    .new_fs15 {
        font-size: 15px;
    }
    .new_fs20 {
        font-size: 20px;
    }
    .container {
        /* width: 100%; */
        padding: 10px;
        padding-bottom: 12vh;
        box-sizing: border-box;
        overflow: hidden;
    }
    .text_bg {
        background: url(../images/about/big.png) no-repeat 0px 0px;
        margin-left: 20px;
    }
}


/* 公共样式 */

body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div,
dl,
dd,
i {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
}

body {
    color: #333;
    font-size: 12px;
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}

input {
    border: none;
    outline: none;
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}

textarea {
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}

a {
    text-decoration: none;
    outline: none;
    color: #333333;
}

img {
    border: none;
    vertical-align: middle;
}

.ellip {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/*----------颜色-----------*/

.color_red {
    color: #ff0000;
}

.color_white {
    color: #ffffff;
}

.color_tianlan {
    color: #64b5ff;
}

.color_blue {
    color: #0069b9;
}

.color_pink {
    color: #ff1210;
}

.color_black {
    color: #333333;
}

.color_orange {
    color: #ea5413;
}

.color_grey {
    color: #666666;
}

ul li {
    list-style: none;
    /* display: flex; */
}