html,body{height:100%;}

header{position:fixed; left:58px; top:0; z-index:7; line-height:118px; height:118px; font-size:0;}
header a{}
header a img{display:inline-block; max-height:98px; vertical-align:middle;}
@media(max-width:1599px){
header{left:38px;}
}
@media(max-width:1199px){
header{left:28px; line-height:88px; height:88px;}
header a img{max-height:78px;}
}
@media(max-width:767px){
header{left:8px; line-height:58px; height:58px;}
header a img{max-height:48px;}
}



nav{background:rgba(0,0,0,.68); position:fixed; top:0; right:0; left:0; height:0; z-index:6; overflow:hidden; transition:.2s;}
nav div:after{display:block; content:''; clear:both;}
nav div ul{float:right; padding-right:148px;}
nav div ul li{float:left; margin-left:1px; transform:translateY(-100%); transition:.3s .2s;}
nav div ul li:first-child{margin-left:0;}
nav div ul li a{font-size:18px; color:#fff; display:block; padding:0 12px; line-height:38px; height:38px; margin:40px 0; position:relative; z-index:2;}
nav div ul li a:hover{color:#EF8419;}
nav.on{height:118px;}
nav.on div ul li{transform:translateY(0);}
nav.on div ul li:nth-child(2){transition:.3s .28s;}
nav.on div ul li:nth-child(3){transition:.3s .35s;}
nav.on div ul li:nth-child(4){transition:.3s .48s;}
nav.on div ul li:nth-child(5){transition:.3s .52s;}
nav.on div ul li:nth-child(6){transition:.3s .66s;}
nav.on div ul li:nth-child(7){transition:.3s .78s;}
nav.on div ul li:nth-child(8){transition:.3s .88s;}
nav.on div ul li:nth-child(9){transition:.3s 1s;}
@media(max-width:1199px){
nav.on{height:88px;}
nav div ul{padding-right:78px;}
nav div ul li a{font-size:16px; padding:0 8px; line-height:28px; height:28px; margin:30px 0;}
}
@media(max-width:767px){
nav.on{height:auto;}
nav div{padding:58px 0 18px 0; text-align:center;}
nav div ul{float:none; padding-right:0;}
nav div ul li{float:none; transform:translateY(-100%); transition:.3s .2s;}
nav div ul li a{margin:18px 0;}
}
	
	

button.btn{position:fixed; top:48px; right:98px; z-index:8; background:none; border:none; width:38px; height:28px; cursor:pointer;}
button.btn strong{position:absolute; left:100%; margin-left:8px; top:-4px; font-size:14px; line-height:19px; color:#fff; font-weight:inherit;}
button.btn span{position:absolute; width:100%; height:1px; background:#fff; right:0; right:0; transition:.3s;}
button.btn strong+span{top:0;}
button.btn strong+span+span{top:33.3333%;}
button.btn strong+span+span+span{top:66.6666%;}
button.btn strong+span+span+span+span{top:100%;}
button.btn.on strong+span{transform:rotate(-45deg); transform-origin:right top;}
button.btn.on strong+span+span,
button.btn.on strong+span+span+span{width:0;}
button.btn.on strong+span+span+span+span{transform:rotate(45deg); transform-origin:right top;}
@media(max-width:1199px){
button.btn{width:28px; height:22px; top:28px; right:48px;}
button.btn strong{margin-left:5px; top:-2px; line-height:15px;}
}
@media(max-width:767px){
button.btn{top:13px; right:28px;}
}

.win{overflow:hidden; width:100%; height:100%;}
.win-wrapper{width:100%; height:1000%; transition-timing-function:cubic-bezier(.1,.3,.2,1) !important;}
.win-slide{width:100%; height:10%; position:relative; overflow:hidden;}
.win-slide:before{position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; content:''; background-size:cover;}
.win-slide.active:before{transform:scale(1.18); transition:28s linear;}
.win-pager{position:fixed; top:50%; right:1.8%; z-index:9;}
.win-pager span{display:block; width:18px; height:18px; background:rgba(0,0,0,0); border:2px solid rgba(255,255,255,.8); transform:scale(0.8); margin-bottom:10px; transition:.5s; border-radius:50px; cursor:pointer;}
.win-pager span:last-child{margin-bottom:0;}
.win-pager span.active{background:#EF8419; border-color:#EF8419; transform:scale(1);}
@media(max-width:1199px){
.win-pager{display:none;}
}



.mouse{position:absolute; width:78px; margin-right:-39px; bottom:20px; right:50%; z-index:2; animation:mouse 1.8s infinite;}
.mouse strong{font-weight:normal;text-align:center; color:#fff; display:block; margin-bottom:18px;}
.mouse span{display:block; position:relative; height:10px;}
.mouse strong+span{margin:0 8px;}
.mouse span:before{position:absolute; right:50%; left:0; height:1px; background:#fff; content:''; transform:rotate(30deg); transform-origin:right bottom;}
.mouse span:after{position:absolute; left:50%; right:0; height:1px; background:#fff; content:''; transform:rotate(-30deg); transform-origin:left bottom;}
@media(max-width:1199px){
.mouse strong{display:none;}
}

@keyframes mouse
{
10% {transform:translateY(0); opacity:1;}
100% {transform:translateY(18px); opacity:0;}
}

.slide{width:100%; height:100%; position:relative; z-index:1; background:rgb(0,0,0);}
.slide>div{width:100%; height:100%; position:absolute; z-index:1; visibility:hidden; opacity:0; transform:scale(.88); transition:.68s;}


.slide>div.d1{background:url(' ');}

.slide>div.on{z-index:2; visibility:visible; opacity:1; transform:scale(1);}
.slide>div>span{position:absolute; top:10%; right:10%; bottom:10%; left:10%;}
.slide>div>dl{background:rgba(0,0,0,.38); width:468px; height:468px; border-radius:50%; text-align:center; 
visibility:hidden; opacity:0; transform:scale(1.2); transition:.3s .38s;
position:absolute; z-index:3; left:50%; top:50%; margin:-234px 0 0 -234px;}
.slide>div>dl>dt{position:absolute; bottom:50%; left:30px; right:30px; padding-bottom:48px; border-bottom:1px solid #888;}
.slide>div>dl>dt>img{display:block; margin:0 auto; max-width:100%; transform:translateY(-50%); visibility:hidden; opacity:0; transition:.48s .58s;}
.slide>div>dl>dd{position:absolute; top:50%; left:0; right:0; padding-top:28px;}
.slide>div>dl>dd>h2{color:#f8f8f8; margin-bottom:8px; transform:translateY(50%); visibility:hidden; opacity:0; transition:.48s .62s;}
.slide>div>dl>dd>p{color:#d8d8d8; visibility:hidden; transform:translateY(60%); opacity:0; transition:.48s .68s;}
.slide>div.on>dl{visibility:visible; opacity:1; transform:scale(1);}
.slide>div.on>dl>dt>img,
.slide>div.on>dl>dd>h2,
.slide>div.on>dl>dd>p{visibility:visible; opacity:1; transform:translateY(0);}
@media(max-width:767px){
.slide>div>dl{width:300px; height:300px; margin:-150px 0 0 -150px;}
.slide>div>dl>dt{left:18px; right:18px; padding-bottom:28px;}
.slide>div>dl>dd{padding-top:18px;}
.slide>div>dl>dd>h2{margin-bottom:2px; font-size:18px;}
.slide>div>dl>dd>p{font-size:14px;}
}


dl.title{width:188px; color:#fff; transform:translateY(-100%); opacity:0; transition:.6s .3s;}
.win-slide.active dl.title{transform:translate(0,0); opacity:1;}
dl.title>dt{font-size:28px; line-height:38px;}
dl.title>dt:after{content:''; background:#EF8419; height:2px; display:block; width:68px; margin:8px 0 0 0;}
dl.title>dd{font-size:21px; font-family:Times,serif; color:#fff;}
dl.title.center{text-align:center; margin:0 auto;}
dl.title.center>dt:after{margin:3px auto;}
@media(max-width:1199px){
dl.title>dt{font-size:24px; line-height:32px;}
dl.title>dt:after{width:52px; margin:4px 0 0 0;}
dl.title>dd{font-size:18px;}
}




.win-slide[data-hash="about"]:before{background-image:url('../2025images/2025about.jpg');} 

.about{position:relative; z-index:2; width:100%; height:100%; overflow:hidden;} 
.about>ul{width:100%; height:100%;}
.about>ul>li{float:left; width:15%; border-right:1px solid rgba(255,255,255,.28); cursor:pointer; 
background:rgba(0,0,0,.28); position:relative; height:100%; text-align:center;
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box;
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;
transition:.3s;}
.about>ul>li>article>a{color:#fff; font-size:18px; text-align:center; display:inline-block; position:relative;}
.about>ul>li>article>a i{font-size:60px; width:60px; height:60px; transform:translateY(-100%); opacity:0; transition:.6s .3s;}
.about>ul>li>article>a img{transform:translateY(-100%); opacity:0; transition:.6s .3s;}
.about>ul>li>article>a dl.title{width:auto; transform:translateY(100%); opacity:0; transition:.6s .3s;}
.about>ul>li.on>article>a dl.title{transform:translate(-100%,0); opacity:0; transition:.6s .3s;}
.win-slide.active .about>ul>li>article>a i,
.win-slide.active .about>ul>li>article>a img,
.win-slide.active .about>ul>li>article>a dl.title{transform:translate(0,0); opacity:1;}

.about>ul>li.on{width:55%; padding:0 58px; background:none; text-align:left; cursor:default;}
.about>ul>li>article.on>a{margin:0 0 0 18px;} 
.about>ul>li.on>article>a i,
.about>ul>li.on>article>a img{position:absolute; left:100%; bottom:8px; margin-left:18px;}
.about>ul>li.on>article>a dl.title{text-align:left;}
.about>ul>li.on>article>a dl.title.center>dt:after{margin:3px 0;}

.about .content{display:none; color:#fff; border-left:4px solid #EF8419; padding:18px; margin-top:18px; background:rgba(255,255,255,.18); transform:translateY(50%); opacity:0; transition:.6s .4s;}
.win-slide.active .about .content{transform:translate(0,0); opacity:1;}
.about .content>aside{height:198px; overflow:hidden;}
.about .content>aside>h2{margin-bottom:12px;}
.about>ul>li.on>article .content{display:block;}
.about .content>ul{margin:0 -8px;}
.about .content>ul:after{display:block; content:''; clear:both;}
.about .content>ul>li{float:left; padding:0 8px; width:33.333%;}
.about .content>ul>li a>span{display:block; content:''; overflow:hidden;}
.about .content>ul>li a>strong{display:block; text-align:center; font-weight:inherit; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
@media(max-width:1599px){
.about>ul>li.on{padding:0 38px;}
}
@media(max-width:1199px){
.about>ul>li.on{padding:0 18px;}
.about .content>aside{height:248px; font-size:14px;}
.about .content>aside>h2{margin-bottom:8x;}
}
@media(max-width:992px){
.about>ul>li:not(.on){display:none;}
.about>ul>li.on{width:100%;}
}
@media(max-width:767px){
.about>ul>li.on{text-align:center;}
.about>ul>li.on>article>a i,
.about>ul>li.on>article>a img{display:none;}
.about>ul>li.on>article>a dl.title.center>dt:after{margin:3px auto;}
.about .content{border-left:none; border-top:4px solid #EF8419; padding:8px; margin-top:8px;}
.about .content>aside{height:368px;}
.about .content>aside>h2{margin-bottom:2px;}
.about .content>ul{margin:0 -4px;}
.about .content>ul>li{padding:0 4px;}
}



.win-slide[data-hash="product"]:before{background-image:url('../2025images/2025news.jpg');}
.win-slide[data-hash="product"]{
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box;
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.product{opacity:0; transition:.6s .3s; width:100%; position:relative; z-index:2;}
.win-slide.active .product{opacity:1;}
.product-swiper{overflow:hidden; padding:16px 8px;}
.product-wrapper{width:10000%;}
.product-wrapper:after{display:block; content:''; clear:both;}
.product-slide{float:left; padding:8px; width:.25%;}
.product-slide a{display:block;}
.product-slide span{display:block; overflow:hidden; background:#fff;}
.product-slide img{width:100%; display:block; transition:.3s;}
.product-slide a:hover img{ transform:scale(1.1);}
.product-slide strong{display:block; text-align:center; font-weight:normal; margin-top:8px; font-size:16px; color:#fff;}

.product-both{text-align:center; font-size:0; transform:translateY(100%); opacity:0; transition:.6s .3s;}
.win-slide.active .product-both{transform:translate(0,0); opacity:1;}
.product-both>a{background:#fff; height:38px; padding:0 18px; vertical-align:middle; line-height:38px; display:inline-block; font-size:14px; transition:.3s; border-radius:3px; cursor:pointer; margin:0 8px;}
.product-both>button{background:#fff; border:none; width:38px; height:38px; border-radius:3px; cursor:pointer; vertical-align:middle; transition:.3s;}
.product-both>button i{font-size:28px; color:#666;}
.product-both>a:hover,
.product-both>button:hover{background:#EF8419; color:#fff;}
.product-both>button:hover i{color:#fff;}
@media(max-width:1199px){
.product-slide{width:.33333%;}
}
@media(max-width:992px){
.product-slide{width:.5%;}
}
@media(max-width:499px){
.product-slide{width:1%;}
}
	
	

.win-slide[data-hash="news"]:before{background-image:url('');}
.win-slide[data-hash="news"]{
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box;
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.news{position:relative; z-index:2;}
.news-list{padding:16px 0;}
.news-list>ul{margin:0 -8px;}
.news-list>ul:after{display:block; content:''; clear:both;}
.news-list>ul>li{float:left; width:33.3333%; padding:8px; transform:translateY(50%); opacity:0; transition:.3s;}
.win-slide.active .news-list>ul>li{transform:translate(0,0); opacity:1;}
.win-slide.active .news-list>ul>li:nth-child(1){transition:.6s .4s;}
.win-slide.active .news-list>ul>li:nth-child(2){transition:.6s .45s;}
.win-slide.active .news-list>ul>li:nth-child(3){transition:.6s .5s;}
.win-slide.active .news-list>ul>li:nth-child(4){transition:.6s .55s;}
.win-slide.active .news-list>ul>li:nth-child(5){transition:.6s .6s;}
.win-slide.active .news-list>ul>li:nth-child(6){transition:.6s .65s;}
.news-list>ul>li>div{background:#fff;}
.news-list>ul>li>div>h3{padding:12px 16px 0 16px; font-size:20px;}
.news-list>ul>li>div>p{margin:0 16px 8px 16px; color:#888; height:84px; overflow:hidden;}
.news-list>ul>li>div>span{display:block; border-top:1px solid #ddd; padding:8px 16px;}
.news-list>ul>li>div>span:after{display:block; content:''; clear:both;}
.news-list>ul>li>div>span>b{float:left; font-weight:inherit; color:#585858;}
.news-list>ul>li>div>span>i{float:left; font-style:normal; color:#484848;}
.news-list>ul>li>div>span>a{float:right; color:#EF8419;}
.news-list>ul>li>div>span>a:hover{color:#333;}
.news-more{text-align:center; transform:translateY(100%); opacity:0; transition:.6s .3s;}
.win-slide.active .news-more{transform:translate(0,0); opacity:1;}
.news-more a{vertical-align:middle; color:#fff; line-height:38px; display:inline-block; font-size:16px; border-radius:3px; cursor:pointer; margin:0 8px;}
.news-more a span{padding:0 8px; display:inline-block;}
.news-more a i{transition:.3s;}
.news-more a:hover{color:#EF8419;}
.news-more a:hover i:first-child{transform:translateX(-3px);}
.news-more a:hover i:last-child{transform:translateX(3px);}
@media(max-width:1199px){
.news-list>ul>li>div>h3{padding:12px 16px 0 16px; font-size:18px;}
.news-list>ul>li>div>p{margin:0 16px 8px 16px; height:72px; font-size:14px; overflow:hidden;}
.news-list>ul>li>div>span{ padding:8px 16px; font-size:14px;}
}
@media(max-width:992px){
.news-list>ul>li{width:50%;}
.news-list>ul>li>div>p{height:48px; }
}
@media(max-width:767px){
.news-list>ul>li{width:100%; padding:4px 8px; text-align:center;}
.news-list>ul>li>div>h3{padding:4px 8px; font-size:16px;}
.news-list>ul>li>div>p,
.news-list>ul>li>div>span{display:none;}
}


.win-slide[data-hash="feedback"]:before{background-image:url('../2025images/2025lx.jpg');}
.win-slide[data-hash="feedback"]{ 
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box;
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.feedback{ color:#fff; position:relative; z-index:2; }
.feedback a{color:#fff;}
.feedback article{ margin-top:18px;}
.feedback .ewm{float:left; width:33.333%; text-align:center; transform:translateX(-50%); opacity:0; transition:.6s .3s;}
.win-slide.active .feedback .ewm{transform:translate(0,0); opacity:1;}
.feedback .ewm>img{width:228px; display:inline-block; max-width:100%; margin:18px 0 8px 0;}
.feedback .ewm>span{display:block; font-size:16px; text-align:center}
.feedback .contact{float:left; width:66.666%; transform:translateX(50%); opacity:0; transition:.6s .3s;}
.win-slide.active .feedback .contact{transform:translate(0,0); opacity:1;}
.feedback .contact h2{font-size:28px;}
.feedback .contact ul{margin-top:8px;}
.feedback .contact ul:after{display:block; content:''; clear:both;}
.feedback .contact ul li{font-size:16px; margin-top:18px; float:left; width:50%; height:48px; position:relative; padding-left:58px; line-height:24px;
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box; overflow:hidden;
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.feedback .contact ul li i{width:48px; height:48px; border:1px solid #EF8419; position:absolute; left:0; top:0; color:#EF8419; font-size:25px; border-radius:50px; line-height:46px; text-align:center;}
.feedback .contact ul li a{color:#fff;}
.feedback .contact ul li b{font-weight:normal; }

.foot{text-align:center; border-top:1px solid rgba(255,255,255,.5); padding-top:28px; transform:translateY(50%); opacity:0; transition:.6s .3s;}
.win-slide.active .foot{transform:translate(0,0); opacity:1;}
.foot>ol,
.foot>ul{text-align:center; font-size:0; margin-bottom:8px;}
.foot ul li{font-size:16px; display:inline-block; line-height:38px;}
.foot ul li:before{content:'/'; display:inline-block; margin:0 4px 0 8px;}
.foot ul li:first-child:before{display:none;}
.foot li img{height:38px; vertical-align:middle;}
.foot li:first-child{margin-left:0;}
.foot>p>span{margin-right:8px;}
.foot>p>span:last-child{margin:0;}
@media(max-width:1199px){
.feedback .ewm>img{width:158px; margin:12px 0 4px 0;}
.feedback .ewm>span{font-size:14px;}
.feedback .contact h2{font-size:22px;}
.feedback .contact ul{margin-top:0;}
.feedback .contact ul li{font-size:16px; margin-top:18px; height:38px; padding-left:48px; font-size:14px; line-height:19px;}
.feedback .contact ul li i{width:38px; height:38px; font-size:25px; line-height:36px; }
}
@media(max-width:767px){
.feedback .ewm{display:none;}
.feedback article{margin-top:8px;}
.feedback .contact h2{font-size:18px; text-align:center;}
.feedback .contact ul{margin-bottom:12px;}
.feedback .contact ul li{margin-top:8px; padding-left:42px;}
.feedback .contact{float:none; width:100%; transform:translateX(50%); opacity:0; transition:.6s .3s;} 
.foot{padding-top:8px; font-size:14px;}
.foot>ol,
.foot>ul{margin-bottom:0;}
.foot ul li{line-height:inherit;  font-size:14px;}
}