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

@media screen and (max-width: 1919px) {
    #c-header .c-nav>li {
        margin-right: 20px;
    }
    #c-header .c-gn form {
        padding: 0 15px;
    }
    #c-header .c-gn .c-phone i {
        margin: 0 5px 0 15px;
    }
    #c-fixed-nav .c-center .c-list ul li {
        padding: .18rem 0;
    }
    #c-header .c-container,
    #c-fixed-nav .c-container {
        max-width: 1440px;
    }
    #c-header .c-right-box a {
        margin-left: 20px;
    }
    .c-common-box .c-container {
        max-width: 1280px;
    }
    .c-common-box .c-list .c-wrap .c-img-box {
        height: 240px;
    }
    .c-banner5 .swiper-slide .c-title {
        padding: 40px;
    }
}

@media screen and (max-width: 1599px) {
    body {
        font-size: 14px;
        line-height: 24px;
    }
    #c-header .c-container {
        padding: 46px 100px 0;
        max-width: 100%;
        width: 100%;
    }
    .c-container,
    #c-fixed-nav .c-container {
        padding: 0 100px;
        max-width: 100%;
        width: 100%;
    }
    .c-join2 {
        padding: 80px 0;
    }
    #c-about .c-list,
    #c-appreciate {
        padding-top: 80px;
    }
    #c-gg {
        padding-bottom: 80px;
    }
    #c-link .c-list .c-box1 {
        padding: 0 50px;
    }
    #c-news,
    #c-product,
    #c-join,
    #c-link,
    #c-download,
    #c-rule,
    #c-customized,
    #c-advantage,
    #c-case,
    #c-form2,
    #c-about,
    #c-quality,
    #c-contact,
    #c-technology,
    #c-marketing,
    .c-common-box,
    .c-common-box2,
    #c-news2,
    #c-news3,
    #c-product2,
    #c-product3,
    #c-product5,
    #c-product4,
    #c-user,
    #c-product6,
    #c-exhibition,
    .c-common-box3,
    .c-common-box4,
    #c-prize,
    #c-perfect,
    #c-about2,
    #c-history,
    #c-responsibility,
    #c-subsidiary,
    #c-sitemap,
    #c-statement2 {
        padding: 80px 0;
    }
    #c-service,
    #c-maintain {
        padding: 80px 0 40px;
    }
    .c-banner1 .c-wrap .c-text,
    #c-form2 .c-wrap label,
    #c-responsibility .c-list .c-wrap .c-title,
    #c-subsidiary .c-list .c-wrap .c-mask .c-title2,
    #c-subsidiary .c-list .c-wrap .c-title {
        font-size: 20px;
        line-height: 30px;
    }
    #c-maintain .c-list .c-wrap .c-text-box .c-title,
    #c-customized .c-wrap .c-text-box .c-title,
    #c-advantage .c-list .c-wrap .c-box .c-title,
    .c-banner2 .c-text-box .c-title,
    #c-service .c-list .c-wrap .c-text-box .c-title,
    #c-product4 .c-right .c-title-box .c-title,
    .c-common-box3 .c-list .c-text-box .c-title,
    .c-banner9 .swiper-slide .c-text-box .c-title,
    .c-banner10-bottom .c-box-wrap .c-text-box .c-title,
    #c-join .c-text-box .c-title,
    #c-gg .c-title {
        font-size: 30px;
        line-height: 40px;
    }
    .c-common-title .c-title,
    #c-technology .c-wrap .c-text-box .c-title,
    #c-form2 .c-title,
    .c-common-title2 .c-title,
    #c-about .c-text-box .c-title,
    .c-common-title3,
    #c-marketing .c-wrap .c-text-box .c-title,
    #c-about2 .c-text-box .c-title {
        font-size: 36px;
        line-height: 46px;
    }
    .c-banner1 .c-wrap .c-title {
        font-size: 50px;
        line-height: 60px;
    }
    .c-banner1 .swiper-pagination {
        right: 100px;
    }
    #c-go-top {
        width: 50px;
        height: 50px;
    }
    #c-go-top p {
        margin-top: -10px;
    }
    #c-gg .c-title {
        margin-bottom: 40px;
    }
    .c-page a {
        width: 40px;
        line-height: 40px;
    }
    /* .c-page .prev,
    .c-page .next {
        width: 80px;
    } */
    #c-advantage .c-list .c-wrap .c-box .c-title {
        padding-top: 40px;
    }
    #c-advantage .c-list .c-wrap {
        height: 400px;
    }
    #c-fixed-nav .c-center .c-list ul li {
        padding: 0.12rem 0;
    }
    .c-common-box .c-list .c-wrap .c-img-box {
        height: 200px;
    }
    #c-product3 .c-list-box .c-text,
    #c-product3 .c-list-box .c-list2 a {
        line-height: 24px;
    }
    #c-product3 .c-list-box .c-list2 li {
        margin: 0 20px 10px 0;
    }
    .c-banner4-top .swiper-slide {
        height: 7rem;
    }
    .c-common-box2 .c-form1 {
        padding: 80px;
    }
    .c-common-box2 .c-form1 .c-subtitle,
    .c-common-box2 button {
        margin-bottom: 60px;
    }
    .c-common-box2 .c-img-box {
        height: 690px;
    }
    .c-common-box2 .c-img-box img {
        height: 100%;
        object-fit: cover;
    }
    .c-common-box2 .c-form2 {
        padding: 90px 80px 0;
    }
    #c-user .c-btn-wrap .c-btn2,
    .c-common-btn {
        width: 80px;
        line-height: 40px;
    }
    #c-user .c-btn-wrap .c-page {
        width: -webkit-calc(100% - 220px);
        width: calc(100% - 220px);
    }
    #c-about.c-dt .c-list {
        padding: 0 0 80px;
    }
}

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

@media screen and (max-width: 1279px) {
    #c-header .c-gn {
        display: none;
    }
    #c-header .c-container {
        padding: 46px 50px 0;
    }
    .c-container,
    #c-fixed-nav .c-container {
        padding: 0 50px;
    }
    .c-banner1 .swiper-pagination {
        right: 50px;
    }
    #c-top-banner img {
        height: 300px;
        object-fit: cover;
    }
    #c-join .c-text-box {
        padding: 30px;
    }
    .c-join2 .c-item1 {
        width: 25%;
        padding: 0 30px;
    }
    .c-join2 .c-item2 {
        width: 20%;
    }
    .c-join2 .c-item3 {
        width: 20%;
    }
    .c-join2 .c-item4 {
        width: 20%;
    }
    .c-join2 .c-item5 {
        width: 15%;
    }
    #c-advantage .c-list .c-wrap .c-box .c-title {
        font-size: 24px;
        line-height: 34px;
    }
    #c-form2 .c-title {
        font-size: 24px;
        line-height: 34px;
    }
    #c-download .c-list .c-btn-box {
        width: 20%;
    }
    #c-download .c-list .c-btn-box .c-btn {
        margin-right: 0;
    }
    #c-download .c-list .c-img-box {
        width: 22%;
    }
    .c-common-box .c-list .c-wrap .c-img-box {
        height: 170px;
    }
    .c-common-box .c-list .c-wrap .c-title {
        padding-top: 10px;
        font-size: 20px;
        line-height: 30px;
    }
    #c-product2 .c-box-wrap .c-text-box {
        padding: 40px;
    }
    #c-product3 .c-list .c-wrap .c-img-box,
    .c-banner3 .c-wrap .c-img-box {
        height: 240px;
    }
    #c-user .c-list3 .c-box2 {
        padding: 0 30px;
    }
    #c-product6 .c-list .c-wrap .c-img-box {
        height: 5rem;
    }
    .c-banner5 .swiper-slide .c-title {
        padding: 20px;
    }
    .c-banner6 .c-wrap .c-img-box {
        height: 250px;
    }
    .c-common-box3 .c-list .c-text-box {
        padding: 40px;
    }
    .c-common-box3 .c-list .c-img-box {
        height: 300px;
    }
    .c-common-box3 .c-list .c-text-box .c-box .c-text {
        padding-left: 20px;
    }
    .c-banner8 .c-wrap .c-img-box {
        height: 7rem;
    }
    #c-responsibility .c-list {
        margin: 0 -15px;
    }
    #c-responsibility .c-list li {
        padding: 0 15px;
    }
    #c-subsidiary .c-list .c-wrap {
        height: 7rem;
    }
    .c-banner10-bottom .c-box-wrap {
        padding: 60px 100px;
    }
    .c-banner10-bottom .c-box-wrap .c-text-box {
        padding-left: 40px;
    }
    .c-banner10-bottom .c-wrap .c-num {
        font-size: 130px;
    }
    #c-about2 .c-text-box {
        padding-top: 0;
    }
    #c-responsibility .c-list .c-wrap .c-img-box {
        height: 4rem;
    }
    #c-fixed-nav .c-center .c-list {
        padding: 25px 0;
    }
    .c-footer.c-dt .c-top-box {
        padding: 40px 0;
    }
}

@media screen and (max-width: 991px) {
    .c-common-box .c-list .c-wrap .c-img-box {
        height: 130px;
    }
    .c-common-box .c-list .c-wrap .c-title {
        padding-top: 10px;
        font-size: 14px;
        line-height: 24px;
    }
    #c-fixed-nav .c-center .c-list ul li {
        padding: 0.4rem 0;
    }
    #c-fixed-nav .c-top {
        padding: 15px 0;
    }
    #c-header {
        line-height: 60px;
    }
    #c-header .c-nav li {
        display: none;
    }
    #c-header .c-switch,
    #c-header .c-nav li:first-child {
        margin-right: 0;
        display: block;
    }
    #c-header .c-logo img {
        height: 40px;
    }
    #c-header .c-language {
        margin-right: 50px;
    }
    #c-header .c-language img {
        margin-right: 10px;
    }
    #c-header .c-language .c-list .c-item a {
        padding: 0 10px;
    }
    #c-header .c-language .c-list {
        width: 94px;
    }
    #c-placeholder {
        height: 60px;
    }
    #c-go-top {
        bottom: 66px;
        right: 20px;
    }
    .c-banner1 .swiper-button-next,
    .c-banner1 .swiper-button-prev {
        display: none;
    }
    .c-banner1 .swiper-pagination {
        right: 20px;
    }
    .c-container,
    #c-header .c-container,
    #c-fixed-nav .c-container {
        padding: 0 30px;
    }
    #c-header .c-container {
        height: 60px;
    }
    #c-contact .c-top-box .c-text-box {
        width: 100%;
        border: 0;
    }
    #c-contact .c-top-box .c-form-box,
    #c-join .c-img-box,
    #c-join .c-text-box {
        width: 100%;
    }
    #c-service .c-list .c-wrap {
        height: 200px;
    }
    #c-maintain .c-list .c-wrap {
        height: 200px;
    }
    #c-advantage .c-list li {
        margin-bottom: 40px;
        width: 50%;
    }
    #c-advantage {
        padding: 80px 0 40px;
    }
    .c-banner2 .c-text-box {
        padding: 80px;
        width: 100%;
    }
    .c-banner2 .c-img-box {
        width: 100%;
        height: 14rem;
    }
    #c-fixed-nav .c-center .c-list ul li:first-child {
        font-size: 20px;
    }
    #c-header {
        font-size: 14px;
    }
    #c-about .c-text-box {
        margin-bottom: 40px;
        width: 100%;
    }
    #c-about .c-img-box {
        position: relative;
        width: 100%;
    }
    #c-news .c-list .c-wrap .c-img-box img {
        height: 140px;
    }
    .c-footer .c-center-box form {
        width: 40%;
    }
    #c-product .c-list1 .c-wrap .c-title {
        padding: 0 10px 10px;
        font-size: 12px;
        line-height: 22px;
    }
    #c-header .c-logo img:last-child {
        height: 14px;
    }
    .c-banner1 {
        margin-top: 60px;
    }
    #c-news2 .c-list .c-wrap .c-img-box {
        height: 130px;
    }
    #c-product2 .c-box-wrap .c-img-box {
        width: 100%;
    }
    #c-product2 .c-box-wrap .c-text-box {
        width: 100%;
    }
    #c-product2 .c-box-wrap .c-text-box img {
        margin-bottom: 40px;
    }
    #c-product3 .c-list li {
        width: 50%;
    }
    #c-product3 .c-list .c-wrap .c-img-box {
        height: 250px;
    }
    #c-product4 .c-left {
        width: 100%;
        padding: 0;
    }
    #c-product4 .c-right {
        width: 100%;
    }
    .c-banner4-top .swiper-slide {
        height: 18rem;
    }
    .c-common-box2 .c-img-box {
        width: 100%;
    }
    .c-common-box2 .c-form1 {
        width: 100%;
    }
    .c-common-box2 .c-img-box {
        height: 14rem;
    }
    .c-common-box2 .c-box-wrap {
        flex-direction: column-reverse;
    }
    .c-common-box2 .c-form2 {
        padding-bottom: 80px;
        width: 100%;
    }
    #c-product4 .c-left .c-magnifier2 {
        display: none;
    }
    #c-user .c-list2 li {
        padding: 0 30px;
    }
    #c-user .c-list3 li {
        padding: 30px;
    }
    #c-user .c-list2.c-dt li:nth-child(1) {
        padding-left: 30px;
    }
    #c-user .c-list2.c-dt li:nth-child(4),
    #c-user .c-list4 .c-box4 {
        padding-right: 30px;
    }
    #c-user .c-list2.c-dt li:nth-child(4),
    #c-user .c-list4 .c-box4 {
        width: 14%;
    }
    #c-user .c-list2.c-dt li:nth-child(1),
    #c-user .c-list4 .c-box1 {
        width: 46%;
    }
    /* #c-user .c-btn-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    #c-user .c-btn-wrap .c-page {
        width: 100%;
    } */
    .c-banner5 .swiper-slide .c-title {
        font-size: 12px;
        line-height: 22px;
    }
    .c-banner8 .c-wrap .c-title {
        font-size: 20px;
        line-height: 30px;
    }
    .c-banner9 .swiper-slide .c-img-box {
        height: 8rem;
    }
    .c-banner9 .swiper-slide .c-text-box {
        padding: 40px;
    }
    #c-appreciate-video {
        margin-top: -200px;
    }
    #c-appreciate {
        padding-bottom: 250px;
    }
    #c-about2 .c-text-box {
        width: 54%;
    }
    #c-about2 .c-list .c-top .c-num {
        font-size: 40px;
    }
    .c-banner10-bottom .c-box-wrap .c-img-box {
        width: 100%;
        height: 8rem;
    }
    .c-banner10-bottom .c-box-wrap .c-text-box {
        padding: 30px 0;
        width: 100%;
    }
    #c-subsidiary .c-list .c-wrap .c-title {
        padding: 20px;
    }
    #c-sitemap .c-list2>li {
        width: 25%;
    }
    #c-about2 .c-text-box,
    #c-about2 .c-img-box {
        width: 100%;
    }
    #c-about2 .c-list {
        margin-bottom: 0;
    }
    .c-banner9 .swiper-slide .c-text-box .c-title {
        margin-bottom: 25px;
        padding: 10px 0 15px;
    }
}

@media screen and (max-width: 767px) {
    #c-fixed-nav .c-center .c-list ul li {
        padding: 0.45rem 0;
    }
    #c-fixed-nav .c-bottom .c-logo {
        width: 260px;
    }
    #c-fixed-nav .c-center .c-list>li {
        width: 100%;
    }
    #c-fixed-nav .c-center .c-list ul li {
        display: none;
    }
    #c-fixed-nav .c-center .c-list ul li:first-child {
        display: block;
        width: 100%;
    }
    .c-footer .c-list-box {
        width: 100%;
    }
    .c-footer .c-list-box .c-title {
        padding: 10px 0;
        border-bottom: 1px solid #666;
    }
    .c-footer .c-list-box .c-title i {
        display: inline-block;
    }
    .c-footer .c-list-box.active .c-title i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .c-footer .c-list-box .c-list {
        padding-top: 10px;
        display: none;
    }
    .c-footer .c-list-box .c-list li {
        padding-bottom: 5px;
    }
    .c-footer .c-wrap {
        padding-top: 40px;
    }
    .c-footer .c-wrap .c-title {
        padding-bottom: 5px;
    }
    .c-footer .c-text-box {
        margin: 0 auto;
        line-height: 24px;
    }
    .c-footer .c-code {
        margin-top: 40px;
        width: 162px;
    }
    #c-prevNext {
        margin: -5px 0;
    }
    #c-prevNext a {
        margin: 5px 0;
    }
    #c-prevNext .prev i {
        margin-right: 10px;
    }
    #c-prevNext .next i {
        margin-left: 10px;
    }
    .c-banner1 .c-wrap .c-text {
        font-size: 18px;
        line-height: 28px;
    }
    .c-banner1 .c-wrap .c-title {
        margin-bottom: 20px;
        font-size: 30px;
        line-height: 40px;
    }
    .c-banner1 .c-scroll {
        display: none;
    }
    .c-footer .c-center-box {
        padding: 35px 0;
    }
    .c-footer .c-center-box .c-list {
        margin-bottom: 15px;
        width: 100%;
    }
    .c-footer .c-center-box form {
        width: 100%;
    }
    #c-top-banner .c-title {
        font-size: 30px;
        line-height: 40px;
    }
    #c-top-banner img {
        display: none;
        height: 6rem;
    }
    #c-top-banner img:nth-child(2) {
        display: block;
    }
    #c-top-site {
        padding: 15px 0;
    }
    #c-contact .c-top-box .c-text-box {
        padding: 30px 20px;
    }
    #c-contact .c-top-box .c-text-box .c-title {
        padding-bottom: 20px;
        font-size: 30px;
    }
    #c-contact .c-top-box .c-text-box .c-text {
        padding: 20px 0 10px;
    }
    #c-contact .c-top-box .c-form-box .c-list1 {
        padding-top: 20px;
    }
    #c-contact .c-top-box .c-form-box .c-list1 li {
        line-height: 44px;
    }
    #c-contact .c-top-box .c-form-box form {
        padding: 25px 20px 30px;
    }
    #c-contact .c-top-box .c-form-box form .c-title {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 30px;
    }
    #c-contact .c-top-box .c-form-box form input {
        margin-bottom: 20px;
    }
    #c-contact .c-top-box .c-form-box form .c-btn-box button {
        line-height: 38px;
    }
    #c-contact .c-top-box .c-form-box form .c-btn-box {
        margin-top: 10px;
    }
    .c-map {
        height: 300px;
    }
    #c-join {
        padding: 40px 0;
    }
    .c-common-menu li {
        padding: 0 10px;
    }
    #c-join .c-box {
        margin-top: 40px;
    }
    #c-join .c-text-box {
        padding: 25px 20px;
    }
    #c-join .c-text-box .c-title {
        margin-bottom: 15px;
        padding-bottom: 15px;
        font-size: 20px;
        line-height: 30px;
    }
    #c-join .c-text-box .c-text {
        line-height: 24px;
    }
    .c-join2 {
        padding: 40px 0;
    }
    .c-common-title .c-title {
        font-size: 24px;
        line-height: 34px;
    }
    .c-join2 .c-list1 {
        margin-top: 20px;
        font-size: 20px;
        line-height: 30px;
    }
    .c-join2 .c-item1 {
        padding: 15px 20px;
        width: 50%;
    }
    .c-join2 .c-item4 {
        padding: 15px 20px;
        width: 25%;
    }
    .c-join2 .c-item5 {
        padding: 15px 20px;
        width: 25%;
    }
    .c-join2 .c-item2,
    .c-join2 .c-item3 {
        display: none;
    }
    .c-join2 .c-list3 {
        padding: 0;
    }
    .c-join2 .c-list2 {
        margin-bottom: 40px;
    }
    .c-join2 .c-list2 .c-text {
        padding: 0 20px 25px;
        line-height: 24px;
    }
    #c-service .c-list {
        padding-top: 30px;
    }
    #c-service .c-list li {
        width: 100%;
        margin-bottom: 20px;
    }
    #c-service .c-list .c-wrap .c-text-box .c-title {
        font-size: 24px;
        line-height: 34px;
    }
    #c-service {
        padding: 40px 0 20px;
    }
    #c-gg .c-title {
        font-size: 24px;
        line-height: 34px;
    }
    #c-gg {
        padding-bottom: 60px;
    }
    #c-gg .c-title {
        margin-bottom: 20px;
    }
    #c-gg .c-btn {
        width: 100px;
        line-height: 38px;
    }
    #c-link {
        padding: 40px 0 20px;
    }
    #c-link .c-list li {
        margin-bottom: 20px;
        width: 100%;
    }
    #c-link .c-list .c-box1 {
        padding: 0 20px;
    }
    #c-link .c-list .c-box1 {
        height: 130px;
    }
    #c-go-top {
        display: none;
    }
    #c-download {
        padding: 40px 0;
    }
    .c-common-menu {
        overflow-x: auto;
        justify-content: flex-start;
    }
    .c-common-menu li {
        flex: none;
    }
    #c-download .c-list {
        margin-bottom: 40px;
    }
    #c-download .c-list .c-img-box {
        padding: 0;
        width: 100%;
        height: 200px;
    }
    #c-download .c-list .c-text-box {
        padding: 15px 0;
        width: 100%;
    }
    #c-download .c-list .c-btn-box {
        padding: 0;
        width: 100%;
        justify-content: flex-start;
    }
    #c-download .c-list .c-img-box .c-img {
        height: 10rem;
    }
    .c-page a {
        display: none;
    }
    .c-page .prev,
    .c-page .next {
        display: inline-block;
        color: #fff;
        background: #7d716c;
    }
    #c-maintain {
        padding: 40px 0 20px;
    }
    #c-maintain .c-list {
        padding-top: 30px;
    }
    #c-maintain .c-list li {
        margin-bottom: 20px;
        width: 100%;
    }
    #c-maintain .c-list .c-wrap .c-text-box .c-text {
        height: auto;
    }
    #c-technology .c-wrap .c-text-box .c-title,
    .c-common-title2 .c-title,
    #c-about .c-text-box .c-title,
    .c-common-title3 {
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 34px;
    }
    #c-technology .c-wrap .c-text-box .c-text {
        line-height: 24px;
    }
    #c-technology .c-wrap img {
        width: 100%;
        height: 14rem;
        object-fit: cover;
    }
    #c-rule,
    #c-customized,
    #c-case,
    #c-form2,
    #c-product,
    #c-about,
    #c-quality,
    #c-news,
    .c-footer .c-top-box,
    #c-contact,
    #c-technology,
    #c-marketing,
    .c-common-box,
    .c-common-box2,
    #c-news2,
    #c-news3,
    #c-product2,
    #c-product3,
    #c-product5,
    #c-product4,
    #c-user,
    #c-product6,
    #c-exhibition,
    .c-common-box3,
    .c-common-box4,
    #c-prize,
    #c-perfect,
    #c-about2,
    #c-history,
    #c-responsibility,
    #c-subsidiary,
    #c-sitemap,
    #c-statement2 {
        padding: 40px 0;
    }
    #c-user .c-top-box .c-btn-box .c-wrap {
        padding: 0 30px;
    }
    #c-rule .c-box-wrap,
    .c-common-box3 .c-list,
    .c-banner6 {
        padding-top: 30px;
    }
    #c-product4 .c-right .c-text2 {
        padding-bottom: 30px;
    }
    #c-marketing .c-wrap {
        margin-top: 30px;
    }
    #c-user .c-top-box .c-btn-box {
        margin-bottom: 30px;
    }
    #c-maintain .c-list .c-wrap .c-text-box .c-text {
        font-size: 14px;
        line-height: 24px;
    }
    #c-maintain .c-list .c-wrap .c-text-box .c-title,
    #c-service .c-list .c-wrap .c-text-box .c-title,
    #c-advantage .c-list .c-wrap .c-box .c-title,
    #c-marketing .c-wrap .c-text-box .c-title,
    #c-product4 .c-right .c-title-box .c-title {
        font-size: 20px;
        line-height: 30px;
    }
    #c-product3 .c-top .c-title-box .c-title,
    #c-about2 .c-text-box .c-title {
        font-size: 24px;
        line-height: 34px;
    }
    #c-customized .c-wrap {
        margin-top: 20px;
    }
    #c-customized .c-wrap img {
        height: 14rem;
        object-fit: cover;
    }
    #c-customized .c-wrap .c-text-box .c-title {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 30px;
    }
    #c-customized .c-wrap .c-text-box .c-text {
        line-height: 24px;
    }
    #c-advantage {
        padding: 40px 0 20px;
    }
    #c-advantage .c-list li {
        margin-bottom: 20px;
        width: 100%;
    }
    #c-advantage .c-list .c-wrap .c-box .c-text {
        height: auto;
    }
    .c-banner2 {
        padding-top: 20px;
    }
    .c-banner2 .c-text-box {
        padding: 20px;
    }
    .c-banner2 .c-text-box .c-title {
        margin-bottom: 15px;
        padding-bottom: 15px;
        font-size: 20px;
        line-height: 30px;
    }
    #c-form2 .c-title {
        margin-bottom: 20px;
    }
    #c-form2 .c-wrap {
        padding: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    #c-form2 .c-wrap label {
        width: 80px;
        font-size: 14px;
    }
    #c-form2 .c-wrap:nth-last-child(2) {
        margin-bottom: 20px;
    }
    #c-form2 .c-wrap button {
        width: 100px;
        line-height: 40px;
    }
    #c-header .c-right-box {
        height: 100%;
    }
    #c-header .c-right-box a {
        margin-left: 10px;
        padding-left: 20px;
        min-height: 24px;
    }
    #c-header .c-right-box span {
        display: none;
    }
    #c-product .c-list1 {
        margin: 0 0 20px;
        overflow-x: auto;
    }
    #c-product .c-list1 li {
        flex: none;
        width: 40%;
    }
    #c-about .c-text-box .c-text {
        padding: 0 0 20px;
        line-height: 24px;
    }
    #c-about .c-list {
        padding-top: 20px;
    }
    #c-about .c-list .c-top .c-num {
        font-size: 30px;
    }
    #c-about .c-list .c-top .c-text2 {
        margin-left: 5px;
        font-size: 14px;
    }
    #c-about .c-list .c-title2 {
        padding-top: 5px;
    }
    #c-quality .c-list li {
        padding: 0 10px;
        width: 100%;
    }
    #c-quality .c-list .c-wrap .c-title {
        padding-top: 10px;
    }
    #c-news .c-list {
        margin: 0;
    }
    #c-news .c-list li {
        margin-bottom: 30px;
        width: 100%;
        padding: 0;
    }
    #c-news .c-list .c-wrap .c-title {
        margin: 10px 0 5px;
    }
    #c-news .c-list .c-wrap .c-text {
        padding: 10px 0 20px;
    }
    #c-news .c-list .c-wrap .c-img-box img {
        height: 200px;
    }
    #c-news .c-more-box {
        padding-top: 0;
    }
    .c-footer .c-top-box .c-text-box .c-time {
        padding-bottom: 20px;
    }
    .c-footer .c-top-box .c-code-box {
        margin: 0 auto;
        padding-top: 30px;
    }
    #c-rule .c-text-box {
        margin-bottom: 20px;
        width: 100%;
    }
    #c-rule .c-img-box {
        width: 100%;
    }
    #c-marketing .c-wrap img {
        width: 100%;
        height: 10rem;
        object-fit: cover;
    }
    .c-common-box .c-list {
        padding-top: 30px;
    }
    .c-common-box .c-list li {
        width: 100%;
    }
    .c-common-box .c-list .c-wrap .c-img-box {
        height: 14rem;
    }
    #c-news2 .c-list li {
        width: 100%;
    }
    #c-news2 .c-list .c-wrap .c-img-box {
        height: 10rem;
    }
    #c-news3 .c-title-box .c-share {
        display: none;
    }
    #c-news3 .c-title-box .c-title {
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 34px;
    }
    #c-news3 .c-text-box {
        margin-bottom: 40px;
        padding: 30px 0;
    }
    #c-news3 .c-pnbox .c-prev,
    #c-news3 .c-pnbox .c-next {
        width: 100%;
        padding: 0;
        margin: 5px 0;
        background: none;
        text-align: left;
    }
    #c-news3 .c-pnbox .c-return {
        display: none;
    }
    #c-product2 .c-box-wrap .c-img-box,
    #c-product3 .c-list .c-wrap .c-img-box,
    .c-banner3 .c-wrap .c-img-box {
        height: 12rem;
    }
    #c-product2 .c-box-wrap .c-text-box img {
        margin-bottom: 20px;
        max-width: 200px;
    }
    #c-product2 .c-box-wrap .c-text-box .c-title {
        font-size: 22px;
        line-height: 32px;
    }
    #c-product3 .c-list li {
        width: 100%;
    }
    #c-product3 .c-list {
        margin-bottom: 20px;
    }
    #c-product3 .c-more-btn {
        width: 120px;
        line-height: 50px;
    }
    #c-product3 .c-top .c-title-box {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
    #c-product3 .c-top .c-title-box .c-title {
        width: 100%;
        margin-right: 0;
    }
    #c-product3 .c-top input {
        margin-top: 10px;
        border-color: #564c3f;
    }
    #c-product3 .c-top-box {
        padding: 20px;
    }
    #c-product3 .c-top {
        justify-content: center;
    }
    .banner4-top .swiper-slide {
        height: 17rem;
    }
    #c-product4 .c-right .c-collection {
        width: 150px;
        height: 50px;
    }
    .c-common-box2 .c-form1 {
        padding: 30px;
    }
    .c-common-box2 .c-form1 .c-subtitle,
    .c-common-box2 button {
        margin-bottom: 20px;
    }
    .c-common-box2 button {
        margin: 0 auto 20px;
        width: 150px;
        line-height: 50px;
    }
    .c-common-box2 .c-form2 {
        padding: 80px 30px 30px;
    }
    .c-common-box2 .c-form2 .c-return {
        top: 30px;
        right: 30px;
    }
    .c-common-box2 .c-form2 button {
        margin: 20px auto;
    }
    #c-user .c-list li {
        padding: 0 20px;
    }
    #c-user .c-list a {
        font-size: 20px;
        line-height: 60px;
    }
    #c-user .c-list2 li {
        padding: 0 20px;
        font-size: 20px;
        line-height: 60px;
    }
    #c-user .c-list3 li {
        padding: 20px;
    }
    #c-user .c-list3 .c-box2 {
        padding: 0 20px;
    }
    #c-user .c-list3 .c-box2 .c-text {
        display: none;
    }
    #c-user .c-list3 .c-box1 {
        width: 60px;
        height: 60px;
    }
    #c-user .c-list3 .c-box2 {
        width: -webkit-calc(100% - 120px);
        width: calc(100% - 120px);
    }
    #c-user .c-list3 {
        margin-bottom: 40px;
    }
    #c-user .c-list2.c-dt li:nth-child(2),
    #c-user .c-list2.c-dt li:nth-child(3),
    #c-user .c-list4 .c-box2,
    #c-user .c-list4 .c-box3 {
        display: none;
    }
    #c-user .c-list2.c-dt li:nth-child(1),
    #c-user .c-list4 .c-box1 {
        width: -webkit-calc(100% - 80px);
        width: calc(100% - 80px);
        padding: 0 10px 0 20px;
    }
    #c-user .c-list2.c-dt li:nth-child(4),
    #c-user .c-list4 .c-box4 {
        padding: 0 20px 0 10px;
        width: 80px;
    }
    #c-user .c-list4 .c-box1 .c-img-box {
        margin: 0 20px;
        width: 60px;
        height: 60px;
    }
    #c-user .c-list4 .c-box1 .c-title {
        width: -webkit-calc(100% - 120px);
        width: calc(100% - 120px);
    }
    #c-user .c-list4 li {
        padding: 20px 0;
    }
    #c-user .c-list4 {
        margin-bottom: 40px;
    }
    #c-user .c-btn-wrap {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    #c-user .c-btn-wrap .c-page {
        margin-bottom: 40px;
        width: 100%;
    }
    #c-user .c-btn-wrap .c-btn1,
    #c-user .c-btn-wrap .c-btn2 {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    #c-user .c-top-box .c-photo {
        width: 100px;
        height: 100px;
    }
    #c-user .c-top-box .c-photo .c-text {
        line-height: 24px;
    }
    #c-about.c-dt .c-text-box .c-text,
    #c-about.c-dt .c-list {
        padding: 0 0 20px;
    }
    #c-about.c-dt .c-text-box .c-more {
        width: 100px;
        line-height: 40px;
    }
    #c-product6 .c-list {
        margin: 0 -20px -30px;
        padding-top: 40px;
    }
    #c-product6 .c-list li {
        width: 100%;
        margin-bottom: 30px;
    }
    #c-product6 .c-list .c-wrap .c-title {
        padding-top: 10px;
    }
    #c-product6 .c-list .c-wrap .c-img-box {
        height: 16rem;
    }
    .c-banner5 {
        padding-top: 40px;
    }
    .c-banner5 .swiper-slide img {
        height: 14rem;
    }
    #c-top-banner .c-en-title {
        max-width: 60%;
        font-size: 12px;
        line-height: 22px;
    }
    .c-common-box3 .c-list .c-img-box {
        width: 100%;
        height: 12rem;
    }
    .c-common-box3 .c-list .c-text-box {
        width: 100%;
        padding: 20px;
    }
    .c-common-box3 .c-list .c-text-box .c-title {
        margin-bottom: 15px;
        padding-bottom: 15px;
        font-size: 20px;
        line-height: 30px;
    }
    .c-banner8 .swiper-button-next {
        right: 5px;
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }
    .c-banner8 .swiper-button-prev {
        left: 5px;
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }
    .c-banner8 .c-wrap {
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
    }
    .c-banner8 .c-wrap .c-title {
        padding-top: 10px;
        font-size: 14px;
        line-height: 24px;
    }
    .c-banner8 {
        padding-top: 30px;
    }
    #c-appreciate {
        padding: 40px 0 130px;
    }
    #c-appreciate-video {
        margin-top: -100px;
    }
    .c-banner9 {
        padding-top: 30px;
    }
    .c-banner9 .swiper-slide .c-img-box {
        width: 100%;
        height: 12rem;
    }
    .c-banner9 .swiper-slide .c-text-box {
        width: 100%;
        padding: 20px;
    }
    .c-banner9 .swiper-slide .c-text-box .c-title {
        margin-bottom: 10px;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
        font-size: 20px;
        line-height: 30px;
    }
    .c-banner9 .c-box {
        margin-top: 20px;
    }
    #c-appreciate-video .c-box .c-wrap .c-mask .c-ico {
        width: 50px;
        height: 50px;
    }
    #c-appreciate-video .c-box .c-wrap .c-mask .c-ico::before {
        top: -10px;
        left: -10px;
        width: 70px;
        height: 70px;
    }
    #c-about2 .c-text-box .c-text {
        padding: 20px 0;
    }
    #c-about2 .c-list .c-top .c-text2 {
        font-size: 14px;
        line-height: 24px;
    }
    #c-about2 .c-list .c-top .c-num {
        font-size: 30px;
    }
    #c-about2 .c-list .c-title2 {
        padding-top: 0;
    }
    #c-about2 .c-list li {
        margin-bottom: 20px;
    }
    #c-about2 .c-list {
        margin-bottom: 10px;
    }
    .c-banner10-top {
        margin-top: 30px;
    }
    .c-banner10-bottom .swiper-button-next,
    .c-banner10-bottom .swiper-button-prev {
        display: none;
    }
    .c-banner10-bottom .swiper-slide {
        padding: 20px 0 0;
    }
    .c-banner10-bottom .c-box-wrap {
        padding: 20px 20px 60px;
    }
    .c-banner10-bottom .c-box-wrap .c-text-box {
        padding: 15px 0;
    }
    .c-banner10-bottom .c-box-wrap .c-text-box .c-title {
        padding-bottom: 15px;
        margin-bottom: 15px;
        font-size: 24px;
        line-height: 34px;
    }
    .c-banner10-bottom .c-wrap .c-num {
        right: 20px;
    }
    #c-responsibility .c-list {
        padding-top: 30px;
    }
    #c-responsibility .c-list li {
        margin-bottom: 30px;
        width: 100%;
    }
    #c-responsibility .c-more-btn {
        width: 100px;
        line-height: 40px;
    }
    #c-responsibility .c-list .c-wrap .c-img-box {
        height: 12rem;
    }
    #c-subsidiary .c-list {
        margin-bottom: -20px;
        padding-top: 30px;
    }
    #c-subsidiary .c-list li {
        margin-bottom: 20px;
        width: 100%;
    }
    #c-subsidiary .c-list .c-wrap {
        height: 20rem;
    }
    #c-order {
        top: 50%;
        left: 50%;
        width: 90%;
        z-index: 910;
        padding: 20px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    #c-order .c-list1 {
        padding-bottom: 20px;
        font-size: 16px;
        line-height: 26px;
    }
    #c-order .c-list1 li:nth-child(1),
    #c-order .c-list2 li:nth-child(1) {
        width: 30%;
    }
    #c-order .c-list1 li:nth-child(3),
    #c-order .c-list2 li:nth-child(3) {
        width: 30%;
    }
    #c-order .c-list1 li:nth-child(2),
    #c-order .c-list2 li:nth-child(2) {
        width: 40%;
        padding: 0 15px;
    }
    #c-order .c-list2 .c-num {
        padding: 0 5px;
        width: 30px;
    }
    #c-order .c-list2 {
        font-size: 14px;
    }
    #c-order .c-list2 li {
        padding: 5px 0;
    }
    #c-order .c-list-box {
        height: 160px;
    }
    #c-order .c-btn {
        width: 80px;
        font-size: 14px;
        line-height: 40px;
    }
    #c-order .c-text {
        padding-top: 20px;
        font-size: 12px;
        line-height: 22px;
    }
    #c-order .c-close {
        top: -50px;
        right: 0;
        width: 40px;
        height: 40px;
        background: #fff url(../images/close2.png)no-repeat center / 20px;
    }
    #c-statement .c-wrap {
        padding: 40px;
        max-width: 90%;
    }
    #c-statement .c-box {
        max-height: -webkit-calc(80vh - 100px);
        max-height: calc(80vh - 100px);
    }
    .c-common-form .c-box2 .c-top .c-photo {
        width: 90px;
    }
    .c-common-form .c-box2 .c-top .c-photo .c-img {
        width: 90px;
        height: 90px;
    }
    .c-common-form .c-box2 {
        padding: 30px 0;
        font-size: 14px;
        line-height: 24px;
    }
    .c-common-form .c-box2 .c-wrap {
        padding-top: 10px;
    }
    .c-common-form .c-box2 .c-top .c-tr-box {
        width: -webkit-calc(100% - 90px);
        width: calc(100% - 90px);
        padding: 0 0 20px 32px;
    }
    .c-common-form .c-box2 .c-wrap .c-text2 {
        width: 46px;
    }
    .c-common-form .c-box2 .c-wrap input,
    .c-common-form .c-box2 .c-wrap select {
        width: -webkit-calc(100% - 46px);
        width: calc(100% - 46px);
    }
    .c-common-form .c-box2 .c-bottom .c-wrap .c-text2 {
        width: 124px;
    }
    .c-common-form .c-box2 .c-bottom .c-wrap input {
        width: -webkit-calc(100% - 124px);
        width: calc(100% - 124px);
    }
    .c-common-form .c-box1 .c-img-box {
        width: 160px;
        height: 160px;
    }
    .c-common-form .c-close {
        top: auto;
        bottom: -50px;
        margin-right: -20px;
        right: 50%;
        width: 40px;
        height: 40px;
    }
    #c-sitemap .c-list>li {
        padding: 20px 0;
    }
    #c-sitemap .c-box {
        padding: 0 20px;
    }
    #c-sitemap .c-list .c-title-box {
        font-size: 20px;
        line-height: 30px;
    }
    #c-sitemap .c-list2>li {
        width: 50%;
    }
    #c-statement2 .c-text-box {
        padding: 20px;
    }
    #c-news3 .c-pnbox a {
        max-width: 100%;
        width: 100%;
        text-align: left !important;
    }
    #c-fixed-pop form .c-title-box .c-title {
        line-height: 50px;
        font-size: 18px;
    }
    #c-fixed-pop form .c-title-box {
        padding: 0 20px;
    }
    #c-fixed-pop form .c-box {
        padding: 20px;
    }
    #c-fixed-pop form input {
        margin-bottom: 20px;
        height: 40px;
    }
    #c-fixed-pop form .c-file .c-input-box {
        padding: 5px 15px;
    }
    #c-fixed-pop form .c-file .c-text2 {
        font-size: 12px;
    }
    #c-fixed-pop form button {
        height: 40px;
    }
    #c-fixed-pop form .c-title-box .c-close {
        width: 60px;
        height: 50px;
    }
    #c-news .c-more-box a {
        padding: 0 15px;
        line-height: 40px;
    }
    .c-footer .c-text-box,
    .c-footer .c-bottom-box .c-copyright {
        text-align: center;
    }
    .c-footer .c-top-box .c-text-box .c-site {
        display: none;
    }
    .c-footer .c-bottom-box .c-link {
        display: none;
    }
    .c-banner1 .c-pagination-wrap {
        bottom: 10px;
    }
    .c-banner1 .swiper-slide {
        height: 13rem;
    }
    .c-banner1 .swiper-slide .c-mb {
        display: block;
    }
    .c-banner1 .swiper-slide .c-pc {
        display: none;
    }
    #c-fixed-nav .c-center .c-list {
        padding: 20px 0;
    }
    .c-footer.c-dt .c-top-box {
        padding: 20px 0;
    }
    .c-footer.c-dt .c-top-box .c-code-box {
        padding-top: 0;
    }
    #c-fixed-nav .c-top .c-logo {
        height: 22px;
    }
}

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