html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
form,
fieldset,
input,
textarea,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

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

a:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #fc0402;
}

input {
    border: 0;
}

input:focus {
    outline: none;
    border: 0;
}

ul li {
    list-style: none;
}

html,
body {
    position: relative;
    height: 100%;
}

html {
    font-size: 100px;
}

body {
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-size: .16rem;
}

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

.section {
    width: 100%;
    margin: 15px auto;
}

.section-row {
    width: 1210px;
    margin: 0 auto;
}

/*顶部样式*/
.header {
    width: 1210px;
    padding: 20px 0px;
    height: 180px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.header .logo img {
    height: 140px;
}

.header .search {
    width: 380px;
    margin-right: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

.header .search input {
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: rgba(0, 0, 0, 0.3);
    color: #FFF;
    font-size: 14px;
    border-radius: 8px;
    text-indent: .16rem;

}

.header .search input::placeholder {
    color: #FFF;
}

.header .search button {
    position: absolute;
    right: 0px;
    border: none;
    width: 32px;
    height: 32px;
    background: url(../images/search.png) no-repeat center;
    background-size: 75%;
    cursor: pointer;
}

/*结束顶部样式*/

/*导航*/
.nav-box {
    width: 100%;
    height: 70px;
    position: relative;
}

.nav-bg {
    width: 100%;
    height: 50px;
    margin: 10px auto;
    background: #f1efee;

}

.nav-box .nav {
    position: absolute;
    width: 1210px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);

}

.nav-box .nav ul {
    display: flex;
    justify-content: space-around;
    position: relative;
}

.nav-box .nav ul li {
    width: 100%;
    line-height: 50px;
    text-align: center;
    margin: 0px 2px;
}

.nav-box .nav ul li a {
    display: block;
    text-decoration: none;
    font-size: 20px;
}

.nav-box .nav ul li a:hover,
.nav-box .nav ul li.select a {
    font-size: 22px;
    color: #fc0403;
    background: #d4d3d2;
    border-radius: 8px;
    padding: 10px 0px;
    margin-top: -10px;
    transition: all 0.3s;
}

/*广告位*/
.adv-box {
    width: 1210px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.adv-box img {
    width: 100%;
}

/*友情链接*/
.links h2 {
    font-size: 18px;
    color: #3e3d3d;
}

.links ul {
    display: flex;
    flex-wrap: wrap;
}

.links ul li {
    width: 150px;
    height: auto;
    min-height: 50px;
    margin: 10px;
}

.links ul li img {
    max-width: 100%;
}

.links ul li a {
    display: block;
    height: 100%;
    text-align: center;
}


/*底部*/
.footer-bg {
    background: #f1efee;
    margin-bottom: 0px;
}

.footer {
    padding: 20px 0px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-size: 0.14rem;
    line-height: 28px;
}

.footer .weixin {
    display: flex;
    justify-content: center;
}

.footer .weixin p {
    margin: 0px 10px;
    text-align: center;
    color: #333;
}

/*移动端顶部菜单*/
.ul_nav {
    display: none;
    background: #FFF;
    height: 100%;
    width: 100%;
    list-style: none;
    transition: all 0.3s;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    padding-top: 32px;
}

.ul_nav li {
    line-height: 42px;
    margin-left: 32px;
    letter-spacing: 10px;
    width: 30%;
    float: left;
    text-align: center;
}

.ul_nav li a {
    display: block;
}

/*移动端通栏导航*/
.nav-wap-box {
    display: none;
    width: 100%;
    overflow: hidden;
    background: #f1efee;
    margin-bottom: 10px;
    box-shadow: 2px 2px 4px #999;
}

.nav-wap-box ul {
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.nav-wap-box ul li {
    flex: 25%;
    position: relative;
}

.nav-wap-box ul li a {
    display: block;
    text-align: center;
    padding: 10px 0px;
}

.nav-wap-box .select::after {
    position: absolute;
    content: ' ';
    display: block;
    height: 4px;
    background: #999;
    width: 70%;
    margin-left: 15%;
    border-radius: 5px;
}

.lable_click {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    margin: 5px;
    width: 25px;
    height: 25px;
    background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAJhJREFUWEftl1ERAjEMRLupAHAAEjpVgARwAMoOByDpzgEIaJa5geGH/4SPrYHdee30JWitHcxsArAvgYfk7O4X9N5nALvA7G/UWiK7wIL1Cmqt91LKJpjCc4xxRHDoT5wKiIAIiEA+AdkwWcdvG5rZNXomILm4+zn/EUrHIiACIpBO4PMV3wBsI8uQfLj7KXs1+5PdMNOGL/xaUsINq8zbAAAAAElFTkSuQmCC);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 3px;
}

#check_nav {
    display: none;

}

#check_nav:checked~.ul_nav {
    display: block;
}

#check_nav:checked~.lable_click {
    content: ' ';
    background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAYFJREFUWEe1l+1xwyAMQAUMUG9Szgu02aDdpJ2k3aTdIOkGdJN0AImeONvnxAYEGP+ML/cestCHAgCw1lpjzAcivjrnrvxbr8daOxhjvhDx3TnnFMO11mel1AAADhFPvSQm+JnP7L2/EtFJjeN4UUo9rU7cRWINn1ne+x+OwKC1ZonHXhIR+C8RPaspB7pJpOD8qYNAL4kcnLmLwNESEvhG4CgJKXxXoFWiBB4VqJUohScFSiVq4FkBqUQtXCSQk+D3xphQXlcVLhQZSUm/uYapBhSrmHMZqYGLI5ApVou391588vlP4gjkJGrgxRGY8+H+m09yVV20KAJ72X6XN8USYoHYVQthbGjlIoHUPWeBlnkiKyApMi1DTVJAAs/cjmxORAVK4C0SuwI18FqJjUALvEZiM5K1NJZ1TZAm5s1QehS8JBLLWH40XCoRFpNecInEZjWr7WqpWSI21MyrGW/GFwB46AWPROIPEZfVjDfkTyJ6kYxRudMKJqtvInrj9fwfhwY8q7sqlRkAAAAASUVORK5CYII=);
    background-size: contain;
}

.advSwiper .swiper-pagination {
    bottom: 0px;
}

.advSwiper .swiper-pagination-bullet {
    background: #F00;
}

.advimg_wap {
    display: none;
}

.advimg_pc {
    display: block;
}


@media screen and (max-width: 768px) {
    html {
        /*font-size: 55.9391770216306px;*/
        /*font-size: calc(100vw * (14 / 105)) !important;//手机端自适应*/
        font-size: 26.6667vw;
    }

    .advimg_wap {
        display: block;
    }

    /*移动端通栏导航*/
    .nav-wap-box {
        display: block;
    }

    .nav-box,
    .advimg_pc {
        display: none;
    }

    .section1,
    .adv-box {
        width: 100%;
    }

    .lable_click {
        display: block;
    }

    .header,
    .section,
    .section-row {
        width: 100%;
    }

    .header {
        flex-wrap: wrap;
    }

    .header .search {
        width: 80%;
        margin: 0 auto;
    }

    .header .logo {
        width: 100%;
        text-align: center;
    }

    .header .logo img {
        height: 120px;
    }

    .links ul li {
        width: 25%;
    }

    .footer {
        font-size: 0.12rem;
        flex-direction: column-reverse;
    }

    .footer .info p {
        margin-top: 20px;
        text-align: center;
    }

    .footer .weixin img {
        width: 70%;
    }
}