* {
    margin            : 0;
    padding           : 0;
    box-sizing        : border-box;
    /* background-size: 100% 100% !important;
    手机端用的；2021-3-26 15:01:12
    */
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.text_set {
    text-indent: 2em;
    text-align : justify;
}

.text1 {
    font-size     : 20px;
    line-height   : 32px;
    letter-spacing: 1px;
    text-indent   : 2em;
    text-align    : justify;
}

body {
    width      : 100%;
    height     : auto;
    max-width  : 1920px !important;
    min-width  : 1200px !important;
    margin     : 0 auto;
    font-family: "微软雅黑";
}

div img {
    /* width         : 100%; */
    border        : 0;
    vertical-align: middle;
}

a {
    color          : inherit;
    text-decoration: none;
    cursor         : pointer;
}

button {
    border : 0;
    padding: 0;
    cursor : pointer;
}

input,
button:focus {
    outline: none;
    border : none;
}

li {
    list-style: none;
}

.mg {
    margin: 0 auto;
}

.title2 {
    position      : relative;
    height        : 34px;
    line-height   : 34px;
    text-align    : center;
    font-size     : 36px;
    font-weight   : bold;
    letter-spacing: 2px;
    color         : #009ada;
}

.title2::before {
    content   : '';
    display   : block;
    position  : absolute;
    top       : 50%;
    left      : 0;
    transform : translateY(-50%);
    width     : 74px;
    height    : 8px;
    background: url(../img/8.png) center no-repeat;
}

.title2::after {
    content   : '';
    display   : block;
    position  : absolute;
    top       : 40%;
    right     : 0;
    transform : translateY(-50%);
    width     : 74px;
    height    : 8px;
    background: url(../img/8.png) center no-repeat;
    transform : rotateY(180deg);
}

/* banner-sweiper */
.my-bullet {
    display         : inline-block;
    width           : 28px;
    height          : 6px;
    background-color: #ffffff;
    opacity         : .2;
    margin          : 0 4px;
    transition      : all .3s;
}

.my-bullet2 {
    opacity: 1;
    width  : 38px
}

/* 定位居中 */

.position_JuZhong {
    position : absolute;
    top      : 50%;
    left     : 50%;
    transform: translate(-50%, -50%);
}

red {
    color: red;
}

/* 1.js后 */

.er {
    position: relative;
    top     : -1px;
    z-index : 2;
    display : none;
}

.er li {
    background-color: #755743;
    color           : #ffffff;
    transition      : all .3s;
}

/* .er li::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #fd6628;
} */


/* 1.1 省略 */
.omit_text {
    /*1. 先强制一行内显示文本*/
    white-space  : nowrap;
    /*2. 超出的部分隐藏*/
    overflow     : hidden;
    /*3. 文字用省略号替代超出的部分*/
    text-overflow: ellipsis;
    text-align   : justify;
}

/* 多行省略 */
.omit_text_duo {
    /*1. 超出的部分隐藏 */
    overflow          : hidden;
    /*2. 文字用省略号替代超出的部分 */
    text-overflow     : ellipsis;
    /* 3. 弹性伸缩盒子模型显示 */
    display           : -webkit-box;
    /* 4. 限制在一个块元素显示的文本的行数 */
    -webkit-line-clamp: 3;
    /* 5. 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-box-orient: vertical;
    text-align        : justify;
}

.omit_text_duo_2 {
    /*1. 超出的部分隐藏 */
    overflow          : hidden;
    /*2. 文字用省略号替代超出的部分 */
    text-overflow     : ellipsis;
    /* 3. 弹性伸缩盒子模型显示 */
    display           : -webkit-box;
    /* 4. 限制在一个块元素显示的文本的行数 */
    -webkit-line-clamp: 2;
    /* 5. 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-box-orient: vertical;
    text-align        : justify;
}

/* 1.2 图片设置，因为路径那边用style接数据，这边只能分开写 */

.bg_p {
    background-repeat  : no-repeat !important;
    background-position: center !important;
    background-size    : cover !important;
}

.bg_p2 {
    background-repeat  : no-repeat !important;
    background-position: center !important;
    background-size    : cover !important;
}

/* 1.3 banner在大于1200px的时候随着width变化而变 */
/* 然后高度不会跟着变 */
@media screen and (max-width:1200px) {
    .banner {
        height: 312.5px !important;
    }
}

/* 1.4 分页 */

.gn3_page {
    display        : flex;
    justify-content: space-between;
    width          : 461px;
    height         : 17px;
    margin-bottom  : 40px;
}

/* 1.5 导航与分页选中效果 */
a[class="on"] {
    color              : red !important;
    /* background-color: red !important; */
}

li[class="on"],
#navBox>li:hover {
    background-color: #ffffff;
    color           : #fd6628 !important;
}

#navBox>li li:hover {
    background-color: #827c76;
}

/* 1.6 搜索banner */

.banner_search {
    background: url(../img/26.jpg) center/cover no-repeat;
}