@media screen and (max-width: 1200px) {
    .slide-2 .slide-2-bg {
        width: 1000px;
    }
    .swiper-slide .slide-title-bg {
        font-size: 77px;
    }
    .swiper-slide .slide-title-bg-t {
        font-size: 77px;
    }
    .slide-2 .slide-left span {
        font-size: 18px
    }
    .slide-1 .slide-1-bg {
        width: 1000px;
    }
    .slide-2 .slide-title-bg {
        font-size: 60px;
    }
    .slide-2 .slide-title-bg-t {
        font-size: 53px;
    }
    .xxh-1-cen .xxh-1-c-left {
        width: 650px;
    }
    .xxh-1-cen .xxh-1-c-right {
        width: 350px;
    }
    .xxh-4 .bigimgtitle {
        width: 1000px;
    }
    .xxh-4 .bigimgtitle img {
        width: 100%;
    }
    .xxh-4 .bottomtitle {
        top: 88%;
        right: -10%;
    }
    .xxh-5 {
        height: 440px;
    }
    .xxh-5 li {
        margin-top: 23px;
    }
    .xxh-6 .main {
        position: relative;
    }
    .xxh-6 .xxh6-title {
        left: 61%;
    }
    .xxh-6 .xxh6-bottom {
        right: 65%;
    }
}

@media screen and (max-width: 1000px) {
    .headerbg {
        width: 100%;
        /* height: 4rem; */
        height: auto;
    }
    .headerbg .swiper-container .swiper-slide {
        overflow: hidden;
        height: auto;
    }
    .headerbg .swiper-container .swiper-slide>div {
        width: 100%;
    }
    .headerbg .swiper-container .swiper-slide .slide-title-bg {
        font-size: 1rem;
    }
    .headerbg .swiper-container .swiper-slide .slide-title-bg-t {
        font-size: 1rem;
    }
    .headerbg .swiper-container .swiper-slide span {
        display: none;
        font-size: 0.266667rem;
    }
    .headerbg .swiper-container .slide-1 .slide-left {
        float: none;
        width: 100%;
        margin-top: 0.8rem;
    }
    .headerbg .swiper-container .slide-1 .slide-right {
        float: none;
        width: 100%;
        margin-top: 0;
        text-align: center;
        line-height: 4rem;
    }
    .headerbg .swiper-container .slide-1 .slide-right img {
        float: none;
        width: 90%;
        margin-top: 0;
    }
    .headerbg .swiper-container .slide-2 .slide-left-l {
        display: none;
    }
    .headerbg .swiper-container .slide-2 .slide-left {
        /* float: right; */
        /* width: 60%; */
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 0.8rem;
    }
    .headerbg .swiper-container .slide-2 .slide-left i {
        display: none;
    }
    .headerbg .swiper-container .slide-2 .slide-right {
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 0;
        line-height: 4rem;
    }
    .headerbg .swiper-container .slide-2 .slide-right img {
        width: 70%;
        margin-top: 0;
    }
    .xxh-1,
    .xxh-2,
    .xxh-3,
    .xxh-4,
    .xxh-5,
    .xxh-6,
    .xxh-7,
    .xxh-8,
    .xxh-9,
    .xxh-10,
    .xxh-11,
    .xxh-12 {
        margin: 0.2rem 0;
        border-radius: 0.1rem;
        background: rgba(226, 226, 232, 0.5);
    }
    .xxh-title {
        margin: 0.3rem 0;
    }
    .xxh-title h2 {
        font-size: 0.5rem;
    }
    .xxh-title h1 {
        font-size: 0.5rem;
    }
    .xxh-title p {
        font-size: 0.2rem;
    }
    .xxh-1-cen,
    .xxh-2-cen {
        height: auto;
        margin: 0;
    }
    .xxh-1-cen .xxh-1-c-left {
        float: none;
        width: 100%;
        margin-top: 0.3rem;
    }
    .xxh-1-cen .xxh-1-c-left li {
        padding: 0.3rem 0;
    }
    .xxh-1-cen .xxh-1-c-left li img {
        width: 60%;
    }
    .xxh-1-cen .xxh-1-c-left li p {
        font-size: 0.35rem;
        margin: 0.2rem 0;
    }
    .xxh-1-cen .xxh-1-c-right {
        float: none;
        width: 100%;
    }
    .xxh-1-cen .xxh-1-c-right img {
        width: 60%;
    }
    .xxh-2-cen .xxh-2-c-left {
        float: none;
        width: 100%;
        margin: 0.3rem 0;
    }
    .xxh-2-cen .xxh-2-c-right {
        float: none;
        width: 100%;
        margin: 0.3rem 0;
    }
    .xxh-2-cen .xxh-2-c-bd {
        width: 85%;
        height: auto;
    }
    .bigtitle h3 {
        font-size: 0.5rem;
        margin: 0.3rem 0;
    }
    .xxh-2-cen li {
        font-size: 0.4rem;
        margin: 0.2rem 0;
    }
    .xxh-3 {
        height: auto;
    }
    .xxh-3 ul {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    .xxh-3 li {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        width: 40%;
        background-color: #fff;
        border-radius: 0.2rem;
        margin: 0.2rem 0;
    }
    .xxh-3 li img {
        width: 80%;
        margin: 0.2rem 0;
    }
    .xxh-3 li p {
        font-size: 0.4rem;
        line-height: 0.8rem;
    }
    .xxh-3 li:last-child {
        width: 87%;
    }
    .xxh-3 li:last-child img {
        width: 40%;
    }
    .xxh-4 {
        display: none;
    }
    .xxh-5 {
        height: auto;
        background: url(../images/xxh-5-bg.png) no-repeat center;
    }
    .xxh-5 .zjhx {
        display: none;
    }
    .xxh-5 li {
        float: none;
        width: 100%;
        height: 2.4rem;
        line-height: 2rem;
        margin-top: 0.4rem;
        padding-left: 0.5rem;
        box-sizing: border-box;
        border-bottom: 1px dashed #fff;
    }
    .xxh-5 li .li-img {
        float: left;
        width: 2rem;
        height: 2rem;
        margin: 0px;
        background-color: rgba(244, 246, 247, 0);
    }
    .xxh-5 li img {
        width: 2rem;
    }
    .xxh-5 li p {
        float: left;
        font-size: 0.5rem;
        margin: 0;
        padding-left: 0.3rem;
    }
    .xxh-5 li:nth-child(2)::after,
    .xxh-5 li:nth-child(2)::before {
        content: "";
        width: 0px;
        height: 0px;
    }
    .xxh-6 {
        display: none;
    }
    .xxh-7 {
        height: auto;
    }
    .xxh-8 {
        height: auto;
    }
    .xxh-8 li {
        float: none;
        background-color: #fff;
        width: 80%;
        border-radius: 0.2rem;
        margin: 0.3rem auto;
        padding: 0.1rem;
    }
    .xxh-8 li img {
        width: 30%;
    }
    .xxh-8 li p {
        font-size: 0.4rem;
        margin: 0.1rem 0;
    }
    .xxh-9 {
        height: auto;
        padding: 0.133333rem 0;
    }
    .xxh-9 img {
        width: 30%;
        margin: 0;
    }
    .xxh-9 ul {
        margin: .8rem 0;
    }
    .xxh-9 ul li {
        height: auto;
    }
    .xxh-9 ul li img {
        height: auto;
    }
    .xxh-9 ul li span {
        overflow: hidden;
        /* display: none; */
        position: static;
        height: .6667rem;
        /* display: inline; */
        /* line-height: 0; */
        line-height: .6667rem;
        padding: 0;
        background: none;
    }
    .xxh-9 ul li span em {
        line-height: .6667rem;
        color: #333;
        font-size: .3467rem;
    }
    .xxh-10 {
        overflow: hidden;
        height: auto;
        text-align: center;
    }
    .xxh-10 .main {
        display: none;
    }
    .xxh-10 em,
    .xxh-10 i {
        font-size: 0.5rem;
        font-style: normal;
    }
    .xxh-10 i {
        font-weight: 900;
    }
    .xxh-10 .xxh-10-mov {
        width: 100%;
        height: 15.5rem;
        margin-top: 0.266667rem;
    }
    .xxh-10 .xxh-10-mov video {
        width: 100%;
        height: 100%;
    }
    .xxh-11 {
        height: auto;
    }
    .xxh-11 li {
        float: none;
        width: 100%;
        height: 3.6rem;
        box-sizing: border-box;
        padding: 0 0.2rem;
        border-bottom: 1px dashed #fff;
    }
    .xxh-11 li:last-child {
        border-bottom: none;
    }
    .xxh-11 li .li-top {
        float: left;
        width: 3rem;
        height: 3.2rem;
        padding: 0.5rem 0;
        margin: 0.2rem 0;
        background-color: transparent;
    }
    .xxh-11 li .li-top p {
        float: none;
        width: 100%;
        font-size: 0.6rem;
        line-height: 0.9rem;
        padding-top: 0;
    }
    .xxh-11 li p {
        float: right;
        width: 6rem;
        font-size: 0.45rem;
        padding-top: 1.3rem;
        font-weight: 900;
    }
    .xxh-11 li:nth-child(even) .li-top {
        float: right;
    }
    .xxh-11 li:nth-child(even) p {
        float: left;
    }
    .xxh-12 {
        height: auto;
    }
    .xxh-12 .xxh-12-left {
        display: none;
    }
    .xxh-12 .xxh-12-right {
        float: none;
        width: 100%;
    }
    .xxh-12-right .right-pic {
        width: 100%;
        height: auto;
        margin-left: 0;
        padding: 0;
        border-radius: 0.2rem;
    }
    .xxh-12-right .right-title {
        height: auto;
    }
    .xxh-12-right .right-title p {
        font-size: 0.6rem;
        font-weight: 600;
        text-align: center;
        margin: 0.2rem 0;
    }
    .tfal .main .antitle h1 {
        font-size: .666667rem;
        text-align: center;
        margin: .266667rem 0;
    }
    /* .tfal .main .antitle h1::after {
        content: '';
        display: block;
        width: 1.333333rem;
        height: .026667rem;
        margin: .2rem auto;
        background-color: #C08F06;
    } */
    .tfal .main .antitle p {
        font-size: .4rem;
        margin: 0;
    }
    .tfal .anlist ul {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .tfal .anlist ul li {
        width: 45%;
        height: auto;
        margin: 0.133333rem 0.133333rem;
        border-radius: 0.066667rem;
        text-align: center;
    }
    .tfal .anlist ul li img {
        width: 100%;
        height: 3.3rem;
    }
    .tfal .anlist ul li p {
        font-size: 0.306667rem;
        line-height: 0.8rem;
    }
    .tfal .anlist ul li:hover::before,
    .tfal .anlist ul li:hover::after {
        display: none;
    }
    .tfal .fy {
        width: auto;
        height: auto;
    }
    .tfal .fy li {
        margin: 0 0.066667rem;
    }
    .tfal .fy li a {
        font-size: 0.266667rem;
        padding: 0.133333rem 0.2rem;
    }
    .fyan a:nth-child(1) {
        display: none;
    }
    .fyan a:nth-child(2) {
        display: none;
    }
    .fyan a:last-child {
        display: none;
    }
    .index-7 .title {
        font-size: 0.5rem;
        margin-top: 0.04rem;
    }
    .index-8 .title {
        font-size: .5rem;
    }
    /* 冰淇淋 */
    .bql-lb-1 .slide-1-bg {
        padding: 0 .2rem;
    }
    .bql-lb-2 .slide-2-bg {
        padding: 0 .2rem;
    }
    .bql-lb-1 .slide-left img {
        height: 4rem;
    }
    .bql-lb-1 .slide-right p {
        font-size: .8rem;
    }
    .bql-lb-1 .slide-right p.p-one {
        padding-top: 1rem;
    }
    .bql-lb-2 .slide-2-bg .slide-left .p-one {
        padding-top: 1rem;
    }
    .bql-lb-2 .slide-2-bg .slide-left p {
        font-size: .8rem;
    }
    .bql-lb-2 .slide-2-bg .slide-left .p-two {
        font-size: .6rem;
    }
    .bql-lb-2 .slide-2-bg .slide-right img {
        max-width: 100%;
    }
    .bql-1 .xxh-title h1 {
        margin: .1333rem 0;
    }
    .bql-1 .xxh-title h1 img {
        width: 6rem;
    }
    .bql .xxh-title h2 img {
        width: 6rem;
    }
    .bql .xxh-title>img {
        width: 4rem;
    }
    .bql .xxh-title p {
        font-size: .3733rem;
        margin-top: .2667rem;
    }
    .bql-1 .bql-1-cen {
        margin: .2667rem 0;
    }
    .bql-1 .bql-1-cen ul {
        flex-wrap: wrap;
        padding: 0 .1333rem;
    }
    .bql-1 .bql-1-cen ul li {
        width: 49%;
        border-radius: .1333rem;
        box-shadow: .04rem .04rem .1333rem .04rem rgba(0, 0, 0, .5);
        margin: .2rem 0;
    }
    /* .bql-1 .bql-1-cen ul li:last-child {
        width: 99%;
        text-align: center;
    } */
    /* .bql-1 .bql-1-cen ul li:last-child img {
        width: 40%;
    } */
    .bql-1 .bql-1-cen ul li .li-text {
        padding: .1333rem;
        box-sizing: border-box;
    }
    .bql-1 .bql-1-cen ul li .li-text h2 {
        font-size: .3733rem;
        margin-bottom: .1333rem;
    }
    .bql-1 .bql-1-cen ul li .li-text span {
        padding: .0667rem;
        border-radius: .1333rem;
        font-size: .1867rem;
    }
    .bql-1 .bql-1-cen ul li .li-text p {
        font-size: .2667rem;
        padding-top: .1333rem;
    }
    .bql-lb-2 .slide-2-bg .slide-left {
        float: none;
        width: 100%;
        text-align: center;
    }
}


/* @media screen and (max-width: 533px) {
    .headerbg {
        top: 0;
    }
}

@media screen and (max-width: 375px) {
    .tfal .anlist ul li {
        width: 45%;
    }
} */