/*
@ author Nero
@ email 1204077793@qq.com
*/
/*移动端适配*/
 /*大屏下*/
 .video-wrapper .video video{
    position: relative;
 }
 .video-wrapper .video{
    min-height: initial;
 }
@media (min-width: 1061px) { 
    .hiddenOnPC{display: none;}
    /* 滚动条 */
    /* ::-webkit-scrollbar {width: 8px; }
    ::-webkit-scrollbar-button {display: none; }
    ::-webkit-scrollbar-track {background-color: #ddd; }
    ::-webkit-scrollbar-track-piece {background-color: #FCFCFC; -webkit-border-radius: 4px; }
    ::-webkit-scrollbar-thumb {background-color: rgba(153, 153, 153,.6);; border: solid 0px #999; border-radius: 4px;}
    ::-webkit-scrollbar-corner {background-color: #FCFCFC; }
    ::-webkit-resizer {background-repeat: no-repeat; background-position: bottom right; }
    ::-webkit-scrollbar-thumb:hover {background-color: rgb(153, 153, 153); } */
}

/* 1360px以下  做移动端适配*/ 
@media (max-width: 1060px) {
    :root {
        --nav-height: 90px;
        --font-size-root: 14px;
    }
    /* 边距  PC * 0.4 */
    .pt-100{padding-top: 40px;}
    .pb-100{padding-bottom: 40px;}    
    .pt-60{padding-top: 24px;}
    .pb-60{padding-bottom: 24px;}
    .pt-50 {padding-top: 20px;}
    .pb-50 {padding-bottom: 20px;}
	.pb-230{padding-bottom:92px;}
    .pb-130{padding-bottom:52px;}
	.pt-170{padding-top:68px;}
    .pt-130{padding-top:52px;}
    .pt-140{padding-top:56px;}
    .pt-180{padding-top:72px;}
    .pt-210{padding-top:84px;}
    .pt-260{padding-top:104px;}
    .pt-280{padding-top:112px;}
    
    .mt-120 {margin-top: 48px;}
    .mt-100 {margin-top: 40px;}
    .mt-80 {margin-top: 32px;}
    .mt-50{margin-top: 20px;}
    .mt-30 {margin-top: 12px;}
    .mt-20 { margin-top: 8px;}
    .mt-10 { margin-top: 4px;}
    .mt-5 { margin-top: 2px;}
.mt-150{margin-top: 60px;}
.mt-190{margin-top: 76px;}
.mt-220{margin-top: 88px;}
.mt-70{margin-top: 28px;}
    
    /*字号*/
    .font-56{font-size: 26px;}
    .font-50{font-size: 25px;}
    .font-48{font-size: 24px;}
    .font-40{font-size: 22px;}
    .font-30{font-size: 21px;}
    .font-26{font-size: 19px;}
    .font-24{font-size: 18px;}
    .font-22{font-size: 17px;}
    .font-20{font-size: 16px;}
    .font-18{font-size: 15px;}
	.font-17{font-size: 15px;}
    .font-16{font-size: 14px;}
    
    .hiddenOnMobile{display: none!important;}
    html,body{
        width: 100vw;
        /*height: 100vh;*/
        overflow-x: hidden;
    }
}
/* 1360px以下  做移动端适配*/ 
@media (max-width: 1081px) {
    :root {
        --nav-height: 60px;
        --font-size-root: 14px;
    }
    .hiddenOnMobile{display: none!important;}
    .full-wrapper,
    .nav-wrapper,
    .cont-wrapper,
    .cont-wrapper-sm,
    .cont-wrapper-xm,
	.cont-wrapper-sy,
    .cont-wrapper-pd{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        /* border: 1px solid red; */
    }
    header>div{
        position: relative;
    }
    header .logo a{
        height: 100%;
    }
    header .logo img{
        width: auto;
        height: 100%;
    }
    header .nav{
        position: absolute;
        width: 50%;
        right: 0;
        top: 0;
        height: 80vh;
        background: #fff;
        z-index: 99;
        transform: translateX(calc(100%));
        transition: all 0.3s ease-in-out;
        transition-delay: 0.1s;
        align-items: flex-start;
        column-gap: initial;
        flex-direction: column;
        box-shadow: 1px 1px 6px #00000036;
    }
    header .nav.show{
        transform: translateX(0%);
    }
    header .nav .mobile-nav{
        position: absolute;
        content: '';
        width: 20px;
        height: 15px;
        border: 2px solid #000;
        border-left: 0;
        border-right: 0;
        top: 10px;
        left: -1rem;
        transform: translateX(-100%);
        transition: all 0.2s ease-in-out;
    }
    header .nav .mobile-nav::after{
        position: absolute;
        content: '';
        width: 20px;
        border-top: 2px solid #000;
        top: 50%;
        left: 0;
        transition: all 0.2s ease-in-out;
        transform: translateX(0%) translateY(-50%);
    }
    header .nav.show .mobile-nav{
        /* display: none; */
        border-top: 0;
        transform: translateX(-100%) translateY(-10%) rotate(-45deg);
    }
    header .nav.show .mobile-nav::after{
        transform: translateX(0px) translateY(8px)rotate(90deg);
    }

    header .nav ul.menu{
        flex-direction: column;
        height: auto;
        width: 100%;
    }
    header .nav ul.menu>li{
        margin: 1rem 0;
    }
    header .nav>div.lang{
        margin: 1rem auto;
        margin-top: auto;
    }
    header .nav ul.menu>li .sub-menu{
        flex-direction: column;
        position: relative;
        top: auto;
    }
    header .nav ul.menu>li .sub-menu>li{
        margin: 1rem 0;
    }

    .achievement-wrapper .achievement-point{
        flex-wrap: wrap;
    }
    .achievement-wrapper .achievement-point>div{
        width: 50%;
        margin: 2rem 0;
    }
    .achievement-wrapper .achievement-point>div strong::after{
        bottom: -0.5rem;
        width: 20px;
        height: 2px;
    }
    .cases-wrapper .cases-list{
        flex-wrap: wrap;
    }
    .cases-wrapper .cases-list a{
        width: 100%;
        margin: 1.5rem 0;
    }
    .cases-wrapper .cases-list .title{
        height: auto;
    }
    .cores-wrapper .cores-list .cores-item{
        width: 100%;
    }
    .cores-wrapper .cores-list .cores-item .bg-letter{
        width: 140px;
    }
    .brand-wrapper .brand-list{
        column-gap: initial;
        row-gap: initial;
    }
    .brand-wrapper .brand-list>li{
        width: calc((100% - 6rem)/ 4);
		margin-right: 2rem;
		margin-bottom: 1rem;
    }
	.brand-wrapper .brand-list>li:nth-child(6n){
		margin-right: 2rem;
	}
	.brand-wrapper .brand-list>li:nth-child(4n){
		margin-right: 0;
	}
    .address-wrapper{
        flex-direction: column;
    }
    .address-wrapper .address-items{
        flex-direction: column;
        width: 100%;
    }
    .address-wrapper .address-items>div{
        width: 100%;
    }
    .address-wrapper .address-eath{
        width: 70%;
    }
	 .address-wrapper .address-eath{
        display: none;
    }
    footer .float-button{
        display: none;
    }
    footer .footer-wrapper{
        flex-direction: column;
    }
    footer .footer-wrapper>div.item-02{
        display: none;
    }
	footer .footer-wrapper>div.item-03{}
    .cate-icon-wrapper .icon-point{
        flex-wrap: wrap;
    }
    .cate-icon-wrapper .icon-point a{
        width: 50%;
        margin: 1rem 0;
    }
	.cate-icon-wrapper .icon-point a img{
		max-width:100px;
	}
    .cate-cases-wrapper .cate-cases-list{
        flex-wrap: wrap;
    }
    .cate-cases-wrapper .cate-case-nav>li a{
        margin-left: 5px;
    }
    .cate-cases-wrapper .cate-cases-list>a{
        width: 100%;
        margin: 0;
		margin-bottom: 4rem;
    }
    .article-wrapper .article-title{
        flex-direction: column;
    }
    .article-wrapper .article-title>div{
        width: 100%;
    }
    .article-wrapper .article-title .share{
        margin-top: 1rem;
    }
    .article-recommend-wrapper .article-recommend-list{
        column-gap: initial;
        row-gap: initial;
    }
    .article-recommend-wrapper .article-recommend-item{
        width: calc((100% - 0.5rem)/2);
        margin-top: .5rem;
        margin-right: .5rem;
    }
    .article-recommend-wrapper .article-recommend-item:nth-child(2n){
        margin-right: 0;
    }
    .cont-news-wrapper{
        flex-direction: column;
    }
    .contact-us-wrapper>div, .cont-news-wrapper>div{
        margin-right: 0;
    }
    .cate-news-wrapper .cate-news-nav>li.active a{
        font-size: 1.1em;
    }
    .cate-news-wrapper .cate-news-nav>li a{
        margin-right: 1rem;
    }
    .cate-news-wrapper .cate-news-list .cate-news-item {
        margin-bottom: 2rem;
    }
    .cate-news-wrapper .cate-news-list .cate-news-item .img{
        margin-right: 2rem;
    }
    .cate-news-wrapper .cate-news-list .cate-news-item .text p:nth-child(2){
        height: 2.4em;
        overflow: hidden;
        line-height: 1.2;
    }
    .about-us-slogan-wrapper .aoyuao-slogan{
        flex-direction: column;
    }
    .contact-us-wrapper {
        flex-direction: column;
    }
}

/* 新加*/ 

@media (max-width: 800px) {
.article-recommend-wrapper .article-recommend-item{
    min-height: 175px;
}

.shoujiyincang{display:none;}
}

@media (min-width: 800px){
.pcyincang{display:none;}
}