@charset "utf-8";

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

    :root {
        font-size: 9px;
        --content-padding: calc((100% - 1320px) / 2);
        --padd100: 9rem;
        --padd70: 7rem;
        --padd90: 9rem;
    }

    .home-about .right {
        padding-left: 25px;
        padding-top: 25px;
    }

    .about .home-about .left {
        padding-top: 25px;
    }

    .about-info-tit {
        padding-bottom: 26px;
        margin-bottom: 28px;
    }

    .about-details .text {
        margin-bottom: 40px;
    }

    .about-title {
        font-size: 36px;
        margin-bottom: 4rem;
    }

    .about-maps .maps {
        width: 1100px;
    }

    .page_banner .tits {
        font-size: 50px;
    }

    .casedeta-content .title {
        margin-bottom: 25px;
    }   

    .casedeta-content .edit {
        margin-bottom: 4rem;
    }

    .casedeta-content > .hc_cont1410 {
        margin-bottom: 5rem;
    }

    .casedeta-arrow .flex a {
        padding: 12px 0px;
    }

    .case-conts .right .tits {
        font-size: 24px;
        margin-bottom: 14px;
    }

    .case-conts .left {
        width: 440px;
        margin-right: 40px;
    }

    .case-conts .right .texts {
        margin-bottom: 5rem;
    }

    .contact-content .flex .left {
        width: 46%;
    }

    .contact-content .flex .left .title {
        font-size: 28px;
        padding-bottom: 28px;
        margin-bottom: 35px;
    }

    .contact-content .flex .left li {
        margin-bottom: 35px;
    }

    .contact-content .flex .left .keys span {
        font-size: 24px;
        margin-right: 10px;
    }

    .contact-content .flex .left .title::after {
        width: 50px;
        height: 4px;
    }

    .mod-btn {
        min-width: 150px;
        height: 46px;
    }
    
    .contact-content {
        padding-bottom: 8rem;
    }

    .home-news-link .right {
        padding: 30px 30px;
    }

    .home-news-link .right .time {
        margin-bottom: 20px;
    }

    .home-news-link .right .tits {
        margin-bottom: 12px;
    }

    .home-news-link .right .time {
        margin-bottom: 18px;
    }

    .product-content > .hc_cont1410 > .flex {
        --leftWidth: 300px;
        --left-mr: 25px;
    }

    .product-nav-second li a {
        padding: 14px 0;
        padding-left: 22px;
    }

    .product-nav-second li a::after {
        top: 25px;
        width: 14px;
        height: 3px;
    }

    .product-nav-header .product-nav-link {
        padding: 16px 18px;
    }

    .product-content > .hc_cont1410 > .flex > .right {
        --list-mb: 15px;
    }

    .prodeta-info .right hr {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .prodeta-info .right {
        width: 48%;
        padding-top: 10px;
    }

    .prodeta-info .right .tits {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .prodeta-info .right .types {
        margin-bottom: 16px;
    }

    .prodeta-info .right .group-btn {
        margin-bottom: 40px;
    }

    .prodeta-tit {
        padding-left: 12px;
        font-size: 28px;
        margin-bottom: 22px;
    }

    .prodeta-tit::after {
        width: 3px;
        height: 22px;
        top: 2px;
    }

    .prodeta-quote .mod_form {
        --form-margin: -8px;
        --form-padding: 8px;
        --form-item-botton: 18px;
        --form-item-br: 12px;
        --form-item-width: 50%;
        --form-item-bg: #FCFCFC;
        --form-item-height: 48px;
        --form-item-padding: 20px;
        --form-label-size: 16px;
        --form-textarea-height: 220px;
    }

    .prodeta-quote .mod_form .mod_form_item .conts button {
        margin-top: 10px;
    }

    .product-other  .carter_arrow {
        width: calc(100% + 46px);
        left: 50%;
        top: calc(50% - 22px);
        z-index: 2;
    }
    
    .product-other {
        padding-bottom: 8rem;
    }

    .header-content {
        padding-left: 5rem;
    }

    .header-bottom {
        padding-left: 5rem;
    }

    .header-bottom, .header-top {
        padding-right:5rem;
    }

    .hd_item {
        margin-right:2rem;
    }

    .header-logo {
        width: 100px;
        margin-right: 3rem;
        display: flex;
        align-items: center;
    }

    .header-top-left a p {
        font-size: 16px;
    }

    .header-top-left a span {
        font-size: 18px;
        margin-right: 8px;
    }

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

    .header-search, .header-cart {
        padding: 0 30px;
    }

    .header-language {
        padding-left: 30px;
    }

    .home_banner .home-control .pages {
        margin: 0 3rem;
    }

    .home-about .left .title .bg-text {
        font-size: 92px;
    }

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

    .home-about .left .subtit {
        font-size: 20px;
        padding-bottom: 24px;
        margin-bottom: 28px;
    }

    .home-about .left .text {
        margin-bottom: 6rem;
    }
    
    .mod-padding100 {
        padding: 9rem 0;
    }

    .home-data-item .cont .conts .val .number, .home-data-item .cont .conts .val .unit {
        font-size: 34px;
    }

    .home-data-item .cont .iconfont {
        font-size: 44px;
    }

    .home-hot .title {
        margin-bottom: 4.5rem;
    }

    .home-case {
        padding: 9rem 0 9rem;
    }

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

    .home-case-header {
        margin-bottom: 5rem;
    }

    .home-news .title {
        margin-bottom: 5rem;
    }

    .home-news {
        padding: 10rem 0 11rem;
    }

    .home-follow-conts .tit {
        margin-bottom: 3.5rem;
    }

    .footer-sub {
        padding-top: 8rem;
        padding-bottom: 7rem;
    }

    .footer-sub .flex .left .title {
        font-size: 36px;
    }

    .footer-subfrom input {
        height: 48px;
    }

    .footer-subfrom button {
        height: 48px;
    }

    .footer-top {
        padding-top: 6.5rem;
        padding-bottom: 8rem;
    }

    .footer-tit {
        margin-bottom: 3rem;
    }

    .footer-info {
        width: 237px;
    }

    .footer-contact {
        width: 270px;
    }

    .footer {
        padding-bottom: 20px;
    }

    .home-hot .carter_arrow {
        margin-top: 20px;
    }

    .ct_aside1{
        right: 10px;
        --wh:48px;
        --fs:22px;
    }
    























    /* 1680end */
}

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

    :root {
        font-size: 8.5px;
        --flex-margin: -10px;
        --flex-padding: 10px;
        --content-padding: calc((100% - 1120px) / 2);
        --padd100: 9rem;
        --padd70: 6.5rem;
        --padd90: 8rem;
    }

    .home-about .right {
        padding-left: 20px;
        padding-top: 20px;
    }

    .about .home-about {
        padding-top: 5.5rem;
        padding-bottom: 7rem;
    }

    .bread {
        padding: 12px 0;
    }

    .about-info-tit::after {
        width: 50px;
        height: 3px;
    }

    .home-about .right .videos > img{
        width: 10%;
    }

    .about-info-tit {
        padding-bottom: 22px;
        margin-bottom: 24px;
    }

    .home-about .left {
        width: 51%;
    }

    .about .home-about {
        padding-bottom: 6.5rem;
    }

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

    .about-factory {
        padding: 65px 0 40px;
    }

    .about-title {
        margin-bottom: 3.5rem;
    }

    .about-factory-item {
        margin-bottom: 20px;
    }

    .about-maps .maps {
        width: 1000px;
    }

    .about-factory {
        padding: 65px 0 50px;
    }

    .about-info-tit {
        font-size: 20px;
    }
    .page_banner .tits {
        font-size: 44px;
    }

    .casedeta-content .title {
        font-size: 24px;
    }

    .casedeta-content .title {
        margin-bottom: 20px;
    }

    .casedeta-content > .hc_cont1410 {
        margin-bottom: 4.5rem;
    }

    .case-conts .left {
        width: 400px;
        margin-right: 30px;
    }

    .case-conts .right .tits {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .case-list li {
        margin-bottom: 35px;
    }

    .case-list {
        margin-bottom: 5rem;
    }

    .mod_page {
        --margin-x: 5px;
        --fs: 16px;
        --iconfs: 16px;
        --wh: 44px;
    }

    .contact-content {
        padding-bottom: 7rem;
    }

    .contact-content .flex .left .title {
        font-size: 24px;
        padding-bottom: 26px;
        margin-bottom: 30px;
    }

    .contact-content .flex .left .text {
        margin-bottom: 35px;
    }

    .contact-content .flex .left li {
        margin-bottom: 30px;
    }

    .contact-content .flex .left .keys span {
        font-size: 22px;
        margin-right: 10px;
    }

    .contact-content .flex .left .val {
        padding-left: 32px;
    }

    .contact-content .flex .left {
        width: 47%;
    }

    .contact-content .flex .right label .tits {
        margin-bottom: 15px;
    }

    .contact-content .flex .right label input {
        height: 48px;
    }

    .contact-content .flex .right label {
        margin-bottom: 25px;
    }

    .contact-content .flex .right label textarea {
        height: 160px;
        padding: 20px 20px;
    }
    
    .mod-btn {
        min-width: 140px;
        height: 46px;
    }

    .contact-content .flex .right button {
        margin-top: 0px;
    }

    .home-news-link .right {
        padding: 25px 30px 40px;
    }

    .home-news-link .right .tits {
        font-size: 18px;
    }

    .home-news-link .right .time {
        margin-bottom: 12px;
    }

    .home-news-link .right .texts {
        margin-bottom: 4.5rem;
    }

    .home-news-link .right {
        padding: 30px 30px 45px;
    }

    .home-news-link .right .texts p {
        line-height: 165%;
    }

    .news .home-news-list {
        margin-bottom: 5.5rem;
    }

    .product-content > .hc_cont1410 > .flex {
        --leftWidth: 280px;
        --left-mr: 20px;
    }

    .product-nav-second li a {
        padding: 12px 0;
        padding-left: 18px;
    }

    .product-nav-second li a::after {
        top: 24px;
        width: 10px;
        height: 2px;
    }

    .product-content > .hc_cont1410 > .flex > .right {
        --margin-x: -10px;
        --padding-x: 10px;
    }
    
    .product-item {
        margin-bottom: 25px;
    }
    
    .product .home-hot-link .tits, .prodeta .home-hot-link .tits {
        margin-top: 12px;
    }

    .product .home-hot-link .tits::after, .prodeta .home-hot-link .tits::after {
        width: 3px;
    }
    
    .prodeta-info .right {
        width: 48.5%;
        padding-top: 5px;
    }

    .prodeta-info .right .tits {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .prodeta-info .right .types {
        margin-bottom: 14px;
    }

    .prodeta-info .right hr {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .prodeta-info .right .group-btn {
        margin-bottom: 35px;
    }

    .prodeta-tit {
        padding-left: 12px;
        font-size: 26px;
        margin-bottom: 22px;
    }

    .prodeta-quote .prodeta-tit,
    .product-other .prodeta-tit{
        margin-bottom: 27px;
    }

    .product-other .carter_prev, 
    .product-other .carter_next {
        width: 44px;
        height: 44px;
        border-radius: 3px;
        border: 1px solid #E6E6E6;
    }

    .hd_link span {
        padding: 5px 15px;
    }

    .header-logo {
        width: 94px;
    }

    .header-search, .header-cart {
        padding: 0 25px;
    }

    .header-bottom, .header-top {
        padding-right: 3rem;
		padding-top:1.3rem;
    }

    .hd_item {
        margin-right: 22px;
    }

    .home_banner .home-control {
        bottom: 24px;
    }

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

    .home-about .left .title .bg-text {
        font-size: 72px;
    }

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

    .home-about .left .subtit {
        padding-bottom: 22px;
        margin-bottom: 26px;
    }

    .home-about .left .text {
        margin-bottom: 4rem;
    }

    .home-about .left .subtit::after {
        width: 46px;
        height: 3px;
    }

    .home-about .left {
        padding-top: 3rem;
    }

    .home-data-item .cont .iconfont {
        font-size: 36px;
        margin-right: 0.3em;
    }

    .home-data-item .cont .conts .val .number, .home-data-item .cont .conts .val .unit {
        font-size: 30px;
    }

    .mod-padding100 {
        padding: 8rem 0;
    }

    .home .home-hot-link .tits {
        bottom: 20px;
        padding-right: 9rem;
        padding-left: 20px;
    }

    .home .home-hot-link .cart-btn {
        right: 16px;
        bottom: 17px;
    }

    .home-hot-item {
        margin-bottom: 20px;
    }

    .home-case {
        padding: 8rem 0 8rem;
    }

    .home-case-header {
        margin-bottom: 4rem;
    }

    .home-case-link .img_box {
        margin-bottom: 15px;
    }

    .home-case-link .texts {
        margin-bottom: 3rem;
    }

    .home-news {
        padding: 9rem 0 10rem;
    }

    .home-news .title {
        margin-bottom: 4.5rem;
    }

    .home-follow-conts .tit span {
        font-size: 28px;
    }

    .home-follow-conts .tit p {
        font-size: 18px;
    }

    .footer-sub .flex .left .title {
        font-size: 32px;
    }

    .footer-sub .flex .left .text {
        margin-bottom: 25px;
    }

    .footer-subfrom input {
        height: 46px;
    }

    .footer-subfrom button {
        height: 46px;
    }

    .footer-subfrom input {
        margin-bottom: 18px;
    }

    .footer-sub {
        padding-top: 8rem;
        padding-bottom: 6rem;
    }

    .footer-top .flex{
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer-nav {
        max-width: 400px;
    }

    .footer-nav {
        max-width: 270px;
    }

    .footer-info {
        width: 200px;
    }

    .footer-tit {
        margin-bottom: 2rem;
    }

    .footer-logo {
        width: 100px;
        margin-bottom: 25px;
    }

    .footer-top {
        padding-top: 5.5rem;
        padding-bottom: 7rem;
    }

    .footer-bottom .flex{
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer-bottom .flex .left p, .footer-bottom .flex .left a {
        margin-right: 10px;
    }

    .sitemap-link::after {
        left: -8px;
    }

    .footer-content::after {
        width: calc(100% - 50px);
    }

    .home-hot .carter_arrow {
        margin-top: 15px;
    }

    .ct_aside1{
        right: 10px;
        --wh:46px;
        --fs:20px;
    }




    /* 1440end */
}

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

    :root {
        font-size: 8px;
        --content-padding: calc((100% - 940px) / 2);
        --padd100: 8rem;
        --padd70: 6.5rem;
        --padd90: 7rem;
    }

    .about-maps .maps {
        width: 900px;
    }

    .about-maps .maps li {
        width: 14px;
        height: 14px;
        border: 3px solid #fff
    }   

    .about-title {
        margin-bottom: 4rem;
        font-size: 30px;
    }

    .about-info-tit {
        font-size: 18px;
    }

    .about-info-tit {
        padding-bottom: 18px;
        margin-bottom: 20px;
    }

    .home-about .right {
        padding-left: 15px;
        padding-top: 15px;
    }

    .about-factory {
        padding: 60px 0 38px;
    }

    .page_banner .tits {
        font-size: 38px;
    }

    .bread {
        padding: 10px 0;
    }

    .home-about .right {
        width: 48%;
    }
    
    .casedeta-content .title {
        font-size: 22px;
    }

    :root {
        --padd70: 6rem;
    }

    .casedeta-content .group .item {
        margin-bottom: 20px;
    }

    .case-conts .left {
        width: 380px;
        margin-right: 25px;
    }

    .case-conts .right .tits {
        font-size: 20px;
    }

    .case-conts .right .more p {
        margin-right: 8px;
    }

    .case-list li {
        margin-bottom: 30px;
    }

    .case-list {
        margin-bottom: 4rem;
    }

    .contact-content .flex .left .title {
        font-size: 22px;
        padding-bottom: 22px;
        margin-bottom: 24px;
    }

    .contact-content .flex .left .title::after {
        width: 40px;
        height: 3px;
    }

    .contact-content .flex .left .title {
        font-size: 22px;
        padding-bottom: 21px;
        margin-bottom: 22px;
    }

    .contact-content .flex .left .text {
        margin-bottom: 30px;
    }

    .contact-content .flex .left li {
        margin-bottom: 25px;
    }

    .contact-content .flex .right label .tits {
        margin-bottom: 12px;
    }

    .home-news-link .right {
        padding: 35px 26px 40px;
    }

    .news .home-news-list {
        margin-bottom: 5rem;
    }

    .product-content > .hc_cont1410 > .flex > .left{
        display: none;
    }

    .product-content > .hc_cont1410 > .flex > .right{
        width: 100%;
    }

    .prodeta-tit {
        padding-left: 10px;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .prodeta-tit::after {
        width: 3px;
        height: 21px;
        top: 1px;
    }
    
    .prodeta-quote .mod_form {
        --form-margin: -8px;
        --form-padding: 8px;
        --form-item-botton: 18px;
        --form-item-br: 12px;
        --form-item-width: 50%;
        --form-item-bg: #FCFCFC;
        --form-item-height: 48px;
        --form-item-padding: 20px;
        --form-label-size: 16px;
        --form-textarea-height: 200px;
    }

    .prodeta-quote .mod_form .mod_form_item.textarea .conts label {
        top: 28px;
    }

    .prodeta-quote .mod_form .mod_form_item .conts button {
        min-width: 140px;
        height: 44px;
        padding: 0 15px;
    }

    .prodeta-scont .plays {
        width: 34px;
    }

    /* 移动端导航 */
    nav{
        position: absolute;
        width: 100%;
        top: 108px;
        left: 0;
        padding: 25px 40px;
        background-color: var(--main-color);
        display: none;
        max-height: calc(100vh - 108px);
        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;
    }
    /* 移动端导航 */

    .header-bottom{
        justify-content: flex-end;
    }

    .hd_link{
        height: initial !important;
        font-size: 16px;
    }

    .hd_second_link {
        padding: 12px 30px;
    }

    .hd_three_link{
        padding-left: 1008;
    }

    .burger{
        transform: translateY(-2px);
    }

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

    .home-about .left .title .bg-text {
        font-size: 58px;
    }

    .home-about .left {
        padding-top: 2rem;
    }

    .home-about .left .subtit {
        padding-bottom: 18px;
        margin-bottom: 20px;
    }

    .home-about .left .subtit::after {
        width: 40px;
        height: 3px;
    }

    .home-about .left .subtit {
        font-size: 18px;
    }

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

    .home-about .left .text {
        margin-bottom: 3.5rem;
    }

    .home-hot-link .tits {
        font-size: 20px;
    }

    .home .home-hot-link .tits {
        padding-left: 30px;
    }

    .home .home-hot-link .tits::before{
        position: absolute;
        top: 0%;
        left: 19px;
        height: 100%;
        width: 3px;
    }

    .home-case-link .texts p {
        font-size: 16px;
    }

    .home-case-link .texts {
        margin-bottom: 2rem;
    }

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

    .home-news {
        padding: 8rem 0 9rem;
    }

    .home-news .title {
        margin-bottom: 4rem;
    }

    .footer-sub .flex .left .title {
        font-size: 28px;
    }
    
    .footer-sub .flex .left .text {
        margin-bottom: 20px;
    }

    .footer-sub-item a {
        width: 38px;
        height: 38px;
    }   

    .footer-sub {
        padding-top: 7.5rem;
        padding-bottom: 5rem;
    }

    .footer-nav.footer-navabout{
        display: none;
    }

    .footer-tit {
        margin-bottom: 1.5rem;
    }

    .footer-top {
        padding-top: 5.5rem;
        padding-bottom: 6rem;
    }

    .footer-bottom .flex{
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-bottom .flex .left{
        flex-wrap: wrap;
        align-items: flex-start;
    }   

    .sitemap-link{
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
    }

    .sitemap-link span{
        display: none;
    }

    .sitemap-link::after{
        display: none;
    }

    .home-hot .carter_arrow {
        margin-top: 10px;
    }

    .ct_aside1{
        right: 10px;
        --wh:44px;
        --fs:20px;
    }


    








    /* 1200end */
}


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

    :root {
        font-size: 7.5px;
        --content-padding:40px;
        --padd100: 8rem;
        --padd70: 6rem;
        --padd90: 7rem;
    }

    .about-maps .maps{
        width: 100%;
    }

    .about-title {
        margin-bottom: 4rem;
        font-size: 26px;
    }

    .about-maps {
        padding: 6.5rem 0;
    }

    .about-factory {
        padding: 50px 0 32px;
    }
    
    .about-factory-item{
        width: 50%;
    }

    .about-details .text {
        margin-bottom: 30px;
    }

    .about-info-tit::after {
        width: 40px;
    }

    .page_banner .tits {
        font-size: 32px;
    }

    .casedeta-content .title {
        font-size: 20px;
    }

    .casedeta-content .title {
        margin-bottom: 15px;
    }

    .casedeta-arrow .flex a {
        padding: 10px 0px;
    }

    .casedeta-content .group .item{
        width: 100%;
    }

    .casedeta-content .group{
        flex-wrap: wrap;
    }

    .case-conts .left {
        width: 40%;
        margin-right: 20px;
    }

    .case-conts .right .tits {
        font-size: 18px;
    }

    .case-conts .right .texts p {
        line-height: 165%;
    }

    .case-conts .right .texts {
        margin-bottom: 3rem;
    }
    
    .case-conts .right {
        padding-top: 5px;
    }

    .mod_page {
        --margin-x: 5px;
        --fs: 16px;
        --iconfs: 14px;
        --wh: 42px;
    }

    .case-list li {
        margin-bottom: 25px;
    }

    .contact-content .flex .left .title {
        font-size: 20px;
        padding-bottom: 16px;
        margin-bottom: 18px;
    }

    .contact-content .flex .left .keys span {
        font-size: 20px;
        margin-right: 8px;
    }

    .contact-content .flex .left .val {
        padding-left: 28px;
    }

    .contact-content .flex .right label input {
        height: 46px;
    }
    
    .contact-content .flex .right label textarea {
        height: 140px;
        padding: 18px 20px;
    }

    .contact-content {
        padding-bottom: 8rem;
    }

    .product-item{
        width: 50%;
    }

    .prodeta-info .right .group-btn .mod-btn.inquire{
        margin-bottom: 8px;
    }

    .prodeta-info .mod-btn span {
        font-size: 16px;
    }

    .prodeta-info .right .tits {
        font-size: 20px;
    }

    .prodeta-info .right .group-btn {
        margin-bottom: 30px;
    }

    .prodeta-tit {
        padding-left: 10px;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .prodeta-tit {
        margin-bottom: 18px;
    }

    .header-top-left a{
        display: none;
    }

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

    nav {
        top:85px;
        max-height: calc(100vh - 98px);
    }

    .header-content {
        padding-left: 30px;
    }

    .header-logo {
        width: 84px;
    }

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

    .home_banner .home-control .pages {
        margin: 0 2rem;
    }

    .home_banner .home-control {
        bottom: 18px;
    }

    .mod-padding100 {
        padding: 7rem 0;
    }

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

    .home-data-item .cont .conts .texts {
        font-size: 15px;
        line-height: 150%;
    }

    .home-data-item .cont .conts .val .number, .home-data-item .cont .conts .val .unit {
        font-size: 26px;
    }

    .home-data-item .cont{
        flex-direction: column;
        align-items: flex-start;
    }

    .home-data-item .cont .iconfont {
        font-size: 30px;
        margin-right: 0.3em;
        margin-bottom: 0.3em;
    }

    .home-hot .title {
        margin-bottom: 4rem;
    }

    .home .home-hot-link .tits {
        padding-left: 25px;
    }

    .home .home-hot-link .tits::before {
        left: 14px;
    }

    .home-case-header{
        align-items: flex-end;
    }

    .home-follow-conts .tit p {
        font-size: 15px;
    }

    .home-follow-conts .tit span {
        font-size: 26px;
    }

    .footer-sub .flex .left .title {
        font-size: 22px;
    }

    .footer-sub .flex .left {
        width: 53%;
    }

    .footer-nav{
        display: none;
    }

    .footer-contact{
        width: 60%;
    }

    .footer-contact li:last-child{
        margin-bottom: 0;
    }

    .footer-bottom .flex {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-top .flex {
        padding-left: 10px;
        padding-right: 10px;
    }








    /* 991end */
}

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

    :root {
        font-size: 6.9px;
        --content-padding: 18px;
        --padd100: 8rem;
        --padd70: 6rem;
        --padd90: 7rem;
        --flex-margin: -6px;
        --flex-padding: 6px;

    }

    .page_banner .tits {
        font-size: 30px;
    }

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

    .about .home-about .left{
        width: 100%;
        padding-right: 18px;
    }

    .about .home-about .left {
        padding-top: 0px;
    }

    .home-about .right{
        width: 100%;
        padding-right: 18px;
    }

    .home-about .right .videos::after{
        display: none;
    }

    .about-factory-item {
        margin-bottom: 12px;
    }

    .about-maps .maps{
        display: none;
    }

    .ph-maps{
        display: block;
    }

    .about-title {
        margin-bottom: 3.2rem;
        font-size: 22px;
    }

    .about-maps {
        padding: 6rem 0;
    }

    .about-factory {
        padding: 45px 0 32px;
    }

    .about-details{
        padding-top: 40px;
    }

    .about-maps{
        overflow: hidden;
    }

    .ph-maps img{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% + 50px);
        max-width: initial;
    }

    .page_banner img{
        width: 800px;
        max-width: initial;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .page_banner .tits {
        font-size: 26px;
    }

    .case-conts{
        flex-direction: column;
    }

    .case-conts .left {
        width: 100%;
        margin-right: 0px;
    }

    .case-conts .right {
        padding-top: 18px;
    }

    .case-list li {
        margin-bottom: 38px;
    }

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

    .contact-content .flex .left{
        width: 100%;
        margin-bottom: 20px;
    }

    .contact-content .flex .right{
        width: 100%;
    }

    .mod-btn {
        min-width: 136px;
        height: 44px;
    }

    .contact-content .maps .map-content {
        height: 400px;
    }

    .home-news-link{
        flex-direction: column !important;
    }

    .home-news-link .left{
        width: 100%;
    }

    .home-news-link .right {
        width: 100%;
    }

    .home-news-item{
        margin-bottom: 40px;
    }

    .home-news-link .right {
        padding: 20px 10px 30px;
        border-bottom: 1px solid #E6E6E6;
    }

    .home-news-link .right .tits {
        margin-bottom: 10px;
    }

    .home-news-link .right .texts p {
        line-height: 160%;
    }

    .home-news-link .right .texts {
        margin-bottom: 3rem;
    }

    .home-news-link .right .tits {
        margin-bottom: 8px;
    }

    .home-news-link .right .time {
        margin-bottom: 10px;
    }

    .product-item{
        width: 100%;
    }

    .product-item {
        margin-bottom: 34px;
    }

    .product-content > .hc_cont1410 > .flex > .right {
        --list-mb: 10px;
    }

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

    .prodeta-info .left{
        width: 100%;
        margin-bottom: 20px;
    }

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

    .prodeta-info .right .tits {
        font-size: 18px;
    }

    .prodeta-info{
        padding-bottom: 8rem;
    }

    .prodeta-details{
        margin-bottom: 7rem;
    }

    .prodeta-quote{
        padding-bottom: 8rem;
    }

    .product-other .carter_arrow{
        display: none;
    }

    .slick-dots {
        margin-top: 30px;
    }

    .prodeta-quote .mod_form {
        --form-margin: -8px;
        --form-padding: 8px;
        --form-item-botton: 18px;
        --form-item-br: 12px;
        --form-item-width: 100%;
        --form-item-height: 48px;
        --form-item-padding: 20px;
        --form-label-size: 16px;
        --form-textarea-height: 160px;
    }

    .prodeta-tit::after {
        width: 3px;
        height: 21px;
        top: 0px;
    }

    .newsdeta-content {
        padding-top: 36px;
        padding-bottom: 6rem;
    }   

    .header-content {
        padding-left: 20px;
    }

    .header-logo {
        width: 100px;
        margin-right: 0rem;
    }

    .header-language span {
        margin: 0px 0px;
        display: none;
    }

    .header-search, .header-cart {
        padding: 0 15px;
    }

    .header-bottom {
        padding-left: 2rem;
    }

    .header-search{
        border: none;
    }

    .header-logo {
        width: 84px;
        margin-right: 0rem;
    }

    .header-bottom {
        padding-left: 0rem;
    }

    .header-language .current{
        display: none;
    }
    
    .header-language {
        padding-left:10px;
    }

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

    .home-about .left{
        width: 100%;
        padding-left: 18px;
        padding-right: 18px;
        margin-bottom: 25px;
    }

    .home-about .right {
        width: 100%;
        padding-right: 18px;
        padding-left: 18px;
    }

    .home-data-list{
        flex-wrap: wrap;
    }

    .home-data-item{
        width: 50%;
        margin-bottom: 35px;
    }

    .home-data {
        padding: 40px 0 5px;
    }

    .home-data-item .cont .iconfont {
        font-size: 28px;
    }

    .home-data-item .cont .conts .val .number, .home-data-item .cont .conts .val .unit {
        font-size: 24px;
    }

    .home-hot-link .tits {
        font-size: 18px;
    }

    .home-hot-link .cart-btn span {
        font-size: 20px;
    }

    .mod-tit48 {
        font-size: 24px;
        line-height: 1.4;
    }

    .home-case-header{
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 40px;
    }

    .home-case-header .left{
        width: 100%;
        margin-bottom: 20px;
    }

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

    .home-case-item{
        width: 100%;
        margin-bottom: 35px;
    }

    .home-case {
        padding: 8rem 0 4.5rem;
    }

    .home-news {
        padding: 8rem 0 8rem;
    }

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

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

    .home-follow-item{
        width: 100%;
        margin-bottom: 40px;
    }

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

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

    .footer-sub .flex .left{
        width: 100%;
        margin-bottom: 35px;
    }

    .footer-sub .flex .right{
        width: 100%;
    }

    .footer-content::after {
        width: calc(100% - 36px);
    }

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

    .footer-info{
        width: 100%;
        margin-bottom: 35px;
    }

    .footer-top .flex {
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer-contact{
        width: 100%;
    }

    .footer-tit {
        margin-bottom: 2rem;
    }

    .footer-contact li {
        margin-bottom: 18px;
    }

    .footer-top {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .footer-bottom {
        padding: 16px 0;
    }

    .footer-bottom .flex .left p, .footer-bottom .flex .left a{
        margin-bottom: 4px;
    }

    .footer-sub .flex .left .title {
        font-size: 22px;
        line-height: 1.45;
    }

    .home_banner .home-control {
        bottom: 7px;
    }

    .footer{
        margin-bottom: 59px;
    }

    .header-top-right {
        font-size: 15px;
        position: relative;
        z-index: 2;
    }

    .header-top-left{
        display: none;
    }

    .header-top{
        justify-content: flex-end;
    }
    /* 768end */
}