@charset "utf-8";
:root{--color:#F4AE56;--fontfamily:Microsoft Yahei,Arial,sans-serif}
.wmkc-template-33 .wmkc-flex{display:flex;align-items:center;background:none}
.wmkc-template-33 .wmkc-item-img{padding:0!important}
.wmkc-template-33 .wmkc-item-img img{max-height:inherit!important;position:static!important}
@media (min-width:1025px){header .head-info .head-nav{width:100%}
header .head-info .head-nav .nav-ul{margin:0 auto}}
.home-banner .swiper-slide.swiper-slide-active img{animation:0s}
.home-contact-content{flex-wrap:wrap}
.contact-left-bottom{width:100%;margin:0 auto;max-width:1000px}
.contact-right{padding-bottom:0}
.footer-top{display:none}
#footertop{padding-top:40px;display:block;background:#fff}
#footertop .l-wrap{flex-wrap:wrap}
#footertop .l-wrap>div:first-child{width:100%;color:var(--fontcolor);text-align:center;font-size:36px;font-weight:700;text-transform:capitalize;margin-bottom:10px;line-height:1.3}
#footertop .l-wrap>p{width:100%;text-align:center;color:var(--fontcolor);margin-bottom:25px}
#footertop form{display:flex;flex-wrap:wrap;width:100%}
#footertop form input{width:32%;margin-right:2%;height:57px;border-radius:var(--border);outline:0;margin-bottom:20px;padding:0px 15px;border:1px solid #e5e5e5;transition:all .1s linear}
#footertop form input:nth-child(3){margin-right:0}
#footertop form textarea{font-family:inherit;width:100%;background:#FFF;border-radius:var(--border);outline:0;border:1px solid #e5e5e5;padding:20px 15px;resize:none;height:212px}
#footertop form input.footBtn{font-size:16px;width:200px;height:52px;border-radius:var(--border);background-color:var(--color);border:none;display:flex;align-items:center;justify-content:center;color:#FFF;font-weight:var(--fontweight5);cursor:pointer;box-shadow:0 0 0 var(--color);transition:all .2s linear;margin:30px auto}
#footertop form input.footBtn:hover{box-shadow:0 0 6px var(--color)}
@media (max-width:768px){#footertop form input{width:100%;margin-right:0}}
@media (max-width:500px){#footertop .l-wrap>div:first-child{font-size:22px}}
.home-about .l-wrap .right .btn{text-transform:capitalize}
#liproducts .submenu{padding:10px;list-style:none}
#liproducts .submenu>li{display:flex;align-items:center;margin:10px 0}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li .item-info{width:80px;height:55px;margin-right:10px;overflow:hidden;margin:0 auto}
#liproducts .submenu>li .item-info img{width:100%;height:100%;object-fit:cover;height:auto;transition:all .1s linear}
#liproducts .submenu>li .item-info img:hover{transform:scale(1.02)}
#liproducts .submenu>li>a{flex:1;text-decoration:none;width:calc(100% - 100px)}
@media (max-width:1024px){#liproducts .submenu{display:none;min-width:inherit;padding-left:20px}
#liproducts .submenu>li{width:100%;margin:0}
#liproducts .submenu>li .item-info{display:none}}
@media (min-width:1025px){header .head-info .l-wrap{position:relative}
#liproducts{position:static}
#liproducts .submenu.nav2{display:flex;flex-wrap:wrap;width:100%;padding:10px 15px 20px}
#liproducts .submenu.nav2>li{width:32%;margin:0 2% 0 0;padding:8px 5px;height:71px;border-bottom:1px solid #eaeaea}
#liproducts .submenu.nav2>li:nth-child(3n){margin-right:0}
#liproducts .submenu.nav2>li .item-info{width:65px}
#liproducts .submenu.nav2>li .item-info>a{padding-right:10px;border:none}
#liproducts .submenu.nav2>li>a{width:calc(100% - 65px);padding:0;border:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;line-height:1.3;height:auto}
#liproducts{display:flex;align-items:center}
#liproducts>em{position:static;transform:translate(0,0);margin-left:-10px}}
.home-contact{background:url(/uploads/39306/home-caseB.png) no-repeat center;background-size:cover}
.home-contact-title.home .unify{padding-top:50px;padding-bottom:40px}
@media (max-width:560px){.home-contact-title.home .unify{padding-top:30px;padding-bottom:20px}}
.home-process .process-list{display:flex;justify-content:center;flex-wrap:wrap;margin-top:3%}
.home-process .process-list .process-item{width:25%;padding:0 2%;margin:2% 0}
.home-process .process-list .process-item .img{position:relative}
.home-process .process-list .process-item .img img{width:100%;display:block;transition:all .3s;border-radius:50%;overflow:hidden;border:1px solid #d0d0d0}
.home-process .process-list .process-item .img span{position:absolute;top:3%;right:15%;width:38px;height:38px;border-radius:50px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px var(--color);color:var(--color);background:#fff}
.home-process .process-list .process-item .tit{margin:10px 0 5px;text-align:center;font-size:20px}
.home-process .process-list .process-item .art{text-align:center;font-size:14px}
@media (max-width:1280px){.home-process .process-list .process-item .img span{right:8%}}
@media (max-width:768px){.home-process .process-list .process-item{width:49%;padding:0 10px}
.home-process .process-list .process-item .tit{font-size:16px}
.home-process .process-list .process-item .art{font-size:13px}
.home-process .process-list .process-item .img span{right:14%}}
@media (max-width:500px){.home-process .process-list .process-item .img span{right:4%}}
.contact-left-num .numCX{margin:0 2px}
.contact-right .play{margin-top:40px}
.contact-right-txt{margin-top:10px;width:100%}
.contact-right-btn{margin-top:30px}
.home-case{background-position:center;background-size:cover}
@media (max-width:1600px) and (min-width:901px){.contact-right{width:54%}
.contact-right-txt{font-size:17px}}
@media (max-width:768px){.contact-left-bottom div{width:30%;margin:10px 0}
.contact-left-bottom{flex-wrap:wrap;justify-content:space-evenly}}
#li_Menu101_inquiry,#li_Menu101_VRLink,#li_Menu101_Info{display:none}
.home-product .l-wrap .product .pro-list .item .text .btn{text-transform:capitalize;color:#fff;padding:4px 10px}
.home-product .l-wrap .product .pro-list .item .text .btn::after{width:110%}
.pro-list li .pro-info .btn{text-transform:capitalize}
.prolist-bottom{padding:0}
.common-page{flex-wrap:wrap}
.contacttoptitle{margin-bottom:30px;position:relative}
.contacttoptitle:before{content:'';width:100%;height:1px;background:#ccc;position:absolute;top:50%;left:0}
.contacttoptitle span{position:relative;background:#fff;padding-right:25px}
.contactcentertitle{text-align:center;margin-top:70px}
.contactcentertitle div{font-weight:bold;color:var(--color);font-size:36px;line-height:1.3;margin-bottom:10px}
@media (max-width:1024px){.contactcentertitle div{font-size:28px}}
@media (max-width:560px){.contactcentertitle div{font-size:22px}
.contactcentertitle{margin-top:40px;margin-bottom:30px}}
.home .unify .title{font-weight:var(--fontweight7)}
.contact-left-bottom *{font-family:"Montserrat"!important}
@media (min-width:769px){.product .right-wrap .like ul{justify-content:flex-start}
.product .right-wrap .like ul li{width:24%;margin-right:1.333%}
.product .right-wrap .like ul li:nth-child(4n){margin-right:0}
.product .right-wrap .like .pro-list .pro-img{width:70px}
.product .right-wrap .like .pro-list .pro-info .title{-webkit-line-clamp:2;font-size:15px;line-height:1.4}
.product .right-wrap .like .pro-list .pro-info{padding:0 12px;width:calc(100% - 70px)}}
.contact-left-num{border-radius:50%;border:1px solid #fff;width:100px;height:100px;font-size:16px;display:flex;justify-content:center;align-items:center}
.contact-left-num span{font-size:32px;font-weight:var(--fontweight7)}
@media (max-width:768px){.contact-left-num{width:75px;height:75px;font-size:14px}
.contact-left-num span{font-size:22px}}
.pro-list li .pro-info .btn{color:#fff;background:var(--color)}
.productsTags{font-style:italic}
.product .right-wrap .like ul{align-items:flex-start}
.product .right-wrap .like ul li{flex-direction:column}
.product .right-wrap .like .pro-list .pro-img,.product .right-wrap .like .pro-list .pro-img img{width:100%}
.product .right-wrap .like .pro-list .pro-info{padding:8px 0;width:100%;text-align:center}
.product .right-wrap .commodity .info .btn>div{background:var(--color);color:#fff}
.product .right-wrap .like .pro-list .pro-img a{position:relative;height:0;padding-bottom:100%}
.product .right-wrap .like .pro-list .pro-img a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain}
@media (max-width:768px){.product .right-wrap .like ul li{width:49%}
.pro-list li .pro-info .btn{padding:5px}}
.contact-left-bottom{padding:6% 0 4%}
header .head-top{background-color:#111a3a}
header .head-top .head-share ul li a{background-color:#0c5adb54}
.contact .contact-list li .ic,.contact .contact-list li:hover .ic em{color:var(--color)}
.home-case .l-wrap .theme{color:var(--color)}
.home-about .l-wrap .left .bottom div .num{font-weight:bold}
.news-item-slide{height:auto}
.news-item-slide .news-item-read{padding:4px 10px;color:#fff;text-transform:capitalize}
.news-item-slide .news-item-read::after{width:100%;background:var(--color)}
@media (min-width:1025px){.contact-left{width:50%}
.contact-right{width:46%}}
header .head-info .head-nav .nav-ul>li>a{padding:0 12px;font-size:16px}
a.headbtn{background:var(--color);color:#fff;border-radius:10px;display:block;line-height:1.4;padding:10px 20px;margin:0 10px;font-size:15px;text-align:center}
a.headbtn:hover{background:#111a3a}
@media (max-width:1400px){header .head-info .head-nav .nav-ul>li>a{padding:0 10px;font-size:13px}
a.headbtn{font-size:12px;padding:8px 10px;border-radius:5px}}
@media (max-width:1280px){a.headbtn{display:none}}
@media (max-width:1024px){header .head-info .head-nav .nav-ul>li>a{font-size:16px;padding:12px 0}}
.home-product .text{text-align:center}
@media (max-width:1024px){.crumbs .banner-img{height:auto}}
.home-contact .contact-left{display: flex;align-items: center;}
.contact-phone-number{font-size: 30px;margin: 20px 0;}
.contact-right-txt{font-size: 16px;}
.contact-left-bottom{padding: 2% 0 4%;}
.home-about .l-wrap .left .bottom{display:none}