@charset "UTF-8";
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0;}
html {font-size: 62.5%;}
body {font: 12px/1.5 'Microsoft YaHei', '宋体', Tahoma, Arial, sans-serif;color: #333;background-color: #F7F7F7; overflow-x:hidden;}
a{text-decoration: none;color:#666;  cursor:pointer;}
ul, li {list-style-type: none;}
input{outline: none;}
textarea{outline: none;resize:none}
.clearfix:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
.hide{display: none!important;}
.show{display: block!important;}
.borderNone{border:none!important;}
.flex{display: flex!important;}
.typeArea{width: 1490px;margin: 0 auto;position: relative}


.search.mobile{
    display: none;

}
.search.pc{
    display: flex;
}
.menu.pc{
    display: flex;
}
.menu.mobile{
    display: none;
}

.threeLine{
    position: relative;
    cursor:pointer
}

.threeLine.desp  .sec{
    display: none;
}
.threeLine.desp .fir{
    transform: rotate(45deg);
    top: 4px;
}

.threeLine.desp .thi{
    transform: rotate(-45deg);
    top: -4px;

}


.threeLine>.fir{
    width:30px;
    height:3px;
    background:#000000;
    position: relative;
    transition:all 0.5s;
}

.threeLine>.fir:after{
    content: "";
    display: inline-block;
    background:#fff;
    width: 36px;
    height: 3px;
    position: absolute;
    left: 100%;
    top: 0;
    -webkit-transition: all 0s;
    transition: all 0s;
}

.threeLine>.sec{
    width:25px;
    height:3px;
    background:#000000;
    margin-top:5px;
    position: relative;

}
.threeLine>.sec:after{
    content: "";
    display: inline-block;
    background:#fff;
    width: 36px;
    height: 3px;
    position: absolute;
    left: 100%;
    top: 0;
    -webkit-transition: all 0s;
    transition: all 0s;
}
.threeLine>.thi{
    width:30px;
    height:3px;
    background:#000000;
    margin-top:5px;
    position: relative;
    transition:all 0.5s;

}
.threeLine>.thi:after{
    content: "";
    display: inline-block;
    background:#fff;
    width: 36px;
    height: 3px;
    position: absolute;
    left: 100%;
    top: 0;
    -webkit-transition: all 0s;
    transition: all 0s;
}


.nav .menu:hover .fir:after {
    left:  -125%;
    -webkit-transition: all 0.4s;
    transition: all 0.2s;
}
.nav .menu:hover .sec:after {
    left:  -150%;
    -webkit-transition: all 0.4s;
    transition: all 0.5s;
}
.nav .menu:hover .thi:after {
    left:  -125%;
    -webkit-transition: all 0.4s;
    transition: all 0.7s;
}

.menuScreen{
    width:100%;
    height:calc( 100vh - 1.4rem);
    background:rgba(0,0,0,0.75);
    position:fixed;
    top:1.4rem;
    left:0;
    /*opacity:0;*/
    display:none !important;
    transition:all 0.5s;
    z-index:100;
}

.menuScreen.current{
    /*opacity:1;*/
    display: block !important;
}


.menuItem{
    width:100%;
    height:0px;
    background:#fff;
    position: fixed;
    top:-3.7rem;
    border-top:1px solid #eee;
}

.menuItem.current{
    top:1.4rem;
    height:500px;
    transition:all 0.5s;
    z-index:101;

}




.menuItem .itemContain{
    display: flex;
    padding-top:50px;

}
.menuItem .itemContain>div{
    box-sizing: border-box;
    width:25%;
    min-height: 250px;
    border-right:1px solid #eee;
    padding-left:5%;
}
.menuItem .itemContain>div>a{
    display: block;
}
.menuItem .itemContain>div>a.title{
    color: #282828;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
    cursor:text;
}
.menuItem .itemContain>div>a.detail{
    color: #8d8d8d;
    margin-bottom: 10px;
    font-size: 14px;
    position: relative;
}


.menuItem .itemContain>div>a.detail:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 2px;
    left:0;
    bottom:-2px;
    margin:auto;
    background:#8d8d8d;
    transition:all 0.2s;
}

.menuItem .itemContain>div>a.detail:hover:after{
    width: 56px;
}


.searchBox{
    width:0px;
    top:0;
    right:0;
    height:1.4rem;
    position: absolute;
    background: #F5F5F5;
    transition:all .5s;
}
.searchBox input{
    width:70%;
    height:70%;
    border:none;
    background: #F5F5F5;
    font-size:20px;
    position: relative;
    left:30px;
    opacity:0;
    transition:all 0.5s;
}
.searchBox.flex{
    width:7.1rem;
}
.searchBox input.active{
    opacity:1;
    left:0px;
    transition:all 0.1s;

}


.nav{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:140px;
    display: flex;
    background:#fff;
    font-size:18px;
    color:#666666;
    z-index:40;
    transition:all .1s;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;

}
.nav.current{
    top:-140px;

}
.nav>div{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border-right:1px solid #EEEEEE;
}
.nav>div .child{
    border-top:0px solid #ccc;
    position: absolute;
    width:100vw;
    top:1.4rem;
    left:0;
    height:0;
    line-height:60px;
    z-index:100;
    overflow: hidden;
    transition:all .01s;   /*核心代碼*/
    background:rgba(225,225,225,0.9);
    /*display: none;*/
    display: flex;




}
.nav>div .child>a{
    text-align: center;
    width:50%;
    border-right:1px solid #ccc;
    font-size:14px;
    color:#222;
    transition:all.5s;
}
.nav>div .child>a:hover{
    background: #fff;
    opacity:.7;
}
.nav>div .child>a:last-child{
    border-right:0;
}
.nav>div .child.current{
    height:60px;
    border-top:1px solid #ccc;
    transition:none;
    /*border-bottom:30px solid transparent;*/
}
.nav>div.search{
    z-index:20;
}
.nav .language{
    /*position: relative;*/
}
.nav .allLanguage{
    position: absolute;
    height:140px !important;
    background:#fff;
    display: flex;
    align-items: center;
    padding-left:60px !important;
    z-index:100;
    right:-100%;
    transition:all .1s;
    box-sizing: border-box;

}
.nav .allLanguage.current{
    right:0%;

}
.nav .allLanguage>div{
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    border: 2px solid #BBBBBB;
    /* margin-right: .2rem; */
    color: #BBBBBB;
    transition: all .5s;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    margin-right:60px;
}
.nav .allLanguage>div:hover {
    border: 2px solid #016a3f;
    color: #016a3f;
}
.nav .menu,.nav .search,.nav .production,.nav .contact , .nav .language{
    flex:0.8;
}
.nav .proSort{
    flex:1.2;
    font-size:20px;
    /*font-weight: bold;*/
}
.nav .proSort a{
    cursor:pointer;
}
.nav .proSort a:hover{
    color:#016a3f;
}
.nav>div>a:hover{
    color:#016a3f;
}
.nav .search img{
    cursor:pointer;
    position:relative;
    top:0;
    transition:all .2s;
}
.nav .search img:hover{
    top:-3px;
}
.nav .production a, .nav .contact a{
    cursor:pointer;
}
.nav .fontContain{
    display: flex;
}
.nav .fontContain>div{
    width:25px;
    height:25px;
    text-align: center;
    line-height:25px;
    border-radius:50%;
    border: 2px solid #BBBBBB;
    /*margin-right:.2rem;*/
    color:#BBBBBB;
    transition:all .5s;
    cursor:pointer;
    font-weight: bold;
    font-size:15px;
}
.nav .fontContain>div:hover{
    border: 2px solid #016a3f;
    color:#016a3f;
}
.nav .fontContain>div.active{
    border: 2px solid #016a3f;
    color:#016a3f;
}
.nav .logo{
    flex:3.5;

}
.nav .logo a{

    width:203px;
    height:136px;

    /*min-width:203px;*/
    /*min-height:136px;*/

}
.nav .logo img{
    cursor:pointer;
    width:100%;
    height:100%;
}
.nav .share{
    flex:0.85;

}
.nav .share img{

    cursor:pointer;

}


.bg{
    width:100%;
    background:pink;
    height:500px;
}

.bottomNav{
    width:100%;
    height:380px;
    background: #6D6D6D;
}
.bottomNav .typeArea{
    display: flex;
    height:100%;
}


.bottomNav .leftContain{
    width:50%;
}



.bottomNav .left{
    width:100%;
    /*height:100%;*/
}
.bottomNav .right{
    width:50%;
    /*height:100%;*/
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.bottomNav .right>div{
    width:500px;
}


.bottomNav .right>div .tip{
    font-size:14px;
    color:#fff;
}

.bottomNav .right>div .productionDataForm{
    margin-top:23px;
    margin-bottom:34px;
}

.bottomNav .right>div .copyRight{
    font-size:14px;
    color:#ccc;
}
.bottomNav .right>div .copyRight a{
    color:#999;
    transition:all .5s;
    margin-left: 20px;
}

.bottomNav .left>.title{

    color:#fff;
    margin-top:40px;
    font-size:20px;

}
.bottomNav .left .productionSort{
    margin-top:35px;
    display: flex;
}
.bottomNav .left .productionSort>div{
    margin-right:80px;
}

.bottomNav .left .productionSort .title{
    color:#fff;
    margin-bottom:20px;
    margin-top:0;
    font-size:16px;
    cursor: text;
}
.bottomNav .left .productionSort .title:hover{
    color:#fff;
}


.bottomNav .left .productionSort a{
    margin-top:15px;
    font-size:14px;
    color:#ccc;
    display: block;
}

.bottomNav .left .productionSort a:hover{
    color:#016a3f;
}




.bottomNav .right .productionData a.title{
    height:50px;
    line-height:50px;
    font-weight:bold;
    font-size:14px;
    color:#434343;
}
.bottomNav .right .productionDataForm>div{
    display:flex;
    height:60px;
    line-height:60px;
    border-bottom:1.5px solid #fff;
}
.bottomNav .right .productionDataForm>div:last-child{
    border:none;
}
.bottomNav .right .productionDataForm>div>div.left{
    width:20%;
    background: #222222;
    text-align: center;
    color:white;
    font-weight:300;
    font-size:14px;

    border-top-right-radius:4px;
    border-bottom-right-radius:4px;

    cursor:pointer;

}
.bottomNav .right .productionDataForm>div>div.right{
    flex:1;
    background: #fff;
    padding:0 4%;
    font-weight:bold;
    color:#434343;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;

}
.bottomNav .right .productionDataForm>div>div.right input{
    width:100%;
    height:100%;
    border: none;

}

.newsTypeContain{
    height:5.25rem;
    background: #f9f9f9;

}
.newsTypeContain .typeArea{

}

.newsTrends .newsContain{
    width:100%;
    /*background:purple;*/
    display: flex;
    padding-bottom:.8rem;

}
.newsTrends .newsContain .contain{
    width:4.71rem;
    background:#f9f9f9;
    position: relative;
    height:5.25rem;
    margin-right:3.5%;
    cursor:pointer;
}

.newsTrends .newsContain .contain:hover .imgContain img{
    transform: scale(1);
    filter: grayscale(0);
}

.newsTrends .newsContain .contain:last-child{
    margin-right:0;
}

.newsTrends .newsContain .contain .imgContain{
    overflow: hidden;
}


.newsTrends .newsContain .contain .imgContain img{
    width:100%;
    height:4rem;
    transform: scale(1.05);
    transition:all 0.5s;
    object-fit: cover;

    /*filter: grayscale(100%);*/
}


.newsTrends .newsContain .newsInfo{
    width:87%;
    background:#fff;
    position: absolute;
    bottom:5px;
    left:46%;
    margin-left:-40%;
    text-align: center;
    padding-bottom:.4rem;
    box-shadow:0 0 5px rgba(0,0,0,.2);
}
.newsTrends .newsContain .newsInfo .date{
    font-size:20px;
    margin-top:.4rem;
    cursor:text
}
.newsTrends .newsContain .newsInfo .line{
    width:20px;
    height:1px;
    background:#000;
    margin:.2rem auto;

}
.newsTrends .newsContain .newsInfo .title{
    box-sizing: border-box;
    padding:0 20%;
    line-height:.25rem;
    cursor:text;
    font-size:.16rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    box-sizing: border-box;


}
.Vertical{
    width:100%;
    background: #fff;
    height:1.92rem;
    position: relative;
}
.Vertical>a{
    display: block;
    width: 190px;
    height:50px;
    line-height:50px;
    text-align: center;
    text-decoration: none;
    text-indent:0;
    border-radius:calc(50px/2);
    background:#4C4C4C;
    color:#fff;
    border: 1px solid #E4E4E4;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    transition:all .5s;
}

.Vertical>a:hover{
    background:#016a3f;
}

.companyInfo{
    height:6.96rem;
    position: relative;

}
.companyInfo>.typeArea{
    /*background:red;*/

}




.companyInfo>.typeArea .left{
    padding-top:1.08rem;

}
.companyInfo>.typeArea .left .title1{
    font-size:36px;
    font-weight: bold;
}

.companyInfo>.typeArea .left .imgContain{
    margin-top:.25rem;
}
.companyInfo>.typeArea .left .imgContain img{
    margin-right:.2rem;
    width:calc(2rem/2);
    height:calc(1.6rem/2);

}

.companyInfo>.typeArea .left .two{
    margin-top:.58rem;
}
.companyInfo>.typeArea .left .two .spec{
    margin:0 .25rem;
}
.companyInfo>.typeArea .left .title2{
    font-size:24px;
    color:#222;
    margin-top:0;
}
.companyInfo>.typeArea .left p{
    font-size:20px;
    color:#666;
    margin-top:10px;
}
.companyInfo>.typeArea .left p:nth-child(2){
    margin-top:.2rem;
}
.companyInfo>img{
    position: absolute;
    right:0;
    top:0;
    width:11.62rem;
    height:6.96rem;
}
.aboutNeo{
    position: relative;
    background: #f9f9f9;
}
.aboutNeo .typeArea{
    background:#F9F9F9;

}
.aboutNeo .typeArea .left{
    width:calc(100%  - 9.91rem + 2.1rem);
}

.aboutNeo .typeArea .left .contain{
    text-align: center;
    color:#666;
    line-height:40px;
    font-size:.18rem;
}
.aboutNeo .typeArea .left .contain span{
    color:#000;
}


.aboutNeo .typeArea .left .imgContain{
    margin-top:55px;
}

.aboutNeo .typeArea .left .imgContain img{
    width:1.45rem;
    height:.8rem;
    margin-right:.24rem;

}

.productFamily{
    background: #fff;
    padding-bottom:1.2rem;

}
.productFamily>.typeArea{

}
.productFamily>.typeArea .containn{
    height:5.8rem;
    position: relative;
    background: #fff;
    margin-bottom:1.6rem;
}

.productFamily>.typeArea .containn:last-child{
    margin-bottom:0;
}

.productFamily>.typeArea .containn>.left{
    width:7rem;
    height:5.8rem;
    position:absolute;
    left:0;
    top:0;
}
.productFamily>.typeArea .containn>.left>.imgContain{
    width:100%;
    height:100%;

}
.productFamily>.typeArea .containn>.left>.imgContain>img{
    width:100%;
    height:100%;
    object-fit: cover;

}


.productFamily>.typeArea .containn>.left:hover .screenn{
    opacity:1;
}

.productFamily>.typeArea .containn>.left:hover .screenn>.twoContain>.height{
    height: 95%;
    opacity:1;
}
.productFamily>.typeArea .containn>.left:hover .screenn>.twoContain>.short{
    height: 90%;
    opacity:1;

}


.productFamily>.typeArea .containn>.left:hover .screenn>.twoContain>.contain>.title{

    opacity:1;
    top:0;

}


.productFamily>.typeArea .containn>.left:hover .screenn>.twoContain>.contain>.con{

    opacity:1;
    top:0;

    transition:all .5s;

    display: none;

}

.productFamily>.typeArea .containn>.right .imgContainCom .imgContain:hover .screenn{
    opacity:1;
}

.productFamily>.typeArea .containn>.right .imgContainCom .imgContain:hover .screenn>.twoContain>.height{
    height: 95%;
    opacity:1;
}
.productFamily>.typeArea .containn>.right .imgContainCom .imgContain:hover .screenn>.twoContain>.short{
    height: 90%;
    opacity:1;

}


.productFamily>.typeArea .containn>.right .imgContainCom .imgContain:hover .screenn>.twoContain>.contain>.title{

    opacity:1;
    top:0;

}


.productFamily>.typeArea .containn>.right .imgContainCom .imgContain:hover .screenn>.twoContain>.contain>.con{

    opacity:1;
    top:0;

    transition:all .5s;

    display: none;

}

.productFamily>.typeArea .containn.change{
    height:9.15rem;
}

.productFamily>.typeArea .containn.change .left{
    right:0;
    top:0;
    left:auto;
    height:9.15rem;

}

.productFamily>.typeArea .containn.change .right{

    left:0;
    bottom:0;
    right:auto;
}



.screenn{
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    position: absolute;
    left:0;
    top:0;
    opacity:0;
    transition:all .5s;

}

.screenn>.twoContain{
    width:100%;
    height:100%;
}

.screenn>.twoContain>.height{
    width:93%;
    height:0%;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    box-sizing: border-box;
    opacity:0;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    transition:all 0.5s;

}
.screenn>.twoContain>.short{
    opacity:0;
    width:97%;
    height:0;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    box-sizing: border-box;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;

    transition:all .5s;

}

.screenn>.twoContain>.contain{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:rgba(225,225,225,0.5);
    cursor:pointer;
}
.screenn>.twoContain>.contain>.title{
    font-size:17px;
    position: relative;
    opacity:0;
    top:10px;
    color:#fff;
    transition:all .4s;
    cursor:pointer
}
.screenn>.twoContain>.contain>.con{
    margin-top:.15rem;
    font-size:15px;
    position: relative;
    color:#fff;
    opacity:0;
    top:15px;
    transition:all .8s;
    cursor:pointer
}

.screenn>.twoContain>.contain>.title:hover{
    color:#016a3f;
}

.screenn>.twoContain>.contain>.con:hover{
    color:#016a3f;
}



.productFamily>.typeArea .containn>.right{
    width:7.55rem;
    position: absolute;
    right:0;
    bottom:0;
}

.productFamily>.typeArea .containn>.right .otherInfo{
    display: flex;
    align-items: center;
    justify-content: center;
}


.productFamily>.typeArea .containn>.right .otherInfo span:nth-child(1){
    display: none;
}
.productFamily>.typeArea .containn>.right .otherInfo img:nth-child(5){
    display: none;
}

.productFamily>.typeArea .containn.change>.right .otherInfo span:nth-child(1){
    display: block;
}
.productFamily>.typeArea .containn.change>.right .otherInfo img:nth-child(5){
    display: block;
}
.productFamily>.typeArea .containn.change>.right .otherInfo img:nth-child(2){
    display: none;
}
.productFamily>.typeArea .containn.change>.right .otherInfo span:nth-child(4){
    display: none;
}

.productFamily>.typeArea .containn>.right .otherInfo .logo{
    width:1.52rem;
    height:.9rem;
}

.productFamily>.typeArea .containn>.right .otherInfo .sym{
    margin:0 .45rem;

}
.productFamily>.typeArea .containn>.right .otherInfo .font{
    font-size:40px;

}

.productFamily>.typeArea .containn>.right .midFont{
    font-size:18px;
    color:#201b17;
    margin:.6rem auto;
    text-align: center;
    line-height: .35rem;
}

.productFamily>.typeArea .containn>.right .imgContainCom{
    display: flex;
    flex-wrap: wrap;
}
.productFamily>.typeArea .containn>.right .imgContainCom .imgContain{
    width:3.6rem;
    height:3rem;
    margin-right:.35rem;
    position: relative;
    margin-top:.35rem;
}
.productFamily>.typeArea .containn>.right .imgContainCom .imgContain:nth-child(-n+2){
    margin-top:0;
}
.productFamily>.typeArea .containn>.right .imgContainCom .imgContain:nth-child(2n){
    margin-right:0;
}
.productFamily>.typeArea .containn>.right .imgContainCom .imgContain img{
    width:100%;
    height:100%;
    object-fit: cover;
}




.aboutNeo>img{
    width:9.91rem;
    height:8rem;
    position: absolute;
    right:0;
    top:0;
}

.Vertical2{
    width:100%;
    background: #F9F9F9;
    position: relative;
    padding-top:.84rem;
}
.Vertical2>a{
    display: block;
    width:190px;
    height:50px;
    line-height:50px;
    text-align: center;
    text-decoration: none;
    text-indent:0;
    border-radius:calc(50px/2);
    background:#4C4C4C;
    color:#fff;
    border: 1px solid #E4E4E4;
    margin:0 auto;
    transition:all .5s;
}
.Vertical2>a:hover{
    background: #016a3f;
}

.phoneMenu{
    position: fixed;
    height:calc(100vh - 1.4rem);
    width:100%;
    top:1.4rem;
    background:#fff;
    transform:translateX(-100%);
    transition:all .5s;
    overflow-x:hidden;
    z-index: 100;
}

.phoneMenu.current{

    transform:translateX(0%);

}

.navv{
    width:85%;
    margin:0 auto;
}

.navv > li{
    padding:25px 0;
    line-height: 35px;
    border-bottom:1px solid hsla(0,0%,72%,.5);
    /*text-indent: 30px;*/
    position: relative;
    font-size:16px;
    color: #282828;

}

.navv li:last-child{
    border-bottom:none;
}
.navv >li > span{
    display: inline-block;
    width: 21px;
    height:21px ;
    position: absolute;
    right: 0px;
    top: 30px;
    background-size:100% 100% !important;
    transition:all .5s;
}
.navv > li.current{
}

.navv > li.current >span{
    transform:rotate(90deg);
}
.sub >a{
    display: block;
    position: relative;
    list-style: none;
    font-size: 14px;
    color:#8d8d8d;
    padding-left:20px;

}
.sub >a>span{
    display: inline-block;
    width: 12px;
    height:12px ;
    position: absolute;
    right: 10px;
    top: 12px;
}
.sub >a.current{
    background:#016a3f;
    color: #fff;
}
.sub{
    display: none;
    padding:10px 0;
}



.phoneScreen{
    position: fixed;
    height:calc(100vh - 1.4rem);
    width:100%;
    top:1.4rem;
    background:rgba(0,0,0,.5);
    flex-direction: column;
    justify-content: center;
    opacity:0;
    transition:all .5s;
    z-index:100;
    display: none;
}

.phoneScreen.current{
    opacity:1;
    display: flex;

}

.phoneScreen input{

    display: block;
    width: 90%;
    margin:0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    background-color: #f5f5f5;
    border: 0 none;

}

.phoneScreen .VerticalFont{
    display: block;
    margin:0 auto;
    margin-top: 4%;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background-color: #1b1b1b;
    color: #d9d9d9;
    cursor: pointer;
    width: 90%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    border: 0 none;
}



.aboutNeo .publicTitle{
    padding-top:144px;
    padding-bottom:70px;
    background: #f9f9f9;
}

.publicTitle{
    padding:1rem 0;
    background: #fff;
    padding-bottom: .8rem;
}
.publicTitle .title{

    display: flex;
    justify-content: center;
    align-items: center;
}
.publicTitle .title .line1{
    width:85px;
    height:2px;
    background: #222;
    margin-right:35px;
}
.publicTitle .title .font{
    font-size:36px;
}
.publicTitle .title .line2{
    width:85px;
    height:2px;
    background: #222;
    margin-left:35px;

}

.publicTitle .contain{
    text-align: center;
    font-size:20px;
    color:#666;
    margin-top:.3rem;
    line-height:35px;
}
.publicTitle .contain .spec{
    color:#000;
}

.aboutNeo{
    height:8rem;
}







/*轮播图*/
.banner{
    margin-top:140px;
    width:100%;
    height:calc(100vh - 140px);
    background:pink;
    z-index:30;
}
.banner .swiper-container {
    width: 100%;
    height: 100%;
    background-color: rgb(179, 189, 196);
    transition: 1s background-color 1.3s;
}
.banner .swiper-wrapper {
    transition-delay: 1s;
    transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
.banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.banner .title {
    transition-delay: 1s;
    z-index: 10;
}
.banner .title h3 {
    font-weight: 700;
    font-size: calc(55px + 54 * ((53vw + 53vh) - 520px) / 820);
    letter-spacing: -1px;
    color: rgba(255,255,255,0);
    -webkit-text-stroke: 2px #fff;
}
.banner .img-box {
    width: 100%;
    height: 100%;
    position: absolute;
    transform: scale(0.6, 0.6);
    transition-duration: 1s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
    opacity: 0.9;
    overflow: hidden;
}
.banner .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.2, 1.2) translateX(50%);
    transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
    transition-property: transform;
}
.banner .button-prev, .button-next {
    transition: 0.5s;
    outline: none;
    position: absolute;
    width: 140px;
    z-index: 10;
    top: 45vh;
    transform: translateY(-34px);
    cursor: pointer;
}
.banner .button-prev {
    left: 4vw;
}
.banner .button-next {
    right: 4vw;
}
.banner .button.disabled {
    opacity: 0.2;
    cursor: default;
}
.banner #arrow-svg-home {
    transform: translateY(353px);
}
.banner .button-next #arrow-svg-home {
    transform: translateY(353px) rotateY(180deg);
    transform-origin: 80px 0px 0px;
}
.banner svg {
    transition: 0.5s;
}
.banner .cls-1 {
    transition: 0.5s;
    opacity: 0.4;
    transform-origin: -20px 40px;
    opacity: 1;
}
.banner .cls-4 {
    transition: 0.5s;
    stroke-width: 2px;
    stroke: #fff;
    fill: none;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    opacity: 0.4;
    transform-origin: 0px 0px 0px;
}
.banner #arrow-trg {
    transition: 0.5s;
    fill: #fff;
    transform: rotateY(180deg) translate(-53px, 39px);
}
.banner #line {
    transition: 0.5s;
    stroke: #fff;
    transform: translate(50px, 42px);
}
.banner .button-prev:not(.disabled):hover svg {
    transform: translateX(-25px);
}
.banner .button-next:not(.disabled):hover svg {
    transform: translateX(25px);
}
.banner .button:not(.disabled):hover .cls-1 {
    transform: scale(1.1);
}
.banner .button:not(.disabled):hover .cls-4 {
    stroke-dasharray: 2px;
    stroke-dashoffset: 2px;
    opacity: 1;
}
.banner .button:not(.disabled):hover #arrow-trg {
    transform: rotateY(180deg) translate(-37px, 39px);
}
.banner .button:not(.disabled):hover #line {
    transform: translate(35px, 42px) scaleX(0.33);
}
/*轮播图结束*/



.phoneProduct{
    display: none;
}
.pcProduct{
    display: block;
}
.pcNewsTypeContain{
    display:block;
}
.phoneNewsTypeContain{
    display: none;
}

.swiper-pagination-bullet-active{
    background: #016a3f !important;
}


.Vertical2.phone{
    display: block!important;
}
.mobileBanner{
    display: none;
}



.searchIpt {
    position: absolute;
    background: pink;
    top: 1.4rem;
    right: 0;
    height: .6rem;
    display: none !important;
    z-index: 10;

}
.searchIpt>input {
    float: left;
    border: none;
    background: #F9F9F9;
    width: 3.7rem;
    height: 100%;
    padding: 0 20px;
}
.searchIpt>.searchBtm {
    float: left;
    width: 1.16rem;
    height: 100%;
    line-height: .6rem;
    text-align: center;
    background: #333;
    text-decoration: none;
    color:#fff;
    font-size:15px;
    cursor: pointer;
}
.searchIpt.show{
    display: block!important;
}
.Vertical2.phone {
    display:none !important;
}



.Navscreen{
    position:fixed;
    width:100vw;
    height:100vh;
    background:black;
    text-align: center;
    line-height:100vh;
    z-index:10000;
    top:0;
    left:0;
}
.Navscreen .tip{
    color:#fff;
    font-size:30px;

}






.publicBanner{
    padding-top:1.4rem;
    position: relative;
}
.publicBanner .imgContain{
    width:100%;
    height:6rem;

}
.publicBanner .imgContain>img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.publicBanner .typeArea{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    z-index:20;
    text-align: center;


}
.publicBanner .typeArea>span{
    width:100%;
    font-size:.54rem;
    color:#fff;
    text-align: center;
    display: block;
    margin:0 auto;
    margin-top:3.65rem;
    letter-spacing:.2rem
}
.publicBanner .typeArea>img{
    margin-top:.5rem;
    transform:rotate(180deg);
    animation-name: banner;
    animation-duration: 1.5s;
    animation-iteration-count:infinite;
    position: relative;
    width:.48rem;
    height:.48rem;
}
@keyframes banner{
    from{top:-.1rem;opacity:1;}
    to{top:0px;opacity:0;}
}



.myCompany{
    background:#fff;
    padding-bottom:.7rem;
    padding-top:.9rem;
}

.myCompany>.typeArea{

}
.myCompany>.typeArea>p{
    font-size:.38rem;
    color:#222;
    text-align: center;
    margin-bottom:.7rem;
}
.myCompany>.typeArea .imgContain{
    display: flex;
    justify-content: space-around;
}
.myCompany>.typeArea .imgContain>img{
    width:1.93rem;
    height:1.15rem;
}


.menuTab{
    width:100%;
    padding:0 5%;
    margin:0 auto;
    background: #fff;
    box-sizing: border-box;
    padding-bottom:.8rem;
}

.menuTab>.typeArea{
    display: flex;
    justify-content: space-between;
}


.menuTab .circleContain{
    text-align: center;
    width:3.4rem;
    height:3.4rem;
    box-sizing: border-box;
    border: 1px solid #F0F0F0;
}

.menuTab .circle{
    width:1.4rem;
    height:1.4rem;
    border-radius:50%;
    padding:4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EEEEEE;
    margin:0 auto;
    margin-top:.6rem;
}
.menuTab .circle>div{
    width:100%;
    height:100%;
    border: 1px solid #eee;
    border-radius:50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.menuTab .circle>div>img{
    width:.48rem;
    height:.48rem;
    transform: scale(1);
    transition:all 0.4s;
}
.menuTab .circleContain:hover .circle>div img{
    transform: scale(1.1);
}

.menuTab .circleContain .circle{
}

.menuTab .circleContain .circle>div{
    border:none;
}
.menuTab .circleContain p{
    line-height:.35rem;
    font-size:.18rem;
    margin-top:.15rem;
}
.menuTab .circleContain p span{
    color:#666;
}

.mapCpntain{
    background: #fff;
    padding-bottom:1rem;
}
.mapCpntain>.typeArea{
    display: flex;
    height:5.8rem;
    background:#fff;
}
.mapCpntain>.typeArea .left{
    width:50%;
    height:100%;

}
.mapCpntain>.typeArea .left #allmap{
    width:100%;
    height:100%;
}
.mapCpntain>.typeArea .right{
    width:50%;
    height:100%;
}
.mapCpntain>.typeArea .right img{
    width:100%;
    height:100%;
}


.navigation{
    background: #fff;
    padding-top:.5rem;
    padding-bottom:.8rem;
    display: flex;
    justify-content:center;
}

.navigation>a{
    display: block;
    width:1.4rem;
    height:.5rem;
    float:left;
    border-radius:.25rem;
    line-height:.5rem;
    text-align: center;
    margin-right:.55rem;
    box-sizing: border-box;
    border: 1px solid #333;
    font-size:.16rem;
    transition:all .5s;
    overflow: hidden;
}
.navigation>a:hover{
    background: #333;
    color: white;
}
.navigation>a:last-child{
    margin-right:0;
}
.navigation .current{
    background: #333;
    color:white;
}


.pagination{
    text-align: center;
    background: #f9f9f9;
    padding:.8rem 0;
}
.pagination>li{
    position: relative;
    display: inline-block;
    width:.4rem;
    height:.4rem;
    border: 1px solid #DEDEDE;
    cursor:pointer;
    transition:all 0.5s;
    border-radius:50%;
    margin-right:.2rem;
    font-size:.16rem;
}
.pagination>li.disabled{
    background: rgba(255, 255, 255, 0.11);
    cursor:not-allowed;
}
.pagination>li.disabled a{
    color:#d0c0c085 !important;
    cursor:not-allowed;

}
.pagination>li.active{
    background:#080102;
}
.pagination>li.active a{
    color:#fff;
}
.pagination a{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    line-height:.4rem;
    cursor:pointer;
}
.pagination>li:hover{
    background:#080102;
}
.pagination>li:hover a{
    color:#fff;

}
.pagination>li.disabled:hover{
    background: rgba(255, 255, 255, 0.11);
    cursor:not-allowed !important;

}
.navigation{
    background: #f9f9f9;
}

.aboutUsPublicTitle{
    width:100%;
    text-align: center;
    padding-top:.8rem;
    padding-bottom:.65rem;
    /*background: #f9f9f9;*/

}
.aboutUsPublicTitle .line{
    width:.85rem;
    height:.05rem;
    background:#333333;
    margin:0 auto;

}
.aboutUsPublicTitle .font{
    font-size:.4rem;
    margin-top:.3rem;
}

.neoCompany{
    background: #f9f9f9;
}
.neoCompany .typeArea{
    background: #fff;
    padding-bottom:.9rem;
}
.neoCompany .typeArea .info1{
    text-align: center;
    font-size:.2rem;
    color:#666;
    line-height:.45rem;

    box-sizing: border-box;
    padding:0 3%;

}
.neoCompany .typeArea .info2{
    text-align: center;
    font-size:.2rem;
    color:#666;
    line-height:.45rem;

    box-sizing: border-box;
    padding:0 3%;

}

.logoAndImg{
    display: flex;
    height:4rem;
    width:94%;
    margin:.65rem auto;
    box-sizing: border-box;
    box-shadow: 0 0px 30px rgba(0,0,0,.1);
}
.logoAndImg .left{
    width:50%;
    background:#fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-around;
}
.left img{
    width:35%;
    height:35%;
}
.logoAndImg .right{
    width:50%;
    background:cyan;
}
.logoAndImg .right img{
    width:100%;
    height:100%;
}

.neoDevelop{
    padding-bottom:1rem;
}
.neoDevelopBanner{
    height:5.6rem;
}
.neoAdvantage .menuTab{
    width:94%;
    margin:0 auto;

}

.neoAdvantage .typeArea{
    background: #fff;
}
.neoAdvantage .menuTab .circleContain{
    border:none;
}
.neoAdvantage .menuTab{
    display: flex;
    padding:0;
    justify-content:space-between;
    padding-bottom:1rem;
}



.neoAdvantage .menuTab .circle{
    width:.96rem;
    height:.96rem;
    border: 1px solid #000;
    background: #fff;
    transform: rotateY(0deg);
    transition: all .7s;
    margin-top:0;
}


.neoAdvantage .menuTab .circleContain:hover .circle{

    transform: rotateY(360deg);
}





.neoAdvantage .menuTab .circleContain{
    width:13%;
    height:auto;
}

.neoHoner{
    padding-bottom:.8rem;
}

.Scratchable{
    display: flex;
    flex-wrap: wrap;
    background: #F4F4F4;
    justify-content: space-between;
}
.Scratchable>a{
    box-sizing: border-box;
    align-items: center;
    display: flex;
    flex-direction: column;
    align-items:center;
    margin-right:2%;
    width:4.7rem;
    height:3.7rem;
    text-align: center;
}
.Scratchable>a:last-child{
    margin-right:0;
}
.Scratchable>a .imgContain{
    width:100%;
    height:3rem;
}
.Scratchable>a .imgContain img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.Scratchable>a>p.title{
    box-sizing: border-box;
    width:100%;
    font-weight: bold;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding:0 5%;
    line-height:.7rem;
    font-size:.2rem;
    color:#222;
}

.Scratchable>a:hover .imgContain img{

}



.article{
    padding:1rem 0 1.4rem 0;
}
.article>.typeArea{
    border-bottom:1px solid #F5F5F5;
    background: #fff;
    box-shadow: 0 15px 30px rgba(0,0,0,.1);

}
.article>.typeArea>.title{
    padding-top:.5rem;
    padding-bottom:.5rem;
    border-bottom:2px solid #f0f0f0;
    width:90%;
    margin:0 auto;
}
.article>.typeArea>.title>.title{
    font-size:.4rem;
    color:#333333;
    text-align: center;
}
.article>.typeArea>.title>.info{
    text-align: center;
    margin-top:.2rem;
}
.article>.typeArea>.title>.info span{
    font-size:.16rem;
    color:#999999;
}
.article>.typeArea>.title>.info span:last-child{
    margin-right:0;
}
.article>.typeArea>.title>.info .eye{}
.article>.typeArea>.title>.info .line{
    margin:0 .35rem;
}
.article>.typeArea>.title>.info .time{
    margin-right:.4rem;
}

.PageSwitch{
    display: flex;
    align-items: center;
    border-top:2px solid #f0f0f0;
    padding:.6rem 0;
    width:90%;
    margin:0 auto;
    justify-content: space-between;
}

.PageSwitch>a{
    display: block;
    width:1.9rem;
    height:.5rem;
    background: #333333;
    color:#fff;
    border-radius:.25rem;
    line-height:.5rem;
    text-align: center;
}

.PageSwitch .before{
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing:.05rem;
    transition:all .5s;
}
.PageSwitch .before:hover{
    background: #fff;
    border: 1px solid #333333;
    color:#333;
}
.PageSwitch .before:hover img{
    left:-.1rem;

}
.PageSwitch .before img{
    transform:rotate(180deg);
    margin-left:.25rem;
    margin-right:-.25rem;
    position: relative;
    left:0;
    transition:all .5s;
}
.PageSwitch .returnPage{
    background: #fff;
    border: 1px solid #333333;
    color:#333;
    transition:all .5s;
    letter-spacing:.05rem;

}
.PageSwitch .returnPage:hover{
    background:#333;
    color:#fff;
}
.PageSwitch .next{
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing:.05rem;
    background: #fff;
    border: 1px solid #333333;
    color:#333;
    transition:all .5s;

}
.PageSwitch .next:hover{
    background:#333;
    color:#fff;
}
.PageSwitch .next:hover img{
    left:.1rem;
}
.PageSwitch .next img{
    margin-right:.25rem;
    margin-left:-.25rem;
    position: relative;
    left:0;
    transition:all .5s;
}

.article .contain{
    /*text-align: center;*/
    color:#666;
    font-size:.18rem;
    line-height:.3rem;
    padding:0 5%;
    padding-top:.5rem;
    padding-bottom:.7rem;
}

.aboutUsCaseList{
    background: #f9f9f9;
}
.aboutUsCaseList .typeArea{
    display:flex;
    flex-wrap: wrap;
    padding-bottom:.8rem;


}
.aboutUsCaseList .typeArea>a{
    display: block;
    width:7rem;
    height:6.5rem;
    margin-right:.9rem;
    margin-top:.65rem;
}
.aboutUsCaseList .typeArea>a:nth-child(2n){
    margin-right:0;
}
.aboutUsCaseList .typeArea>a:nth-child(-n+2){
    margin-top:0;
}

.aboutUsCaseList .typeArea>a .imgContain{
    overflow: hidden;
    width:100%;
    height:4.5rem;

}

.aboutUsCaseList .typeArea>a .imgContain img{
    width:100%;
    height:100%;
    display: block;
    transition:all .5s;
    transform: scale(1);
    object-fit: cover;
}
.aboutUsCaseList .typeArea>a .fontContain{
    background:#EEEEEE;
    color:#666666;
    padding:0 5%;
    transition:all .3s;
}
.aboutUsCaseList .typeArea>a .fontContain .title{
    font-size:.16rem;
    padding-top:.3rem;
    width:100%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    box-sizing: border-box;

}
.aboutUsCaseList .typeArea>a .fontContain .contain{
    font-size:.3rem;
    padding-bottom:.3rem;
    width:100%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    box-sizing: border-box;

}
.aboutUsCaseList .typeArea>a .fontContain .see{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:.2rem 0;
}
.aboutUsCaseList .typeArea>a .fontContain .see:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    top:0;
    left:0;
    background:#666666;
    transition:all .5s;
}

.aboutUsCaseList .typeArea>a.current .fontContain{
    background: #333333;
    color: #fff;
}
.aboutUsCaseList .typeArea>a.current .fontContain .see:after{
    background:#fff;
}
.aboutUsCaseList .typeArea>a:hover .fontContain{
    background: #333333;
    color: #fff;
}
.aboutUsCaseList .typeArea>a:hover  .fontContain .see:after{
    background:#fff;
}

.aboutUsCaseList .typeArea>a:hover .imgContain img{
    transform: scale(1.05);
}



.aboutUsFactoryList .typeArea{
    display: flex;
    flex-wrap: wrap;
    padding-bottom:.8rem;

}
.aboutUsFactoryList .typeArea a{
    display: block;
    width:7.35rem;
    height:5.1rem;
    margin-right:.2rem;
    margin-top:.2rem;
    background:pink;
    position: relative;
    overflow: hidden;
}
.aboutUsFactoryList .typeArea a:nth-child(-n+2){
    margin-top:0;
}
.aboutUsFactoryList .typeArea a:nth-child(2n){
    margin-right:0;
}
.aboutUsFactoryList .typeArea>a .imgContain{
    overflow: hidden;
    width:100%;
    height:100%;

}

.aboutUsFactoryList .typeArea>a .imgContain img{
    width:100%;
    height:100%;
    display: block;
    transition:all .5s;
    transform: scale(1);
}
.aboutUsFactoryList .screenn{
    position: absolute;
    bottom:-.6rem;
    height:.6rem;
    /*background:rgba(0,0,0,.8);*/
    /*z-index:20;*/
    left:auto;
    top: auto;
    text-align: center;
    line-height:.6rem;
    font-size:.22rem;
    color:#fff;
    transition:all .5s;
    opacity:0;
    width:100%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding:0 5%;

}
.aboutUsFactoryList .typeArea>a:hover .screenn{
    bottom:0;
    opacity:1;

}
.aboutUsFactoryList .typeArea>a:hover img{
    transform: scale(1.05);
}

.aboutUsGalleryList .typeArea{
    display: flex;
    flex-wrap: wrap;
    padding-bottom:.8rem;

}
.aboutUsGalleryList .typeArea a{
    display: block;
    width:7.25rem;
    height:4.7rem;
    margin-right:.4rem;
    margin-top:.4rem;
    position: relative;
    overflow: hidden;
}
.aboutUsGalleryList .typeArea a img{
    object-fit: cover;
}
.aboutUsGalleryList .typeArea a.spec{
    width:4.7rem;
    height:4.7rem;
}
.aboutUsGalleryList .typeArea a.spec:nth-child(1){
    margin-right:.4rem;
}
.aboutUsGalleryList .typeArea a.spec:nth-child(2){
    margin-right:.4rem;

}
.aboutUsGalleryList .typeArea a.spec:nth-child(3){
    margin-right:0;
    margin-top:0;
}
.aboutUsGalleryList .typeArea a:nth-child(-n+2){
    margin-top:0;
    margin-right:0;
}
.aboutUsGalleryList .typeArea a:nth-child(2n){
    margin-right:.4rem;
}
.aboutUsGalleryList .typeArea a:nth-child(2n+1){
    margin-right:0;
}
.aboutUsGalleryList .typeArea>a .imgContain{
    overflow: hidden;
    width:100%;
    height:100%;

}

.aboutUsGalleryList .typeArea>a .imgContain img{
    width:100%;
    height:100%;
    display: block;
    transition:all .5s;
    transform: scale(1);
}

.aboutUsGalleryList .typeArea>a:hover img{
    transform: scale(1.05);
}

.exhibitiion{
    padding-bottom:.9rem;
}
.exhibitiion>.typeArea{
    background:#fff;
    padding-bottom:.85rem;
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
}
.exhibitiion>.typeArea .title{
    font-size:.4rem;
    text-align: center;
    padding:.65rem 0;
}
.exhibitiion>.typeArea .title .num{
    color:red;
}
.exhibitiion .top>div{
    margin:0 auto;
    width:12rem;
    height:7.5rem;
    position: relative;
    display: none;
}
.exhibitiion .top>div .imgContain{
    width:100%;
    height:100%
}
.exhibitiion .top>div .imgContain img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.exhibitiion .top>div .screen{
    height:.75rem;
    background:rgba(0,0,0,0.5);
    position: absolute;
    bottom:0;
    line-height:.75rem;
    font-size:.22rem;
    color:#fff;
    text-align: center;
    width:100%;
}

.exhibitiion .bottom{
    width:12rem;
    display: flex;
    align-items: center;
    height:2.6rem;
    margin:0 auto;
    margin-top:.2rem;
    justify-content: space-between;
}

.exhibitiion .bottom .lastPageContain{
    transform:rotate(180deg);
    outline:none;
    cursor:pointer;
}
.exhibitiion .bottom .imgContain{
    display: flex;
    width:11.2rem;
    height:2.6rem;
}
.exhibitiion .bottom .imgContain>div{
    width:3.6rem;
    height:100%;
    margin-right:.2rem;
    position: relative;
}
.exhibitiion .bottom .nextPageContain{
    outline:none;
    cursor:pointer;

}

.exhibitiion .paginggg{
    width:100% !important;
}
.exhibitiion .paginggg .typeArea{
    width:100%;
    height:100%;
}
.exhibitiion .swiper-container{
    overflow:hidden;
    width:100%;
    height:100%;
}
.exhibitiion .swiper-slide img{
    object-fit: cover;
    cursor:pointer
}

.productionB .typeArea{

    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari 和 Chrome */
    column-count:3;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;
    margin-top:-.6rem;
    padding-bottom:.8rem;
}
.productionB .typeArea>a{
    width:4.6rem;
    float: left;
    transition:all .5s;
    margin-right:.55rem;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin-top:.6rem;
}
.productionB .typeArea>a:nth-child(-n+3){
    /*margin-top:0;*/
}
.productionB .typeArea>a:nth-child(3n){
    /*margin-right:0;*/
}
/*.productionB .typeArea>a:nth-child(-n+3){*/
/*margin-top:0;*/
/*}*/
.productionB .typeArea>a .imgContain{
    width:100%;
    overflow: hidden;
    border: 1px solid #ccc;
}
.productionB .typeArea>a .imgContain>img{
    width:100%;
    display: block;
    transform: scale(1);
    transition:all 0.5s;
}

.productionB .typeArea>a .bottom{
    padding:.2rem 0;
    border-bottom:2px solid #eee;
    position: relative;
    padding-left:5%;
    display: flex;
    align-items: center;
    font-size:.18rem;
    transition:all .5s;
}
.productionB .typeArea>a .triangle{
    position:absolute;
    width: 0;
    height:0;
    left:0;
    border-left:6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666;
    padding-left:0 !important;
    transform:rotate(270deg);
    transition:all .5s;
}
.productionB .typeArea>a:hover .triangle{
    border-top: 6px solid #333;
}
.productionB .typeArea>a:hover .bottom{
    color:#333;
    border-bottom:2px solid #333;

}
.productionB .typeArea>a:hover .imgContain>img{
    transform: scale(1.05);
}

.certify {
    position: relative;
    width: 1490px;
    margin: 0 auto;
}

.certify .swiper-container {
    padding-bottom: 60px;
}

.certify  .swiper-slide {
    width: 760px;
    height: 560px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
    position: relative;
}
.certify  .swiper-slide .screeen{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background:rgba(225,225,225,.5);
    z-index:20;
}
.certify  .swiper-slide img{
    display:block;
}


.certify .swiper-slide.swiper-slide-active .imgContain{
    width:100%;
    height:460px;
}
.certify .swiper-slide.swiper-slide-active .imgContain img{
    width:100%;
    height:100%;
}

.certify .swiper-slide.swiper-slide-active .screeen{
    display: none;
}


.certify .swiper-slide.swiper-slide-active p{
    display: flex;
    height:100px;
    align-items: center;
}


.certify  .swiper-slide .imgContain{
    width:100%;
    height:100%;
}
.certify  .swiper-slide .imgContain img{
    width:100%;
    height:100%;
}


.certify  .swiper-slide p {
    padding-top: 0;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
    display: none;
}
.certify  .swiper-slide p .data{
    font-size:.4rem;
    color:#CCCCCC;
    margin-left:20px;
    margin-right:.3rem;
}
.certify  .swiper-slide p .detail{
    color:#222222;
    font-size:.2rem;
    width:70%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

.certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

.certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

.certify .swiper-button-prev:hover {
    background-position: 0 0px;
    background-size: 100%
}

.certify .swiper-button-next:hover {
    background-position: 0 0px;
    background-size: 100%
}
.phoneDevelop{
    display: none;
}

.certify .swiper-button-prev {
    left: 20%;
    width: 45px;
    height: 45px;
    background-position: 0 0;
    background-size: 100%;
    transform:rotate(180deg);
}

.certify .swiper-button-next {
    right: 20%;
    width: 45px;
    height: 45px;
    background-position: 0 0;
    background-size: 100%;
}


#certify {
    position: relative;
    width: 13.5rem;
    margin: 0 auto
}
#certify .swiper-container {
    /*padding-bottom: 60px;*/
    height:6rem;
}
#certify  .swiper-slide {
    width: 8.3rem;
    height: 6rem;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
    position: relative;
}
#certify  .swiper-slide img{
    display:block;
    box-sizing: border-box;
    /*padding:4px;*/
    background:#fff;

}
#certify  .swiper-slide .screeenn{
    position: absolute;
    width:100%;
    height:100%;
    background:#fff;
    top:0;
    left:0;
    z-index:200;
    background:rgba(225,225,225,.8);

}
#certify .swiper-slide-active .screeenn{
    display: none;
}
#certify  .swiper-slide p {
    line-height: .98rem;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
}
#certify .swiper-pagination {
    width: 100%;
    bottom: .2rem;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .05rem;
    border: .03rem solid #fff;
    background-color: #d5d5d5;
    width: .1rem;
    height: .1rem;
    opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}
#certify .swiper-button-prev{
    left: 0;
    width: .45rem;
    height: .45rem;
    background-position: 0 0;
    background-size: 100%;
    transform:rotate(180deg);
}
#certify .swiper-button-prev:hover{
    background-position: 0 0;
    background-size: 100%
}
#certify .swiper-button-next{
    right: 0;
    width: .45rem;
    height: .45rem;
    background-position: 0 0;
    background-size: 100%;
}
#certify .swiper-button-next:hover{
    background-position: 0 0;
    background-size: 100%
}
.coffeeBanner{
    padding-bottom:1.05rem;
}
.phoneCoffeeBanner{
    display: none;
}


.productionInfo{
    text-align: center;
    padding-top:.6rem;
    background: #fff;
}
.productionInfo .title{
    font-size:.3rem;
}
.productionInfo img{
    margin-top:.45rem;
    border: 1px solid #ccc;
}
.productionPublicContain{
    background: #fff;
    padding:.2rem 0;
    padding-top:.5rem;
    padding-bottom:.6rem;
}
.productionPublicContain .typeArea{
    height:.68rem;
    border-bottom:1px solid #CCCCCC;
}
.productionPublicContain .typeArea div{
    width:1.6rem;
    margin:0 auto;
    line-height:.68rem;
    font-size:.28rem;
    text-align: center;
    border-bottom:2px solid #000;
}
.insideBanner{
    background:#fff;
}
.insideBanner .bannerContain{
    width:12rem;
    height:6.6rem;
    background:#fff;
    margin:0 auto;
    position: relative;
}
.insideBanner .bannerContain .swiper-container{
    width:100%;
    height:100%;
}

.insideBanner .bannerContain .swiper-slide{
    overflow: hidden;
}

.insideBanner .bannerContain .swiper-slide img{
    width:100%;
    height:100%;
    object-fit: cover;

}
.insideBanner .arrowsContain{
    width:1.5rem;
    height:.75rem;
    position: absolute;
    right:0;
    bottom:0;
    z-index:20;
    display: flex;
}
.insideBanner .arrowsContain .leftContain{
    width:50%;
    background:#555555;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(180deg);
    position: relative;
    outline:none;
    cursor:pointer

}
.insideBanner .arrowsContain .leftContain:after{
    position: absolute;
    content: '';
    width: 2px;
    height: .52rem;
    left:0;
    background: #ccc;
}
.insideBanner .arrowsContain .leftContain img{
}
.insideBanner .arrowsContain .rightContain{
    width:50%;
    background:#555555;
    display: flex;
    justify-content: center;
    align-items: center;
    outline:none;
    cursor:pointer

}
.insideBanner .arrowsContain .rightContain img{
}

.productionBinfo{
    background: #fff;
}

.productionBinfo .typeArea{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
.productionBinfo .typeArea>div{
    width:45%;
    height:.9rem;
    box-sizing: border-box;
    border-bottom:1px solid #F2F2F2;
    line-height:.9rem;
    font-size:.2rem;
}
.productionBinfo .typeArea>div .title{
    color:#999;
}

.productionAdvan{
    background: #fff;
}



.productionAdvan .menuTab{
    display: flex;
    width:100%;
    padding:0;
    margin:0 auto;
    justify-content: space-between;
    background: #fff;
    box-sizing: border-box;
}

.productionAdvan .menuTab .circleContain{
    text-align: center;
    /*width:auto;*/
    height:3.4rem;
    box-sizing: border-box;
    border:none;
}
.productionAdvan .menuTab .circle{
    width:1.5rem;
    height:1.5rem;
    border-radius:50%;
    padding:4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EEEEEE;
    margin:0 auto;
}
.productionAdvan .menuTab .circle>div{
    width:100%;
    height:100%;
    /*border: 1px solid #eee;*/
    border-radius:50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.productionAdvan .menuTab .circle>div>img{


}
.productionAdvan .menuTab .circleContain .circle{
}

.productionAdvan .menuTab .circleContain .circle>div{
    border:none;
    font-size:.28rem;
}
.productionAdvan .menuTab .circleContain p{
    line-height:.35rem;
    font-size:.2rem;
    margin-top:.15rem;
}
.productionAdvan .menuTab .circleContain p span{
    color:#666;
}


.related{
    background:#fff;
    padding-bottom:.85rem;
}
.related .typeArea{
    display: flex;
    /*justify-content: space-between;*/
}
.related .typeArea>a{
    display: block;
    width:3.5rem;
    margin-right:.3rem;
}
.related .typeArea>a:last-child{
    margin-right:0;
}
.related .typeArea>a .imgContain{
    width:100%;
    height:3.5rem;
    overflow: hidden;
    border: 1px solid #eee;

}
.related .typeArea>a .imgContain img{
    width:100%;
    height:100%;
    object-fit: cover;
    transform: scale(1);
    transition: all 0.5s;
}

.related .typeArea>a .bottom {
    padding: .2rem 0;
    border-bottom: 2px solid #eee;
    position: relative;
    padding-left: 5%;
    display: flex;
    align-items: center;
    font-size: .18rem;
    transition: all .5s;
}
.related .typeArea>a .triangle {
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666;
    padding-left: 0 !important;
    transform: rotate(270deg);
    transition: all .5s;
}

.related .typeArea>a:hover .bottom {
    color: #333;
    border-bottom: 2px solid #333;
}
.related .typeArea>a:hover .triangle {
    border-top: 6px solid #333;
}
.related .typeArea>a:hover img{
    transform: scale(1.05);
}


#certify .swiper-slide img{
    width:100%;
    height:100%;
    padding:5px !important;
    box-sizing: border-box;
}

.previewPic {
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
.previewPic>img {
    width: 35%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.previewPic>img.close {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 45%;
    right: 0;
    bottom: 0;
    margin: auto;
}

.aboutUsPublicTitle.mobile{
    display: none;
}







@media (min-width:2550px){}
@media (max-width:1930px){

    .nav{
        position: fixed;
        top:0;
        left:0;
        width:100%;
        height:1.4rem;
        display: flex;
        background:#fff;
        font-size:18px;
        color:#666666;
        z-index:40;
        transition:all .1s;
        box-sizing: border-box;
        border-bottom: 1px solid #eee;

    }
    .nav.current{
        top:-1.4rem;

    }
    .nav>div{
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        border-right:1px solid #EEEEEE;
    }
    .nav>div .child{
        border-top:0px solid #ccc;
        position: absolute;
        width:100vw;
        top:1.4rem;
        left:0;
        height:0;
        line-height:.6rem;
        z-index:100;
        overflow: hidden;
        transition:all .01s;   /*核心代碼*/
        background:rgba(225,225,225,0.9);
        /*display: none;*/
        display: flex;




    }
    .nav>div .child>a{
        text-align: center;
        width:50%;
        border-right:1px solid #ccc;
        font-size:14px;
        color:#222;
        transition:all.5s;
    }
    .nav>div .child>a:hover{
        background: #fff;
        opacity:.7;
    }
    .nav>div .child>a:last-child{
        border-right:0;
    }
    .nav>div .child.current{
        height:.6rem;
        border-top:1px solid #ccc;
        transition:none;
        /*border-bottom:30px solid transparent;*/
    }
    .nav>div.search{
        z-index:20;
    }
    .nav .language{
        /*position: relative;*/
    }
    .nav .allLanguage{
        position: absolute;
        height:1.4rem !important;
        background:#fff;
        display: flex;
        align-items: center;
        padding-left:.6rem;
        z-index:100;
        right:-100%;
        transition:all .1s;

    }
    .nav .allLanguage.current{
        right:0%;

    }
    .nav .allLanguage>div{
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        border-radius: 50%;
        border: 2px solid #BBBBBB;
        /* margin-right: .2rem; */
        color: #BBBBBB;
        transition: all .5s;
        cursor: pointer;
        font-weight: bold;
        font-size: 15px;
        margin-right:.6rem;
    }
    .nav .allLanguage>div:hover {
        border: 2px solid #016a3f;
        color: #016a3f;
    }
    .nav .menu,.nav .search,.nav .production,.nav .contact , .nav .language{
        flex:0.8;
    }
    .nav .proSort{
        flex:1.2;
        font-size:20px;
        /*font-weight: bold;*/
    }
    .nav .proSort a{
        cursor:pointer;
    }
    .nav .proSort a:hover{
        color:#016a3f;
    }
    .nav>div>a:hover{
        color:#016a3f;
    }
    .nav .search img{
        cursor:pointer;
        position:relative;
        top:0;
        transition:all .2s;
    }
    .nav .search img:hover{
        top:-3px;
    }
    .nav .production a, .nav .contact a{
        cursor:pointer;
    }
    .nav .fontContain{
        display: flex;
    }
    .nav .fontContain>div{
        width:25px;
        height:25px;
        text-align: center;
        line-height:25px;
        border-radius:50%;
        border: 2px solid #BBBBBB;
        /*margin-right:.2rem;*/
        color:#BBBBBB;
        transition:all .5s;
        cursor:pointer;
        font-weight: bold;
        font-size:15px;
    }
    .nav .fontContain>div:hover{
        border: 2px solid #016a3f;
        color:#016a3f;
    }
    .nav .fontContain>div.active{
        border: 2px solid #016a3f;
        color:#016a3f;
    }
    .nav .logo{
        flex:3.5;

    }
    .nav .logo a{

        width:2.03rem;
        height:1.36rem;

        /*min-width:203px;*/
        /*min-height:136px;*/

    }
    .nav .logo img{
        cursor:pointer;
        width:100%;
        height:100%;
    }
    .nav .share{
        flex:0.85;

    }
    .nav .share img{

        cursor:pointer;

    }



    .banner{
        margin-top:1.4rem;
        width:100%;
        height:calc(100vh - 1.4rem);
        background:pink;
        z-index:30;
    }
    .banner .swiper-container {
        width: 100%;
        height: 100%;
        background-color: rgb(179, 189, 196);
        transition: 1s background-color 1.3s;
    }
    .banner .swiper-wrapper {
        transition-delay: 1s;
        transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
    }
    .banner .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .banner .title {
        transition-delay: 1s;
        z-index: 10;
    }
    .banner .title h3 {
        font-weight: 700;
        font-size: calc(55px + 54 * ((53vw + 53vh) - 520px) / 820);
        letter-spacing: -1px;
        color: rgba(255,255,255,0);
        -webkit-text-stroke: 2px #fff;
    }
    .banner .img-box {
        width: 100%;
        height: 100%;
        position: absolute;
        transform: scale(0.6, 0.6);
        transition-duration: 1s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
        opacity: 0.9;
        overflow: hidden;
    }
    .banner .img-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.2, 1.2) translateX(50%);
        transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
        transition-property: transform;
    }
    .banner .button-prev, .button-next {
        transition: 0.5s;
        outline: none;
        position: absolute;
        width: 140px;
        z-index: 10;
        top: 45vh;
        transform: translateY(-34px);
        cursor: pointer;
    }
    .banner .button-prev {
        left: 4vw;
    }
    .banner .button-next {
        right: 4vw;
    }
    .banner .button.disabled {
        opacity: 0.2;
        cursor: default;
    }
    .banner #arrow-svg-home {
        transform: translateY(353px);
    }
    .banner .button-next #arrow-svg-home {
        transform: translateY(353px) rotateY(180deg);
        transform-origin: 80px 0px 0px;
    }
    .banner svg {
        transition: 0.5s;
    }
    .banner .cls-1 {
        transition: 0.5s;
        opacity: 0.4;
        transform-origin: -20px 40px;
        opacity: 1;
    }
    .banner .cls-4 {
        transition: 0.5s;
        stroke-width: 2px;
        stroke: #fff;
        fill: none;
        stroke-dasharray: 1;
        stroke-dashoffset: 1;
        opacity: 0.4;
        transform-origin: 0px 0px 0px;
    }
    .banner #arrow-trg {
        transition: 0.5s;
        fill: #fff;
        transform: rotateY(180deg) translate(-53px, 39px);
    }
    .banner #line {
        transition: 0.5s;
        stroke: #fff;
        transform: translate(50px, 42px);
    }
    .banner .button-prev:not(.disabled):hover svg {
        transform: translateX(-25px);
    }
    .banner .button-next:not(.disabled):hover svg {
        transform: translateX(25px);
    }
    .banner .button:not(.disabled):hover .cls-1 {
        transform: scale(1.1);
    }
    .banner .button:not(.disabled):hover .cls-4 {
        stroke-dasharray: 2px;
        stroke-dashoffset: 2px;
        opacity: 1;
    }
    .banner .button:not(.disabled):hover #arrow-trg {
        transform: rotateY(180deg) translate(-37px, 39px);
    }
    .banner .button:not(.disabled):hover #line {
        transform: translate(35px, 42px) scaleX(0.33);
    }





}
@media (max-width:1690px){

    #certify{
        width:13.8rem;
    }
    #certify .swiper-slide img{
        width:100%;
        height:100%;
    }
    #certify .swiper-container{
        width:100%;
    }

    .typeArea{
        width:100%;
        box-sizing: border-box;
        padding:0 2%;
    }
    .bottomNav .right{
        justify-content: center;
    }

    .bottomNav .leftContain{
        width:60%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .bottomNav .left{
        width:auto;
    }
    .bottomNav .right{
        width:auto;
    }
    .bottomNav .right>div{
        width:5rem;
    }
    .bottomNav .left>.title{
        font-size:.2rem;
        margin-top:.6rem;
    }
    .bottomNav .left .productionSort>div{
        margin-right:.8rem;
    }
    .bottomNav .left .productionSort{
        margin-top:.65rem;
    }
    .bottomNav .left .productionSort .title{
        font-size:.16rem;
        margin-bottom:.4rem;
    }
    .bottomNav .left .productionSort a{
        font-size:.14rem;
        margin-top:.15rem;
    }

    .bottomNav .right>div .productionDataForm{
        margin-top:.23rem;
        margin-bottom:.34rem;
    }

    .bottomNav .right .productionDataForm>div{
        height:.7rem;
        line-height:.7rem;
    }

    .bottomNav .right>div .tip{
        font-size:.16rem;
        line-height:.4rem;
    }
    .bottomNav .right>div .copyRight{
        font-size:.14rem;
        line-height:.4rem;
    }
    .bottomNav .right .productionDataForm>div>div.right{
        flex: 1;
    }

    .bottomNav .right .productionDataForm>div>div.left{
        font-size:.14rem;
    }


    .companyInfo>.typeArea .leftContain{
        width: calc(100% - 11.62rem);
        display: flex;
        justify-content: center;
    }

    .aboutNeo .typeArea .left{
        width: calc(100% - 9.91rem);

    }

    .companyInfo>.typeArea .leftContain  .left{
        width:75%;

    }

    .companyInfo>.typeArea .left .title1{
        font-size:.36rem;
    }
    .companyInfo>.typeArea .left .title2{
        font-size:.24rem;
    }

    .companyInfo>.typeArea .left p{
        font-size:.2rem;
    }


    .newsTrends .newsContain{
        justify-content: center;
    }
    .newsTrends .newsContain .newsInfo .date{
        font-size: .2rem;
    }
    .Vertical>a{
        width:1.5rem;
        height:.5rem;
        font-size:.16rem;
        line-height:.5rem;
    }
    .publicTitle {
        padding: .6rem 0;
    }
    .publicTitle .title .line1{
        width:.85rem;
    }
    .publicTitle .title .font{
        font-size:.36rem;
    }
    .publicTitle .contain{
        font-size:.2rem;
        line-height:.35rem;
    }
    .aboutNeo .publicTitle{
        padding-top:1.44rem;
        padding-bottom:.7rem;
    }
    .aboutNeo .typeArea .left .contain{
        font-size:.2rem;
        line-height:.4rem;
    }
    .aboutNeo .typeArea .left .imgContain{
        margin-top:.55rem;
    }
    .Vertical2>a{
        width: 1.9rem;
        height: .5rem;
        line-height: .5rem;
    }
    .aboutNeo .typeArea .left .imgContain{
        display: flex;
        justify-content: center;
    }
    .productFamily>.typeArea .containn>.right .otherInfo .sym{
        width:.3rem;
        height:.3rem;
    }
    .productFamily>.typeArea .containn>.right .otherInfo .font{
        font-size:.4rem;
    }
    .productFamily>.typeArea .containn>.right .midFont{
        font-size:.18rem;
    }
    .newsTrends .newsContain .newsInfo .title{
        box-sizing: border-box;
        padding:0 20%;
        line-height:.3rem;
    }
    .bottomNav{
        height:5rem;
    }
    .productFamily>.typeArea .containn>.left{
        left:5%;
    }
    .productFamily>.typeArea .containn>.right{
        right:5%;
    }
    .productFamily>.typeArea .containn.change .left{
        right: 5%;
    }
    .productFamily>.typeArea .containn.change .right {
        left: 5%;
    }
    .publicTitle .title .line2{
        width:.85rem;
    }
    .screenn>.twoContain>.contain>.title{
        font-size:.17rem;
    }
    .screenn>.twoContain>.contain>.con{
        font-size:.15rem;
    }
    .menuTab{
        padding:0;
        padding-bottom: .2rem;
    }

    .aboutUsCaseList .typeArea>a{
        width: 49%;
        margin-right: 2%;
        margin-top:2%;
        height:auto;
    }

    .aboutUsFactoryList .typeArea>a{
        width: 49%;
        margin-right: 2%;
        margin-top:2%;
        height:auto;
    }

    .aboutUsGalleryList .typeArea>a.spec{
        width: 49%;
        margin-right: 2%;
        margin-top:2%;
        height:auto;
    }
    .aboutUsGalleryList .typeArea>a{
        width: 49%;
        margin-right: 2%;
        margin-top:2%;
        height:auto;
    }
    .aboutUsGalleryList .typeArea a.spec:nth-child(1){
        margin-top:0;
        margin-right:2%;
    }
    .aboutUsGalleryList .typeArea a.spec:nth-child(2){
        margin-right:0;
        margin-top:0;

    }
    .aboutUsGalleryList .typeArea a.spec:nth-child(3){
        margin-right:2%;
        margin-top:2%;
    }
    .aboutUsGalleryList .typeArea a:nth-child(2n){
        margin-right:0%;
    }
    .aboutUsGalleryList .typeArea a:nth-child(2n+1){
        margin-right:2%;

    }
    .aboutUsGalleryList .typeArea a:nth-child(4) .imgContain{
        width:100%;
        height:100%;

    }
    .productionB .typeArea>a{
        width: 100% !important;
    }


    .article .contain p{

        line-height:.4rem;

    }


    .logoAndImg{
        height:auto;
    }
    .Scratchable>a{
        width: 31.3% !important;

    }
    .certify{
        width:100%;
    }
    .neoDevelopBanner{
        height:auto;
    }
    .neoDevelop{
        padding-bottom:.5rem;
    }
    .certify .swiper-button-next{
        right:10%;
    }
    .certify .swiper-button-prev{
        left:10%;
    }


    .related .typeArea>a{
        width: 23.5%;
    }
    .productionInfo img{
        width:25%;
    }
    .insideBanner .bannerContain .swiper-slide img{
        width:100%;
    }
    .Scratchable>a .imgContain{
        width:100%;
        height:4rem;
    }
    .Scratchable>a{
        height: 4.7rem;
    }







}
@media (max-width:1610px){



}
@media (max-width:1460px){



}
@media (max-width:1410px){}
@media (max-width:1290px){
    .nav .proSort{
        display: none;
    }
    .searchBox.flex{
        width:5.7rem;
    }
    .certify .swiper-button-next{
        right:5%;
    }
    .certify .swiper-button-prev{
        left:5%;
    }


}
@media (max-width:1060px){




}
@media (max-width:1034px){



}
@media (max-width:817px){
    .search.mobile{
        display: flex;

    }
    .search.pc{
        display: none;
    }
    .menu.pc{
        display:none;
    }
    .menu.mobile{
        display: flex;
    }

    .coffeeBanner{
        display: none;
    }
    .phoneCoffeeBanner{
        display: block;
        padding-bottom:.8rem;
    }
    .phoneCoffeeBanner .swiper-wrapper img{
        width:100%;
        display: block;
    }
    .bottomNav{
        height:auto;
        padding-bottom:20px;
    }

    .bottomNav .leftContain{
        display: none;
    }

    .bottomNav .right>div{
        position: relative;
        width:100%;
        margin-top:20px;
    }

    .bottomNav .right{
        width:100%;
    }

    .bottomNav .right>div .copyRight{
        font-size:13px;
    }

    .bottomNav .right>div .tip{
        font-size:13px;
    }
    .bottomNav .right>div .productionDataForm{
        margin:15px 0;
    }
    .bottomNav .right .productionDataForm>div{
        height:45px;
        line-height:45px;
    }

    .bottomNav .right .productionDataForm>div>div.left{
        display: block;
        font-size:12px;
    }

    .typeArea{
        padding:0 5%;
    }
    .nav .share,.nav .production, .nav .contact, .nav .language{
        display: none;
    }
    .menuItem{
        display: none;
    }

    .productFamily>.typeArea .containn>.right{
        position: relative;
    }
    .productFamily>.typeArea .containn>.left{
        position: relative;
        left:auto;
        width:100%;
        top:5.8rem;

    }
    .productFamily>.typeArea .containn{
        width:100%;
        height:auto;
    }
    .productFamily>.typeArea .containn>.right{
        width:100%;
        right:0;
        top:-5.8rem;
    }
    .productFamily>.typeArea .containn>.right .imgContainCom{
        justify-content: space-between;
    }
    .productFamily>.typeArea .containn>.right .imgContainCom .imgContain{
        margin-right:0;
        width:47.5%;
    }
    .productFamily>.typeArea .containn>.right .midFont {
        margin: .4rem auto;
        line-height:.4rem;
    }

    .phoneProduct .swiper-container{
        height:12.5rem;
    }

    .phoneProduct{
        display: block;
    }
    .pcProduct{
        display: none;
    }
    .productFamily>.typeArea{
        /*height:100%;*/
    }
    .aboutNeo>img{
        position: relative;
    }
    .aboutNeo{
        height:auto;
        text-align: center;
    }
    .aboutNeo .typeArea .left{
        width:100%;
    }

    .aboutNeo .publicTitle {
        padding-top: .9rem;
    }
    .aboutNeo .typeArea .left .contain{
        line-height:.45rem;
    }
    .aboutNeo .typeArea .left .imgContain{
        flex-wrap: wrap;
    }
    .aboutNeo .typeArea .left .imgContain img{
        width:calc(5rem/2) ;
        height:calc(2.75rem/2);
        margin-top:.5rem;
        max-height:none;
    }
    .aboutNeo .typeArea .left .imgContain img:nth-child(-n+2){
        margin-top:0;
    }
    .aboutNeo .typeArea .left .imgContain img:nth-child(2n){
        margin-right:0;
    }
    .Vertical2 {
        padding: .5rem 0;
    }
    .Vertical2>a {
        width: 80%;
        height: .9rem;
        line-height: .9rem;
    }
    .Vertical>a{
        width: 80%;
        height: .9rem;
        line-height: .9rem;
    }
    .Vertical{
        padding: .5rem 0;
    }
    .aboutNeo>img{
        width:90%;
        height:auto;
    }
    .pcNewsTypeContain{
        display: none;
    }
    .phoneNewsTypeContain{
        display: block;
    }
    .newsTypeContain{
        height:auto;
    }

    .newsTrends .newsContain .contain{
        width:100%;
    }
    .newsTrends .newsContain{
        display: block;
    }
    .phoneNewsTypeContain .swiper-container{
        height: 6rem;
    }
    .newsTrends .newsContain .newsInfo {
        bottom: 0rem !important;
    }
    .companyInfo{
        height:auto;
        text-align: center;
        padding-bottom:.5rem;
    }
    .companyInfo>img{
        position: relative;
        width:90%;
        height:auto;
        margin-top:.5rem;
    }
    .companyInfo>.typeArea .leftContain{
        width:100%;
    }
    .companyInfo>.typeArea .leftContain .left{
        width:100%;
    }
    /*.companyInfo>.typeArea .left .imgContain .logo1{*/
        /*width:calc( .96rem * 3 );*/
        /*height:calc( .56rem * 3 );*/
    /*}*/
    /*.companyInfo>.typeArea .left .imgContain .logo2 {*/
        /*width:calc( .93rem * 3 );*/
        /*height:calc( .49rem * 3 );*/
    /*}*/
    .companyInfo>.typeArea .left .imgContain img{
        margin-top:.5rem;
        width: calc(2rem*1.5);
        height: calc(1.6rem*1.5);
        max-height:none;
    }
    /*.companyInfo>.typeArea .left .imgContain .logo3{*/
        /*width:calc( .85rem * 3);*/
        /*height:calc( .5rem * 3 );*/
    /*}*/
    /*.companyInfo>.typeArea .left .imgContain .logo4{*/
        /*width:calc( 1.11rem * 3 );*/
        /*height:calc( .43rem * 3 );*/
    /*}*/
    .companyInfo>.typeArea .left .imgContain img:nth-child(2n){
        margin-right:0;
    }

    .bottomNav .right>div .tip{
        line-height:.6rem;
    }

    .bottomNav .right>div .copyRight{
        line-height:.6rem;
    }
    .pcBanner{
        display: none;
    }
    .mobileBanner img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
    .Vertical2.pc{
        display: none;
    }
    .aboutNeo>img{
        margin-top:.5rem;
    }
    .bannerC{
        height: calc(100vh - 1.4rem);
        margin-top: 1.4rem;
    }

    .bannerC .swiper-container{
        width:100%;
        height:100%;

    }

    .mobileBanner{
        display: block;
    }

    .newsTrends .newsContain .contain .imgContain img{
        filter: grayscale(0);
    }

    .Vertical2.phone{
        display: block !important;
    }

    .myCompany>.typeArea .imgContain>img{
        width:49%;
        margin-right:2%;
        height:auto;
        margin-top:2%;
        max-height: 2rem;
    }
    .myCompany>.typeArea .imgContain>img:nth-child(-n+2){
        margin-top:0;
    }
    .myCompany>.typeArea .imgContain>img:nth-child(2n){
        margin-right:0;
    }
    .myCompany>.typeArea .imgContain{
        flex-wrap: wrap;
    }

    .menuTab .circleContain{
        width:49%;
        margin-right:2%;
        height:auto;
        margin-top:2%;
    }
    .menuTab>.typeArea{
        flex-wrap: wrap;
    }
    .menuTab .circleContain:nth-child(2n){
        margin-right:0;
    }
    .mapCpntain>.typeArea{
        flex-wrap: wrap;
        height:6rem;
    }
    .mapCpntain>.typeArea .left{
        width:100%;
        height:50%;
        display: none;
    }
    .mapCpntain>.typeArea .right{
        width:100%;
        height:100%;
        margin-top:.4rem;
    }

    .navigation>a {
        height: .8rem;
        width: 2rem;
        border-radius: .4rem;
        line-height: .8rem;
        padding:0;
        transition:none;
    }

    .aboutUsCaseList .typeArea>a .fontContain .see{
        display: none;
    }

    .aboutUsFactoryList .screenn{
        bottom:0;
        opacity:1;
    }
    .exhibitiion .top{
        display: none;
    }
    .exhibitiion .bottom .nextPageContain{
        display: none;
    }
    .exhibitiion .bottom .lastPageContain{
        display: none;
    }

    .exhibitiion .bottom .imgContain{
        height:auto;
    }
    .exhibitiion .bottom{
        height:auto;
        width:100%;
    }
    .exhibitiion .paginggg .typeArea{
        padding:0;
        display: flex;
        justify-content:center;
    }
    .exhibitiion .bottom .imgContain{
        width:100%;
    }
    .exhibitiion .swiper-pagination{
        bottom:-.525rem;
    }
    .exhibitiion .swiper-pagination-bullet{
        margin-right:.2rem;
    }
    .productionB .typeArea{
        column-count: 2;
        column-gap: 1em;
    }
    .exhibitiion .swiper-container .swiper-slide{
        height:5.2rem !important;
    }
    .article img{
        width:100%;
        height:auto !important;
        object-fit: cover;
        margin-top:.2rem;
    }
    .article p{
        line-height:.5rem;
        font-size:.26rem;
    }

    .PageSwitch .before img{
        display: none;
        width:.32rem;
        height:.32rem;
    }
    .PageSwitch .next img{
        display: none;
        width:.32rem;
        height:.32rem;

    }

    .logoAndImg{
        flex-wrap: wrap;
        height:auto;
    }
    .logoAndImg .left{
        width:100%;
    }
    .logoAndImg .right{
        width:100%;
    }

    .neoAdvantage .menuTab{
        flex-wrap: wrap;
    }

    .menuTab .circle{
        margin:.5rem auto;

    }
    .neoAdvantage .menuTab .circle{
        margin:0 auto;

    }
    .neoAdvantage .menuTab .circleContain{
        width:49%;
        /*display: flex;*/
        /*align-items: center;*/
    }
    .menuTab .circleContain p{
        margin-left:4%;
        /*margin-bottom: .4rem;*/
        line-height:.4rem;
        margin-bottom:.15rem;
        margin-top:.15rem;
    }
    .neoDevelop{
        display: none;
    }
    .phoneDevelop{
        display: block;
        width:100%;
        background:#fff;
    }
    .phoneDevelop .typeArea{
        height:5.6rem;
    }

    .phoneDevelop .swiper-container {
        width: 100%;
        height: 100%;
        padding-bottom:.7rem;
    }

    .phoneDevelop .swiper-slide {
        text-align: center;
        font-size: .18rem;
    }
    .phoneDevelop .swiper-pagination-bullet-active{
        background:cyan;
    }
    .phoneDevelop .swiper-slide .imgContain{
        height:80%;

    }
    .phoneDevelop .swiper-slide .imgContain img{
        width:100%;
        height:100%;

    }
    .phoneDevelop .swiper-slide>p{
        display: flex;
        height: 20%;
        align-items: center;
        padding:0 5%;
        background: #F7F7F7;
        width:100%;
    }

    .phoneDevelop .swiper-slide>p .data{
        margin-right:2%;
        color:red;
    }

    .phoneDevelop .swiper-slide .detail{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
        width:75%;
    }

    .left img{
        height:auto;
        max-height: 2rem;
    }
    .phoneProduct  .left img{
        height:auto;
        max-height: none;
    }
    .aboutNeo  .left img{
        max-height:1.5rem;
    }

    .productionBinfo .typeArea>div{
        height:auto !important;
    }

    .related .typeArea{
        flex-wrap: wrap;
    }
    .related .typeArea>a{
        width: 49%;
        margin-top:4%;
        margin-right:2%;
    }
    .related .typeArea>a:nth-child(2n){
        margin-right:0;
    }
    .related .typeArea>a:nth-child(-n+2){
        margin-top:0;
    }
    .productionAdvan .menuTab{
        flex-wrap: wrap;
    }
    .productionAdvan .menuTab .circleContain{
        width:49%;
        /*display: flex;*/
        height:auto;

        /*align-items: center;*/
        margin-right:auto;

    }
    .productionAdvan .menuTab .circle{
        margin:0 auto;
        margin-right:auto;
    }
    .productionAdvan .menuTab .circleContain p{
        margin-top: .15rem;
    }
    .previewPic>img{
        width:82%;
    }
    .previewPic>img.close{
        top: 66%;
        left:0;
    }

    .related .typeArea>a .bottom{
        padding-left:15%;
    }
    .productFamily {
        padding-bottom: 0.2rem;
    }
    .productionB .typeArea>a .bottom{
        padding-left:15%;
    }


    .Scratchable>a{
        width:100% !important;
        margin-top:2%;
    }
    .Scratchable>a:first-child{
        margin-top:0;
    }
    .aboutUsCaseList .typeArea>a .imgContain{
        height: 2.5rem;
    }

    .aboutUsPublicTitle.mobile{
        display: block;
    }

    .neoCompany .left img{
        width:calc(5rem/2) ;
        height:calc(2.75rem/2);
        max-height:none;
    }


    .newsTrends .newsContain .contain:nth-child(-n+2) {
        margin-top: 0;
    }
    .newsTrends .newsContain .contain:nth-child(3) {
        margin-top: 2% !important;
    }


}
@media (max-width:799px){







}