﻿@charset "utf-8";
:root{--color:#FF6900;--fontfamily:'Albert Sans',sans-serif}
.wmkc-template-33 .wmkc-flex{display:flex;align-items:center;background:0 0}
.wmkc-template-33 .wmkc-item-img{padding:0!important}
.wmkc-template-33 .wmkc-item-img img{max-height:inherit!important;position:static!important}
.container{max-width:1400px}
.productcate{max-width:1400px;margin:60px auto 0;padding-bottom:25px}
.productcate-list li{width:32%;padding:10px}
.productcate-list li .productcate-img{border-radius:15px;box-shadow:2px 2px 10px #ccc;overflow:hidden}
.productcate-box{position:static;background:0 0;width:100%;padding:10px;text-align:center}
.productcate-box-title{display:block;color:#000}
.productcate-box-more{display:none}
.productcate-hot{top:10px;right:10px;border-radius:0 15px}
.productcate-list li a:hover .productcate-box-title{color:var(--color)}
.prodetails-page innerpage img{height:auto!important}
.prodetails-page img{height:auto!important}
@media (min-width:1025px){.location{background:0 0!important;display:flex;align-items:center;justify-content:flex-end;padding:0}
.location>img{display:block;width:100%}
.location .container-s{position:absolute;right:5%}}
@media (max-width:1500px) and (min-width:1025px){.location .container-s{right:2%}}
@media (max-width:1280px) and (min-width:1025px){.location .container-s{right:0}
.location .location-box{padding:10px 15px;width:360px}
.location .location-title{line-height:1}
.location .contact li{margin-top:5px}
.location .contact li strong{margin:0}}
@media (max-width:1024px){.location>img{display:none}}
.fcontact li:nth-child(3){display:none}
.highpro-l img{object-fit:cover}
.latestnews-img img{max-height:100%}
.faq-list .faq-item-act .project-name{background:url(/images/m408/orange/faq1.png) no-repeat 10px center,url(/images/m408/orange/faq-c.png) no-repeat 99% center #fff}
.faq-list .project-name{background:url(/images/m408/orange/faq1.png) no-repeat 10px center,url(/images/m408/faq.png) no-repeat 99% center #f7f7f9}
.faq-list .project-content{background:url(/images/m408/orange/faq2.png) no-repeat 10px 0 #fff}
#in-name{background:url(/images/m408/orange/inname.png) no-repeat;background-position:right -24px}
#in-email,#in-emailcomfirm{background:url(/images/m408/orange/inemail.png) no-repeat;background-position:right -24px}
#in-content.require{background:url(/images/m408/orange/incontent-c.png) no-repeat right 14px}
header{background:#f5f5f5}
@media (min-width:1025px){nav .nav .submenu{background:#f5f5f5}}
.banner-animote {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:100%;width:100%;}
.banner-animote .p1{font-size:50px;font-weight:bold;line-height:1.1}
.banner-animote .p2{margin:10px 0 20px;}
.banner-animote .p3 a{margin:0 auto;background:#fca24c;color:#fff;border-radius:20px;border-color:#fca24c}
@media (max-width:1024px){
.banner-animote .p1{font-size:30px;}  
}
@media (max-width:640px){
.banner-animote .p1{font-size:18px;}
.banner-animote .p2{font-size:12px;margin:5px 0;}
.banner-animote .p3 a{width:75px;padding:0;}
}
.home-iconlist {display:flex;justify-content:center;margin-bottom:60px;align-items:center}
.home-iconlist .home-iconlist-item{margin:0 10px;text-align:center}
.home-iconlist .home-iconlist-item img{max-height:50px;width:auto;}
@media (max-width:768px) {
.home-iconlist{flex-wrap:wrap;padding:0 15px;}
.home-iconlist .home-iconlist-item{margin:0;width:25%;}
}
.about-r .company-advan{display:flex;justify-content:space-between;width:100%;text-align:center;margin-bottom:15px;}
.about-r .company-advan .numCX{font-size:24px;font-weight:bold}
.about-r .company-advan .itemnum p{color:#848484}
@media (max-width:768px){
.about-r .company-advan{flex-wrap:wrap;}
.about-r .company-advan .itemnum{width:50%;margin-bottom:15px;} 
}
.productcate-list li .productcate-img:hover img{transform:scale(1.05)}
lite-youtube{border-radius:15px;}

.writetous{background:url(/uploads/39277/page/p202502121114118055c.jpg) no-repeat bottom/cover;position:relative;padding:4% 0;margin-top:4%;}
.writetous:before{content:'';width:100%;height:100%;background:rgba(0,0,0,0.6);display: block;position: absolute;left:0;top:0;z-index:1;}
.writetous .container-s{z-index:2;position: relative;display: block;}
.writetous .home-title{color:#fff;text-align: center;}
.writetous .write-des{margin:20px 0;text-align: center;color:#fff;}
.writetous .write-list{display:flex;justify-content: space-between;flex-wrap:wrap;}
.writetous .write-list .item{width:32.5%;border-radius: 15px;background:#fff;color:#000;padding: 3% 20px;display:flex;flex-direction:column;align-items:center}
.writetous .content .item .desc{text-align:center}
.writetous .content .item .title{font-weight:800;font-size:20px;text-align:center;margin-bottom:10px;}
@media (max-width:768px){.writetous .content{grid-template-columns:repeat(1,1fr)}
.writetous .write-list .item{width:100%;margin:10px 0;}}
.productcate .productcate-list{display: none;}
.home-smart .pro-txt{text-align:center;font-size:20px;margin-top:20px}
.home-smart .tit{font-size:40px;font-weight:var(--fontbold6);text-align:center;color:#555}
.home-smart .tit span{position:relative}
.home-smart .tit span:before{position:absolute;content:'';display:block;width:90px;height:1px;background:#999;left:-110px;top:50%}
.home-smart .tit span:after{position:absolute;content:'';display:block;width:90px;height:1px;background:#999;right:-110px;top:50%}
.home-smart .world-img{margin-top:3%;display:flex;justify-content:space-between;flex-wrap:wrap}
.home-smart .w1{width:65%}
.home-smart .w2{width:34%;display:flex;flex-direction:column;justify-content:space-between}
.home-smart .w4{width:49%;display:flex;justify-content:space-between;margin-top:1%}
.home-smart .w8{width:50%;margin-top:1%}
.home-smart .world-img .out-content{display:block;position:relative}
.home-smart .world-img .out-content img{width:100%;height:100%;object-fit:cover}
.home-smart .world-img .out-content.more{width:48%;margin-left:2%;background:#fca24c}
.home-smart .world-img .out-content.more .text{color:#fff}
.home-smart .world-img .out-content.more-left{width:48%}
.home-smart .world-img .out-content .text{position:absolute;right:4%;bottom:4%;color:#4d4545;font-weight:700;font-size:20px}
@media (max-width:500px){.home-smart .world-img .out-content .text{font-size:12px}
}
.home-iconlist{max-width:700px;margin:0 auto}
.home-smart .pro-txt{max-width:600px;margin:0 auto}.home-smart .w4 .out-content .text{right:50%;transform:translateX(50%)}
footer{position:relative;z-index:2;text-align:center}
.foot-t{padding-top:70px;background:#f5f5f5}
footer .img{display:inline-block;margin-bottom:40px}
footer .foot-nav{width:100%;max-width:1400px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;text-align:center;margin:0 auto 40px;position:relative}
footer .foot-nav ul{display:inline-block;overflow:hidden;vertical-align:middle}
footer .foot-nav ul li{float:left}
footer .foot-nav ul li a{height:60px;line-height:60px;text-align:center;font-size:14px;color:#999;display:block;padding:0 45px}
footer .foot-nav ul li a:hover{color:#666}
footer .foot-nav .zhiding{position:absolute;right:25px;top:0;width:40px;height:100%;background:url(zhiding.png) no-repeat center center;cursor:pointer}
footer .footer-links{text-align:center}
footer .footer-links ul{display:inline-block;padding-bottom:30px}
footer .footer-links ul li{float:left}
footer .footer-links ul li a{display:block;width:88px;height:88px;margin:0 20px;background:url(footer-wx.png) no-repeat center center;border:1px solid #c7af82;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;position:relative}
footer .footer-links ul li a .ewm{position:absolute;width:150px;height:150px;top:-180px;left:50%;margin-left:-75px;visibility:hidden;opacity:0;filter:alpha(opacity=0)}
footer .footer-links ul li a .ewm img{width:100%;}
footer .footer-links ul li a .ewm:after{content:"";position:absolute;border-top:10px solid #fff;border-left:7px solid transparent;bottom:-9px;border-right:7px solid transparent;left:50%;margin-left:-7px}
footer .footer-links ul li a:after{position:absolute;width:100%;text-align:center;bottom:-30px;font-size:14px;color:#c7af82;left:0;content:"";display:none}
footer .footer-links ul li.wx a{background-image:url(https://css02.v15cdn.com/m197/white/footer-wx.png)}
footer .footer-links ul li.wx a:after{content:"QR code"}

footer .footer-links ul li.wb a:after{content:""}
footer .footer-links ul li.dz a{background-image:url(https://css02.v15cdn.com/m197/white/footer-dz.png)}
footer .footer-links ul li.dz a:after{content:"Contact us"}

footer .footer-links ul li.jxs a:after{content:""}
footer .footer-links ul li:hover a{border-width:0;box-shadow:0 0 10px 2px rgba(0,0,0,.2)}
footer .footer-links ul li:hover a .ewm{visibility:visible;top:-160px;opacity:1;filter:alpha(opacity=100);transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s}
footer .footer-links ul li:hover a:after{display:block}
footer .footer-phone{text-align:center;padding:30px 0 50px}
footer .footer-phone img{display:inline-block}
footer .footer-bottom{padding:15px;background:#333;text-align:center}
footer .footer-bottom>ul{overflow:hidden;display:inline-block;vertical-align:middle}
footer .footer-bottom>ul li{float:left;height:20px;line-height:20px;font-size:13px;color:#b3b3b3;padding:0 50px;border-right:1px solid #87898c;text-transform:uppercase}
footer .footer-bottom>ul li:last-child{border:0}
footer .footer-bottom>ul li a{color:#b3b3b3}
footer .footer-bottom>ul li a:hover{color:#007aff}
footer .foot-nav ul li a{margin-bottom:0;}
footer .footer-bottom>ul li{height:auto}
@media (max-width:1024px) {
footer .foot-nav ul{display:flex}
}
@media (max-width:768px){
.foot-t{padding-top:20px;}
footer .footer-phone{padding:20px 0;}
footer .footer-links ul{padding-bottom:15px;}
footer .img{margin-bottom:15px;}
footer .foot-nav ul li a{height:40px;line-height:40px;padding:0 10px;}
}
.swiper-slide-active .banner-animote{animation: wkbanner .5s forwards;animation-delay: .7s;}
.banner-animote{position: absolute;color: var(--fontcolor);opacity: 0;}
.banner-animote.banner2txt{width: auto;left: 25%;color: #fff;text-align: left;}
.banner-animote.banner2txt .p1{font-size: 40px;font-weight: bold;color: #585858;}
.banner-animote.banner2txt .home-more{font-size: 20px;margin-top: 60px;background:#fca24c;color: #fff;border-radius: 24px;border-color:#fca24c}
@media (max-width:1024px){.banner-animote.banner2txt .home-more{font-size: 18px;margin-top: 10px;}
.banner-animote.banner2txt .p1{font-size: 30px;}}
@keyframes wkbanner{
0%   {margin-top: 50px;;opacity: 0;}
100%  {margin-top: 0;opacity: 1;}}
@-webkit-keyframes wkbanner {
0%   {margin-top: 50px;;opacity: 0;}
100%  {margin-top: 0;opacity: 1;}}
.home-main section#newtop{padding: 3% 0;}
.newtopflex{display: flex;justify-content: space-between;margin-top: 50px;}
.newtop-txtbox{width: 46%;}
.newtop-txtbox .h2{font-size: 30px;display: block;margin: 40px 0;}
.newtop-imgbox{width: 40%;}
.newtop-imgbox img{width: 100%;}
.newtop-txtbox .btn{margin-top: 50px;}
.newtop-txtbox .btn a{display: flex;align-items: center;}
.newtop-txtbox .btn em{font-size: 30px;font-style: initial;margin-left: 20px;}
@media (max-width:1024px){.newtopflex{flex-wrap: wrap;margin-top: 20px;}
.newtop-txtbox,.newtop-imgbox{width: 100%;}
.newtop-txtbox .h2{margin: 10px 0;}
.newtop-txtbox .btn{margin-top: 10px;}}
@media (min-width:1025px) {body {padding-top: 140px;}
header .logo img{height:100%}
header .logo{height:100%}
header {height: 140px;}
header .container{height: 100px;}
.head-top{background:#fca24c;width: 100%;height: 40px;}}
@media (max-width:1024px){.head-top{display:none}}
.headact .head-top{display:none}
header.headact .container{height: 100%;}

.about{background:url(/uploads/39277/page/p202502121035591be16.jpg) no-repeat center/cover;position:relative;padding:4% 0;margin-top:4%;}
.about:before{content:'';width:100%;height:100%;background:rgba(0,0,0,0.6);display: block;position: absolute;left:0;top:0;z-index:1;}
.about .container{text-align: center;z-index:2;position: relative;color:#fff}
.about .home-title{text-align: center;color:#fff;text-transform: uppercase;}
.about .about-des{margin:10px auto;max-width:1100px;}
.about .num-box{background:#fca24c;border-radius: 10px;padding:3%;margin:20px 0;}
.about .company-advan{display:flex;justify-content: space-around;width:100%;}
.about .company-advan .itemnum{width: 24%;}
.about .company-advan .itemnum span{font-size:50px;font-weight:var(--fontbold7);line-height:1}
.about .company-advan .itemnum .numCX{margin-bottom:10px;}
.about .more-box{display:flex;justify-content: center;}
.about .more-box .home-more{color:#fff;border-color:#fff;}
.about .more-box .home-more:hover{border-color:#fca24c;background: #fca24c;}
@media (max-width:1440px){.about .company-advan .itemnum span{font-size:40px;}}
@media (max-width:768px){.about .company-advan .itemnum span{font-size:26px;}
.about .company-advan{flex-wrap:wrap;}
.about .company-advan .itemnum{width:48%;margin:1% 0;}}