@charset "utf-8";.font0{font-size:0;}
*{padding:0;margin:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ul,ol,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0}
img{border:none;max-width:100%;vertical-align:middle;}
a,a:active,a:link,a:visited{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;}
.clearfix:after{content:'';display:block;height:0;clear:both;}
.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{padding:0;margin:0 auto;color:#333;font-size:14px;position:relative;background-color:#fff;width:100%;overflow-x:hidden;min-width:330px;-webkit-text-size-adjust:none;-webkit-tap-highlight:rgba(0,0,0,0);}
.w1440{width:1440px;max-width:96%;margin:auto;position:relative;}
.preload{position:fixed;left:0;top:0;width:100%;height:0;z-index:999;background:#fff;visibility:hidden;overflow:hidden;opacity:0;}
.preload.show{visibility:visible;height:100%;opacity:1;}
.preloadInner{height:100%;width:100%;justify-content:center;align-items:center;}
.preImg{justify-content:space-between;align-items:center;}
.preImg .img{opacity:0;transition:2s;transition-delay:.3s;}
.preImg .imgc{flex:0 0 auto;position:relative;width:340px;height:500px;}
.rouse{transition:width 3s ease-out,height 3s ease-out,opacity .6s linear;width:200px;position:absolute;height:200px;margin:auto;top:60%;left:58%;transform:translate(-50%,-50%);opacity:0;}
.rouse img{position:absolute;transition:3s ease-out;}
.rouse .i1{left:53%;top:7%;width:27.6%;}
.rouse .i2{top:17%;left:48%;width:23.2%;}
.rouse .i3{left:28%;top:17%;width:23.2%;}
.rouse .i4{left:34%;top:15%;width:25.8%;}
.rouse .i5{top:9%;left:36%;width:23.6%;}
.rouse .i6{top:9%;left:26%;width:20.4%;}
.rouse .i7{top:18%;left:43%;width:22.4%;}
.rouse .i8{top:30%;left:58%;width:9.8%;}
.rouse .i9{top:21%;left:38%;width:26.6%;}
.rouse .i10{top:12%;left:18%;width:13.2%;}
.rouse .i11{top:20%;left:10%;width:20.6%;}
.rouse .i12{top:40%;left:20%;width:22.2%;}
.rouse .i13{top:28%;left:23%;width:10.4%;}
.rouse .i14{top:53%;left:32%;width:42.8%;}
.rouse .i15{top:44%;left:31%;width:48.8%;}
.rouse .i16{top:40%;left:34%;width:32.4%;}
.rouse.active .i1{left:57%;top:7%;width:27.6%;}
.rouse.active .i2{top:17%;left:50%;width:23.2%;}
.rouse.active .i3{left:26%;top:17%;width:23.2%;}
.rouse.active .i4{left:33%;top:15%;width:25.8%;}
.rouse.active .i5{top:5%;left:39%;width:23.6%;}
.rouse.active .i6{top:3%;left:22%;width:20.4%;}
.rouse.active .i7{top:18%;left:45%;width:22.4%;}
.rouse.active .i8{top:30%;left:62%;width:9.8%;}
.rouse.active .i9{top:21%;left:38%;width:26.6%;}
.rouse.active .i10{top:10%;left:14%;width:13.2%;}
.rouse.active .i11{top:20%;left:0%;width:20.6%;}
.rouse.active .i12{top:48%;left:11%;width:22.2%;}
.rouse.active .i13{top:38%;left:21%;width:10.4%;}
.rouse.active .i14{top:62%;left:28%;width:42.8%;}
.rouse.active .i15{top:53%;left:31%;width:48.8%;}
.rouse.active .i16{top:43%;left:32%;width:32.4%;}
.rouse.active{width:500px;height:500px;opacity:1;}
.preImg .plogo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;width:350px;max-width:100%;}
.preImg .plogo img{transform:scale(0);transition:1s;opacity:0;transition-delay:3s;}
.preImg .plogo .enter{display:inline-block;vertical-align:middle;margin-top:50px;font-size:14px;padding:0 17px;background:rgb(204,204,204);line-height:24px;color:#fff;opacity:0;position:relative;top:-20px;transition:.8s;transition-delay:4s;text-transform:uppercase;}
.hoverTrans{overflow:hidden;height:1.7em;display:inline-block;text-transform:uppercase;}
.hoverTrans>span{display:block;transition:.3s;line-height:1.7;margin-top:0;position:relative;top:0;}
.hoverTrans:hover>span{top:0;}
.hoverTrans>.hov{margin-top:-2.2em;line-height: 2.2em;}
.hoverTrans:hover>span.def{top:1.7em;}
.hoverTrans:hover>span.hov{top:2.2em;}
.animted .preImg .plogo img{opacity:1;transform:scale(1);}
.animted .preImg .plogo .enter{opacity:1;top:0;}
.animted .preImg .img{opacity:0.6;}
.preload .precopy{position:absolute;left:0;bottom:0;z-index:10;width:100%;border-top:1px solid #dfdfdf;color:#666;font-size:14px;line-height:46px;text-align:center;text-transform:uppercase;opacity:0;transition:.8s;transition-delay:4.8s;}
.preload .precopy .txt{position:relative;top:-20px;transition:all .6s;opacity:0;}
.preload.animted .precopy{opacity:1;}
.preload.animted .precopy .txt{top:0;opacity:1;transition-delay:.9s;}
.page{min-height:100vh;flex-direction:column;justify-content:center;}
.pageHead{flex:0 0 auto;width:100%;}
.pageHead .w1440{background: url(../images/bg.png) no-repeat center;background-size: cover;}
.pageFoot{flex:0 0 auto;width:100%;}
.pageFoot .fbg{padding-top:30px;background: url(../images/bg.png) no-repeat center;background-size: cover;padding-bottom:50px;}
.pageMain{flex:1 1 auto;width:100%;overflow:hidden;position:relative;}
.logo{max-width:240px;}
.logo a{font-size:0;display:block;line-height:140px;height:140px;}
.logo img{max-height:80%;}
.nav{border-bottom:4px solid #000;font-size:16px;padding: 0 28px;}
.nav ul{justify-content:space-around;}
.nav li{position:relative;line-height:34px;}
.nav li .sub{position:absolute;left:0;top:100%;white-space:nowrap;padding-top:15px;display:none;}
.nav li .sub a{min-width:80px;padding-right:10px;}
.nav li:hover .sub,.nav li.cur .sub{display:block;}
.nav .hov{font-size:12px;line-height: 2.2;}
.inlineBlock{display:inline-block;vertical-align:middle;line-height:1;}
.copyright{background:#000;text-align:center;font-size:14px;color:#c1c1c1;letter-spacing:1px;line-height:50px;}
.copyright .inlineBlock{padding:0 5px;}
.wx{position:relative;display:inline-block;vertical-align:middle;z-index:10;cursor:pointer;line-height:50px;font-size:12px;color:#fff;}
.wx .wxicon{display:inline-block;vertical-align:middle;padding:10px;background:url(../images/wx.png) no-repeat center;background-size:contain;transition:.3s;filter:grayscale(100%);}
.wx.cur .wxicon{filter:grayscale(0);}
.wx .wpop{position:absolute;left:50%;bottom:100%;transform:translate(-50%);z-index:20;padding:30px 40px 60px;line-height:1.5;white-space:nowrap;font-size:12px;margin-left:-6px;display:none;}
.wx .wpop:before{content:"";position:absolute;width:100%;left:0;top:0;bottom:20px;background:#000;opacity:0.6;z-index:-1;border-radius:50%;}
.wx .wpop:after{content:"";position:absolute;left:50%;bottom:6px;border-left:16px solid transparent;border-top:14px solid rgba(0,0,0,0.6);margin-left:-8px;}
.wx.cur .wpop{display:block;}
.wx .wpop img{margin-bottom:10px;}
.wclose{padding:7px;position:absolute;right:45px;top:30px;cursor:pointer;z-index:10;}
.wclose:before,.wclose:after{position:absolute;width:100%;left:0;top:50%;height:1px;background:#fff;content:"";}
.wclose:before{transform:rotate(45deg);}
.wclose:after{transform:rotate(-45deg);}
.homeBan{height:100%;position:absolute;left:0;top:0;width:100%;overflow:hidden;}
.homeBan .swiper-container{height:100%;}
.ispic{height:100%;width:100%;display:block;background-size:cover;background-repeat:no-repeat;background-position:center;}
.pageContainer{height:100%;position:absolute;left:0;top:0;width:100%;overflow:hidden;}
.pageBan{background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;padding:70px 0 50px;}
.pageBan.pd0{padding:0;}
.contentBox{width:1060px;height:410px;background:rgba(255,255,255,0.4);margin:auto;max-height:90%;max-width:90%;position:relative;}
.contentBox.s2{width:1200px;}
.contentBox.full{max-width:100%;width:100%;margin:auto 0;}
.contentBox.full .box{width:1060px;max-width:90%;margin:auto;}
.contentBox .box{padding:50px;height:100%;}
.contentBox .imgs{width:23%;padding:2px;border:1px solid #c4c4c4;position:relative;}
.contentBox .scroll{margin-left:30%;font-size:16px;line-height:1.8;}
.contentBox .scroll.full{margin-left:0;}
.scroll{position:relative;}
.scroll .swiper-container{height:305px;}
.contentBox .imgs img{width:100%;height:305px;object-fit:cover;}
.scroll .swiper-slide{padding-right:50px;}
.scroll .swiper-scrollbar{width:2px;background:#626262;}
.scroll .swiper-scrollbar .swiper-scrollbar-drag{background:#333;width:6px;left:-2px;border-radius:0;}
.videos{justify-content:space-between;align-items:center;}
.videos .item{position:relative;width:50%;perspective:1200px;cursor:pointer;}
.videos .item .img{border:3px solid #333;padding:2px;transform-origin:left center;transform-style:preserve-3d;transform:rotateY(35deg);}
.videos .item .img:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;background:#000;opacity:0;transition:.3s;}
.videos .item:hover .img:after{opacity:0.2;}
.videos .item:nth-child(2n) .img{transform:rotateY(-35deg);transform-origin:right center;}
.hideContent{display:none !important;}
.play{position:absolute;z-index:10;cursor:pointer;width:40px;height:40px;background:#565661;left:50%;top:50%;margin-left:-20px;margin-top:-20px;border-radius:50%;}
.play:after{content:"";position:absolute;left:50%;top:50%;border-left:14px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-top:-8px;margin-left:-4px;}
.videos .item .play{left:40%;}
.videos .item:nth-child(2n) .play{left:60%;}
.pop{position:fixed;z-index:999;background:rgba(255,255,255,0.9);visibility:hidden;left:0;top:0;width:100%;height:100%;font-size:16px;line-height:1.8;}
.pop.show{visibility:visible;}
.pop .popIn{margin:auto;width:90%;max-width:585px;height:100%;padding:5% 0 12%;overflow:hidden;flex-direction:column;position:relative;}
.pop .popIn .video{flex:0 0 auto;margin-bottom:20px;}
.video video{display:block;width:100%;}
.pop .scroll{flex:1 1 auto;overflow:hidden;}
.pop .scroll .swiper-container{height:100%;}
.pop .popIn .close{position:absolute;right:0;top:5%;z-index:50;}
.close{white-space:nowrap;text-transform:uppercase;background:#333;cursor:pointer;color:#fff;padding:0 15px;font-size:0;line-height:28px;}
.close span{display:inline-block;vertical-align:middle;font-size:16px;}
.close .closeIcon{padding:7px;margin-left:5px;border:1px solid #fff;position:relative;}
.close .closeIcon:before,.close .closeIcon:after{position:absolute;width:100%;left:0;top:50%;height:1px;background:#fff;content:"";}
.close .closeIcon:before{transform:rotate(45deg);}
.close .closeIcon:after{transform:rotate(-45deg);}
.contentBox .category{position:absolute;right:-60px;bottom:100%;text-align:right;line-height:30px;}
.category a{padding-right:60px;line-height:50px;font-size:18px;position:relative;}
.category a .hov{position:absolute;white-space:nowrap;left:0;font-size:14px;top:0;line-height: 2.2;}
.pro{padding:20px 45px;width:100%;justify-content:space-between;height:100%;}
.pro .category{position:relative;padding-top:3%;}
.pro .category a{display:block;padding-right:0;margin-bottom:20px;}
.pro .category a .hov{position:relative;}
.preview{flex:1 1 auto;height:100%;text-align:center;justify-content:center;align-items:center;}
.preview img{display:block;vertical-align:middle;max-width:90%;height:100%;}
.proimgs{height:100%;overflow:hidden;width:156px;flex:0 0 auto;position:relative;padding: 15px;background: rgba(255,255,255,0.4);}
.proimgs .bd{height: 100%;overflow: hidden;}
.proimgs li{padding:2px;border:1px solid #999;margin-bottom:5px;cursor:pointer;height:auto !important;position:relative;}
.proimgs li:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0;transition:.3s;}
.proimgs li:hover:before{opacity:0.4;}
.hideList{display:none !important;}
.news{height:100%;position:relative;padding:0 100px 50px;}
.news .prev,.news .next{position:absolute;top:0;bottom:50px;z-index:10;cursor:pointer;width:50px;transition:.3s;}
.news .prev{left:0;background:url(../images/prev.png) no-repeat center;}
.news .next{right:0;background:url(../images/next.png) no-repeat center;}
.news .prev:hover{background:url(../images/prev1.png) no-repeat center;}
.news .next:hover{background:url(../images/next1.png) no-repeat center;}
.news .pages{position:absolute;left:0;bottom:0;width:100%;text-align:center;}
.news .item{position:relative;padding-right:90px;border-bottom:1px dashed #666;line-height:50px;padding-left:20px;opacity:0;top:30px;transition:.6s;}
.news .item a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;}
.news .item span{position:absolute;right:0;top:0;font-size:14px;}
.news .item:before{content:"";position:absolute;left:0;top:50%;border-left:6px solid #000;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-top:-6px;}
.news .swiper-slide-active .item{opacity:1;top:0;}
.news .item:nth-child(2){transition-delay:.1s;}
.news .item:nth-child(3){transition-delay:.2s;}
.news .item:nth-child(4){transition-delay:.3s;}
.news .item:nth-child(5){transition-delay:.4s;}
.article{height:100%;flex-direction:column;max-width:850px;margin:0 auto;position:relative;}
.article .arHead{text-align:right;flex:0 0 auto;margin-bottom:10px;border-bottom:1px dashed #333;padding-bottom:20px;font-size:16px;}
.article .arHead h3{font-size:18px;font-weight:normal;margin-bottom:10px;text-align:center;}
.article .scroll{margin-left:0 !important;flex:1 1 auto;overflow:hidden;}
.article .scroll .swiper-container{height:100%;}
.article .back{position:absolute;right:0;top:-30px;}
.article .back a{padding:15px;position:relative;display:inline-block;}
.article .back a:before,.article .back a:after{position:absolute;width:100%;left:0;top:50%;height:1px;background:#333;content:"";}
.article .back a:before{transform:rotate(45deg);}
.article .back a:after{transform:rotate(-45deg);}
.stores{white-space:nowrap;font-size:0;width:100%;}
.stores .inlineBlock{width:auto;max-width:none;}
.stores .i{display:inline-block;vertical-align:middle;flex:0 0 auto;}
.stores .i img{height:320px;}
.contentBox .scroll.vertical{margin-left:0;padding-bottom:20px;}
.contentBox .scroll.vertical .swiper-slide{padding-right:0;width:auto !important;}
.scroll.vertical .swiper-container{height:auto;}
.scroll.vertical .swiper-scrollbar{left:0;bottom:0;width:100%;height:2px;position:absolute;}
.scroll.vertical .swiper-scrollbar .swiper-scrollbar-drag{left:0;height:6px;top:-2px;}
.max600{max-width:600px;margin:auto;}
.form .line{margin-bottom:10px;position:relative;padding-left:4em;font-size:14px;line-height:30px;}
.form .line .label{position:absolute;left:0;top:0;letter-spacing:1em;padding-right:5px;}
.form .line .label:after{content:":";position:absolute;right:0;top:0;}
.form .line input{width:100%;padding:0 10px;height:24px;border:none;border-radius:2px;background:rgba(0,0,0,0.5);color:#fff;box-shadow:inset 0 1px 2px #000;}
.form .line textarea{width:100%;padding:10px;border:none;height:100px;background:rgba(0,0,0,0.5);color:#fff;box-shadow:inset 0 1px 2px #000;border-radius:2px;resize:none;}
.max360{max-width:360px;margin:auto;}
.form .btns{text-align:right;}
.form .btns input[type="button"]{padding:0 20px;height:24px;border:none;border-radius:2px;background:rgba(0,0,0,0.5);color:#eee;box-shadow:inset 0 1px 2px #000;cursor:pointer;}
.openMenu{padding:16px;position:absolute;right:0;top:50%;margin-top:-16px;display:none;}
.openMenu i{position:absolute;left:0;top:50%;height:1px;background:#333;width:100%;}
.openMenu i:after,.openMenu i:before{content:"";width:100%;height:100%;background:#333;transition:.3s;left:0;position:absolute;}
.openMenu i:before{top:-10px;}
.openMenu i:after{top:10px;}
.fixnav{position:fixed;background:#fff;z-index:10;bottom:0;width:0;padding:30px 2%;left:-80px;visibility:hidden;opacity:0;top:60px;transition:.6s;overflow:hidden;z-index:999;}
.fixnav li>a{display:block;position:relative;border-bottom:1px solid #ebebeb;font-size:16px;height:40px;line-height:40px;}
.fixnav li>a span{line-height:40px;}
.fixnav li>.hoverTrans>.hov{margin-top:-40px;}
.fixnav li>.hoverTrans:hover>span.hov{top:40px;}
.fixnav li .sub{padding-top:10px;display:none;}
.dis_wap{display:none;}
.rollText{position:fixed;top:70%;font-size:25px;left:100%;transition:8s linear;transform:translate(0);white-space:nowrap;transition-delay:1s;}
.preload.animted .rollText{left:0;transform:translate(-110%);}
@media(max-width:768px){.logo a{height:60px;line-height:60px;}
.dis_wap{display:block;}
.dis_pc{display:none;}
.openMenu{display:block;}
.nav{display:none;}
.copyright{line-height:1.7;padding:20px 0;}
.wx{line-height:1;}
.showMenu .openMenu i:after{top:50%;transform:rotate(45deg);}
.showMenu .openMenu i:before{top:50%;transform:rotate(-45deg);}
.showMenu .openMenu i{background:transparent;}
.showMenu .fixnav{visibility:visible;width:100%;left:0;opacity:1;}
.contentBox .imgs{float:none;width:100%;margin-bottom:10px;}
.pageBan{padding:0;}
.contentBox{height:100%;max-height:100%;}
.contentBox .box{padding:20px;overflow:auto;}
.contentBox .imgs img{height:150px;width:auto;display:block;margin:auto;}
.contentBox .scroll{margin-left:0;font-size:14px;}
.pageFoot{padding-top:0;}
.scroll .swiper-container{height:200px;}
.scroll .swiper-slide{padding-right:20px;}
.category a{padding-right:10px;font-size:14px;}
.contentBox .category{white-space:nowrap;overflow:auto;left:0;right: 0;}
.category a .hov{display:none !important;}
.category .hoverTrans:hover>span.def{top:0;}
.pro{padding:20px 10px;position:relative;padding-top:60px;}
.pro .category{position:absolute;left:10px !important;right:10px;padding:0;top:0;white-space:nowrap;overflow:auto;line-height:60px;}
.pro .category a{display:inline-block;padding-right:10px;margin-bottom:0;vertical-align:middle;}
.preview img{height:auto;}
.videos{flex-wrap:wrap;}
.videos .item{width:100%;margin-bottom:20px;}
.videos .item .img{transform:none !important;}
.videos .item .play{left:50% !important;}
.news{padding:0 20px 30px;display:flex;flex-direction:column;justify-content:center;}
.news .prev,.news .next{width:40px;background-size:14px !important;}
.news .prev{left:-20px;}
.news .next{right:-20px;}
.news .item{padding-left:16px;padding-right:60px;}
.news .item a{font-size:14px;}
.news .item span{font-size:12px;}
.news .swiper-container{width:100%;}
.article .arHead h3{font-size:16px;}
.article .arHead{font-size:14px;}
.article .back{top:-40px;right:-20px;}
.article .back a{padding:10px;}
.box.s2 .scroll.full{height:100%;}
.box.s2 .scroll.full .swiper-container{height:100%;}
.form .line{padding-left:0;line-height:1;}
.form .line .label{position:relative;line-height:1;margin-bottom:10px;display:inline-block;font-size:16px;}
.copyright .inlineBlock{line-height:1.5;}
.wx .wpop{position:fixed;bottom:100px;padding:30px;}
.wx .wpop:before{border-radius:0;}
.wclose{right:10px;top:10px;}
.preload .precopy{line-height:2;padding:15px 0;transition-delay:0s;}
.preImg .img{display:none;}
.preImg{justify-content:center;}
.rouse.active{width:370px;height:370px;}
.preImg .plogo img{width:60%;display:block;margin-left:auto;margin-right:auto;}
.preImg .plogo .enter{margin-top:30px;}
.preload .precopy .txt{transition-delay:0;}
.hoverTrans>.hov{display:none !important;}
.hoverTrans>span{top:0 !important;}
.fixnav li .sub a{padding-right:15px;}
.rollText{font-size: 18px;}
}

/*2023/2/1*/
.pageMain {
    flex: initial;
    padding-bottom: 38.854%;
}
.w1440 {
    width: 100%;
    max-width: 75.7%;
}
.contentBox .box {
    padding: 4.7%;
}
@media(max-width:1400px){

.contentBox .box {
    padding: 2.7%;
}
}
@media(max-width:1300px){
.pageMain {
    flex: 1 1 auto;
    padding-bottom: 0%;
}
.w1440 {
    max-width: 96%;
}
.contentBox .box {
    padding: 50px;
}
}