@media all and (max-width:1660px) {
  .container{padding-left:30px;padding-right:30px;}
  .brand,.history{padding-top:120px;height:1200px;}
  .team .teamBig{left:30px;width:34%;}
  .product{padding-top:120px;}
  .news{padding-top:180px;padding-bottom:120px;}
  .newsImg{top:-80px;}
  .news .hTitle{margin-bottom:90px;}
  .historyA{height:auto !important;padding-bottom: 60px !important;}
  .historyA .hTitle span{font-size:6em;}
  .crossoverMain .kj_img{left:50%;margin-left:-960px;}
  .crossoverMain .kj_img2{right:auto;margin-left:0px; margin-right:-960px;}

}


@media all and (max-width:1440px) {
  .pd60{overflow:hidden;}
  .brand,.history{height:auto;padding:80px 0;}
  .brandR .tie{font-size:6.5em;}
  .brand .container2{margin-top:-30px;}
  .hTitle span{font-size:5em;}
  .history{padding-bottom:160px;}
  .historyMain li h4 span{width:140px;height:140px;line-height:140px;}
  .historyMain li p{margin-left:-120px;}
  .team{overflow: visible;}
  .team .teamBig{top:-120px;}
  .product{padding-top:80px;}
  .product li a{height:700px;}
  .product li:nth-child(2n){margin-top:200px;}
  .news .container{padding-left:50px;padding-right:50px;}
  .listBanner h3 img{max-width:80%;}
  .bVideo{height:600px;}
  .aboutL{padding-top:0;width:35%;}
  .proBan::after{height:130px;background-size:100%;}
  .proMenu{margin-top:-180px;}
  .proMenu li a{width:280px;height:280px;}
  .proMenu li span{font-size:1.8em;}
  .proShow_pic{margin-right:-40px;}
  .proShow_pic li{padding-right:40px;}
  
}

@media all and (max-width:1280px) {
  .container{padding-left:15px;padding-right:15px;}
  .brandL .tie{margin-bottom:40px;}
  .brandL .tie3{margin:20px 0 25px 0;}
  .brandL .txt,.history .txt{line-height:1.8;}
  .brandR .tie{font-size:6em;}
  .historyMain li h4{font-size:1.6em;}
  .historyMain li h4 span{width:110px;height:110px;line-height:110px;}
  .team{min-height:auto;}
  .team .teamBig{left:15px;}
  .team .teamBig{top:0px;}
  .product li a{height:600px;}
  .product li h4 span{font-size:2em;}
  .product li:nth-child(2n){margin-top:150px;}
  .news{padding-top:130px;}
  .newsImg{top:-150px;}
  .news .hTitle{margin-bottom:40px;}
  .Authenticity .pic2{width:30%;}
  .caseList li{width:33.3%;}
  .historyA .hTitle span{font-size:4.2em;}
  .filterMenu li{width:16.6%;}
  .filterMenu li:nth-child(7n) .filterSub{left:0;right:auto;}
  .filterMenu li:nth-child(6n) .filterSub{left:auto;right:0;}
  .proBan::after{height:16vh;}
  .proMenu{margin-top:-140px;}
  .proMenu li a{width:220px;height:220px;}
  .proShow_pic{padding-top:100px;}
  .listWrap3{margin-top:0px;}
  .proShow_pic{display: flex;flex-flow: row wrap;}
  .proShow_pic li{width:33.3%;margin-bottom:30px;}
  .proShow_pic li p{min-height:auto;}
}


@media all and (max-width:1024px) {
  .brand,.history,.team,.news,.serviceMenu,.serviceBox1,.Authenticity,.crossoverBox1,.aboutBox1{padding-top:60px;padding-bottom:60px;min-height:auto;}
  .brandL{float:none;width:100%;padding-top:0;}
  .brandR,.brandL .tie,.newsImg,.serviceMenu span,.serviceMenu i::after,.serviceMenu i::before{display:none;}
  .brand .container2,.history .container2{margin-top:30px;padding:0 40px;}
  .hTitle{font-size:1rem;}
  .historyMain li{width:25%;}
  .historyMain li h4{margin-bottom:50px;}
  .historyMain li p{margin-left:-160px;}
  .product .hTitle{padding-right:0;}
  .product ul{margin-right:-5px;}
  .product li{width:50%;margin-bottom:5px;}
  .product li a{border-radius:15px;}
  .product li:nth-child(2n){margin-top:0px;}
  .product .proImg,.serviceBox4::after,.proMenu li span,.proMenu li i::after,.proMenu li i::before{display:none;}
  .product li h4{top:10%;}
  .product li .txt{opacity:1;transform: rotate(0);bottom:10%;width:90%;left:5%;background: rgba(255, 255, 255, .9);color:#333;}
  .news .container{padding:0 15px}
  .news .btn{position: static;display:inline-block;width:35px;height:24px;line-height:24px;font-size:14px;background:#ddd;margin-top:40px;font-weight:700;opacity:1;}
  .newsMain li .pic{margin-right:15px;}
  .listBanner{height:500px;}
  .serviceMenu,.proMenu{flex-flow:row wrap;}
  .serviceMenu li{margin:2px;}
  .serviceMenu li a,.proMenu li a{width:auto;height:50px;line-height:46px;border-radius:0;height:50px;padding:0;border:2px solid #fff;padding:0 25px;}
  .serviceBox1{padding-top:80px !important;}
  .newsList li{padding-left:0;padding-bottom:40px;margin-bottom:40px;margin-top:0;}
  .newsList li .left,.crossoverMain .kj_img2{display:none;}
  .serviceBox1 p{margin:40px 0;}
  .designStyle li{width:33.3%;}
  .Authenticity{padding-top:0;}
  .Authenticity .pic1,.store .pic{display:none;}
  .Authenticity .pic2{bottom:20px;}
  .storeR,.storeL,.crossoverBox2 .txt,.aboutL,.bVideo{float:none;width:100%;}
  .storeList{height:300px;margin-bottom:20px;}
  .storeList li{float:left; width:49%;border-bottom: 1px solid #ddd;height:130px;}
  .storeList li:nth-child(2n){float:right;}
  .storeR{height:600px;}
  .caseList ul{margin-right:-10px;}
  .caseList li{padding-right:10px;margin-bottom:20px;}
  .crossoverBox2 .txt{margin-bottom:30px;}
  .crossoverMain::after{top:50px;height:220px;}
  .crossoverImg img{height:320px;width:320px;}
  .aboutL .txt{margin-bottom:25px;text-align:center;}
  .bVideo{border-width:15px;}
  .team{overflow: hidden;}
  .teamA ul{flex-flow: row wrap;}
  .teamA li{width:33.3%;max-width:170px;margin-bottom:15px;padding:0 5px;}
  .teamShow_pic .bgImg{height:450px;}
  .teamShow_pic{min-height:auto;padding-top:60px;}
  .filterMenu li{position: static;}
  .filterMenu li:hover .filterSub{width:100%;}
  .filterMenu li{flex-grow:1;min-width:120px;}
  .filterMenu li>a{max-width:100%;}
  .proBan h3{top:50%;}
  .proBan::after{display:none;}
  .proMenu li a{display:block;border:none;margin-right:1px;margin-bottom:1px;}
  .proMenu{margin-top:0;margin-bottom:0;padding:0;}
  .proMenu li{margin-top:0 !important;flex-grow:1;}
  .proTie1{margin-bottom:25px;}
  .proShow_top .pic{margin-right:40px;}
}





@media all and (max-width:920px) {

}




@media all and (max-width:768px) {
  .brand,.team,.news,.serviceMenu,.serviceBox1,.crossoverBox1,.aboutBox1,.history{padding-top:40px;padding-bottom:40px;}
  .brand .container2{padding:0 15px;text-align:center;}
  .brandSlide .btn,.swiperBtn{position: static;display:inline-block;width:35px;height:24px;line-height:24px;font-size:14px;background:#ddd;margin-top:20px;font-weight:700;opacity:1;}
  .hTitle{margin-bottom:30px;}
  .hTitle span{font-size:3.5em;}
  .historyMain li{width:33.3%;}
  .historyMain li p{width:auto;margin-left:0;}
  .product{padding-top:40px;}
  .team .container,.crossoverBox1{padding-left:15px;padding-right:15px;}
  .teamTxt{padding-left:38%;}
  .team .teamBig{top:-100px;}
  .product li a{height:500px;}
  .listBanner{height:400px;}
  .serviceForm{padding-right:0;}
  .serviceForm input{width:49%;margin-bottom:20px;}
  .serviceForm input:nth-child(2n){float:right;}
  .serviceForm .s2{margin:0;margin-bottom:20px;}
  .serviceForm .sub{position: static;width:49%;}
  .designStyle ul{margin-right:-10px;}
  .designStyle li{width:50%;margin-bottom:15px;padding-right:10px;}
  .Authenticity .pic2{display:none;}
  .serviceBox4 .tie2{font-size:3em;}
  .serviceBox1 p{margin:25px 0;}
  .storeR{height:500px;}
  .newsList li{padding-bottom:30px;margin-top:30px;}
  .newsList li .pic{width:100%;float:none;margin-bottom:20px;}
  .newsList li .txt p{min-height:auto;margin-bottom:30px;}
  .newsList li .hMore{position: static;}
  .newsList li .pic{margin-bottom:20px;display:block;height:auto;}
  .newsList li .pic img{width:100%;margin-left:0;height:100%;}
  .showPage a{float:none;width:100%;margin-bottom:10px;display: block;}
  .caseList li{width:50%;margin-bottom:15px;}
  .caseList li .txt{padding:15px;height:80px;}
  .caseList li a{border-radius:5px;}
  .flower, .mural{padding:30px 15px;text-align:center;}
  .flowerSlide li a{width:150px;height:150px;}
  .crossoverMain::after{top:50px;height:180px;}
  .crossoverImg img{height:280px;width:280px;}
  .crossoverBox1{text-align:center;}
  .bVideo{height:560px;}
  .historyA .hTitle span{font-size:3em;}
  .teamShow_pic{padding-top:30px;}
  .teamShow_pic .bgImg{height:55%;}
  .teamShow_pic img{max-width:80%;}
  .teamShow .tie3{margin-bottom:30px;}
  .filterMenu li>a{height:34px;line-height:34px;}
  .filterMenu li{padding-bottom:5px;margin-bottom:0;}
  .proBan h3 img{max-width:70%;}
  .proShow_pic{margin-right:-10px;}
  .proShow_pic li{width:50%;padding-right:10px;}
  .proShow_top .pic{float:none;width:100%;margin-bottom:20px;display: block;height:auto;border-radius:0;}
  .proShow_pic{padding-top:50px;}
}

@media all and (max-width:640px) {
  .brandL .txt{margin-bottom:25px;}
  .brandL .tie2{font-size:3em;}
  .brandL .more{width:100%;}
  .brand .container2{padding-top:20px;}
  .historyMain li{width:50%;}
  .historyMain li h4 span{width:120px;height:120px;line-height:120px;}
  .team .teamBig{top:-40px;}

  .teamTxt h4{margin:15px 0}
  .product li a{height:400px;}
  .product li .txt{display:none;}
  .newsMain li h4{margin-bottom:10px;}
  .listBanner{height:320px;}
  .serviceBox1 .tie img{max-width:80%;}
  .serviceForm input{font-size:12px;}
  .fwcxBox{padding:40px 25px;}
  .fwcxForm button{margin:25px 0;}
  .fwcxForm input{height:50px;line-height:50px;}
  .storeR{height:420px;border-width:15px;}
  .shopForm{margin-bottom:40px;}
  .storeList li{width:100%;}
  .storeList{height:450px;}
  .showTie{margin-bottom:25px;}
  .showTie h2{font-size:1.6em;}
  .showTie .txt span{font-size:14px;float:left;width:50%;margin:0;margin-bottom:5px;}
  .mural{padding-top:0;padding-bottom:0;}
  .bVideo{height:480px;}
  .proMenu li a{height:40px;line-height:40px;}
  .proShow_pic li .pImg{margin-bottom:20px;}
  .picSlide-thumbs li{padding-top:20%;}
  .picSlide-thumbs li::after{border-width:3px;}

}
@media all and (max-width:560px) {
  .team .teamBig{top:-20px;}
  .teamTxt h4 span{font-size:2em;}
}
@media all and (max-width:480px) {
  .brandL .tie2 img{height:100px;}
  .historyMain li{width:90%;}
  .history .more{width:100%;margin-top:20px;}
  .hTitle span{font-size:2.5em;}
  .team .teamBig{position: static;display:block;text-align:center;width:100%;}
  .team .teamBig::after{display:none;}
  .team .teamBig img{max-width:80%;}
  .teamTxt{padding-left:0;}
  .product li{border-radius:5px;}
  .product li a{height:320px;}
  .product li h4{top:50%;font-size:14px;transform: translateY(-50%);background:rgba(0, 0, 0,.2);padding:15px 0;}
  .product li h4 span{font-size:1.5em;}
  .newsMain li .pic{float:none;width:100%;height:180px;display:block;margin-bottom:15px;}
  .serviceMenu li {margin:0;}
  .serviceMenu li a{height:40px;line-height:36px;font-size:15px;padding:0 10px;}
  .shopForm{padding-right:0;}
  .shopForm select{width:49%;}
  .shopForm .select2{margin:0;float:right;}
  .shopForm input{width:100%;margin-top:15px;}
  .storeR{height:280px;border-width:10px;border-radius:10px;}
  .listBanner{height:260px;}
  .listBanner h3 img{max-width:70%;}
  .hMore{width:100%;}
  .crossoverMain::after{top:50px;height:130px;}
  .crossoverImg img{height:220px;width:220px;}
  .bVideo{height:340px;}
  .videoMain .video-js .vjs-big-play-button,.bVideo .video-js .vjs-big-play-button{width:60px;height:60px;margin-left:-30px;margin-top:-30px;line-height:60px;}
  .historyA .hTitle span{font-size:2em;}
  .historyA{padding-bottom:40px !important;}
  .proShow_pic li{width:100%;float:none;}
}

@media all and (max-width:380px) {
  .product li a{height:240px;}
  .bVideo{border-width:10px;}
  .listBanner,.bVideo{height:270px;}

}