@charset "utf-8";

/* 调大看小 */
@media screen and (max-width: 1680px) {
    .hc_cont1410{
        width: 1320px;
    }

    .footer__images-grid {
        top: -40px;
        gap: 30px;
    }

    .home-solution-list {
        gap: 30px;
        margin-top: -6.5rem;
        margin-bottom: 0rem;
        padding-bottom: 4rem;
    }

    .mod-tit1 {
        font-size: 42px;
    }

    .home-solution .left .title {
        margin-bottom: 25px;
    }

    .home-product-list .link .tits {
        font-size: 30px;
    }

    .home-about {
        padding: 100px 0;
        min-height: 30vw;
    }

    .footer-info {
        padding: 40px 50px;
    }

    .footer-bottom,
    .footer-top {
        padding: 20px 50px;
    }










    /* 1680end */
}

@media screen and (max-width: 1440px) {
    .hc_cont1410,
    .hc_cont1240{
        width: 1120px;
    }   

    .about-mod1 .left {
        padding: 60px 35px;
    }
    
    .about-mod1 .left .text {
        margin-top: 25px;
    }

    .paddBottom80 {
        padding-bottom: 60px;
    }
    .paddTop80 {
        padding-top: 60px;
    }

    .about-mod2 .title{
        padding: 10px 0;
    }

    .about-mod2 .title {
        font-size: 30px;
    }

    .about-mod3 .flex .left .title {
        font-size: 32px;
    }

    .about-chaucer .about-chaucer-conts {
        padding: 34px 30px;
    }

    .about-chaucer .about-chaucer-conts .tits {
        font-size: 22px;
    }

    .home-contact-box .home-contact-link {
        padding: 50px;
    }
    
    .mod-tit1,
    .about-mod1 .left .title,
    .about-chaucer .title{
        font-size: 38px;
    }

    .home-contact-bottom .tits {
        font-size: 30px;
        margin-right: 30px;
    }

    .home-contact-bottom {
        padding: 35px 0;
    }

    .about-mod7 .flex .left .title{
        font-size: 32px;
    }

    .about-mod7 .flex .left .title {
        max-width: 100%;
    }

    .careers-positions-link .left .tits {
        font-size: 22px;
    }

    .about-mod4 .title {
        font-size: 38px;
    }

    .about-mod4 .about-mod4-conts .imgs {
        padding-top: 20px;
        margin-bottom: 25px;
    }

    .about-mod4 .about-mod4-conts .tits {
        margin-bottom: 25px;
    }

    .about-mod5 .title,
    .about-mod6 .title {
        font-size: 38px;
    }

    .about-mod6 .title {
        margin-bottom: 25px;
    }

    .history-content .history-item .year {
        font-size: 38px;
        margin-bottom: 20px;
    }

    .history-content .history-item {
        margin-bottom: 50px;
    }
    
    .about .about-mod2 .title{
        padding: 0 0;
    }

    .about-mod3 .flex .left .title{
        margin-bottom: 20px;
    }

    .about-mod3 .flex .left .text {
        margin-bottom: 30px;
    }

    .about-mod2-btn {
        margin-top: 22px;
    }

    .mod-tit36 {
        font-size: 34px;
    }

    .home-application .left {
        width: 42.612903%;
    }

    .home-application .right .links .left-box .imgs {
        margin-right: 30px;
    }

    .applist-link {
        padding: 20px;
    }

    .applist-link .tops .tits {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .appdeta-info .left .title {
        font-size: 42px;
        margin-bottom: 30px;
    }

    .bread {
        margin-bottom: 30px;
    }

    .appdeta-prouse .tits {
        margin-bottom: 25px;
    }   

    .appdeta-prouse-link .names {
        font-size: 18px;
    }

    .appdeta-info .left {
        padding-right: 50px;
    }

    .mod-tit48 {
        font-size: 38px;
    }

    .block-interior-header .content {
        padding: 60px 40px;
    }

    .contact-info {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .contact-info .flex .title,
    .contact-sites .title{
        font-size: 38px;
    }

    .contact-sites .contact-sites-conts .tits {
        font-size: 20px;
    }

    .contact-sites .contact-sites-conts {
        padding: 35px 30px;
    }

    .cookie-policy .block-interior-header{
        padding-bottom: 0 !important;
    }

    .facs-block {
        padding: 70px 0;
    }

    .facs-block .edit h3 {
        font-size: 22px;
    }

    .industries .about-mod1{
        padding-bottom: 10px;
    }

    .product-section-link .left .imgs {
        width: 120px;
        margin-right: 30px;
    }

    .product-section-link {
        padding-right: 20px;
    }

    .product-section-link .left .tits {
        font-size: 18px;
    }

    .indetails-section .left .text {
        margin-top: 20px;
    }

    .prosecond-section .prosecond-list .news-link .tits {
        font-size: 20px;
    }

    .news-link .conts {
        padding: 20px;
    }
    
    .news-link .time {
        margin-bottom: 15px;
    }

    .news-link .tops {
        margin-bottom: 30px;
    }

    .news-link .tits {
        font-size: 20px;
        line-height: 1.4;
    }

    .newsdeta .title {
        margin-bottom: 20px;
        font-size: 38px;
        line-height: 1.6;
    }

    .newsdeta .edit h3 {
        font-size: 30px;
    }

    .newsdeta .edit p:last-child{
        margin-bottom: 0;
    }

    .newsdeta-contact {
        padding: 35px;
        margin-top: 50px;
    }

    .newsdeta-share {
        margin-top: 40px;
    }

    .newsdeta-continue-header .title {
        margin-bottom: 0;
    }

    .block-interior-header{
        padding-bottom: 0 !important;
    }

    .product-banner .title {
        font-size: 50px;
    }

    .product-banner.type1 {
        padding-top: 80px;
    }

    .product-banner  .bread {
        margin-bottom: 20px;
    }

    .product-banner {
        min-height: 300px;
    }

    .banner-jump .list li {
        margin-right: 15px;
        min-width: 50px;
        padding: 11px 20px;
    }

    .banner-jump p {
        font-size: 18px;
    }

    .product-hds .left .text {
        margin-top: 18px;
    }

    .product-hds .left {
        padding-right: 80px;
    }
    
    .prothree .about-chaucer .about-chaucer-conts .tits, .propowder .about-chaucer .about-chaucer-conts .tits{
        font-size: 38px;
    }

    .propowder-fruits-list {
        padding: 50px 0;
        margin: 0 var(--flex-margin) -24px;
    }

    .propowder-info {
        padding: 70px 0;
    }

    .appdeta-info .left .title {
        font-size: 38px;
        margin-bottom: 20px;
    }

    .appdeta-applications .flex .left .tits{
        font-size: 30px;
    }

    .home-solution .left {
        padding-left: calc((100% - 1120px) / 2);
        padding-right: 60px;
        padding-top: clamp(3rem, 4rem, 5rem);
        padding-bottom: 5rem;
    }

    .home-solution-list {
        gap: 25px;
        margin-top: -5.5rem;
        margin-bottom: 0rem;
        padding-bottom: 4rem;
    }

    .home-solution-other .items img {
        width: 50px;
    }

    .home-product{
        padding: 70px 0;
    }

    .home-product .title {
        margin-bottom: 30px;
    }

    .home-product-list .link .tits {
        font-size: 28px;
    }

    .home-about {
        padding: 80px 0;
    }

    .footer__image-wrapper {
        width: 13.4vw;
    }

    .footer-info-form {
        width: 410px;
    }

    .footer-info-form input,
    .footer-info-form button {
        height: 52px;
    }

    .header-bottom,
    .header-top {
        padding: 0 30px;
    }

    .header-bottom {
        --height: 80px;
    }

    .header-logo {
        width: 64px;
    }


   




    /* 1440end */
}

/* 1199~992 平板横屏*/
@media screen and (max-width: 1200px) {
    .hc_cont1410,
    .hc_cont1240{
        width: 940px;
    }

    .paddBottom80 {
        padding-bottom: 50px;
    }

    .paddTop80 {
        padding-top: 50px;
    }

    .mod-tit1, .about-mod1 .left .title, .about-chaucer .title {
        font-size: 32px;
    }

    .about-mod3 .flex .left .title {
        font-size: 28px;
    }

    :root {
        --flex-margin: -16px;
        --flex-padding: 16px;
    }

    .about-chaucer .about-chaucer-item {
        margin-bottom: 32px;
    }

    .about-chaucer .about-chaucer-list {
        margin: 0 var(--flex-margin) -32px;
    }
    
    .home-contact-box .home-contact-link .tits {
        margin-bottom: 15px;
    }

    .home-contact-box .home-contact-link {
        padding: 40px;
    }

    .home-contact-bottom .tits {
        font-size: 26px;
        margin-right: 20px;
    }

    .about-mod7 .flex .left .title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .about-mod4 .title {
        font-size: 32px;
    }

    .careers-positions .mod-tit1 {
        margin-bottom: 25px;
    }


    .careers-positions-link .left .tits {
        font-size: 20px;
    }

    .careers-positions-link {
        padding: 20px 0;
    }

    .careers-positions-link .left .info .texts {
        width: 380px;
        margin-right: 40px;
    }

    .about-mod4 .about-mod4-conts .imgs {
        width: 45px;
    }

    .about-mod4 .about-mod4-conts .imgs {
        padding-top: 10px;
        margin-bottom: 20px;
    }

    .about-mod4 .about-mod4-conts .tits {
        margin-bottom: 20px;
    }

    .careers-other-content .left .title {
        font-size: 30px;
        margin-bottom: 24px;
    }

    .careers-other-content {
        padding: 46px 42px;
    }

    .about-mod5 .title, .about-mod6 .title {
        font-size: 32px;
    }

    .about-mod5 .title {
        margin-bottom: 25px;
    }

    .paddTop80 {
        padding-top: 60px;
    }

    .paddBottom80 {
        padding-bottom: 60px;
    }

    .history-content .history-item .year {
        font-size: 34px;
        margin-bottom: 18px;
    }

    .history-content .history-item {
        margin-bottom: 40px;
    }

    .mod-tit36 {
        font-size: 30px;
    }

    .home-application .right .links .left-box .tits {
        font-size: 18px;
        padding-right: 60px;
    }

    .home-application .right .links .left-box .imgs {
        width: 120px;
    }

    .applist-link {
        padding: 0px;
    }

    .applist-link .tops .tits {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .applist-link .mores {
        font-size: 15px;
    }

    .appdeta-info .left .title {
        font-size: 36px;
        margin-bottom: 30px;
    }

    .mod-tit48 {
        font-size: 34px;
    }

    .appdeta-details .conts {
        padding: 32px 30px;
    }

    .appdeta-details .conts p {
        margin-bottom: 16px;
    }

    .appdeta-other .right .conts {
        padding-left: 40px;
    }

    .contact-info .flex .title, .contact-sites .title {
        font-size: 32px;
    }

    .contact-info .flex .title {
        margin-bottom: 25px;
        margin-top: 10px;
    }

    .contact-info {
        padding-top: 60px;
        padding-bottom: 70px;
    }

    .contact-sites .title {
        margin-bottom: 30px;
    }

    .contact-sites .contact-sites-conts .tits {
        font-size: 18px;
    }

    .contact-sites .contact-sites-conts {
        padding: 30px 25px;
    }

    .contact-sites .contact-sites-item {
        margin-bottom: 32px;
    }

    .contact-sites .contact-sites-list {
        margin: 0 var(--flex-margin) -32px;
    }

    .facs-block {
        padding: 60px 0;
    }

    .facs-block .edit p {
        margin-bottom: 26px;
    }

    .facs-block .edit h3 {
        font-size: 20px;
    }

    .product-section-link .left .imgs {
        width: 110px;
        margin-right: 20px;
    }

    .product-section-link {
        padding-right: 15px;
    }

    .product-section-link .left .tits {
        font-size: 18px;
    }

    .mod-tit48 {
        font-size: 32px;
    }

    .prosecond-section .prosecond-list .news-link .tits {
        font-size: 18px;
    }

    .news-link .more {
        font-size: 15px;
    }

    .news-link .conts {
        padding: 16px 10px;
    }

    .news-link .tits {
        font-size: 18px;
        line-height: 1.5;
    }

    .newsdeta .title {
        margin-bottom: 20px;
        font-size: 32px;
    }

    .newsdeta .edit h3 {
        font-size: 26px;
    }

    .newsdeta-contact {
        padding: 30px;
        margin-top: 40px;
    }

    .newsdeta .newsdeta-continue .title{
        margin-bottom: 0 !important;
    }

    .newsdeta-continue-list {
        margin: 0 var(--flex-margin) 30px;
    }

    .newsdeta-arrow .prev, .newsdeta-arrow .next {
        width: 50px;
        height: 50px;
    }

    .newsdeta-arrow .prev span, .newsdeta-arrow .next span {
        font-size: 16px;
    }

    .appdeta-related  .applist-link {
        padding: 20px;
    }

    .prothree .about-chaucer .about-chaucer-conts .tits, .propowder .about-chaucer .about-chaucer-conts .tits{
        font-size: 32px;
    }

    .prothree-section {
        padding: 60px 0 30px;
    }

    .propowder-info {
        padding: 60px 0;
    }

    .propowder-fruits-list {
        padding: 40px 0;
        margin: 0 var(--flex-margin) -24px;
    }

    .appdeta-info .left .title {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .appdeta-info .left {
        padding-right: 20px;
    }

    .appdeta-applications .flex .left .tits {
        font-size: 24px;
    }

    .appdeta-applications .flex .left {
        padding: 40px 30px;
    }

    .appdeta-applications .flex .left .used .used-list a p {
        font-size: 18px;
    }

    .appdeta-applications .flex .left .used .used-list{
        flex-wrap: wrap;
    }

    .appdeta-applications .flex .left .used .used-tits {
        font-size: 18px;
    }

    .appdeta-applications .flex .left .used .used-list li {
        width: 100%;
    }

    .header-pc{
        display: none !important;
    }

    /* 移动端导航 */
    nav{
        position: absolute;
        width: 100%;
        top: 80px;
        left: 0;
        padding: 25px 40px;
        background-color: var(--main-color);
        display: none;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
        z-index: 100;
        background:var(--main-color);
    }

    .hd_second {
        padding: 0px 0 0 !important;
    }

    .hd_item.active .hd_link {
        color: #fff;
    }

    .hd_item .hd_link {
        color: #fff;
    }

    .hd_item {
        margin-left: 0px;
        margin-bottom: 10px;
    }

    .hd_item:last-child {
        margin-bottom: 0;
    }

    .hd_list {
        display: block;
        margin-right: 0px;
    }

    .hd_link{
        line-height: 1.9;
        display: inline-block !important;
        padding: 5px 0;
    }

    .c_pcbtn{
        display: flex;
        align-items: center;
        margin-left: 20px;
        transform: scale(0.9);
    }

    .hd_conts{
        position: relative;
    }

    .child>.hd_conts::before,
    .child>.hd_conts::after{
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.36s;
        background-color: #fff;
        cursor: pointer;
    } 

    .child .hd_conts::before{
        width: 14px;
        height: 2px;
        right: 0;
    }

    .child .hd_conts::after{
        width: 2px;
        height: 14px;
        right: 6px;
    }

    .hd_second{
        display: none;
        position: static;
        width: 100%;
        transform: none;
        padding: 5px 0 0;
        background-color: transparent !important;
        box-shadow: none;
        transition: none;
        opacity: 1;
        pointer-events: all;
    }

    .hd_second_link{
        color: #fff;
        line-height: 1;
        padding: 6px 20px;

    }

    .hd_second_link{
        display: inline-block;
    }

    .hd_three{
        display: none;
        padding-left: 40px;
    }

    .hd_three_item{
        margin-bottom: 4px;
    }

    .hd_three_item:last-child{
        margin-bottom: 0;
    }

    .hd_three_link{
        color: #fff;
        font-size: 14px;
        line-height: 1.75;
        display: inline-block;
        padding: 4px 0;
    }

    .hd_second_item.child .hd_conts::before{
        right: 12px;
    }

    .hd_second_item.child .hd_conts::after{
        right: 18px;
    }

    .child.open>.hd_conts::after{
        transform: translateY(-50%) rotate(-90deg);
    }

    .c_pcbtn{
        display: flex;
        align-items: center;
    }

    .hd_second_link {
        padding: 12px 20px;
    }

    .hd_item:not(:last-child) {
        margin-right: 0px;
    }

    .c_pcbtn{
        display: flex;
        align-items: center;
    }
    /* 移动端导航 */

    .home-solution .left {
        padding-left: calc((100% - 940px) / 2);
        padding-right: 30px;
    }

    .home-solution .left .title {
        margin-bottom: 15px;
    }

    .home-solution-list {
        gap: 25px;
        margin-top: -4rem;
    }

    .home-solution-other .items img {
        width: 44px;
    }

    .home-product-list .link .tits {
        font-size: 22px;
    }

    .hd_link>span{
        display: none;
    }

    .hd_link>p{
        font-size: 16px;
        line-height: 1.75;
    }

    .home-product {
        padding: 60px 0;
    }

    .home-about {
        padding: 70px 0;
    }

    .footer__images-grid {
        top: -30px;
        gap: 30px;
    }

    .footer-info {
        padding: 30px 30px;
    }

    .footer-bottom, .footer-top {
        padding: 20px 30px;
    }

    .footer-info-form {
        width: 368px;
    }

    main {
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.35);
    }




    /* 1200end */
}


/* 991~768 平板竖屏 重点*/
@media screen and (max-width: 991px) {
    .hc_cont1410,
    .hc_cont1240,
    .hc_cont810{
        width: 100%;
        padding: 0 40px;
    }

    .mod-tit1, .about-mod1 .left .title, .about-chaucer .title {
        font-size: 28px;
    }

    .about-mod1 .left .text {
        margin-top: 20px;
    }

    .about-mod1 .left {
        padding: 50px 30px;
    }

    .about-mod2 .title {
        padding: 0px 0;
    }

    .about-mod3 .flex .left .title {
        font-size: 26px;
    }

    .about-mod3 .flex .left .title {
        margin-bottom: 18px;
    }

    .mod-btns {
        height: 46px;
    }

    .about-chaucer .about-chaucer-conts .tits {
        font-size: 20px;
    }

    .home-contact-box .home-contact-link {
        padding: 35px;
    }

    .home-contact-bottom .tits {
        font-size: 22px;
        margin-right: 20px;
    }

    .home-contact-bottom {
        padding: 35px 30px;
    }

    .about-mod2 .title {
        font-size: 26px;
    }

    .about-mod7 .flex .left .title {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .about-mod2 .title {
        padding: 10px 0;
    }

    .careers-positions-link .left .tits {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .careers-positions-link .left .info .texts {
        width: 330px;
        margin-right: 40px;
    }

    .about-mod4 .title {
        font-size: 28px;
    }

    .careers-other-content .left .title {
        font-size: 26px;
        margin-bottom: 24px;
    }

    .careers-other-content{
        flex-direction: column;
        align-items: flex-start;
    }

    .about-mod4 .about-mod4-conts .tits {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .careers-other-content .left{
        width: 100%;
        padding-right: 0;
        margin-bottom: 25px;
    }

    .paddTop80 {
        padding-top: 50px;
    }

    .paddBottom80 {
        padding-bottom: 50px;
    }

    .about-mod5 .title, .about-mod6 .title {
        font-size: 28px;
    }

    .about-mod6 .title {
        margin-bottom: 20px;
    }

    .about-mod5 .title {
        margin-bottom: 22px;
    }
    
    .history-content .left .title {
        font-size: 30px;
        margin: 10px 0 20px;
    }
    .history-content .history-item .year {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .history-content .history-item .tits {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .about-mod4 .about-mod4-item {
        margin-bottom: 30px;
        width: 50%;
    }

    .about-mod4 .about-mod4-list {
        margin: 0 var(--flex-margin) -30px;
    }

    .mod-tit36 {
        font-size: 28px;
    }

    .home-application .right .links .left-box .imgs {
        width: 110px;
        margin-right: 20px;
    }

    .home-application .right .links .left-box .tits {
        font-size: 16px;
        padding-right: 20px;
    }

    
    .applist-item{
        padding: 0 15px;
    }

    .applist-list {
        margin: 0 -15px -40px;
    }

    .appdeta-prouse-link .names {
        font-size: 16px;
    }

    .appdeta-info .left {
        padding-right: 30px;
    }

    .appdeta-prouse-list {
        gap: 30px 20px;
    }

    .appdeta-info .left .title {
        font-size: 30px;
    }

    .mod-tit48 {
        font-size: 30px;
    }

    .appdeta-other .left .text {
        margin-top: 20px;
    }

    .appdeta-other .right .conts {
        padding-left: 20px;
    }

    .block-interior-header .content {
        padding: 45px 30px;
    }

    .block-interior-header .content .text {
        margin-top: 16px;
    }

    .contact-info .flex .title, .contact-sites .title {
        font-size: 28px;
    }

    .contact-info .left {
        width: 42.612903%;
    }

    .contact-info .flex .title {
        margin-bottom: 24px;
        margin-top: 5px;
    }

    .contact-sites .title {
        margin-bottom: 25px;
    }

    .facs-block {
        padding: 50px 0 60px;
    }

    .product-section-link .left .texts{
        width: 100%;
    }

    .product-section-link .iconfont{
        display: none;
    }

    .mod-tit48 {
        font-size: 28px;
    }

    .prosecond-list {
        margin: 30px var(--flex-margin) 20px;
    }

    .newsdeta-arrow .prev, .newsdeta-arrow .next {
        width: 50px;
        height: 50px;
    }

    .newsdeta-arrow .prev span, .newsdeta-arrow .next span {
        font-size: 16px;
    }

    .newsdeta-arrow .prev {
        margin-right: 15px;
    }

    .news-link .tops {
        margin-bottom: 25px;
    }

    .newsdeta .imgs{
        width: 100%;
    }

    .newsdeta .imgs img{
        max-width: 100%;
    }

    .newsdeta .title {
        margin-bottom: 20px;
        font-size: 28px;
    }

    .newsdeta .edit h3 {
        font-size: 24px;
        margin: 20px 0;
    }

    .paddBottom80{
        padding-bottom: 55px;
    }

    .paddTop80{
        padding-top: 55px;
    }

    .newsdeta-continue-list {
        margin: 0 var(--flex-margin) 20px;
    }

    .product-banner .title {
        font-size: 40px;
    }

    .banner-jump .list li {
        margin-right: 15px;
        min-width: 48px;
        padding: 10px 18px;
    }

    .product-hds{
        flex-direction: column;
        align-items: flex-start;
    }

    .product-hds .left {
        padding-right: 0px;
        width: 100%;
        margin-bottom: 25px;
    }

    .prothree .about-chaucer .about-chaucer-conts .tits, .propowder .about-chaucer .about-chaucer-conts .tits{
        font-size: 28px;
        margin-bottom: 17px;
    }

    .propowder-fruits-item{
        width: 25%;
    }

    .appdeta-applications .flex .left .tits {
        font-size: 22px;
    }

    .appdeta-applications .flex .left .used .used-list a p {
        font-size: 16px;
    }

    .appdeta-info .left {
        padding-right: 20px;
    }

    .home-solution-other .flexs{
        flex-direction: column;
        padding: 0 40px;
    }

    .home-solution-other .items{
        width: 100%;
        padding: 20px 0;
    }

    .home-solution-other .items p{
        width: 100%;
    }

    .home-solution .left {
        padding-left: 20px;
        padding-right: 30px;
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .home-solution-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-solution-item:nth-child(3n+2){
        transform: translateY(0);
    }

    .home-solution-btns{
        flex-direction: column;
    }

    .home-solution-btns .mod-btns{
        margin-bottom: 20px;
    }

    .home-product-list .link .tits {
        font-size: 20px;
        padding: 0 20px;
    }

    .home-about {
        padding: 60px 0;
    }

    .home-about .title {
        margin-bottom: 30px;
    }

    .footer__image-wrapper:nth-child(2n) {
        transform: translateY(-30px);
    }

    .footer-info-form {
        width: 339px;
    }

    .footer-info-form input, .footer-info-form button {
        height: 50px;
    }













    /* 991end */
}

/* <768 移动端 重点*/
@media screen and (max-width: 768px) {
    .hc_cont1410,
    .hc_cont1240,
    .hc_cont810{
        padding: 0 20px;
    }

    .about-mod1 .flex{
        flex-direction: column;
    }

    .about-mod1 .left {
        padding: 40px 25px;
        width: 100%;
    }

    .about-mod1 .right{
        width: 100%;
    }

    .mod-tit1, .about-mod1 .left .title, .about-chaucer .title {
        font-size: 26px;
    }

    .about-mod2 .title {
        font-size: 24px;
        line-height: 1.6;
    }
    
    .about-mod1 {
        padding: 40px 0 30px;
    }

    :root {
        --flex-margin: -10px;
        --flex-padding: 10px;
    }

    .about-mod3 .flex{
        flex-direction: column-reverse;
    }

    .about-mod3 .flex .left{
        width: 100%;
    }

    .about-mod3 .flex .right{
        width: 100%;
        margin-bottom: 25px;
    }

    .paddTop80 {
        padding-top: 40px;
    }

    .paddBottom80 {
        padding-bottom: 40px;
    }

    .home-contact{
        margin-top: 20px;
    }

    .home-contact-box{
        flex-direction: column;
    }

    .home-contact-link{
        width: 100% !important;
    }

    .home-contact-conts{
        width: 100%;
    }

    .home-contact-bottom{
        flex-direction: column;
    }

    .home-contact-bottom .tits {
        text-align: center;
        margin-bottom: 25px;
    }

    .home-contact-box .home-contact-link {
        padding: 40px 25px;
    }

    .about-mod7 .flex{
        flex-direction: column-reverse;
    }

    .about-mod7 .flex .left{
        width: 100%;
    }

    .about-mod7 .flex .right{
        width: 100%;
        margin-bottom: 25px;
    }

    .about-mod7 .flex .left .title {
        font-size: 24px;
    }

    .careers-positions-link{
        flex-direction: column;
        align-items: flex-start;
    }

    .careers-positions-link .left .info .texts {
        width: initial;
        margin-right: 40px;
    }

    .careers-positions-link .left {
        padding-right: 0px;
        margin-bottom: 20px;
    }

    .about-mod1 .left .text {
        margin-top: 18px;
    }

    .about-mod3 .flex .left .title {
        font-size: 24px;
    }

    .about-mod4 .title {
        font-size: 26px;
    }

    .about-mod4-list{
        flex-direction: column;
    }

    .careers .about-mod4 .about-mod4-item{
        width: 100%;
    }

    .about-mod4 .about-mod4-item {
        margin-bottom: 30px;
    }

    .about-mod4 .about-mod4-list {
        margin: 0 var(--flex-margin) -30px;
    }

    .about-mod4 .about-mod4-conts .imgs {
        width: 40px;
    }

    .about-mod4 .about-mod4-conts {
        padding: 25px 24px;
    }

    .careers-other-content {
        padding: 35px 30px;
    }

    .careers-other-content .left .title {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .careers-other-content .left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    
    .careers .about-mod2 .title{
        padding: 20px 0;
    }

    .about-mod5 .title, .about-mod6 .title {
        font-size: 26px;
    }

    .about-mod5 .flex{
        flex-direction: column;
    }

    .about-mod5 .left{
        width: 100%;
    }

    .about-mod5 .right{
        width: 100%;
        padding-top:24px;
    }

    .about-mod6 .flex{
        flex-direction: column;
    }

    .about-mod6 .left, .about-mod6 .right{
        width: 100%;
    }


    .about-mod5 .title {
        margin-bottom: 20px;
    }

    .about-mod5 .edit p {
        margin-bottom: 20px;
    }

    .about-mod6 .text p {
        margin-bottom: 20px;
    }

    .about-mod5 .title, .about-mod6 .title {
        font-size: 24px;
    }

    .about-mod6 .right{
        margin-top: 40px;
    }

    .about-mod6.about-mod6-policies .right{
        margin-top: 0;
    }   

    .history-content .flex{
        flex-direction: column;
    }

    .history-content .left {
        width: 100%;
        padding-right: 0px;
        position: static;
    }

    .history-content .left .title {
        font-size: 26px;
        margin: 0px 0 20px;
    }

    .history-content .right{
        width: 100%;
        padding: 10px 20px;
    }

    .history-content .history-item .year {
        font-size: 26px;
        margin-bottom: 14px;
    }

    .history-content .history-item .tits {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .about-mod2 .title {
        font-size: 22px;
        line-height: 1.6;
    }

    .about-mod4 .about-mod4-item{
        width: 100%;
    }

    .about-mod3.row-reverse .flex{
        flex-direction: column-reverse !important;
    }

    .home-application .flex{
        flex-direction: column;
    }

    .home-application .left{
        width: 100%;
        margin-bottom: 25px;
        position: static;
    }

    .mod-tit36 {
        font-size: 26px;
    }

    
    .home-application .right .links .left-box{
        width: 100%;
    }

    .home-application .right{
        width: 100%;
    }

    .mod-tit48 {
        font-size: 26px;
    }

    .appdeta-details .left{
        margin-bottom: 40px;
    }

    .paddTop80{
        padding-top: 50px;

    }
    .paddBottom80{
        padding-bottom: 50px;
    }

    .appdeta-other .right .conts {
        padding-left: 0px;
    }

    .appdeta-other .right .conts li {
        padding: 0 0px;
    }

    .appdeta-other .right{
        margin-top: 30px;
    }

    .appdeta-details .title {
        margin-bottom: 20px;
    }

    .appdeta-info .flex{
        flex-direction: column-reverse;
    }

    .appdeta-info .left{
        width: 100%;
        margin-top: 35px;
    }

    .appdeta-info .right{
        width: 100%;
    }

    .about-mod7.row-reverse .flex{
        flex-direction: column-reverse;
    }

    .about-mod1 {
        padding: 40px 0 20px;
    }

    .contact-info .flex .title, .contact-sites .title {
        font-size: 26px;
    }

    .block-interior-header .content {
        padding: 35px 25px;
    }

    .contact-info .flex{
        flex-direction: column;
    }

    .contact-info .left{
        width: 100%;
        position: static;
    }

    .contact-info .right{
        width: 100%;
        margin-top: 50px;
    }

    .contact-info .flex .title {
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .facs-block {
        padding: 35px 0 60px;
    }

    .facs-block .edit h3 {
        font-size: 18px;
    }

    .product-section-link .left .imgs {
        width: 100px;
        margin-right: 15px;
    }

    .product-section-link {
        padding-right: 0px;
    }

    .product-section-link {
        padding: 20px 0;
    }

    .product-section-link .left .tits {
        font-size: 16px;
    }

    .indetails-section{
        flex-direction: column-reverse !important;
    }

    .indetails-section .left, .indetails-section .right{
        width: 100%;
    }

    .indetails-section .left{
        margin-top: 30px;
    }

    .indetails-section .left .text {
        margin-top: 16px;
    }

    .indetails-section .right{
        position: static !important;
    }

    .product-hds .left {
        padding-right: 10px;
    }

    .indetails-content .indetails-section:first-child{
        padding-bottom: 20px;
    }

    .news-morebtn {
        margin-top: 30px;
    }

    .news .home-contact{
        margin-top: 10px;
    }

    .newsdeta .title {
        margin-bottom: 20px;
        font-size: 24px;
    }

    .newsdeta .imgs {
        margin-top: 30px;
    }

    .privacy-policy .home-contact {
        margin-top: 10px;
    }

    .product-banner.type1 {
        padding-top: 60px;
    }

    .product-banner .bread {
        margin-bottom: 15px;
    }

    .product-banner {
        min-height: 250px;
    }

    .product-banner .title {
        font-size: 30px;
    }

    .product-banner .bgs img{
        left: 0;
        max-width: initial;
        width: auto;
    }

    .banner-jump{
        display: none;
    }

    .product-banner {
        min-height: 200px;
    }

    .product .home-contact{
        margin-top: 0;
    }

    .prothree-section {
        padding: 60px 0 20px;
    }

    .prothree .about-chaucer .about-chaucer-conts .tits, .propowder .about-chaucer .about-chaucer-conts .tits{
        font-size: 24px;
        margin-bottom: 15px;
    }

    .prothree .home-contact{
        margin-top: 0;
    }

    .applist-link .tops .tits {
        font-size: 22px;
    }

    .propowder-fruits-item{
        width: 50%;
    }

    .propowder-info .flex{
        flex-direction: column-reverse;
    }

    .propowder-info .left, .propowder-info .right{
        width: 100%;
    }

    .propowder-info .left{
        margin-top: 25px;
    }

    .propowder-fruits-item {
        margin-bottom: 24px;
    }

    .about-chaucer .about-chaucer-item:last-child{
        margin-bottom: 20px;
    }

    .propowder-info {
        padding: 50px 0 70px;
    }

    .appdeta-info .left .title {
        font-size: 26px;
    }

    .appdeta-info{
        padding-bottom: 10px;
    }

    .appdeta-details .left {
        margin-bottom: 55px;
    }

    .prodeta .home-contact{
        margin-top: 0;
    }

    .footer__images{
        display: none;
    }

    .footer-bottom, .footer-top {
        padding: 18px 20px;
    }

    .footer-info {
        padding: 30px 20px;
    }

    .footer-info-form{
        margin-top: 40px;
    }

    .footer-info{
        padding-top: 50px;
    }

    .footer-logo{
        width: 70px;
    }

    .home .home-contact{
        margin-top: 0;
    }

    .footer-top .controls .mod-btns {
        margin-right: 24px;
    }

    .footer-bottom .flex{
        flex-direction: column;
    }

    .footer-bottom .list{
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-bottom .list a{
        padding: 6px 0;
        display: block;
    }

    .footer-bottom .left{
        margin-bottom: 6px;
    }

    .footer-bottom, .footer-top {
        padding: 24px 20px;
    }

    .home-product {
        padding: 55px 0;
    }

    .home-product-list{
        flex-direction: column;
    }

    .home-product-list .item{
        width: 100%;
        margin-bottom: 30px;
    }

    .home-product-list .item:last-child{
        margin-bottom: 0;
    }

    .home-application .left .text {
        margin-top: 22px;
    }

    .header-bottom, .header-top {
        padding: 0 20px;
    }

    .header-bottom .mod-btns{
        display: none;
    }

    .home-solution .flex{
        flex-direction: column;
    }

    .home-solution .right{
        width: 100%;
        padding: 0 20px;
    }

    .home-solution .left{
        width: 100%;
        margin-bottom: 50px;
        position: static;
    }











    /* 768end */
}