@media screen and (max-width:1550px){
.wp{max-width:1300px;}
.indexA h3,.indexB .swiper-slide .txt h5,.indexD .tit h3,.indexF .tit h3,.indexE .tit h3,.indexG .tit h3,.indexH .tit h3,.indexC ul li a h5,.indexContact .tit h3,.sidebanner .txt h3{font-size:40px;}
.indexA p{margin:25px 0 0;}
.indexA ul li h6{font-size:40px;}
.indexA .more{margin:40px 0 0;width:220px;height:48px;line-height:48px;font-size:17px;}
.indexG .tit ul li{font-size:17px;}
.indexH .list ul li h5,.indexH .swiper-slide .t h5{font-size:20px;}
.indexG .slidebox .tab ul li{width:350px;height:50px;line-height:50px;font-size:19px;}
.about-index ul li .t p{font-size:24px;}
.about .txt{padding-left: calc((100% - 1300px) / 2);}
.about .txt .t{font-size:16px;line-height:30px;max-width:580px;padding:30px 0;}
.about .pic-box{height:700px;margin-top:50px;}
.about-video .txt p{line-height:36px;font-size:17px;}
.factory .list .swiper-slide .fun-btn h5{font-size:24px;}
.factory2 .swiper-slide a p{font-size:24px;}
.brand-box1 .txt .box{max-width:650px;}
.brand-box1 .txt h5,.brand-box2 h5,.brand-box3 .txt h5,.brand-box5 .txt h3,.brand-box7 .txt h3,.brand-box9 .txt h5,.brand-box10 .txt h5,.brand-box12 .txt h5{font-size:40px;}
.brand-box4 ul li h6{font-size:48px;}
.brand-box4 ul li::after{width:100px;height:4px;}
.brand-box7 .txt .box{max-width:650px;}
.brand-box5 .txt{max-width:800px;padding:60px 90px;}
.brand-box9 .txt .box{max-width:650px;padding-left:50px;}
.brand-box10 .txt .box{max-width:650px;}
.brand-box12 .txt{width:50%;}
.brand-box12 .txt .box{max-width:650px;}
.business .inquiry {width: 62%;margin: 0 19%;}
.contact-us > img {right: 100px;}
.contact-us .tit {width: 65%;padding: 30px 230px 160px 60px;}
}

@media screen and (max-width:1500px){
.wp{max-width:1200px;}
#footer h5{font-size:18px;}
.foot-contact{width:320px;}
.foot-contact img{height:50px;}
.foot-contact ul li{font-size:15px;}
.foot-nav ul li{font-size:15px;line-height:22px;margin-bottom:8px;}
.indexH .list ul li p{font-size:15px;line-height:24px;height:48px;}
.about .txt{padding-left: calc((100% - 1200px) / 2);}
.culture ul li .box .txt p{font-size:17px;}
.scenic-list ul li .t h5{font-size:20px;}
.newsnr h1{font-size:26px;}
.artInfo span{font-size:15px;}
.sidebanner2{height:460px;}
.main-left{width:270px;}
.main-right{margin-left:310px;}
.sidemenu > ul > li h5{font-size:17px;}
.prolist ul li h6{font-size:20px;}
.prolist ul li .more{width:150px;line-height:34px;height:34px;font-size:16px;}
.rd ul li .box h3{font-size:26px;}
.news-right{width:300px;}
.news-left{margin-right:330px;}
.newslist ul li .pic{width:300px;}
.newslist ul li .t{margin-left:40px;}
.newslist ul li .t h5{font-size:20px;}
.newslist ul li .t p{font-size:16px;}
.menu-tabs ul li a{font-size:17px;}
.contact h3{font-size:24px;}
.contact .txt p{font-size:16px;line-height:22px;}
.contact-inquiry h4{margin-bottom:40px;}
.brand-content h3,.brand-content2 h3,.brand-content3 .txt h3{font-size:30px;}
.about h3,.factory h3,.factory2 h3,.factory3 .tit h3,.activity .tit h3,.culture ul li .box .txt h3,.activity .tit h3{font-size:30px;}
.contact-inquiry h4{font-size:30px;}
.factory3 .tit{width:410px;margin-right:20px;}
.factory3 .tit p{font-size:15px;line-height:28px;}
.brand-list ul li .tit img{max-width:80%;}
.brand-list ul li .tit h5{font-size:20px;margin:12px 0 0;}
.brand-list ul li .tit .more{margin:12px 0 0;font-size:16px;}
.brand-content h3::after{width:100px;height:4px;margin:15px auto 0;}
.brand-content2{min-height:800px;}
.brand-content2 .txt{max-width:1200px;line-height:30px;font-size:16px;}
.brand-content3 .txt p{font-size:16px;line-height:28px;}
.brand-box1 .txt .box{max-width:600px;}
.brand-box7 .txt .box{max-width:600px;}
.brand-box5 .txt{max-width:700px;padding:50px 70px;}
.brand-box9 .txt .box{max-width:600px;padding-left:40px;}
.brand-box10 .txt .box{max-width:600px;}
.brand-box12 .txt .box{max-width:600px;padding:70px 20px 70px 0;}
.brand-box12 .txt p{font-size:16px;line-height:1.8;margin:40px 0 0;}
}

@media screen and (max-width:1400px){
.brand-box1 .txt h5,.brand-box2 h5,.brand-box3 .txt h5,.brand-box5 .txt h3,.brand-box7 .txt h3,.brand-box9 .txt h5,.brand-box10 .txt h5,.brand-box12 .txt h5{font-size:36px;}
.business .inquiry {width: 70%;margin: 0 15%;}
.contact-us > img {right: 130px;width: 80%;}
.contact-us .tit {width: 65%;padding: 30px 180px 130px 60px;}
}

@media screen and (max-width:1350px){
.wp,.wp1200{max-width:90%;}
.indexA h3,.indexB .swiper-slide .txt h5,.indexD .tit h3,.indexF .tit h3,.indexE .tit h3,.indexG .tit h3,.indexH .tit h3,.indexC ul li a h5,.indexContact .tit h3,.sidebanner .txt h3{font-size:34px;}
.indexA p{font-size:15px;line-height:22px;margin:20px 0 0;}
.indexA ul li::after{width:60px;height:3px;margin:15px 0 0;}
.indexA ul li h6{font-size:34px;}
.indexA ul li h6::after{right:-26px;top:8px;font-size:26px;}
.indexA ul li span{font-size:15px;}
.indexA ul li:nth-child(1) h6::after{top:15px;right:-40px;font-size:16px;}
.indexA ul li:nth-child(3) h6::after,.indexA ul li:nth-child(4) h6::after{top:15px;right:-52px;font-size:16px;}
.indexA .more{margin:30px 0 0;width:180px;height:45px;line-height:45px;font-size:16px;}
.newslist ul li .pic{width:300px;}
.newslist ul li .t{margin-left:30px;}
.newslist ul li .t h5{font-size:22px;}
}

@media screen and (max-width:1280px){
.header .logo {	width: 280px;}	
.nav > ul > li .drop-down .tab span {padding: 0 20px;}
.business .inquiry {width: 78%;margin: 0 11%;}
.business .inquiry .tit {margin: 60px 110px 110px 0;}
.business .inquiry .tit h4 {font-size: 50px;margin-bottom: 40px;}
.contact-us .tit {width: 70%;padding: 30px 130px 100px 60px;}
.vr-banner{height: 500px;}
}


@media screen and (max-width:768px){
.wp,.wp2{width:100%;padding-right:10px;box-sizing:border-box;padding-left:10px;max-width:none;}
.sitetop,#footBar{display:block;}
.nav,.search,.header .btn,#gotop{display:none !important;}
.header-lang{position:absolute;margin:0;right:12px;top:12px;margin:0;}
.header-lang .box i{color:#fff;}
.top {height: 0;}
.header{height:auto;padding:0;position: static;top: 0;}
.header .logo{margin: 0 auto; display: block;}
.header .logo {width: 190px;position: absolute;left: calc(50% - 110px);top:-37px;}
#banner .page{position:static;width:auto;height:auto;display:block;}
#banner .page .swiper-button-num{display:none;}
#banner .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet{width:30px;height:4px;}
.inquirbox .row{margin-bottom:0;}
.inquirbox .row > div{margin-bottom:10px;}
.inquirbox input[type="text"],.inquirbox textarea{padding:9px 10px;font-size:15px;line-height:22px;}
.inquirbox select{padding:9px 10px;font-size:15px;line-height:22px;}
.inquirbox .submit{margin:0 auto;width:150px;line-height:40px;font-size:16px;}
#footer{padding:30px 0;}
#footer h5{font-size:18px;margin:0 0 20px;text-align:center;}
#footer h5::after{width:40px;margin:15px auto 0;}
#footer .wp{-webkit-flex-direction:column;flex-direction:column;}
.foot-nav{display:none;}
.foot-contact{width:100%;text-align:center;}
.foot-contact img{margin-bottom:20px;}
.foot-contact .share{margin:20px 0 0;-webkit-justify-content:center;justify-content:center;}
.foot-contact .share a{width:40px;height:40px;line-height:40px;}
.foot-contact .share a i{font-size:22px;}
.copyright{padding:15px 0 60px;}
.copyright .wp{height:auto;-webkit-flex-direction:column;flex-direction:column;}
}

@media screen and (max-width:768px){
.header > .wp{height: 100%;}
.cc1{display: none;}
.indexA h3,.indexB .swiper-slide .txt h5,.indexD .tit h3,.indexF .tit h3,.indexE .tit h3,.indexG .tit h3,.indexH .tit h3,.indexC ul li a h5,.indexContact .tit h3,.sidebanner .txt h3{font-size:30px;}
.indexA{padding:30px 10px;-webkit-flex-direction:column;flex-direction:column;}
.indexA .txt{-webkit-flex:1;flex:1;padding:0;}
.indexA h3{text-align:center;}
.indexA .more{margin:30px auto 0;width:150px;height:40px;line-height:40px;font-size:15px;}
.indexA .pic{width:100%;display:none;margin-top:20px;}
.indexB{background-position:center bottom;}
.indexB .swiper-slide{-webkit-flex-direction:column;flex-direction:column;}
.indexB .swiper-slide .pic{width:100%;}
.indexB .swiper-slide .txt{padding:15px 10px 25px;}
.indexB .swiper-slide .txt h5{text-align:center;}
.indexB .swiper-slide .txt h5::after{width:60px;height:3px;margin:15px auto 0;}
.indexB .swiper-slide .txt h6{font-size:24px;margin:20px 0 0;}
.indexB .swiper-slide .txt .t{font-size:15px;line-height:24px;margin:15px 0 0;}

.indexB .swiper-pagination-bullets.swiper-pagination-v{bottom:20px;}
.indexB .swiper-pagination-v .swiper-pagination-bullet {width:30px;height:3px;margin:0 3px;}

.indexB .swiper-pagination-h{right:10px;top:50%;width:10px;}
.indexB .swiper-pagination-h .swiper-pagination-bullet{height:10px;width:10px;}
.indexB .swiper-pagination-h .swiper-pagination-bullet~.swiper-pagination-bullet{margin-top:10px;}


.indexD .tit{padding:30px 0 20px;}
.indexD .tit p{font-size:15px;line-height:22px;}
.indexD .v > a > span{left:calc(50% - 35px);top:calc(50% - 35px);width:70px;height:70px;}
.indexD .v > a > span img{height:70px;width:70px;}
.indexD .v > a > span::before{top:-6px;left:-6px;right:-6px;bottom:-6px;}

@keyframes scale2 { 
from {-webkit-transform:scale(1);transform:scale(1);}
  50% {-webkit-transform:scale(1.3);transform:scale(1.3);}
  to {-webkit-transform:scale(1);transform:scale(1);} 
}
.indexD .tab{position:static;margin:0 10px;display:block;}
.indexD .tab ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexD .tab ul li{width:48%;border:2px solid #ccc;box-sizing:border-box;margin:15px 0 0;}
.indexD .tab ul li+li{margin-top:15px;}


.indexF{margin-top:30px;padding:30px 0;}

.indexF .tit p{font-size:15px;line-height:22px;margin:15px auto 0;}

.indexF .tab{margin:25px 0 0;}
.indexF .tab ul li{padding:0 20px;height:40px;line-height:40px;font-size:15px;margin:0 10px;}

.indexF .list{margin:25px auto 0;}
.indexF .list .swiper-slide h5{margin-top:20px;font-size:20px;}
.indexF .list .swiper-slide .more{width:140px;line-height:34px;height:36px;font-size:15px;margin:15px auto 0;}

.indexF .swiper-button-prev,.indexF .swiper-button-next{width:44px;height:44px;background:rgba(0,0,0,0.6);margin-top:-22px;}
.indexF .swiper-button-prev i,.indexF .swiper-button-next i{font-size:26px;line-height:44px;}


.indexE{padding:30px 0;}
.indexE .tit p{font-size:15px;line-height:22px;}
.indexE .pic{margin:25px auto 0;}


.indexG{padding:30px 0;background-size:cover;}

.indexG .tit{-webkit-flex-direction:column;flex-direction:column;}
.indexG .tit~.tit{margin-top:30px;}
.indexG .tit ul{margin:25px 0 0;}
.indexG .tit ul li{font-size:16px;width:50%;background-position:left 3px;padding:0 0 0 20px;}
.indexG .tit ul li:last-child{margin-left:10px;}

.indexG .list{margin:25px 0 0;}

.indexG .slidebox{margin-top:25px;}
.indexG .slidebox .tab ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.indexG .slidebox .tab ul li{width:31.333333%;height:60px;line-height:20px;font-size:17px;-ms-transform:skew(0);transform:skew(0);margin:0;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.indexG .slidebox .tab ul li span{-ms-transform:skew(0);transform:skew(0);}

.indexG .slidebox .box{margin-top:25px;}
.indexG .slidebox .box .swiper-slide .t{background:rgba(0,0,0,0.46);position:static;padding:10px 8px;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.indexG .slidebox .box .swiper-slide .t p{font-size:16px;line-height:1.2;position:static;}

.indexG .swiper-pagination-bullets{margin:25px 0 0;}
.indexG .swiper-pagination-bullet {height:4px;width:30px;background:#fff;}
.indexG .swiper-pagination-bullet-active{background:#C22231;}


.indexH{padding:30px 0;}
.indexH .tit p{font-size:15px;line-height:22px;}

.indexH .box{margin-top:25px;-webkit-flex-direction:column;flex-direction:column;}

.indexH .scroll{width:100%;}
.indexH .scroll::after{display:none;}
.indexH .swiper-slide .t{background:rgba(0,0,0,0.5);position:static;padding:15px 10px;}
.indexH .swiper-slide .t h5{font-size:18px;}
.indexH .swiper-slide .t p{font-size:15px;}

.indexH .swiper-pagination-bullets{position:static;margin-top:15px;}
.indexH .swiper-pagination-bullet {height:4px;width:30px;}

.indexH .list{margin:30px 0 0;}
.indexH .list .scrollbar-inner{padding-right:20px;}
.indexH .list ul{margin-top:-17px;}
.indexH .list ul li{padding:17px 0;}
.indexH .list ul li h5{font-size:18px;}
.indexH .list ul li p{font-size:15px;margin:12px 0 0;line-height:22px;height:44px;}


.indexC{padding:30px 10px;}
.indexC ul{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexC ul li{width:100%;}
.indexC ul li+li{margin-top:15px;}


.indexContact{padding:30px 0;}
.indexContact .tit p{font-size:15px;line-height:22px;margin:15px 0 0;}
.indexContact .inquirbox{margin:25px 0 0;}
.indexContact .inquirbox .row{margin-bottom:0;}

.indexContact .inquirbox h6{font-size:18px;margin-top:10px;}
.indexContact .inquirbox .check-box{margin-top:12px;}
.indexContact .inquirbox input[type="checkbox"]{margin:5px 10px 0 0;}
.indexContact .inquirbox p{font-size:15px;line-height:22px;}


}


@media screen and (max-width:768px) {

.sidebanner,.sidebanner2{height:300px;background-size: cover;}

.path{height:40px;line-height:40px;}

.main{padding-top:30px;padding-bottom:30px;}
.main-left{width:100%;float:none;}
.main-right{margin-left:0;}
.main-left h3::after{display:block;}
.sidenav ul,.sidemenu ul{display:none;}
.sidenav ul li{line-height:18px;margin:3px 0 0;padding:8px 40px 8px 15px;}
.sidenav ul li::after{line-height:36px;}
.sidenav ul li a{font-size:15px;}

.brand-content h3,.brand-content2 h3,.brand-content3 .txt h3{font-size:26px;}

.about h3,.factory h3,.factory2 h3,.factory3 .tit h3,.activity .tit h3,.culture ul li .box .txt h3,.activity .tit h3{font-size:26px;}
.contact-inquiry h4{font-size:26px;}


.about-index{padding:20px 0;}
.about-index ul{margin:0 -10px;}
.about-index ul li{width:50%;padding:10px;}
.about-index ul li .t p{font-size:22px;}

.menu-tabs{padding:20px 0 10px;}
.menu-tabs ul li{height:40px;line-height:40px;margin:0 5px 10px;}
.menu-tabs ul li a{font-size:16px;padding:0 25px;}

.about{padding:30px 10px;}
.about .box{margin:0;-webkit-flex-direction:column;flex-direction:column;}

.about .pic-box{width:100%;height:500px;margin-top:20px;}
.about .pic-skewed{position:static;width:100%;-webkit-transform:skewX(0);-ms-transform:skewX(0);transform:skewX(0);}
.about .pic-box .pic{height:100%;-webkit-transform:skewX(0);-ms-transform:skewX(0);transform:skewX(0);}

.about .txt{position:static;width:100%;background:none;padding-left:0}
.about .txt .t{font-size:15px;line-height:24px;max-width:none;padding:15px 0 0;}

.about-video .v::after{background-size:80px;}
.about-video .txt{position:static;background:#000;}
.about-video .txt p{line-height:1.5;font-size:16px;padding:20px 10px;max-width:100%;}


.factory{padding:30px 0;}
.factory .list{margin-top:25px;}
.factory .list .swiper-slide .fun-btn{top:auto;padding:8px 5px;-webkit-transition:.5s;transition:.5s;opacity:1;display:none;}
.factory .list .swiper-slide .fun-btn::after{display:none;}
.factory .list .swiper-slide .fun-btn h5{font-size:18px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}


.factory .list .swiper-slide .box{display:-webkit-flex;display:flex;}
.factory .list .swiper-slide .box ul{-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.factory .list .swiper-slide .box ul li{width:calc(50% - 0.5px);box-sizing:border-box;}
.factory .list .swiper-slide .box ul li:nth-child(n+3){margin-top:1px;}
.factory .list .swiper-slide .box ul li:nth-child(2n){}

.factory .list .swiper-slide .box .big{width:47.6%;margin-left:1px;}

.factory .swiper-button-prev,.factory .swiper-button-next{display:none;}
.factory .swiper-pagination-bullets{display:block;}


.factory2{padding:30px 0;background:#F2F2F2;}
.factory2::after{display:none;}
.factory2 .list{margin-top:25px;}
.factory2 .swiper-slide{margin:10px 0;padding:4px;box-shadow:rgba(0,0,0,0.2) 0px 4px 6px 0px;}
.factory2 .swiper-slide a p{display:block;padding:10px 5px;font-size:22px;}
.factory2 .swiper-button-prev,.factory2 .swiper-button-next{display:none;}
.factory2 .swiper-pagination-bullets{display:block;}

.factory3{padding:30px 0;}
.factory3 .wp{-webkit-flex-direction:column;flex-direction:column;}
.factory3 .tit{width:100%;margin-right:0;text-align:center;}
.factory3 .tit p{font-size:15px;line-height:22px;margin:15px 0 0;}
.factory3 .page{display:none;}
.factory3 .list{margin-top:25px;-webkit-flex:none;flex:none;width:100%;}
.factory3 .list .swiper-slide .txt{top:auto;padding:10px 5px;opacity:1;}
.factory3 .list .swiper-slide .txt::after{display:none;}
.factory3 .list .swiper-slide .txt h5{font-size:22px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);;opacity:1;}
.factory3 .swiper-pagination-bullets{display:block;}

.culture ul li+li{margin-top:20px;}
.culture ul li .box{margin:0;}
.culture ul li .box .txt{text-align:center;background:#fff;padding:15px;}
.culture ul li .box .txt h3{font-size:26px;}
.culture ul li .box .txt p{font-size:16px;margin-top:15px;}

.activity{padding:30px 0;}
.activity .tit h3{text-align:center;}
.activity .tit h3::after{width:40px;height:3px;margin:15px auto 0;}
.activity ul li{width:31.3333333%;}
.activity ul li p{font-size:15px;margin-top:10px;line-height:20px;height:40px;overflow:hidden;}


.history::before{left:8px;}
.history .list{padding:30px 0;}
.history .list::before{left:3px;}
.history .list::after{left:3px;}

.history .item{padding:0 0 0 30px;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column;}
.history .item~.item{margin-top:0px;}
.history .item::before{display:none;}

.history .item .date{width:100%;}
.history .item .date em{width:auto;padding:0 20px;height:34px;line-height:34px;font-size:17px;}
.history .item .date::before{content:'';position:absolute;width:62px;height:9px;top:10px;left:4px;background:url(../image/ibg4.png) no-repeat;z-index:-1;}
.history .item:nth-child(2n+2) .date{right:auto;}

.history .item .content{width:100%;}
.history .item .content .box{padding:20px 0;border:none;}
.history .item .content img{margin-bottom:10px;}
.history .item .content p{font-size:16px;line-height:22px;}

.history .item:nth-child(2n+1){-webkit-flex-direction:column;flex-direction:column;}
.history .item:nth-child(2n+1) .content{padding-right:0;}
.history .item:nth-child(2n+1) .date{padding-left:0;}

.history .item:nth-child(2n+2) .content{padding-left:0;}
.history .item:nth-child(2n+2) .date{text-align:left;padding-right:0;}

/*----*/

.brand-list{padding:30px 0 25px;}
.brand-list ul li{margin-bottom:5px;}
.brand-list ul li:nth-child(1),.brand-list ul li:nth-child(3),.brand-list ul li:nth-child(5),.brand-list ul li:nth-child(8){width:30%;}
.brand-list ul li:nth-child(2),.brand-list ul li:nth-child(4),.brand-list ul li:nth-child(6),.brand-list ul li:nth-child(7){width:70%;}
.brand-list ul li:nth-child(9){width:70%;}
.brand-list ul li:nth-child(10){width:30%;}
.brand-list ul li:nth-child(11){width:44%;}
.brand-list ul li:nth-child(12){width:56%}

.brand-list ul li .tit{padding:0 15px;}
.brand-list ul li .tit h5{font-size:18px;margin-top:10px;}
.brand-list ul li .tit .more{margin:10px 0 0;font-size:15px;}

.brand-content{padding:30px 0 0;}
.brand-content h3::after{width:40px;height:3px;}
.brand-content .txt{margin:20px 0 0;line-height:24px;font-size:16px;}

.brand-content .v{margin-top:25px;}
.brand-content .v::after{background-size:80px;}

.brand-content2{padding:25px 0 150px;background-size:100% auto;min-height:0;}
.brand-content2 h3::after{width:40px;height:3px;}
.brand-content2 p{max-width:1400px;margin:20px auto 0;line-height:24px;font-size:15px;}


.brand-content3{margin:30px 0;-webkit-flex-direction:column;flex-direction:column;}
.brand-content3 .box{width:100%;}

.brand-content3 .pic-box{width:100%;height:auto;margin-top:20px;}
.brand-content3 .pic-box > img{display:block;}
.brand-content3 .pic-box .pic-skewed{display:none;}

.brand-content3 .txt{max-width:100%;margin:0 auto;}
.brand-content3 .txt h3::after{width:40px;height:3px;}
.brand-content3 .txt p{font-size:15px;line-height:24px;margin:15px 0 0;}


.brand-content3 .box1 .pic-box .pic-skewed{right:auto;left:-40%;}
.brand-content3 .box1 .pic-box .pic{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;}

.brand-content3 .box2{-webkit-flex-direction:column;flex-direction:column;margin-top:30px;}
.brand-content3 .box2 .txt{margin:0 auto;}

/*----*/

.brand-box1 .txt h5,.brand-box2 h5,.brand-box3 .txt h5,.brand-box5 .txt h3,.brand-box7 .txt h3,.brand-box9 .txt h5,.brand-box10 .txt h5,.brand-box12 .txt h5{font-size:30px;}

.brand-box1{padding:30px 10px;-webkit-flex-direction:column;flex-direction:column;}
.brand-box1 .txt{width:100%;}
.brand-box1 .txt .box{padding-right:0;}
.brand-box1 .txt .box::after{display:none;}
.brand-box1 .txt h5{margin-left:0;text-align:center;}
.brand-box1 .txt h5 br{display:none;}
.brand-box1 .txt p{line-height:22px;font-size:16px;margin:15px 0 0;}
.brand-box1 .pic{width:100%;margin:20px 0 0;}

.brand-box2{padding:30px 0;}
.brand-box2 p{line-height:22px;font-size:16px;margin:15px 0 0;}
.brand-box2 ul{margin:25px 0 0;}
.brand-box2 ul li:last-child{margin-left:15px;}

.brand-box3{padding:30px 10px;-webkit-flex-direction:column;flex-direction:column;}
.brand-box3 .txt{width:100%;}
.brand-box3 .txt .box{padding-left:0;}
.brand-box3 .txt .box::after{display:none;}
.brand-box3 .txt p{line-height:22px;font-size:16px;margin:15px 0 0;}
.brand-box3 .pic{width:100%;margin:20px 0 0;}


.brand-box4{margin-top:0;padding:30px 0 150px;background-size:100% auto;min-height:0;}
.brand-box4 ul li{width:100%;margin:20px 0 0;text-align:center;}
.brand-box4 ul li:not(:last-child)::before{display:none;}
.brand-box4 ul li::after{width:50px;height:3px;margin:15px auto 0;}
.brand-box4 ul li h6{font-size:40px;}
.brand-box4 ul li p{font-size:16px;margin:15px 0 0 0;}


.brand-box5{margin-top:20px;}
.brand-box5 .v::after{background-position:center;background-size:80px;}
.brand-box5 .txt{position:static;max-width:100%;padding:25px 15px;-webkit-transform:translateY(0);transform:translateY(0);}
.brand-box5 .txt p{font-size:16px;line-height:22px;margin:15px 0 0;}

.brand-box6 .txt{font-size:16px;line-height:22px;padding:10px 10px 20px;}

.brand-box7{margin:30px 10px;-webkit-flex-direction:column;flex-direction:column;}
.brand-box7 .pic{width:100%;margin:20px 0 0;}
.brand-box7 .txt{position:static;width:100%;}
.brand-box7 .txt h3{margin:0;text-align:center;}
.brand-box7 .txt h3 br{display:none;}
.brand-box7 .txt p{font-size:16px;line-height:1.5;margin:15px 0 0;}

.brand-box8{padding:30px 0;}
.brand-box8::after{display:none;}
.brand-box8 p{line-height:22px;font-size:17px;}

.brand-box8 .v{margin-top:25px;padding:5px;box-shadow:0 0 10px rgba(0,0,0,0.25);}
.brand-box8 .v a::after{background-size:80px;}


.brand-box9{padding:20px 10px;-webkit-flex-direction:column;flex-direction:column;}
.brand-box9 .txt{width:100%;}
.brand-box9 .txt .box{padding-left:0;}
.brand-box9 .txt .box::after{display:none;}
.brand-box9 .txt p{line-height:22px;font-size:16px;margin:15px 0 0;}
.brand-box9 .pic{width:100%;margin:20px 0 0;}

.brand-box10{padding:10px 10px 30px;-webkit-flex-direction:column;flex-direction:column;}
.brand-box10 .txt{margin-top:0;}
.brand-box10 .txt .box{padding-right:0;}
.brand-box10 .txt .box::after{display:none;}
.brand-box10 .txt h5{text-align:center;}
.brand-box10 .txt h5 br{display:none;}
.brand-box10 .txt p{line-height:22px;font-size:16px;margin:15px 0 0;}
.brand-box10 .pic{width:100%;margin:20px 0 0;}


.brand-box11{padding:30px 10px 0;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;}
.brand-box11 .txt{width:100%;}
.brand-box11 .txt .box{padding-left:0;}
.brand-box11 .txt h5{font-size:24px;line-height:1.2;text-align:center;}
.brand-box11 .txt p{line-height:22px;font-size:16px;margin:15px 0 0;}
.brand-box11 .txt ul{margin:25px 0 0;}
.brand-box11 .pic{width:100%;margin:20px 0 0;}


.brand-box12{margin:30px 10px 10px;-webkit-flex-direction:column;flex-direction:column;}
.brand-box12 .pic{width:100%;}
.brand-box12 .txt{position:static;width:100%;}
.brand-box12 .txt .box{max-width:none;padding:20px 15px;}
.brand-box12 .txt h5{text-align:center;}
.brand-box12 .txt p{font-size:16px;line-height:1.4;margin:15px 0 0;}

.brand-box13{padding:30px 0;}
.brand-box13 p{line-height:22px;font-size:16px;}
.brand-box13 ul{margin:20px 0 0;-webkit-flex-direction:column;flex-direction:column;}
.brand-box13 ul li{width:100%;}
.brand-box13 ul li:last-child{margin:15px 0 0;}

/*----*/

.strength{padding:20px 0;}
.strength ul{margin:0 -10px;}
.strength ul li{width:50%;padding:10px;}
.strength ul li .t p{font-size:24px;}

.rd ul li{-webkit-flex-direction:column;flex-direction:column;}
.rd ul li+li{margin-top:20px;}
.rd ul li .pic{width:100%;}
.rd ul li .box{padding:20px 15px;}
.rd ul li .box h3{font-size:24px;text-align:center;}
.rd ul li .box .t{line-height:22px;margin-top:15px;}
.rd ul li:nth-child(2n){-webkit-flex-direction:column;flex-direction:column;}

.industry~.industry{margin-top:30px;}
.industry .tit h3{font-size:20px;}
.industry .tit p{font-size:16px;margin-left:25px;}

.industry1 ul li:nth-child(1){width:100%;}
.industry1 ul li:nth-child(2){width:100%;}
.industry1 ul li:nth-child(3){width:45%;}
.industry1 ul li:nth-child(4){width:55%;}
.industry1 ul li:nth-child(5){width:100%;}
.industry1 ul li .pic{padding-bottom:250px;}

.industry2 ul li:nth-child(1){width:100%;}
.industry2 ul li:nth-child(2){width:100%;}
.industry2 ul li:nth-child(3){width:45%;}
.industry2 ul li:nth-child(4){width:55%;}
.industry2 ul li:nth-child(5){width:100%;}
.industry2 ul li .pic{padding-bottom:250px;}

.industry3 ul{-webkit-justify-content:center;justify-content:center;}
.industry3 ul li{width:33.3333333%;}
.industry3 ul li .box{padding:40px 0;}
.industry3 ul li img{height:60px;}
.industry3 ul li p{margin-top:15px;font-size:15px;}

.industry4 .list p{padding:10px 7px;font-size:13px;}
.industry4 ul{width:auto;margin:0 -6px;}
.industry4 ul li{width:50%;padding:0 6px;}
.industry4 ul li:nth-child(n+3){margin-top:12px;}

.industry4 .bpic{width:100%;margin-top:12px;}
.industry4 .bpic img{width:100%;}

/*----*/

.scenic-list ul li .pic{width:220px;}
.scenic-list ul li .t{margin-left:20px;}
.scenic-list ul li .t h5{font-size:20px;}
.scenic-list ul li .t p{font-size:16px;margin:15px 0 0;line-height:22px;height:44px;}
.scenic-list ul li .t .more{display:none;}

/*----*/

.news-left{margin-right:0;}
.news-right{float:none;width:100%;}

.news-nav h3{display:block;}

.news-nav ul,.side-news-list{display:none;}
.news-nav ul li{margin-top:5px;height:45px;line-height:45px;position:relative;background:#F5F5F5;}
.news-nav ul li+li{margin-top:5px;}
.news-nav ul li a{font-size:16px;padding:0 10px 0 15px;}
.news-nav ul li::after{content:"\e650";font-family:"qico";color:#000;font-size:22px;position:absolute;right:10px;top:0px;}

.newslist ul li{margin:0 0 20px;position:relative;box-sizing:border-box;display:-webkit-flex;display:flex;}
.newslist ul li .pic{width:220px;}
.newslist ul li .t{margin-left:20px;}
.newslist ul li .t h5{font-size:20px;}
.newslist ul li .t span{font-size:14px;margin:12px 0 0;}
.newslist ul li .t p{font-size:16px;margin:12px 0 0;line-height:22px;height:44px;}
.newslist ul li .t .more{display:none;}

.newsnr h1{font-size:24px;}
.artInfo{padding:15px 0;}
.artInfo span{margin:0 6px;font-size:15px;}

.myart{margin:15px 0;line-height:24px;font-size:15px;}
.myart p{margin:0 0 10px;}

.pnbar{margin-top:25px;}
.pnbar p{padding:8px 10px;font-size:15px;}


.down-list ul{margin:-20px 0 0 -2%;}
.down-list ul li{margin:20px 0 0 2%;width:48%;}
.down-list ul li h6{font-size:17px;}
.down-list ul li .t em{font-size:14px;}

/*----*/

.prolist ul{margin:0 0 0 -2%;}
.prolist ul li{width:48%;padding:5px 5px 15px;margin:0 0 15px 2%;}
.prolist ul li h6{font-size:18px;}
.prolist ul li .more{display:none;}

.pro_view{padding:30px 0;}
.pro_view .wp{-webkit-flex-direction:column;flex-direction:column;}
.pro_img{width:600px;margin:0 auto;}
.pro_img .preview .swiper-slide{width:70px;}

.pro_view_inner{margin:25px 0 0;}
.pro_view_inner h1{font-size:24px;margin:0;text-align:center;}
.pro_view_inner hr{margin:15px 0;}
.pro_view_inner .para{font-size:16px;}

.pro_btn{text-align:center;}
.pro_btn span{font-size:16px;}

.pro_btn .pdf{margin-left:15px;}

.pro_view_inner .pro-share{margin:20px 0 0;text-align:center;}

.pro-txt{padding:30px 0;}

.pro_text{position:relative;}
.pro_text .tit{text-align:center;padding:30px 0;}
.pro_text .tit h5{font-size:36px;color:#000;text-transform:uppercase;font-weight:bold;}

.pro-color h3,.pro-txt h3,.pro-scroll h3,.pro-collocation h3,.pro-video h3,.pro-scroll1 h3,.pro-scroll2 h3,.pro-wonderful h3,.pro-inquiry h3,.rela-pro h3{font-size:30px;}


.pro-color{padding:0 0 30px;}
.pro-color h3{margin-bottom:25px;}
.pro-color .list{padding:50px 0 40px;}
.pro-color .tab{margin:0 10px;}
.pro-color .tab::before,.pro-color .tab::after{display:none;}
.pro-color .tab span{width:98px;height:30px;margin:0 3px;}

.pro-color .tab-box{margin:40px auto 0;}

.pro-scroll{padding:0 0 30px;background:url(../image/ibg7.jpg) no-repeat center bottom;}
.pro-scroll .swiper-slide{-webkit-flex-direction:column;flex-direction:column;}
.pro-scroll .swiper-slide .pic{width:100%;}
.pro-scroll .swiper-slide .txt{width:100%;padding:25px 15px 0;background:none;display:block;}
.pro-scroll .swiper-slide .txt h5{font-size:24px;text-align:center;}
.pro-scroll .swiper-slide .txt p{font-size:16px;margin:15px 0 0;}

.pro-scroll .swiper-button-prev,.pro-scroll .swiper-button-next{display:none;}
.pro-scroll .swiper-pagination-bullets{display:block;}

.pro-collocation{padding:30px 0;}
.pro-collocation .carTableWrap{max-height:500px;}
.pro-collocation caption{font-size:20px;}
.pro-collocation table{font-size:15px;}
.pro-collocation table th{padding:8px 10px;font-size:16px;}
.pro-collocation table td{padding:8px 10px;}


.pro-video{padding:30px 0 0;}

.pro-wonderful{padding:30px 0 0;}
.pro-wonderful .swiper-button-prev,.pro-wonderful .swiper-button-next{width:40px;height:40px;margin-top:-20px;}
.pro-wonderful .swiper-button-prev i,.pro-wonderful .swiper-button-next i{font-size:22px;line-height:40px;}

.pro-inquiry{padding:30px 0 0;}
.pro-inquiry h3{margin-bottom:25px;}


.rela-pro{padding:30px 0;}
.rela-pro h3{margin-bottom:0;}
.rela-pro .list{margin:25px -8px 0;}
.rela-pro .swiper-slide .box{padding:8px;}
.rela-pro .swiper-slide h5{margin:15px 0 0;font-size:17px;height:auto;}
.rela-pro .swiper-slide h5 a:hover{color:#C22231;}

.rela-pro .swiper-button-prev,.rela-pro .swiper-button-next{display:none;}
.rela-pro .swiper-pagination{display:block;}


/*----*/

.contact{padding:10px 0 25px;}
.contact h3{margin-bottom:20px;}
.contact h3 img{height:30px;margin-right:8px;}
.contact hr{margin:30px 0;}

.contact .txt h6{font-size:17px;}
.contact .txt p{font-size:15px;line-height:22px;}

.contact .row > div{margin-top:25px;}

.contact ul{margin:-20px -10px 0;}
.contact ul li{width:50%;padding:0 10px;margin:20px 0 0;}
.contact ul li h5{font-size:17px;}
.contact ul li .t{margin-top:20px;}
.contact ul li .t p{font-size:15px;line-height:22px;}
.contact ul li .t p~p{margin-top:10px;}

.contact-branch{margin-top:30px;}
.contact-branch dl dd{width:50%;}
.contact-branch dl dd h5{font-size:17px;}
.contact-branch dl dd h6{font-size:16px;}
.contact-branch dl dd .t{margin-top:20px;}
.contact-branch dl dd .t p{font-size:15px;line-height:22px;}
.contact-branch dl dd .t p~p{margin-top:10px;}


.contact-inquiry{padding:30px 0;}
.contact-inquiry h4{margin-bottom:25px;}
.contact-inquiry h4::after{height:3px;}
.contact-inquiry .inquirbox .row{margin-bottom:0;}
.contact-inquiry .inquirbox input[type="text"],.contact-inquiry .inquirbox textarea{padding:8px 10px;}
.contact-inquiry .inquirbox .submit{margin:0 auto;}

.business {	padding: 40px 0 40px;}
.business .inquiry {width: 88%;margin: 0 6%;padding: 0 0 0 50px;position: relative;}
.business .inquiry .tit {width: 100%;margin: 40px 50px 110px 0;}
.business .inquiry .tit h4 {font-size: 36px;margin-bottom: 30px;}
.business .inquirbox .row {	margin-bottom: 25px;}
.business .inquiry .pic{position: absolute;top: 10px;right: 50px;width: 100px;}

.contact-us {padding: 70px 0 95px;position: relative;}
.contact-us .tit {width: 90%;padding: 30px 60px 80px 60px;margin-left: 5%;display: block;}
.contact-us .tit .pic {width: 100px;float: right;}
.contact-us .tit .txt {	width: 100%;margin-top: 30px;}
.contact-us .tit .txt p {padding: 15px 0;}
.contact-us .tit .txt h4 {font-size: 48px;margin-bottom: 30px;}
.contact-us > img {right: 5%;width: 90%;}

.vr-banner{height: 400px;}

}

@media screen and (max-width:600px) {
	
.sidebanner,.sidebanner2{height:220px;}

.culture ul li{-webkit-flex-direction:column;flex-direction:column;}
.culture ul li .pic{width:100%;}
.culture ul li .box .txt{padding:20px 10px;}
.culture ul li:nth-child(2n){-webkit-flex-direction:column;flex-direction:column;}

.cert-list ul li{-webkit-flex-direction:column;flex-direction:column;}
.cert-list ul li p{font-size:16px;line-height:25px;background:none;padding:15px 0 0;}

.newslist ul li{margin:0;-webkit-flex-direction:column;flex-direction:column;padding:15px 0;border-bottom:1px solid #f0f0f0;}
.newslist ul li .pic{width:350px;margin:0 auto;}
.newslist ul li .t{margin:15px 0 0;text-align:center;}
.newslist ul li .t h5{font-size:18px;}
.newslist ul li .t p{font-size:15px;}

.scenic-list ul{margin-top:-15px;}
.scenic-list ul li{margin:0;-webkit-flex-direction:column;flex-direction:column;padding:15px 0;border-bottom:1px solid #f0f0f0;}
.scenic-list ul li .pic{width:350px;margin:0 auto;}
.scenic-list ul li .t{margin:15px 0 0;text-align:center;}
.scenic-list ul li .t h5{font-size:18px;}
.scenic-list ul li .t p{font-size:15px;}

.pro_img{width:100%;}
.pro-color .tab-box{width:100%;}

.vr-banner{height: 400px;}
}

@media screen and (max-width:500px) {

.indexA ul{margin:10px 0 0;}
.indexA ul li{width:50%;text-align:center;margin:20px 0 0;}
.indexA ul li::after{width:50px;height:2px;margin:15px auto 0;}
.indexA ul li h6{font-size:26px;}
.indexA ul li:nth-child(1) h6::after{font-size:15px;}
.indexA ul li:nth-child(3) h6::after,.indexA ul li:nth-child(4) h6::after{font-size:15px;}

.strength ul li{width:100%;padding:10px;}

.industry1 ul li .pic{padding-bottom:200px;}

.vr-banner{height: 300px;}


}


@media screen and (max-width:480px) {

.inquirbox .submit{width:130px;line-height:36px;font-size:15px;}

.sidebanner,.sidebanner2{height:180px;}

.indexA h3,.indexB .swiper-slide .txt h5,.indexD .tit h3,.indexF .tit h3,.indexE .tit h3,.indexG .tit h3,.indexH .tit h3,.indexC ul li a h5,.indexContact .tit h3,.sidebanner .txt h3{font-size:24px;}

.indexB .swiper-slide .txt h6{font-size:20px;}

.indexD .tab ul li::after{background-size:22px 25px;}

.indexF .tab ul li{padding:0 12px;margin:0 6px;}

.indexG .slidebox .tab ul li{font-size:16px;}
.indexG .slidebox .box .swiper-slide .t p{font-size:15px;}

.menu-tabs ul li{height:35px;line-height:35px;}
.menu-tabs ul li a{font-size:15px;padding:0 15px;}

.about-index ul li{width:100%;padding:5px 10px;}
.about-index ul li .t p{font-size:20px;}


.brand-content h3,.brand-content2 h3,.brand-content3 .txt h3{font-size:22px;}

.about h3,.factory h3,.factory2 h3,.factory3 .tit h3,.activity .tit h3,.culture ul li .box .txt h3,.activity .tit h3{font-size:22px;}
.contact-inquiry h4{font-size:22px;}


.factory2 .swiper-slide a p{font-size:17px;}
.factory3 .list .swiper-slide .txt h5{font-size:17px;}

.about .pic-box{height:300px;}

.activity ul li{width:48%;}

.brand-list ul li .tit{padding:0 10px;}
.brand-list ul li .tit h5{font-size:16px;}
.brand-list ul li .tit .more{font-size:14px;}

.contact h3{font-size:20px;}
.contact .txt h6{font-size:16px;}
.contact ul li{width:100%;}

.contact-branch dl dd{width:100%;}

.newsnr h1{font-size:20px;}

.down-list ul{margin:-20px 0 0;}
.down-list ul li{margin:20px 0 0;float:none;width:100%;}

.rd ul li .box h3{font-size:20px;}

.industry .tit{-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column;}
.industry .tit h3{font-size:18px;padding:15px 10px;}
.industry .tit p{font-size:15px;margin:15px 0 0;}

.history .item .date em{height:32px;line-height:32px;font-size:16px;}
.history .item .content p{font-size:15px;}

.brand-box1 .txt h5,.brand-box2 h5,.brand-box3 .txt h5,.brand-box5 .txt h3,.brand-box7 .txt h3,.brand-box9 .txt h5,.brand-box10 .txt h5,.brand-box12 .txt h5{font-size:24px;}

.prolist ul{margin:0;}
.prolist ul li{width:100%;float:none;margin:0 0 15px;}

.pro-color h3,.pro-txt h3,.pro-scroll h3,.pro-collocation h3,.pro-video h3,.pro-scroll1 h3,.pro-scroll2 h3,.pro-wonderful h3,.pro-inquiry h3,.rela-pro h3{font-size:24px;}

.pro_view_inner h1{font-size:18px;}
.pro_view_inner .para{font-size:15px;}

.pro_img .preview .swiper-slide{width:48px;}

.business {padding: 0;}
.business .inquiry {width: 100%;margin: 0;padding: 0 0 0 30px;border-radius: 0;}
.business .inquiry .tit {margin: 30px 30px 80px 0;}
.business .inquiry .pic {width: 80px;}
.business .inquirbox .row {margin-bottom: 15px;}
.business .inquiry .tit h4 {font-size: 28px;margin-bottom: 30px;}

.contact-us {padding: 0;}
.contact-us .tit {width: 100%;padding: 10px 40px 140px 40px;margin-left: 0;border-radius: 0;}
.contact-us .tit .pic{width: 70px;float: right;}
.contact-us .tit .txt {width: 100%;	margin-top: 30px;}
.contact-us .tit .txt h4 {font-size: 32px;}
.contact-us .tit .txt p {font-size: 18px;}

.vr-banner{height: 300px;}
}

@media screen and (max-width:400px) {

.sidebanner{height:120px;}
.sidebanner2{height:140px;}

.industry1 ul li .pic{padding-bottom:170px;}

.newslist ul li .pic,.scenic-list ul li .pic{width:100%;}

.contact-us .tit {padding: 10px 30px 110px 30px;}
.contact-us .tit .txt p {font-size: 16px;}

.vr-banner{height: 300px;}
}

@media screen and (max-width:375px){
.vr-banner{height:30vh;}
}

@media screen and (min-width:1281px){
.vr-banner{height: 588px;}
}
.vr-banner{width: 100%;border:none;}
.pro-banner{position: relative;}
.btn-vrfull{position: absolute;right:20px;bottom:20px;width: 30px;height:30px;background: url('../image/full.png') no-repeat 0 0/100% 100%}