html {
    font-size: 40px;
}

body {
    font-size: 16px;
}

@media only screen and (min-width: 320px) {
    html {
        font-size: 23px !important;
    }
}

@media only screen and (min-width: 401px) {
    html {
        font-size: 25px !important;
    }
}

@media only screen and (min-width: 428px) {
    html {
        font-size: 27px !important;
    }
}

@media only screen and (min-width: 481px) {
    html {
        font-size: 29px !important;
    }
}

@media only screen and (min-width: 569px) {
    html {
        font-size: 30px !important;
    }
}

@media only screen and (min-width: 641px) {
    html {
        font-size: 32px !important;
    }
}

@media screen and (max-width:768px) {

    /* 顶部 */
    body {
        padding-top: 2.4rem;
    }

    .header-box .header-shopping {
        display: none;
    }

    .header-box {
        padding: 0.25rem 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        max-width: 100%;
        width: 100%;
    }

    .header {
        justify-content: flex-end;
        align-items: center;
        padding: 0 0.5rem;
    }

    .header-logoBox {
        flex: 1;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header .header-logo {
        height: 1.9rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header .mobile-btn-box,
    .header .mobile-btn-search {
        width: 1.1rem;
        height: 1.1rem;
    }

    .header .mobile-btn-box {
        background-image: url(../images/menu.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .header .mobile-btn-search {
        background: url(../images/call-icon.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .header .header-nav {
        position: fixed;
        top: 0;
        left: -100%;
        height: 100%;
        background-color: #fff;
        border-right: 1px solid #ccc;
        overflow-y: auto;
        z-index: 10;
        width: 70%;
    }

    .header .header-nav-ul {
        display: block;
        height: 100%;
    }

    .header .header-mobile-logo {
        width: 80%;
        margin: 1.5rem auto;
        display: block;
        text-align: center;
    }

    .mobile-header-shopping2 {
        display: block;

    }

    .header .header-mobile-logo a {
        display: inline-block;
    }

    .header .header-mobile-logo a img {
        width: 100%;
    }

    .yiji-link {
        position: relative;
    }

    .header .yiji-link {
        display: flex;
        justify-content: space-between;
    }

    .header .yiji-link>i {
        height: 30px;
        width: 30px;
        position: absolute;
        right: 0;
        top: 50%;
        background-position: center center;
        background-size: 56%;
        background-repeat: no-repeat;
        z-index: -1;
        transform: translateY(-50%);
        transition: all .4s;
    }

    .header .yiji-link>.add-link-icon {
        background-image: url(../images/navMenu-icon.png);
    }

    .header .header-nav-ul {
        height: auto;
    }

    .header .header-nav-ul>li {
        padding: 0.6rem 0;
        position: relative;
        border-bottom: 1px solid #e0e0e0;
    }

    .header .header-nav-ul>li>.yiji-link>a {
        color: #191919;
        position: relative;
        padding-right: 18px;
        width: 100%;
        text-align: left;
        display: block;
    }

    .header .down-box>li>a {
        color: #191919;
    }

    .header .header-nav-ul>li>.nav-mobile-active>a,
    .header .down-box>li .nav-active {
        color: #009944;
    }

    .header .header-nav-ul>li>.nav-mobile-active>.add-link-icon {
        background-image: url(../images/navMenu-icon-active.png);
    }

    .header .down-box {
        padding-top: 10px;
        display: none;
    }

    .down-box>li {
        padding: 8px 0;
        text-align: left;
        padding-left: 15%;
    }

    .mobile-header-shopping2 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .mobile-header-shopping2>div {
        margin: 0.25rem 0;
    }

    /* 顶部结束 */
    /* 轮播图 */
    #banner .banner-ctrl {
        bottom: 6px;
    }

    #banner .banner-pagination>.swiper-pagination-bullet {
        margin: 0 4px;
        background-color: rgba(131, 131, 131, .4);
    }

    #banner .banner-pagination>.swiper-pagination-bullet-active {
        background-color: #fff;
    }

    /* 公共的aside */
    .ww-container {
        margin-top: 1.6rem;
    }

    .ww-left {
        display: none;
    }

    .ww-right {
        width: 100%;
    }

    /* 公共的aside 结束 */
    /* 公共的面包屑 */
    .navMenbox {
        padding: 0 0.5rem;
    }

    .navMenbox a {
        margin: 0 0.15rem;
    }

    .navMenbox i {
        width: 0.325rem;
        height: 0.325rem;
        font-size: 14px;
    }

    /* 公共的面包屑 结束 */
    /* 首页公共标题 */
    .text-title {
        font-size: 1rem;
        margin-bottom: 0.05rem;
    }

    .text-en-title {
        font-size: 0.4rem;
    }

    /* 首页公共标题结束 */
    /* 首页内容 */
    .index-container {
        padding: 1.05rem 0;
    }

    /* 首页新闻 */
    .inews {
        position: relative;
    }

    .inews .news-list {
        margin-top: 0.65rem;
        padding: 0 0.5rem 1.5rem;
    }

    .inews .swiper-slide .news-list-item {
        padding: 4px;
    }

    .inews .news-list-ul-li {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .inews .news-list-item {
        border-radius: 0.75rem;
    }

    .inews .news-list-item-img {
        border-radius: 0.75rem 0.75rem 0 0;
        box-shadow: 0 0 0.125rem #ccc;
        height: 7rem;
    }

    .inews .news-list-item-text {
        padding: 0.45rem 0.625rem 0.75rem;
        border-radius: 0 0 0.75rem 0.75rem;
        box-shadow: 0 0 0.125rem #ccc;
    }

    .inews .news-list-item-text>.news-list-item-time {
        font-size: 0.85rem;
        padding-bottom: 0.5rem;
    }

    .inews .news-list-item-text>p>a {
        padding-top: 20px;
        font-size: 0.65rem;
    }

    .inews .banner-ctrl {
        margin-top: 0.85rem;
        justify-content: center;
        width: 96%;
    }

    .inews .banner-pagination {
        margin-top: -0.05rem;
    }

    .inews .banner-pagination>.swiper-pagination-bullet {
        margin: 0 0.25rem;
    }

    /* 首页新闻 结束 */
    /* 集团品牌 */
    .brand-box {
        padding-top: 1.8rem
    }

    .brand-box .brand-content {
        padding-top: 0.65rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .brand-box .brand-content-ul {
        flex-wrap: wrap;
    }

    .brand-box .brand-content-li {
        width: 49%;
        height: 7rem;
        border-radius: 0.5rem;
        margin-bottom: 0.35rem;
        overflow: hidden;
    }

    .brand-box .brand-content-li img {
        border-radius: 0.5rem;
    }

    /* 集团品牌 结束 */
    /* 全球合作伙伴 */
    .pathner-box {
        margin-top: 1.8rem;
    }

    .pathner-box .prthner-content {
        padding: 0.5rem;
    }

    .pathner-box .prthner-content-text p {
        width: 100%;
        font-size: 0.65rem;
        color: #000000;
        line-height: 25px;
        padding-bottom: 24px;
    }

    /* 全球合作伙伴结束 */
    /* 首页内容 结束 */

    /* 关于我们模块 */
    /* 集团简介 */
    .ww-content {
        margin-top: 0.75rem;
        padding: 0 0.5rem;
    }

    .about-text-content {
        line-height: 1rem !important;
        font-size: 0.65rem !important;
    }

    .about-text-content p {
        line-height: 1rem !important;
        font-size: 0.65rem !important;
        color: #191919 !important;
    }

    .about-text-content img {
        text-indent: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0.5rem 0 0.25rem;
    }

    /* 关于我们模块 结束*/
    /* 集团文化 */
    .about-wenhua-list-box {
        height: auto;
        margin-bottom: 1.05rem;
    }

    .about-wenhua-list-box .about-wenhua-item-colum {
        margin-right: 2%;
        width: 49%;
    }

    .about-wenhua-list-box .about-wenhua-item-colum:nth-child(2n) {
        margin-right: 0%;
    }

    .about-wenhua-item {
        padding: 0.7rem;
        margin-bottom: 6px;
    }

    .about-wenhua-list-box .item-colum3 {
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .about-wenhua-list-box .item-colum3>div {
        width: 49%;
    }

    .item-colum3>div:first-child {
        margin-right: 2%;
    }

    .item-colum3>div:last-child {
        height: 298px;
    }

    .about-wenhua-item-title div {
        font-size: 0.6rem;
    }

    .about-wenhua-item-title h4 {
        font-size: 0.7rem;
        padding-bottom: 0.2rem;
    }

    .about-wenhua-item-text {
        font-size: 0.65rem;
        line-height: 20px;
    }


    .person-box {
        padding-left: 0;
    }

    /* 股东 */
    .mobileimg {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .person-box .person-right {
        padding-left: 0.4rem;
    }

    .person-box .person-item {
        background-size: 0.8rem;
        margin-bottom: 1rem;
    }

    .person-box .person-item:last-child {
        margin-bottom: 0;
    }

    .person-box .person-name h3 {
        font-size: 0.8rem;
    }

    .person-name>div {
        top: -0.3rem;
        right: 0.5rem;
        font-size: 1.7rem !important;
        font-weight: bolder !important;
    }

    .person-box .person-note {
        font-size: 0.6rem;
    }

    .person-box .person-content {
        font-size: 0.6rem !important;
        line-height: 0.8rem !important;

    }

    .person-box img {
        width: 6rem;
    }

    /* 发展历程 */
    .course-bg {
        width: 100%;
        max-width: 554px;
    }

    .course-bg img {
        width: 80%;
    }

    .sourse-item {
        padding-top: 0.75rem;
    }

    .item-bg-bg {
        transform: translateX(-0.25rem);
        top: 36px;
    }

    .sourse-left-one {
        padding-right: 0.6rem;
    }

    .course-bg .sourse-left-title h3 {
        font-size: 0.9rem;
    }

    .course-bg .sourse-left-content {
        font-size: 0.65rem;
        line-height: 0.7rem;
    }

    .course-bg .sourse-left-one-content {
        padding-right: 15px;
        text-align: right;
    }

    .course-bg .sourse-left-one-content::after {
        top: 0.225rem;
    }

    .sourse-left-tow-content {
        padding-left: 15px;
    }

    .sourse-left-tow-content::before {
        top: 0.225rem;
    }

    .sourse-right-tow {
        margin-top: 0px;
    }

    /* 历年获奖 */
    .prize-box .news-list-ul-li2 {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 0.7rem;
    }

    .prize-box .news-list-ul {
        padding: 0;
    }

    .prize-box .news-list-ul-li:nth-child(3n) {
        margin-right: 0;
    }

    .prize-box .news-list-item {
        border-radius: 0.75rem;
    }

    .prize-box .news-list-item-img {
        border-radius: 0.75rem 0.75rem 0 0;
        height: 184px;
    }

    .prize-box .news-list-item-text {
        padding: 0.45rem 0.625rem 0.75rem;
        border-radius: 0 0 0.75rem 0.75rem;
    }

    .prize-box .news-list-item-text>.news-list-item-time {
        font-size: 0.85rem;
        padding-bottom: 0.5rem;
        position: relative;
    }

    .prize-box .news-list-item-text>.news-list-item-time::after {
        height: 0.05rem;
    }

    .prize-box .news-list-item-text>p>a {
        padding-top: 0.5rem;
        font-size: 0.65rem;
    }

    /* 关于我们模块 结束 */
    /* 蜗蜗集团品牌 */
    .ww-brand-box {
        margin-top: 1.6rem;
    }

    .ww-brand-box .ww-brand-content {
        margin-top: 0.7rem;
        padding: 0 0.5rem;
    }

    .ww-brand-box .ww-brand-content-ul li {
        width: 100%;
        margin-bottom: 0.35rem;
    }

    .ww-brand-box .ww-brand-content-ul li img {
        width: 100%;
    }

    /* 蜗蜗集团品牌 结束*/
    /* 工厂视频 */
    .video-content {
        width: 100%;
        height: 11rem;
    }

    /* 工厂视频 结束*/
    /* 公益 */
    .welfare-thumb img {
        margin: 0.75rem 0 0;
        border-radius: 0.75rem;
    }

    .welfare-list-box .welfare-list {
        margin-top: -0.75rem;
        padding-top: 1.2rem;
    }

    .welfare-list-box .welfare-year {
        font-size: 1rem;
    }

    .welfare-list-box .welfare-list-item-item {
        padding-left: 1rem;
        padding-top: 0.85rem;
    }

    .welfare-list-box .welfare-list-item-ul .welfare-list-item-li {
        width: 100%;
        margin-right: 1rem;
        border-radius: 0.75rem;
        margin-bottom: 1.15rem;
    }

    .welfare-list-box .welfare-list-item-ul .welfare-list-item-li:nth-child(2n) {
        margin-right: 1rem;
    }

    .welfare-list-box .welfare-list-item-div {
        padding: 0.75rem 0.6rem;
    }

    .welfare-list-box .welfare-item-time {
        margin-bottom: 0.25rem;
    }

    .welfare-list-box .welfare-item-text {
        font-size: 0.65rem;
        line-height: 0.85rem;
    }

    /* 公益结束 */
    /* 资讯 */
    .ww-news-container {
        width: 100%;
        padding: 0 0.5rem;
    }

    .ww-news-box .news-list {
        margin-top: 1.5rem;
        padding-bottom: 0.75rem;
    }

    .ww-news-box .news-list-ul-li {
        margin-bottom: 0.75rem;
    }

    .ww-news-box .news-list-item {
        border-radius: 0.75rem;
    }

    .ww-news-box .news-list-item-img {
        border-radius: 0.75rem 0.75rem 0 0;
        height: 7rem;
    }

    .ww-news-box .news-list-item-text {
        padding: 0.45rem 0.625rem 0.75rem;
        border-radius: 0 0 0.75rem 0.75rem;
    }

    .ww-news-box .news-list-item-text>.news-list-item-time {
        font-size: 0.85rem;
        padding-bottom: 0.5rem;
    }

    .ww-news-box .news-list-item-text>.news-list-item-time::after {
        height: 0.05rem;
    }

    .ww-news-box .news-list-item-text>p>a {
        padding-top: 0.5rem;
        font-size: 0.65rem;
    }

    .ww-news-box .banner-ctrl {
        margin-top: 0.85rem;
        justify-content: center;
        width: 96%;
    }

    .ww-news-box .banner-pagination {
        margin-top: -0.05rem;
    }

    .ww-news-box .banner-pagination>.swiper-pagination-bullet {
        margin: 0 0.25rem;
    }

    /* 资讯结束 */
    /* 联系我们 */
    /* .contact-container {
        margin: 1.65rem auto 0;
        padding: 0 0.5rem;
    }

    .contact-container .contact-box {
        display: block;
    }

    .contact-container .contact-container-left,
    .contact-container .contact-container-right {
        width: 100%;
    }

    .contact-container .contact-container-right {
        padding-left: 0;
        padding-top: 0.55rem;
        width: 100%;
    }

    .contact-container .contact-container-right::after {
        display: none;
    }

    .contact-container .contact-container-left {}

   
    .contact-container .contact-container-content p {
        margin-bottom: 0.55rem;
        font-size: 14px;
    }

   
    .contact-container .contact-line {
        width: 100%;
        margin: 0 auto 0.75rem;
    } */
    .contact-container {
        padding: 0 0.5rem;
        flex-direction: column;
        margin: 1.35rem auto 0;
    }

    #map {
        width: 100% !important;
        height: 14rem !important;
    }

    .contact-container p {
        margin-bottom: 0.55rem;
        font-size: 0.6rem;
    }

    .contact-container .contact-container-h4 {
        font-size: 0.65rem;
        margin-bottom: 0.55rem;
    }


    /* 联系我们 结束 */

    /* 集团品牌 */
    .ww-brand-content-c p {
        font-size: 0.6rem;
        line-height: 1rem;
    }

    .ww-brand-content-c>li {
        width: 49%;
        margin-bottom: .4rem;
    }

    .ww-brand-content-c>li:nth-child(2n) {
        margin-right: 0;
    }

    .ww-brand-content-c>li:nth-child(3n) {
        margin-right: 1.5%;
    }

}

@media screen and (min-width:769px) and (max-width:1024px) {

    /* 顶部 */
    .header .header-nav {
        padding: 0 20px;
    }

    .header-box {
        padding: 22px 0;
    }

    /* 顶部 结束 */

    /* 公共 */
    .box {
        padding: 0 0.5rem;
    }

    .ww-left {
        width: 20%;
    }

    .ww-right {
        width: 80%;
    }

    /* 公共结束 */

    /* 首页公共标题 */
    .text-title {
        font-size: 1rem;
    }

    /* 首页公共标题 结束 */

    /* 首页新闻 */
    .inews {
        padding: 0 0.5rem;
    }

    /* 首页新闻 结束*/

    /* 首页品牌 */
    .brand-box {
        padding: 0 0.5rem;
    }

    /* 首页品牌结束 */

    /* 首页合作 */
    .pathner-box .prthner-content {
        padding: 26px 0.5rem;
    }

    /* 首页合作结束 */
    /* 股东 */


    .person-box .person-left img {
        width: 220px;
    }



    .person-box .person-name h3 {
        font-size: 32px;
    }

    .person-box .person-note {
        font-size: 18px;
    }

    .person-name>div {
        top: -40px;
        font-size: 68px !important;
    }

    .person-box .person-item {
        margin-bottom: 48px;
    }

    /* 股东结束 */
    /* 集团品牌 */
    .ww-brand-content-c p {
        font-size: 0.55rem;
    }

    /* 联系我们 */
    .contact-box p {
        margin-bottom: 16px;
    }

    .contact-container .contact-container-h4 {
        margin-bottom: 16px;

    }

    #map {
        height: 390px !important;
    }



}

@media screen and (min-width:600px) and (max-width:860px) {

    /* 首页品牌 */
    .brand-box .brand-content-ul {
        flex-wrap: wrap;
    }

    .brand-box .brand-content-li {
        width: 50%;
        padding: 2px;
        height: 7.5rem;
    }

    /* 首页品牌结束 */
    /* 集团文化 */

    .about-wenhua-item {
        padding: 18px;
    }

    .about-wenhua-list-box .about-wenhua-item-colum {
        width: 32.3%;
        margin-right: 1.5%;
    }

    .about-wenhua-list-box .item-colum3 {
        flex-direction: column;
    }

    .about-wenhua-list-box .item-colum3>div {
        width: 100%;
    }

    .about-wenhua-list-box .about-wenhua-item-colum:nth-child(2n) {
        margin-right: 1.5%;
    }

    .about-wenhua-list-box .item-colum3 {
        margin-right: 0;
    }

    .item-colum3>div:last-child {
        height: 275px;
    }

    /* 集团文化 结束 */

}

@media screen and (min-width:500px) and (max-width:767px) {

    /* 获奖 */
    .prize-box .news-list-ul-li2 {
        width: 49%;
        margin-right: 2%;
    }

    .prize-box .news-list-ul-li2:nth-child(3n) {

        margin-right: 2%;
    }

    .prize-box .news-list-ul-li2:nth-child(2n) {
        margin-right: 0;
    }

    /* 获奖 结束*/

    /* 蜗蜗品牌 */
    .ww-brand-box .ww-brand-content-ul li {
        width: 49%;
    }

    /* 蜗蜗品牌 结束*/
    /* 公益 */

    .welfare-list-box .welfare-list-item-ul .welfare-list-item-li:nth-child(2n) {
        margin-right: 0;
    }

    .welfare-list-box .welfare-list-item-ul .welfare-list-item-li {
        margin-right: 4%;
        width: 48%;
    }

    /* 公益结束 */

}

@media screen and (min-width:320px) and (max-width:410px) {

    /* 历程 */
    .course-bg .item-bg-bg img,
    .course-bg .item-bg-bg2 img {
        width: 68%;
    }

    .item-bg-bg {
        transform: translateX(-7px);
    }

    .item-bg-bg2 {
        transform: translateX(7px) rotate(180deg);
    }

    /* 历程 结束*/

}


@media screen and (max-width:768px) {

    /* 移动端隐藏滚动条 */
    html,
    body {
        width: 100%;
        height: 100%;
        overflow: scroll;
    }

    html::-webkit-scrollbar,
    body::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }

    /* 内页菜单 */
    .mobileNav-box {
        display: block;
    }

    /* 网站地图 */
    .site-map-box .site-map-ul {
        flex-direction: column;
        height: 530px;
    }

    .site-map-li {
        width: 50%;
    }

    .site-map-li {
        border: 0;
    }

    /* 新闻内容 */
    .content-time-box {
        margin-top: 20px;
    }

    /* 新闻内容结束 */


    .anchorTL {
        display: none !important;
    }

    /* 手机和电脑主图切换 */
    .b1 {
        display: none !important;
    }

    .b2 {
        display: block !important;
    }

}

@media screen and (min-width:768px) {

    /* 手机和电脑主图切换 */
    .b1 {
        display: block !important;
    }

    .b2 {
        display: none !important;
    }

    /* 内页菜单 */
    .mobileNav-box {
        display: none !important;
    }

}

@media screen and (max-width:870px) {

    /* 底部 */
    .foot {
        padding: 0 0.5rem;
    }

    .foot-box {
        padding: 1.25rem 0;
        margin-top: 1.875rem;
        width: 100%;
    }

    .foot-top-contact-c-link {
        display: none;
    }

    .foot-top {
        flex-direction: column;
        align-items: center;
    }

    .foot-top-contact {
        justify-content: center;
        text-align: center;
        margin-bottom: 0.35rem;
    }

    .foot-top-right {
        width: 100%;
    }

    .foot-copyright {
        text-align: center;
    }

    .foot-top-right {
        margin-top: 0.5rem;
    }

    .foot-top-contact-c h4 {
        margin-bottom: 0.15rem;
        font-size: 0.55rem;
    }

    .foot-top-contact-c p {
        line-height: 1.1rem;
        font-size: 0.5rem;
    }

    .foot-copyright {
        font-size: 0.5rem;
    }

    .foot-jishuzhichi {
        font-size: 0.5rem;
        padding-top: 0.5rem;
    }

    /* 底部结束 */


}

@media screen and (max-width:860px) {
    .header {
        width: 100%;
    }

    .header .header-shopping-text1,
    .header .header-shopping-text2 {
        font-size: 16px;
    }

    .header .header-shopping-text1::before,
    .header .header-shopping-text2::before {
        width: 20px;
        height: 20px;
    }
}