@media only screen and (max-width: 414px){
    h1, h2, h3, h4, h5, h6{     
        white-space: wrap;
    }
    .main{
        width: calc(100% - 2rem);
        padding: 1rem 1rem;
    }
    .main:after{
        height: 5rem;
        box-shadow: 1px 1px 16px rgba(51,51,51,0.4);
    }
    .pLeft{
        padding:0;
    }
    .columnTop{
        justify-content: center;
        width: calc(100% - 2rem);
        margin: var(--fDDSize) auto 0;
        padding: 0 1rem;
    }
    .column .title{
        text-align:center;
    }
    .column .title h2{
        font-size: var(--fDSize);
    }
    .column .title .line{
        width: 46%;
        margin: var(--fDSize) auto var(--fSize);
    }
    .column .fixFont{
        display: none;
        position: relative;
        top: 0;
        right: 0;
        width: 100vw;
        margin: 0 0 var(--fSize);
        flex-wrap: wrap;
    }
    .column .fixFont span{
        font-size: var(--fSize);
        line-height: 1.25;
        flex: 0 0 100%;
    }
    .column .fixFont .more{
        text-align: left;
        flex: 0 0 100%;
    }
    header .logo{

    }
    header .icon-menu1{
        display: block;
        position: absolute;
        top: 1.75rem;
        right: 1rem;
        font-size: var(--fTSize);
        z-index:3;
    }
    header .icon-guanbi{
        display: none;
        position: absolute;
        top: 1.75rem;
        right: 1rem;
        font-size: var(--fTSize);
        z-index:3;
    }
    header .logo img{
        width: 8rem;
    }
    header .mNav{
        display: block;
        position:fixed;
        top:5rem;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: var(--fMColor);
        transform: translateX(-100%);
        transition: 0.35s ease-in-out;
        flex-wrap: wrap;
    }
    header .navShow{
        transform: translateX(0%);
    }
    header .mNav .list{
        display: inherit;
        position:relative;
        width: 100%;
    }
    header .mNav .list .iconfont{
        position: absolute;
        top: 1.5rem;
        right: 1rem;
        font-size: var(--fMMSize);
        color: var(--fWColor);
        transition: 0.35s ease-in-out;
        z-index: 10;
    }
    header .mNav .list .iTurn{
        transform: rotateZ(90deg);
    }
    header .mNav .list h1{
        text-align: left;
        width: calc(100% - 4rem);
        padding: 0 var(--fDSize);
        font-size: var(--fMSize);
        color: var(--fWColor);
        border-bottom: 1px solid rgba(255,255,255,0.1);
        line-height: 4;
    }
    header .mNav .son{
        height: 0;
        opacity: 1;
        transition: 0.35s ease-in-out;
        overflow: hidden;
    }
    header .mNav .sShow{
         height:auto;
    }
    header .mNav .son .sList{
    }
    header .mNav .son .sList h3{
        text-align: left;
        width: 100%;
        padding: 0 var(--fDDSize);
        font-size: var(--fMMSize);
        color: var(--fWColor);
        border-bottom: 1px solid rgba(255,255,255,0.1);
        line-height: 3.5;
    }
    header .nav{
        display: none;
        position: fixed;
        top: 5rem;
        left: 0;
        width: calc(100vw - 4rem);
        max-width: 100%;
        height: auto;
        margin: 0;
        padding: 0 2rem;
        background: var(--fMColor);
        transform: translateX(-100%);
        transition: 0.35s ease-in-out;
        flex-wrap: wrap;
    }
    header .search{
        display:none;
    }
    header .nav li .sonFix{
        display:none;
    }
    #banner{
        height: auto;
        margin: 5rem auto 0;
    }
    #banner .swiper-wrapper{
        height:auto;
    }
    #banner .swiper-slide .title{
        right: 0;
        bottom: var(--fDSize);
        transform: scale(0.75);
    }
    #banner .swiper-slide .title h2{
        font-size: var(--fTSize);
        font-weight: 600;
        color: var(--fWColor);
    }
    #banner .swiper-slide .title h6{
        font-size: var(--fBorderSize);
        font-weight: 200;
        color: var(--fWColor);
        opacity: 0.4;
    }
    #banner .homeBanner-prev{
        top: calc((100% - 2rem)/2);
        left:0;
        transform: scale(0.75);
        opacity:0;
    }
    #banner:hover .homeBanner-prev{
        left: var(--fSize);
    }
    #banner .homeBanner-next{
        top: calc((100% - 2rem)/2);
        right:0;
        transform: scale(0.75);
    }
    #banner:hover .homeBanner-next{
        right: var(--fSize);
    }
    #about{
        
    }
    #about:before{
        display:none;
    }
    #about .aboutImg:nth-of-type(1){
        position:absolute;
        top:0;
        left:0;
        opacity:0.01;
        transition:0.35s ease-in-out;
        z-index: -10;
    }
    #about:hover .aboutImg:nth-of-type(1){
        opacity:0.01;
    }
    #about .numCount{
        display:none;
        margin:0;
    }
    #about .numCount ul{
        flex-wrap:wrap
    }
    #about .info{
        flex:0 0 100%;
    }
    #about .info p{
        text-align: left;
        font-size: var(--fMSize);
    }
    #about .aboutImg:nth-of-type(2){
        display:none;
    }
    #about .more a{
        height: auto;
        margin: var(--fSize) auto 0;
        font-size: var(--fMMSize);
        line-height: 3;
    }
    #about .mDesign{
        display: none;
        max-width: 100vw;
    }
    #product:after{
        display:none;
    }
    #product .pBgLeft{
        display:none;
    }
    #product .info{
        justify-content: center;
        max-width:100vw;
    }
    #product .info .title{
        flex: 0 0 100%;
    }
    #product .nav{
        justify-content: center;
        max-width: 100vw;
        margin: var(--fDSize) 0 0;
    }
    #product .nav li{
        width: auto;
        height: auto;
        margin: 0 0 var(--fSize);
        padding: 0 var(--fSize);
        line-height: 3;
    }
    #product .nav li:hover{
        padding: 0 var(--fSize);
        background: var(--fMColor);
        border-radius: 0rem;
        transition: 0.35s ease-in-out;
    }
    #product .nav li:hover .iconfont{
        display:none;
    }
    #product .info .button{
        max-width: 58vw;
        margin: var(--fSize) auto 0;
    }
    #product .plist{
        width: 100vw;
        padding: 0 0 var(--fDDSize);
    }
    #product .plist .swiper-wrapper{
        margin: var(--fDSize) auto 0;
    }
    #product .plist .swiper-wrapper .swiper-slide:before{
        height: 80%;
        background-size: cover;
    }
    #product .plist .swiper-wrapper .swiper-slide a{
        width:100vw;
    }
    #product .plist .swiper-slide .titleBox{
        text-align:center;
        padding: var(--fDDSize) 0 var(--fSize);
    }
    #product .plist .swiper-slide .titleBox .title{
        font-size: var(--fTSize);
    }
    #adv:hover:after{
        display:none;
    }
    #adv .pBgLeft{
        display:none;
    }
    #adv .advList{
        margin: var(--fDSize) auto 0;
        padding: 0;
        flex-wrap: wrap;
    }
    #adv .advList li{
        width: calc((100% - 8rem)/2);
        margin: 0;
        padding: var(--fDSize);
    }
    #adv .advList li:hover {
        border-radius:0;
    }
    #adv .advList li .title{
        text-align: left;
        font-size: var(--fSSTize);
        line-height: 1.6;
    }
    #adv .advList li .description{
        font-size: var(--fMMSize);
        line-height: 1.6;
    }
    #parnter:hover:after{
        display:none;
    }
    #parnter .parList{
        justify-content: center;
        margin: var(--fDSize) auto 0;
        flex: 0 0 calc(100% + 0rem);
    }
    #parnter .parList li{
        width: calc((100% - 0rem)/2);
        margin: 0 auto var(--fSize);
    }
    #make{
        margin: 0;
    }
    #make .listBg{
        align-items: baseline;
        height: auto;
        flex-wrap: wrap;
    }
    #make .info{
        margin: 0 auto var(--fDSize);
        flex-wrap: wrap;
        flex:0 0 100%;
    }
    #make .info .smallTitle{
        text-align: center;
        width: 100%;
        padding: 0 0 var(--fBorderSize);
        font-size: var(--fSize);
        color: var(--navLine);
    }
    #make .info .title{
        text-align: center;
        width: 100%;
        font-size: var(--fDSize);
    }
    #make .makeList{
        text-align: center;
        max-width: 100%;
        margin: 0;
        flex: 0 0 100%;
    }
    #make .makeList li{
        width: calc((100% - 4px)/2);
        height: auto;
        margin: 0 auto var(--fSize);
        padding: 0;
        line-height: 3;
        border: 1px solid var(--navLine);
        box-shadow: none;
    }
    #make .makeList li:hover{
        width: calc((100% - 4px)/2);
        padding:0;
        color:#fff;
        background: var(--fMColor);
        border-radius: 0;
    }
    #make .listBg .imgBg{
        display:none;
    }
    #make .fixImg{
        position: relative;
    }
    #make .fixInfo{
        position: relative;
        right: 0;
        bottom: 0;
        margin: 0;
        border-radius: 0;
    }
    #honor:hover:after{
        display:none;
    }
    #honor .honorList{
        margin: var(--fDSize) 0 0;
    }
    #honor .honorList .button{
        top: calc(36% - 1.5rem);
    }
    #honor .honorList .honor-prev{
        left: var(--fSize);
        transform: scale(0.8);
        opacity: 0.6;
    }
    #honor:hover .honorList .honor-prev{
        left:1rem;
        opacity:0.6;
    }
    #honor .honorList .honor-prev:hover{
        left:1rem;
        opacity:1;
    }
    #honor .honorList .honor-next{
        right: var(--fSize);
        transform: scale(0.8);
        transition: 0.35s ease-in-out;
        opacity: 0.6;
    }
    #honor:hover .honorList .honor-next{
        right:1rem;
        opacity:0.6;
    }
    #honor .honorList .honor-next:hover{
        right:1rem;
        opacity:1;
    }
    #news{
        padding:0;
    }
    #news .newsList{
        justify-content: center;
        margin: var(--fDSize) 0 0;
        flex: 0 0 calc(100% + 0rem);
    }
    #news .newsList li{
        width: calc((100% - 0rem)/2);
        margin: 0 0 var(--fSize) 0;
    }
    #news .newsList li:nth-of-type(1){
        width: 100%;
    }
    #news .newsList li .titleBox{
        width: calc(100% - 1rem);
        height:auto;
        padding: var(--fBorderSize);
    }
    #news .newsList li:hover .titleBox{
        height: auto
        border-radius: var(--fBorderSize);
        transition: 0.35s ease-in-out;
    }
    #news .newsList li .titleBox .title{
        text-align: left;
        font-size: var(--fSize);
        line-height: 1.5;
        flex:0 0 100%
    }
    #news .newsList li .titleBox .time{
        text-align: left;
        font-size: var(--fMMSize);
        line-height: 1.5;
        flex:0 0 100%
    }
    #news .newsList li .titleBox .description{
        display:none;
    }
    footer{
        justify-content: center;
        margin: var(--fDSize) 0 0;
        padding: 0 var(--fSize);
    }
    footer .infoBox{
        text-align:center;
    }
    footer .nav{
        display:none;
    }
    footer .code{
        display:none;
    }
    footer .copyright{
        margin: var(--fSize) 0 0;
        padding: var(--fSize) 0;
        flex-wrap: wrap;
    }
    footer .copyright .left{
        text-align: center;
        line-height: 1.5;
        flex:0 0 100%;
    }
    footer .copyright .right{
        text-align: center;
        flex:0 0 100%;
    }
    footer .copyright .right a{
        padding: 0 !important;
        line-height: 1.5;
    }
}
@media only screen and (min-width: 415px) and (max-width: 768px){
    h1, h2, h3, h4, h5, h6{     
        white-space: wrap;
    }
    .main{
        width: calc(100% - 2rem);
        padding: 1rem 1rem;
    }
    .main:after{
        height: 5rem;
        box-shadow: 1px 1px 16px rgba(51,51,51,0.4);
    }
    .pLeft{
        padding:0;
    }
    .columnTop{
        justify-content: center;
        width: calc(100% - 2rem);
        margin: var(--fDDSize) auto 0;
        padding: 0 1rem;
    }
    .column .title{
        text-align:center;
    }
    .column .title h2{
        font-size: var(--fDSize);
    }
    .column .title .line{
        width: 46%;
        margin: var(--fDSize) auto var(--fSize);
    }
    .column .fixFont{
        display: none;
        position: relative;
        top: 0;
        right: 0;
        width: 100vw;
        margin: 0 0 var(--fSize);
        flex-wrap: wrap;
    }
    .column .fixFont span{
        font-size: var(--fSize);
        line-height: 1.25;
        flex: 0 0 100%;
    }
    .column .fixFont .more{
        text-align: left;
        flex: 0 0 100%;
    }
    header .logo{

    }
    header .icon-menu1{
        display: block;
        position: absolute;
        top: 1.75rem;
        right: 1rem;
        font-size: var(--fTSize);
        z-index:3;
    }
    header .icon-guanbi{
        display: none;
        position: absolute;
        top: 1.75rem;
        right: 1rem;
        font-size: var(--fTSize);
        z-index:3;
    }
    header .logo img{
        width: 8rem;
    }
    header .mNav{
        display: block;
        position:fixed;
        top:5rem;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: var(--fMColor);
        transform: translateX(-100%);
        transition: 0.35s ease-in-out;
        flex-wrap: wrap;
    }
    header .navShow{
        transform: translateX(0%);
    }
    header .mNav .list{
        display: inherit;
        position:relative;
        width: 100%;
    }
    header .mNav .list .iconfont{
        position: absolute;
        top: 1.5rem;
        right: 1rem;
        font-size: var(--fMMSize);
        color: var(--fWColor);
        transition: 0.35s ease-in-out;
        z-index: 10;
    }
    header .mNav .list .iTurn{
        transform: rotateZ(90deg);
    }
    header .mNav .list h1{
        text-align: left;
        width: calc(100% - 4rem);
        padding: 0 var(--fDSize);
        font-size: var(--fMSize);
        color: var(--fWColor);
        border-bottom: 1px solid rgba(255,255,255,0.1);
        line-height: 4;
    }
    header .mNav .son{
        height: 0;
        opacity: 1;
        transition: 0.35s ease-in-out;
        overflow: hidden;
    }
    header .mNav .sShow{
         height:auto;
    }
    header .mNav .son .sList{
    }
    header .mNav .son .sList h3{
        text-align: left;
        width: 100%;
        padding: 0 var(--fDDSize);
        font-size: var(--fMMSize);
        color: var(--fWColor);
        border-bottom: 1px solid rgba(255,255,255,0.1);
        line-height: 3;
    }
    header .nav{
        display: none;
        position: fixed;
        top: 5rem;
        left: 0;
        width: calc(100vw - 4rem);
        max-width: 100%;
        height: auto;
        margin: 0;
        padding: 0 2rem;
        background: var(--fMColor);
        transform: translateX(-100%);
        transition: 0.35s ease-in-out;
        flex-wrap: wrap;
    }
    header .search{
        display:none;
    }
    header .nav li .sonFix{
        display:none;
    }
    #banner{
        height: auto;
        margin: 5rem auto 0;
    }
    #banner .swiper-wrapper{
        height:auto;
    }
    #banner .swiper-slide .title{
        right: 0;
        bottom: var(--fDSize);
        transform: scale(0.75);
    }
    #banner .swiper-slide .title h2{
        font-size: var(--fTSize);
        font-weight: 600;
        color: var(--fWColor);
    }
    #banner .swiper-slide .title h6{
        font-size: var(--fBorderSize);
        font-weight: 200;
        color: var(--fWColor);
        opacity: 0.4;
    }
    #banner .homeBanner-prev{
        top: calc((100% - 2rem)/2);
        left:0;
        transform: scale(0.75);
        opacity:0;
    }
    #banner:hover .homeBanner-prev{
        left: var(--fSize);
    }
    #banner .homeBanner-next{
        top: calc((100% - 2rem)/2);
        right:0;
        transform: scale(0.75);
    }
    #banner:hover .homeBanner-next{
        right: var(--fSize);
    }
    #about{
        
    }
    #about:before{
        display:none;
    }
    #about .aboutImg:nth-of-type(1){
        position:absolute;
        top:0;
        left:0;
        opacity:0.01;
        transition:0.35s ease-in-out;
        z-index: -10;
    }
    #about:hover .aboutImg:nth-of-type(1){
        opacity:0.01;
    }
    #about .numCount{
        display:none;
        margin:0;
    }
    #about .numCount ul{
        flex-wrap:wrap
    }
    #about .info{
        flex:0 0 100%;
    }
    #about .info p{
        text-align: left;
        font-size: var(--fMSize);
    }
    #about .aboutImg:nth-of-type(2){
        display:none;
    }
    #about .more a{
        margin: var(--fSize) auto 0;
        font-size: var(--fMMSize);
    }
    #about .mDesign{
        display: none;
        max-width: 100vw;
    }
    #product:after{
        display:none;
    }
    #product .pBgLeft{
        display:none;
    }
    #product .info{
        justify-content: center;
        max-width:100vw;
    }
    #product .info .title{
        flex: 0 0 100%;
    }
    #product .nav{
        justify-content: center;
        max-width: 100vw;
        margin: var(--fDSize) 0 0;
    }
    #product .nav li{
        width: auto;
        margin: 0 0 var(--fSize);
        padding: 0 var(--fSize);
    }
    #product .nav li:hover{
        padding: 0 var(--fSize);
        background: var(--fMColor);
        border-radius: 0rem;
        transition: 0.35s ease-in-out;
    }
    #product .nav li:hover .iconfont{
        display:none;
    }
    #product .info .button{
        max-width: 58vw;
        margin: var(--fSize) auto 0;
    }
    #product .plist{
        width: 100vw;
        padding: 0 0 var(--fDDSize);
    }
    #product .plist .swiper-wrapper{
        margin: var(--fDSize) auto 0;
    }
    #product .plist .swiper-wrapper .swiper-slide:before{
        height: 80%;
        background-size: cover;
    }
    #product .plist .swiper-wrapper .swiper-slide a{
        width:100vw;
    }
    #product .plist .swiper-slide .titleBox{
        text-align:center;
        padding: var(--fDSize) 0 0;
    }
    #product .plist .swiper-slide .titleBox .title{
        font-size: var(--fTSize);
    }
    #adv:hover:after{
        display:none;
    }
    #adv .pBgLeft{
        display:none;
    }
    #adv .advList{
        margin: var(--fDSize) auto 0;
        padding: 0;
        flex-wrap: wrap;
    }
    #adv .advList li{
        width: calc((100% - 8rem)/2);
        margin: 0;
        padding: var(--fDSize);
    }
    #adv .advList li:hover {
        border-radius:0;
    }
    #adv .advList li .title{
        text-align: left;
        font-size: var(--fSSTize);
        line-height: 1.6;
    }
    #adv .advList li .description{
        font-size: var(--fMMSize);
        line-height: 1.6;
    }
    #parnter:hover:after{
        display:none;
    }
    #parnter .parList{
        justify-content: center;
        margin: var(--fDSize) auto 0;
        flex: 0 0 calc(100% + 0rem);
    }
    #parnter .parList li{
        width: calc((100% - 0rem)/2);
        margin: 0 auto var(--fSize);
    }
    #make{
        margin: 0;
    }
    #make .listBg{
        align-items: baseline;
        height: auto;
        flex-wrap: wrap;
    }
    #make .info{
        margin: 0 auto var(--fDSize);
        flex-wrap: wrap;
        flex:0 0 100%;
    }
    #make .info .smallTitle{
        text-align: center;
        width: 100%;
        padding: 0 0 var(--fBorderSize);
        font-size: var(--fSize);
        color: var(--navLine);
    }
    #make .info .title{
        text-align: center;
        width: 100%;
        font-size: var(--fDSize);
    }
    #make .makeList{
        text-align: center;
        max-width: 100%;
        margin: 0;
        flex: 0 0 100%;
    }
    #make .makeList li{
        width: calc((100% - 4px)/2);
        height: 2.5rem;
        margin: 0 auto var(--fSize);
        padding: 0;
        line-height: 2.5rem;
        border: 1px solid var(--navLine);
        box-shadow: none;
    }
    #make .makeList li:hover{
        width: calc((100% - 4px)/2);
        padding:0;
        color:#fff;
        background: var(--fMColor);
        border-radius: 0;
    }
    #make .listBg .imgBg{
        display:none;
    }
    #make .fixImg{
        position: relative;
    }
    #make .fixInfo{
        position: relative;
        right: 0;
        bottom: 0;
        margin: 0;
        border-radius: 0;
    }
    #honor:hover:after{
        display:none;
    }
    #honor .honorList{
        max-height: 100%;
        margin: var(--fDSize) 0 0;
    }
    #honor .honorList .swiper-slide .imgBox{
        max-width: 100%;
    }
    #honor .honorList .button{
        top: calc(36% - 1.5rem);
    }
    #honor .honorList .honor-prev{
        left: var(--fSize);
        transform: scale(0.8);
        opacity: 0.6;
    }
    #honor:hover .honorList .honor-prev{
        left:1rem;
        opacity:0.6;
    }
    #honor .honorList .honor-prev:hover{
        left:1rem;
        opacity:1;
    }
    #honor .honorList .honor-next{
        right: var(--fSize);
        transform: scale(0.8);
        transition: 0.35s ease-in-out;
        opacity: 0.6;
    }
    #honor:hover .honorList .honor-next{
        right:1rem;
        opacity:0.6;
    }
    #honor .honorList .honor-next:hover{
        right:1rem;
        opacity:1;
    }
    #news{
        padding:0;
    }
    #news .newsList{
        justify-content: center;
        margin: var(--fDSize) 0 0;
        flex: 0 0 calc(100% + 0rem);
    }
    #news .newsList li{
        width: calc((100% - 0rem)/3);
        margin: 0 0 var(--fSize) 0;
    }
    #news .newsList li .titleBox{
        width: calc(100% - 1rem);
        height:auto;
        padding: var(--fBorderSize);
    }
    #news .newsList li:hover .titleBox{
        height: auto
        border-radius: var(--fBorderSize);
        transition: 0.35s ease-in-out;
    }
    #news .newsList li .titleBox .title{
        text-align: left;
        font-size: var(--fSize);
        line-height: 1.5;
        flex:0 0 100%
    }
    #news .newsList li .titleBox .time{
        text-align: left;
        font-size: var(--fMMSize);
        line-height: 1.5;
        flex:0 0 100%
    }
    #news .newsList li .titleBox .description{
        display:none;
    }
    footer{
        justify-content: center;
        margin: var(--fDSize) 0 0;
        padding: 0 var(--fSize);
    }
    footer .infoBox{
        text-align:center;
    }
    footer .nav{
        display:none;
    }
    footer .code{
        display:none;
    }
    footer .copyright{
        margin: var(--fSize) 0 0;
        padding: var(--fSize) 0;
        flex-wrap: wrap;
    }
    footer .copyright .left{
        text-align: center;
        line-height: 1.5;
        flex:0 0 100%;
    }
    footer .copyright .right{
        text-align: center;
        flex:0 0 100%;
    }
    footer .copyright .right a{
        padding: 0 !important;
        line-height: 1.5;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1024px){
    h1, h2, h3, h4, h5, h6{     
        white-space: wrap;
    }
    .main{
        width: calc(100% - 2rem);
        padding: 1rem 1rem;
    }
    .main:after{
        height: 5rem;
        box-shadow: 1px 1px 16px rgba(51,51,51,0.4);
    }
    .pLeft{
        padding:0;
    }
    .columnTop{
        justify-content: center;
        width: calc(100% - 2rem);
        margin: var(--fDDSize) auto 0;
        padding: 0 1rem;
    }
    .column .title{
        text-align:center;
    }
    .column .title h2{
        font-size: var(--fDSize);
    }
    .column .title .line{
        width: 46%;
        margin: var(--fDSize) auto var(--fSize);
    }
    .column .fixFont{
        display: none;
        position: relative;
        top: 0;
        right: 0;
        width: 100vw;
        margin: 0 0 var(--fSize);
        flex-wrap: wrap;
    }
    .column .fixFont span{
        font-size: var(--fSize);
        line-height: 1.25;
        flex: 0 0 100%;
    }
    .column .fixFont .more{
        text-align: left;
        flex: 0 0 100%;
    }
    header .logo{

    }
    header .icon-menu1{
        display: block;
        position: absolute;
        top: 1.75rem;
        right: 1rem;
        font-size: var(--fTSize);
        z-index:3;
    }
    header .icon-guanbi{
        display: none;
        position: absolute;
        top: 1.75rem;
        right: 1rem;
        font-size: var(--fTSize);
        z-index:3;
    }
    header .logo img{
        width: 8rem;
    }
    header .mNav{
        display: block;
        position:fixed;
        top:5rem;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: var(--fMColor);
        transform: translateX(-100%);
        transition: 0.35s ease-in-out;
        flex-wrap: wrap;
    }
    header .navShow{
        transform: translateX(0%);
    }
    header .mNav .list{
        display: inherit;
        position:relative;
        width: 100%;
    }
    header .mNav .list .iconfont{
        position: absolute;
        top: 1.5rem;
        right: 1rem;
        font-size: var(--fMMSize);
        color: var(--fWColor);
        transition: 0.35s ease-in-out;
        z-index: 10;
    }
    header .mNav .list .iTurn{
        transform: rotateZ(90deg);
    }
    header .mNav .list h1{
        text-align: left;
        width: calc(100% - 4rem);
        padding: 0 var(--fDSize);
        font-size: var(--fMSize);
        color: var(--fWColor);
        border-bottom: 1px solid rgba(255,255,255,0.1);
        line-height: 4;
    }
    header .mNav .son{
        height: 0;
        opacity: 1;
        transition: 0.35s ease-in-out;
        overflow: hidden;
    }
    header .mNav .sShow{
         height:auto;
    }
    header .mNav .son .sList{
    }
    header .mNav .son .sList h3{
        text-align: left;
        width: 100%;
        padding: 0 var(--fDDSize);
        font-size: var(--fMMSize);
        color: var(--fWColor);
        border-bottom: 1px solid rgba(255,255,255,0.1);
        line-height: 3;
    }
    header .nav{
        display: none;
        position: fixed;
        top: 5rem;
        left: 0;
        width: calc(100vw - 4rem);
        max-width: 100%;
        height: auto;
        margin: 0;
        padding: 0 2rem;
        background: var(--fMColor);
        transform: translateX(-100%);
        transition: 0.35s ease-in-out;
        flex-wrap: wrap;
    }
    header .search{
        display:none;
    }
    header .nav li .sonFix{
        display:none;
    }
    #banner{
        height: auto;
        margin: 5rem auto 0;
    }
    #banner .swiper-wrapper{
        height:auto;
    }
    #banner .swiper-slide .title{
        right: 0;
        bottom: var(--fDSize);
        transform: scale(0.75);
    }
    #banner .homeBanner-prev{
        top: calc((100% - 2rem)/2);
        left:0;
        transform: scale(0.75);
        opacity:0;
    }
    #banner:hover .homeBanner-prev{
        left: var(--fSize);
    }
    #banner .homeBanner-next{
        top: calc((100% - 2rem)/2);
        right:0;
        transform: scale(0.75);
    }
    #banner:hover .homeBanner-next{
        right: var(--fSize);
    }
    #about{
        
    }
    #about:before{
        display:none;
    }
    #about .aboutImg:nth-of-type(1){
        position:absolute;
        top:0;
        left:0;
        opacity:0.01;
        transition:0.35s ease-in-out;
        z-index: -10;
    }
    #about:hover .aboutImg:nth-of-type(1){
        opacity:0.01;
    }
    #about .numCount{
        display:none;
        margin:0;
    }
    #about .numCount ul{
        flex-wrap:wrap
    }
    #about .info{
        flex:0 0 100%;
    }
    #about .info p{
        text-align: left;
        font-size: var(--fMSize);
    }
    #about .aboutImg:nth-of-type(2){
        display:none;
    }
    #about .more a{
        margin: var(--fSize) auto 0;
        font-size: var(--fMMSize);
    }
    #about .mDesign{
        display: none;
        max-width: 100vw;
    }
    #product:after{
        display:none;
    }
    #product .pBgLeft{
        display:none;
    }
    #product .info{
        justify-content: center;
        max-width:100vw;
    }
    #product .info .title{
        flex: 0 0 100%;
    }
    #product .nav{
        justify-content: center;
        max-width: 100vw;
        margin: var(--fDSize) 0 0;
    }
    #product .nav li{
        width: auto;
        margin: 0 0 var(--fSize);
        padding: 0 var(--fSize);
    }
    #product .nav li:hover{
        padding: 0 var(--fSize);
        background: var(--fMColor);
        border-radius: 0rem;
        transition: 0.35s ease-in-out;
    }
    #product .nav li:hover .iconfont{
        display:none;
    }
    #product .info .button{
        max-width: 58vw;
        margin: var(--fSize) auto 0;
    }
    #product .plist{
        width: 100vw;
        padding: 0 0 var(--fDDSize);
    }
    #product .plist .swiper-wrapper{
        margin: var(--fDSize) auto 0;
    }
    #product .plist .swiper-wrapper .swiper-slide:before{
        height: 80%;
        background-size: cover;
    }
    #product .plist .swiper-wrapper .swiper-slide a{
        width:100vw;
    }
    #product .plist .swiper-slide .titleBox{
        text-align:center;
        padding: var(--fDSize) 0 0;
    }
    #product .plist .swiper-slide .titleBox .title{
        font-size: var(--fTSize);
    }
    #adv:hover:after{
        display:none;
    }
    #adv .pBgLeft{
        display:none;
    }
    #adv .advList{
        margin: var(--fDSize) auto 0;
        padding: 0;
        flex-wrap: wrap;
    }
    #adv .advList li{
        width: calc((100% - 8rem)/2);
        margin: 0;
        padding: var(--fDSize);
    }
    #adv .advList li:hover {
        border-radius:0;
    }
    #adv .advList li .title{
        text-align: left;
        font-size: var(--fSSTize);
        line-height: 1.6;
    }
    #adv .advList li .description{
        font-size: var(--fMMSize);
        line-height: 1.6;
    }
    #parnter:hover:after{
        display:none;
    }
    #parnter .parList{
        justify-content: center;
        margin: var(--fDSize) auto 0;
        flex: 0 0 calc(100% + 0rem);
    }
    #parnter .parList li{
        width: calc((100% - 0rem)/5);
        margin: 0 auto var(--fSize);
    }
    #make{
        margin: 0;
    }
    #make .listBg{
        align-items: baseline;
        height: auto;
        flex-wrap: wrap;
    }
    #make .info{
        margin: 0 auto var(--fDSize);
        flex-wrap: wrap;
        flex:0 0 100%;
    }
    #make .info .smallTitle{
        text-align: center;
        width: 100%;
        padding: 0 0 var(--fBorderSize);
        font-size: var(--fSize);
        color: var(--navLine);
    }
    #make .info .title{
        text-align: center;
        width: 100%;
        font-size: var(--fDSize);
    }
    #make .makeList{
        text-align: center;
        max-width: 100%;
        margin: 0;
        flex: 0 0 100%;
    }
    #make .makeList li{
        width: calc((100% - 4px)/2);
        height: 2.5rem;
        margin: 0 auto var(--fSize);
        padding: 0;
        line-height: 2.5rem;
        border: 1px solid var(--navLine);
        box-shadow: none;
    }
    #make .makeList li:hover{
        width: calc((100% - 4px)/2);
        padding:0;
        color:#fff;
        background: var(--fMColor);
        border-radius: 0;
    }
    #make .listBg .imgBg{
        display:none;
    }
    #make .fixImg{
        position: relative;
    }
    #make .fixInfo{
        position: relative;
        right: 0;
        bottom: 0;
        margin: 0;
        border-radius: 0;
    }
    #honor:hover:after{
        display:none;
    }
    #honor .honorList{
        margin: var(--fDSize) 0 0;
    }
    #honor .honorList .button{
        top: calc(36% - 1.5rem);
    }
    #honor .honorList .honor-prev{
        left: var(--fSize);
        transform: scale(0.8);
        opacity: 0.6;
    }
    #honor:hover .honorList .honor-prev{
        left:1rem;
        opacity:0.6;
    }
    #honor .honorList .honor-prev:hover{
        left:1rem;
        opacity:1;
    }
    #honor .honorList .honor-next{
        right: var(--fSize);
        transform: scale(0.8);
        transition: 0.35s ease-in-out;
        opacity: 0.6;
    }
    #honor:hover .honorList .honor-next{
        right:1rem;
        opacity:0.6;
    }
    #honor .honorList .honor-next:hover{
        right:1rem;
        opacity:1;
    }
    #news{
        padding:0;
    }
    #news .newsList{
        justify-content: center;
        margin: var(--fDSize) 0 0;
        flex: 0 0 calc(100% + 0rem);
    }
    #news .newsList li{
        width: calc((100% - 0rem)/3);
        margin: 0 0 var(--fSize) 0;
    }
    #news .newsList li .titleBox{
        width: calc(100% - 1rem);
        height:auto;
        padding: var(--fBorderSize);
    }
    #news .newsList li:hover .titleBox{
        height: auto
        border-radius: var(--fBorderSize);
        transition: 0.35s ease-in-out;
    }
    #news .newsList li .titleBox .title{
        text-align: left;
        font-size: var(--fSize);
        line-height: 1.5;
        flex:0 0 100%
    }
    #news .newsList li .titleBox .time{
        text-align: left;
        font-size: var(--fMMSize);
        line-height: 1.5;
        flex:0 0 100%
    }
    #news .newsList li .titleBox .description{
        display:none;
    }
    footer{
        justify-content: center;
        margin: var(--fDSize) 0 0;
        padding: 0 var(--fSize);
    }
    footer .infoBox{
        text-align:center;
    }
    footer .nav{
        display:none;
    }
    footer .code{
        display:none;
    }
    footer .copyright{
        margin: var(--fSize) 0 0;
        padding: var(--fSize) 0;
        flex-wrap: wrap;
    }
    footer .copyright .left{
        text-align: center;
        line-height: 1.5;
        flex:0 0 100%;
    }
    footer .copyright .right{
        text-align: center;
        flex:0 0 100%;
    }
    footer .copyright .right a{
        padding: 0 !important;
        line-height: 1.5;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px){ 
    .pLeft{
        padding:0;
    }
    .columnTop{
        justify-content: left;
        width: calc(100% - 6rem);
        margin: var(--fDDSize) auto 0;
        padding: 0 3rem;
    }
    .column .fixFont{
        top: var(--fBBSize);
        width: 66.5vw;
    }
    .column .fixFont span{
        font-size: var(--fSize);
        flex:0 0 70%;
    }
    .column .fixFont .more{
        font-size: var(--fMSize);
        flex:0 0 30%;
    }
    .column .title h2{
        line-height:1.2
    }
    .column .title .line{
        width: 8.75rem;
    }
    header .logo img{
        width:100%;
    }
    header .search{
        display:none;
    }
    .main:after{
        height: 5.5rem;
    }
    #banner{
        height: auto;
        margin: 5rem auto 0;
    }
    #banner .swiper-wrapper{
        height:auto;
    }
    #banner .swiper-slide .title{
        right: 0;
        bottom: var(--fDSize);
        transform: scale(0.75);
    }
    #banner .homeBanner-prev{
        top: calc((100% - 2rem)/2);
        left:0;
        transform: scale(0.75);
        opacity:0;
    }
    #banner:hover .homeBanner-prev{
        left: var(--fSize);
    }
    #banner .homeBanner-next{
        top: calc((100% - 2rem)/2);
        right:0;
        transform: scale(0.75);
    }
    #banner:hover .homeBanner-next{
        right: var(--fSize);
    }
    #about .numCount{
        margin: var(--fDSize) 0;
        flex: 0 0 calc(100% - 4rem);
    }
    #about:before{
        width: 50vw;
    }
    #about .aboutImg:nth-of-type(1){
        left: auto;
        right: 0;
        opacity:0.025;
    }
    #about .aboutImg:nth-of-type(2){
        display: none;
    }
    #about .mDesign{
        display:none;
    }
    #about .info{
        flex:0 0 90%;
    }
    #about .more a{ 
        margin: var(--fSize) 0;
    }
    #product{
        margin: var(--fDDSize) auto;
    }
    #product .pBgLeft{
        display:none;
    }
    #product:after{
        top: var(--fDDSize);
        width: 71vw;
    }
    #product .info{
        max-width:16rem;
    }
    #product .plist{
        width: calc(100% - 16rem);
    }
    #product .plist .swiper-wrapper .swiper-slide:before{
        background-size: contain;
    }
    #product .plist .swiper-wrapper .swiper-slide a{
        padding: 0 var(--fDSize) !important;
    }
    #product .plist .swiper-slide .titleBox{
        flex:0 0 100%;
    }
    #product .plist .swiper-slide .description{
        padding:0;
    }
    #adv .pBgLeft{
        display:none;
    }
    #adv:after {
        top: var(--fDDSize);
        width: 71vw;
    }
    #adv .advList{
        margin: var(--fDSize) auto 0;
        padding: 0;
        flex-wrap: wrap;
    }
    #adv .advList li{
        width: calc((100% - 8rem)/2);
        margin: 0;
        padding: var(--fDSize);
    }
    #adv .advList li:hover {
        border-radius:0;
    }
    #adv .advList li .title{
        text-align: left;
        font-size: var(--fSSTize);
        line-height: 1.6;
    }
    #adv .advList li .description{
        font-size: var(--fMMSize);
        line-height: 1.6;
    }
    #parnter:after {
        top: var(--fDDSize);
        width: 71vw;
    }
    #make{
        margin: 0;
    }
    #make .listBg{
        align-items: flex-start;
        height: auto;
        flex-wrap: wrap;
    }
    #make .info{
        margin: 0 auto var(--fDSize);
        flex-wrap: wrap;
        flex:0 0 100%;
    }
    #make .info .smallTitle{
        text-align: left;
        width: 100%;
        padding: 0 0 var(--fBorderSize);
        font-size: var(--fSize);
        color: var(--navLine);
    }
    #make .info .title{
        text-align: left;
        width: 100%;
        font-size: var(--fBSize);
    }
    #make .makeList{
        text-align: center;
        max-width: 100%;
        margin: 0 var(--fDSize) 0 0;
        flex: 0 0 20%;
        flex-wrap: wrap;
    }
    #make .makeList li{
        width: calc((100% - 4px)/1);
        height: 2.5rem;
        margin: 0 0 var(--fSize);
        padding: 0;
        line-height: 2.5rem;
        border: 1px solid var(--navLine);
        box-shadow: none;
    }
    #make .makeList li:hover{
        width: calc((100% - 4px)/1);
        padding: 0;
        color:#fff;
        background: var(--fMColor);
        border-radius: 0;
    }
    #make .listBg .imgBg{
        display:none;
    }
    #make .fixImg{
        position: relative;
        flex: 0 0 calc(80% - 2rem);
    }
    #make .fixInfo{
        position: absolute;
        top: 0rem;
        right: 0;
        bottom: auto;
        width: 60vw;
        margin: 0;
        padding: var(--fSize);
        border-radius: var(--fSize) 0 0 var(--fSize);
    }
    #make .fixInfo span{
        font-size: var(--fMSize);
    }
    #honor:after {
        top: var(--fDDSize);
        width: 71vw;
    }
    #honor:hover:after{
        display:none;
    }
    #honor .honorList{
        margin: var(--fDSize) 0 0;
    }
    #honor .honorList .swiper-slide .imgBox{
        max-width:100%;
        height: 0;
        padding: 0 0 146%;
    }
    #honor .honorList .button{
        top: calc(50% - 1.5rem);
    }
    #honor .honorList .honor-prev{
        left: var(--fSize);
        transform: scale(0.8);
        opacity: 0.6;
    }
    #honor:hover .honorList .honor-prev{
        left:1rem;
        opacity:0.6;
    }
    #honor .honorList .honor-prev:hover{
        left:1rem;
        opacity:1;
    }
    #honor .honorList .honor-next{
        right: var(--fSize);
        transform: scale(0.8);
        transition: 0.35s ease-in-out;
        opacity: 0.6;
    }
    #honor:hover .honorList .honor-next{
        right:1rem;
        opacity:0.6;
    }
    #honor .honorList .honor-next:hover{
        right:1rem;
        opacity:1;
    }
    #news:after {
        top: var(--fDDSize);
        width: 71vw;
    }
    footer{
        margin: var(--fDDSize) var(--fDDSize) 0;
    }
    footer .infoBox{
        flex: 0 0 calc(40% - 3rem);
    }
    footer .nav{
        margin: 0;
        padding: 0;
        flex: 0 0 calc(60% - 0rem);
    }
    footer .nav .list{
        margin: 0 0 0 calc((100%/4)/4);
    }
    footer .code{
        display:none;
    }
}
@media only screen and (min-width: 1281px) and (max-width: 1366px){ 
    .pLeft{
        padding:0;
    }
    .columnTop{
        justify-content: left;
        width: calc(100% - 6rem);
        margin: var(--fDDSize) auto 0;
        padding: 0 3rem;
    }
    .column .fixFont{
        top: var(--fBBSize);
        width: 66.5vw;
    }
    .column .fixFont span{
        font-size: var(--fSize);
        flex:0 0 70%;
    }
    .column .fixFont .more{
        font-size: var(--fMSize);
        flex:0 0 30%;
    }
    .column .title h2{
        line-height:1.2
    }
    .column .title .line{
        width: 8.75rem;
    }
    header .logo img{
        width:100%;
    }
    header .search{
        display:none;
    }
    #banner{
        height: auto;
        margin: 5rem auto 0;
    }
    #banner .swiper-wrapper{
        height:auto;
    }
    #banner .homeBanner-prev{
        top: calc((100% - 2rem)/2);
        left:0;
        transform: scale(0.75);
        opacity:0;
    }
    #banner:hover .homeBanner-prev{
        left: var(--fSize);
    }
    #banner .homeBanner-next{
        top: calc((100% - 2rem)/2);
        right:0;
        transform: scale(0.75);
    }
    #banner:hover .homeBanner-next{
        right: var(--fSize);
    }
    #about .numCount{
        margin: var(--fDSize) 0;
        flex: 0 0 calc(100% - 4rem);
    }
    #about:before{
        width: 50vw;
    }
    #about .aboutImg:nth-of-type(1){
        left: auto;
        right: 0;
        opacity:0.025;
    }
    #about .aboutImg:nth-of-type(2){
        display: none;
    }
    #about .mDesign{
        display:none;
    }
    #about .info{
        flex:0 0 90%;
    }
    #about .more a{ 
        margin: var(--fSize) 0;
    }
    #product{
        margin: var(--fDDSize) auto;
    }
    #product .pBgLeft{
        display:none;
    }
    #product:after{
        top: var(--fDDSize);
        width: 71vw;
    }
    #product .info{
        max-width:16rem;
    }
    #product .plist{
        width: calc(100% - 16rem);
    }
    #product .plist .swiper-wrapper .swiper-slide:before{
        background-size: cover;
    }
    #adv .pBgLeft{
        display:none;
    }
    #adv:after {
        top: var(--fDDSize);
        width: 71vw;
    }
    #adv .advList{
        margin: var(--fDSize) auto 0;
        padding: 0;
        flex-wrap: wrap;
    }
    #adv .advList li{
        width: calc((100% - 8rem)/2);
        margin: 0;
        padding: var(--fDSize);
    }
    #adv .advList li:hover {
        border-radius:0;
    }
    #adv .advList li .title{
        text-align: left;
        font-size: var(--fSSTize);
        line-height: 1.6;
    }
    #adv .advList li .description{
        font-size: var(--fMMSize);
        line-height: 1.6;
    }
    #parnter:after {
        top: var(--fDDSize);
        width: 71vw;
    }
    #make{
        margin: 0;
    }
    #make .listBg{
        align-items: flex-start;
        height: auto;
        flex-wrap: wrap;
    }
    #make .info{
        margin: 0 auto var(--fDSize);
        flex-wrap: wrap;
        flex:0 0 100%;
    }
    #make .info .smallTitle{
        text-align: left;
        width: 100%;
        padding: 0 0 var(--fBorderSize);
        font-size: var(--fSize);
        color: var(--navLine);
    }
    #make .info .title{
        text-align: left;
        width: 100%;
        font-size: var(--fBSize);
    }
    #make .makeList{
        text-align: center;
        max-width: 100%;
        margin: 0 var(--fDSize) 0 0;
        flex: 0 0 20%;
        flex-wrap: wrap;
    }
    #make .makeList li{
        width: calc((100% - 4px)/1);
        height: 2.5rem;
        margin: 0 0 var(--fSize);
        padding: 0;
        line-height: 2.5rem;
        border: 1px solid var(--navLine);
        box-shadow: none;
    }
    #make .makeList li:hover{
        width: calc((100% - 4px)/1);
        padding: 0;
        color:#fff;
        background: var(--fMColor);
        border-radius: 0;
    }
    #make .listBg .imgBg{
        display:none;
    }
    #make .fixImg{
        position: relative;
        flex: 0 0 calc(80% - 2rem);
    }
    #make .fixInfo{
        position: absolute;
        top: 0rem;
        right: 0;
        bottom: auto;
        width: 60vw;
        margin: 0;
        padding: var(--fSize);
        border-radius: var(--fSize) 0 0 var(--fSize);
    }
    #make .fixInfo span{
        font-size: var(--fMSize);
    }
    #honor:after {
        top: var(--fDDSize);
        width: 71vw;
    }
    #honor:hover:after{
        display:none;
    }
    #honor .honorList{
        margin: var(--fDSize) 0 0;
    }
    #honor .honorList .swiper-slide .imgBox{
        max-width:100%;
        height: 0;
        padding: 0 0 146%;
    }
    #honor .honorList .button{
        top: calc(50% - 1.5rem);
    }
    #honor .honorList .honor-prev{
        left: var(--fSize);
        transform: scale(0.8);
        opacity: 0.6;
    }
    #honor:hover .honorList .honor-prev{
        left:1rem;
        opacity:0.6;
    }
    #honor .honorList .honor-prev:hover{
        left:1rem;
        opacity:1;
    }
    #honor .honorList .honor-next{
        right: var(--fSize);
        transform: scale(0.8);
        transition: 0.35s ease-in-out;
        opacity: 0.6;
    }
    #honor:hover .honorList .honor-next{
        right:1rem;
        opacity:0.6;
    }
    #honor .honorList .honor-next:hover{
        right:1rem;
        opacity:1;
    }
    #news:after {
        top: var(--fDDSize);
        width: 71vw;
    }
    footer{
        margin: var(--fDDSize) var(--fDDSize) 0;
    }
    footer .infoBox{
        flex: 0 0 calc(40% - 3rem);
    }
    footer .nav{
        margin: 0;
        padding: 0;
        flex: 0 0 calc(60% - 0rem);
    }
    footer .nav .list{
        margin: 0 0 0 calc((100%/4)/4);
    }
    footer .code{
        display:none;
    }
}
@media only screen and (min-width: 1367px) and (max-width: 1440px){
    .pLeft{
        padding:0;
    }
    .columnTop{
        justify-content: left;
        width: calc(100% - 6rem);
        margin: var(--fDDSize) auto 0;
        padding: 0 3rem;
    }
    .column .fixFont{
        top: var(--fBBSize);
        width: 66.5vw;
    }
    .column .fixFont span{
        font-size: var(--fSize);
        flex:0 0 70%;
    }
    .column .fixFont .more{
        font-size: var(--fMSize);
        flex:0 0 30%;
    }
    .column .title h2{
        line-height:1.2
    }
    .column .title .line{
        width: 8.75rem;
    }
    header .search{
        display:none;
    }
    #banner{
        height: auto;
        margin: 5rem auto 0;
    }
    #banner .swiper-wrapper{
        height:auto;
    }
    #banner .homeBanner-prev{
        top: calc((100% - 2rem)/2);
        left:0;
        transform: scale(0.75);
        opacity:0;
    }
    #banner:hover .homeBanner-prev{
        left: var(--fSize);
    }
    #banner .homeBanner-next{
        top: calc((100% - 2rem)/2);
        right:0;
        transform: scale(0.75);
    }
    #banner:hover .homeBanner-next{
        right: var(--fSize);
    }
    #product .pBgLeft{
        display:none;
    }
    #make .makeList{
        z-index: 10;
    }
    #make .makeList li{
        background: rgba(255,255,255,0.8);
    }
    footer{
        padding:0 3rem;
    }
}
@media only screen and (min-width:1441px) and (max-width: 1680px){
    .pLeft{
        padding:0;
    }
    .columnTop{
        justify-content: left;
        width: calc(100% - 6rem);
        margin: var(--fDDSize) auto 0;
        padding: 0 3rem;
    }
    .column .fixFont{
        top: var(--fBBSize);
        width: 66.5vw;
    }
    .column .fixFont span{
        font-size: var(--fSize);
        flex:0 0 70%;
    }
    .column .fixFont .more{
        font-size: var(--fMSize);
        flex:0 0 30%;
    }
    .column .title h2{
        line-height:1.2
    }
    .column .title .line{
        width: 8.75rem;
    }
    header .nav{
        max-width: 58rem;
        margin:0;
    }
    #banner{
        height: auto;
        margin: 5rem auto 0;
    }
    #banner .swiper-wrapper{
        height:auto;
    }
    #banner .homeBanner-prev{
        top: calc((100% - 2rem)/2);
        left:0;
        transform: scale(0.75);
        opacity:0;
    }
    #banner:hover .homeBanner-prev{
        left: var(--fSize);
    }
    #banner .homeBanner-next{
        top: calc((100% - 2rem)/2);
        right:0;
        transform: scale(0.75);
    }
    #banner:hover .homeBanner-next{
        right: var(--fSize);
    }
    #about .numCount {
        margin: 3rem 0 0 0rem;
        flex: 0 0 calc(70% - 0rem);
    }
    #product .pBgLeft{
        display:none;
    }
    #make .listBg{
        max-height: 35rem;
    }
    #make .makeList{
        margin: 0 0 8rem 2rem;
        z-index:10;
    }
    #make .fixInfo{
        left: 8rem;
        right:auto
    }
    #make .fixImg{
        max-width: 60rem;
        max-height: 35rem;
    }
}