﻿@charset "utf-8";
:root{--color:#ec9740;--hovercolor:#f18417}
.homeHorProList li img.loaded{transform:inherit}
.products-ninelist-1 li .products-list-img .loaded{transform:scale(1)}
.singleBannerImg img[src='']{display:none}
.switchPage a,.switchPage span{width:auto;min-width:40px;height:40px;line-height:40px;padding:0px 10px;box-sizing:border-box}
@media (max-width:560px){.switchPage a,.switchPage span{padding:0px 5px;min-width:36px;height:36px;line-height:36px}}
.footerRight .footerNav .web a{color:#fff;display:inline-block;margin-top:10px}
@media (max-width:768px){.headTopWrapper .headContact .mail{margin-right:10px}}
@media (max-width:500px){.headTopWrapper .headContact div a,.headTopWrapper .headContact div i,.headTopWrapper .headContact div span{font-size:12px}}
.headTopWrapper .headContact .phone{margin-right:40px}
@media (max-width:900px){.headTopWrapper .headLink{display:none}
.headTopWrapper .headContact .mail{margin-right:20px}
.headTopWrapper .headContact .phone{margin-right:20px}}
@media (max-width:768px){.headTopWrapper .headContact{flex-wrap:wrap;justify-content:flex-start}
header .headTop{height:56px}
.headTopWrapper .headContact div a,.headTopWrapper .headContact div i,.headTopWrapper .headContact div span{font-size:15px}}
@media (max-width:560px){.headTopWrapper .headContact{flex-wrap:wrap;justify-content:flex-start}
header .headTop{height:56px}
.headTopWrapper .headContact div a,.headTopWrapper .headContact div i,.headTopWrapper .headContact div span{font-size:13px}
.headTopWrapper .headContact .phone{margin-right:0}
.header{transform:translateY(-56px)}}
.sideLatestpro ul li img{transform:scale(1)}
strong{font-weight:600}
.Custom .wmkc-template-41 .wmkc-flex-item .wmkc-item-img{overflow:hidden}
.Custom .wmkc-template-41 .wmkc-flex-item .wmkc-item-img img{width:100%;display:block;transition:all .5s}
.Custom .wmkc-template-41 .wmkc-flex-item .wmkc-item-img img:hover{transform:scale(1.1)}
.homeHorProWrapper .homeTiele{text-align:center}
.homeChooseWrapper{margin:0px auto;width:1600px}
.homeChooseWrapper .homeTiele{text-align:center}
.homeChoose ul{display:flex}
.homeChoose li{position:relative;padding:50px;width:25%}
.homeChoose .choose-title{padding:40px 0;color:#000;font-weight:600;font-size:22px}
.homeChoose .choose-text{color:#000;font-size:16px;line-height:31px}
.homeChoose .choose-more{display:inline-block;margin-top:30px;padding:10px 30px;border:1px solid var(--color);border-radius:30px;color:#000;font-size:16px;transition:all .3s ease}
.homeChoose li:hover .choose-title{color:#fff}
.homeChoose li:hover .choose-text{color:#fff}
.homeChoose li:hover .choose-more{background:var(--color);color:#fff}
.homeChoose li::after{position:absolute;top:0;left:0;z-index:-10;display:block;width:100%;height:100%;background:#fff;content:'';transition:.5s}
.homeChoose li>img{position:absolute;top:0;left:0;z-index:-20;width:100%;height:100%}
.homeChoose li:hover::after{background:0 0}
@media (max-width:1450px){.homeChooseWrapper{width:1200px}}
@media (max-width:1266px){.homeChooseWrapper{width:1000px}
.homeChoose ul{flex-wrap:wrap;justify-content:space-between}
.homeChoose li{padding:20px;width:45%}}
@media (max-width:768px){.homeChooseWrapper{width:100%}
.homeChoose li{padding:20px;width:44%}}
@media (max-width:500px){.homeChoose li{width:100%}
.homeChoose .choose-title{padding:10px 0px}}
.homeWhoWrapper{margin:0px auto;padding:0px 50px;max-width:1600px;text-align:center}
.homeWho{overflow:hidden;padding:50px 0 80px;background:url(/uploads/19038/img/who-bg.jpg) no-repeat;background-size:100% 100%}
.homeWho .who-content{display:flex;flex-wrap:wrap;justify-content:space-between}
.homeWho .who-left{position:relative;width:50.5%}
.homeWho .who-left .who-leftbox{position:absolute;top:30%;margin:0px auto;padding:0px 100px;text-align:center}
.homeWho .box-title{display:-webkit-box;overflow:hidden;padding-bottom:50px;color:#fff;text-align:center;text-overflow:ellipsis;font-weight:600;font-size:35px;line-height:59px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.homeWho .leftbox-text{display:-webkit-box;overflow:hidden;color:#fff;text-overflow:ellipsis;font-weight:400;font-size:16px;line-height:31px;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.homeWho .leftbox-more{display:inline-block;margin-top:30px;padding:10px 50px;border-radius:25px;background:#fff;color:var(--color);font-size:16px;transition:all .3s ease}
.homeWho .who-rtop{position:relative}
.homeWho .who-rightbox{position:absolute;top:20%;width:100%;text-align:center}
.homeWho .who-right{display:flex;width:47.5%;flex-direction:column;justify-content:space-between}
.homeWho .who-rbottom{position:relative;display:flex;justify-content:space-between}
.rbottom-right,.who-rbottom .rbottom-left{position:relative;width:48%}
.who-rbottom .who-brightbox{position:absolute;top:20%;width:100%;text-align:center}
.who-rbottom .rightbox-more{position:absolute;left:50%;display:flex;width:54px;height:54px;border-radius:50%;background:#fff;color:var(--color);font-weight:800;font-size:32px;transform:translateX(-50%);align-items:center;justify-content:center}
.who-rbottom .rightbox-more em{margin-top:-5px}
.homeWho .homeTiele{text-align:center}
.homeWho .leftbox-more:hover{background:var(--color);color:#fff}
.who-rbottom .rightbox-more:hover{background:var(--color);color:#fff;transition:all .3s ease}
.homeTiele-box{margin:10px auto 50px;width:60px;height:5px;background:var(--color)}
.homeWho .homeTiele-box{background:#fff}
@media(max-width:1024px){.homeWho .who-left{width:100%}
.homeWho .who-right{width:100%}}
.homeWho img{width:100%}
@media(max-width:500px){.homeWho .box-title{padding-bottom:10px;font-size:22px;line-height:1}
.homeWho .who-left .who-leftbox{top:15%}
.homeWho .leftbox-text{line-height:1}
.homeWho .leftbox-more{padding:5px 22px;font-size:14px}
.homeWho .who-left .who-leftbox{padding:0px 20px}
.who-rbottom .rightbox-more{width:34px;height:34px;font-size:25px}
.homeWho .leftbox-more{margin-top:20px}
.homeTiele-box{margin:5px auto 20px;width:40px}}
.homeTiele span{font-weight:600;font-family:var(--fontfamily)!important}
.homeWho .homeTiele span{color:#fff!important}
.homeVr .item{position:relative}
#vr-swiper{height:100%}
.homeVr{height:800px}
.homeVr .swiper-pagination-bullet{padding:10px 0;width:100%!important;height:20px!important;border-radius:0!important;background:0 0!important;color:#8d8d8d;text-align:start;font-weight:600;font-size:20px;line-height:20px;opacity:1}
.homeVr .swiper-pagination-bullet-active{background:#007aff;color:#fff}
.homeVr .item .vr-sign{position:absolute;top:50%;left:8%;display:flex;transform:rotate(-90deg) translateX(50%);align-items:center}
.homeVr .item .vr-box{margin-right:20px;width:5px;height:31px;background:var(--color)}
.homeVr .item .vr-name{color:#fff;font-size:40px}
.homeVr .item .vr-content{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%)}
.homeVr .item .vr-title{color:var(--color);font-weight:600;font-size:40px}
.homeVr .item .vr-text{display:-webkit-box;overflow:hidden;padding:20px;color:#fff;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.homeVr .item .vr-play{position:relative;display:flex;margin:0px auto;width:65px;height:65px;border-radius:50%;background:var(--color);justify-content:center;align-items:center}
.homeVr .item .vr-play::after{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border-radius:50%;background:var(--color);content:'';opacity:.5;animation:playanimation 1.5s infinite}
@keyframes playanimation{0%{transform:scale(1)}
100%{transform:scale(1.5)}}
.homeVr .swiper-pagination{width:150px}
.homeVr .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:10px 0px}
.homeVr .swiper-pagination-bullet-active{border-bottom:1px solid var(--color);color:var(--color)}
@media(max-width:1600px){.homeVr .item .vr-sign{left:3%}
.homeVr .swiper-pagination{width:70px}}
@media(max-width:1024px){.homeVr{height:388px}}
@media(max-width:768px){.homeVr .item .vr-name{font-size:28px}
.homeVr .item .vr-box{height:20px}
.homeVr .item .vr-text{padding:10px}
.homeVr .item .vr-title{font-size:28px}
.homeVr .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0px}
.homeVr .swiper-pagination-bullet{height:10px!important}
.homeVr .item .vr-play{width:45px;height:45px}
.homeVr{height:290px}
.homeVr .item .vr-sign{top:40%}}
@media(max-width:500px){.homeVr .item>img{height:100%}
.homeVr .item .vr-content{top:50%}
.homeVr .item .vr-title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;font-size:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.homeVr .item .vr-name{font-size:20px}
.homeVr .item .vr-text{font-size:12px}
.homeVr .swiper-pagination-bullet{font-size:16px}
.homeVr .swiper-pagination{width:40px}
.homeWhoWrapper{padding:0px 20px}}
.homeNewsWrapper{margin:0px auto;padding:0px 50px;max-width:1600px}
.homeNews ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.homeNews ul li{width:23%;background:#fafafa}
.homeNews ul li>a{display:flex;overflow:hidden;width:100%}
.homeNews ul li:hover img{transition:all .3s;transform:scale(1.1)}
.homeNews .news-content{padding:20px}
.homeNews img{width:100%}
.homeNews .news-date{padding-bottom:10px;color:var(--color);font-weight:600;font-size:15px;line-height:1.5}
.homeNews .news-title{display:-webkit-box;overflow:hidden;margin-bottom:10px;color:#333;text-transform:uppercase;text-overflow:ellipsis;font-weight:600;font-size:15px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.homeNews .news-text{display:-webkit-box;overflow:hidden;color:#666;text-overflow:ellipsis;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:3}
@media(max-width:768px){.homeNews ul li{margin-bottom:20px;width:48%}
.homeNews{padding:30px 20px 80px!important}
.homeNewsWrapper{padding:0px 20px}}
.homeChoose{padding-top:60px}
@media (max-width:500px){.homeNewsWrapper{padding:0px}
.homeChoose{padding-top:30px}}
.homeHorProList li .mask{background:rgb(233 135 36 / 87%)!important}
@media(max-width:1024px){.homeVr iframe{width:53%;height:50%}}
@media (max-width:768px){.homeVr iframe{width:70%;min-height:100px}}
@media (max-width:500px){.homeVr .item .vr-content{width:300px}
.homeVr .item>img{max-width:inherit}
.homeVr .item .vr-content{top:20%}}
.homepartnerWrapper .homeTiele{text-align:center}
.homepartnerWrapper{margin:0px auto;max-width:1600px}
.homepartnerWrapper .item{padding:20px;border:1px solid #999;text-align:center}
.homepartnerWrapper img{width:100%;height:100px}
.homepartnerWrapper .swiper-slide:nth-child(2) img,.homepartnerWrapper .swiper-slide:nth-child(5) img,.homepartnerWrapper .swiper-slide:nth-child(7) img,.homepartnerWrapper .swiper-slide:nth-child(9) img{width:50%}
.homepartner .swiper-button-next:after,.homepartner .swiper-button-prev:after{display:flex;border:1px solid #666;background:0 0;color:#666;font-size:20px;justify-content:center;align-items:center}
.homepartner{position:relative}
.homepartner .swiper-button-next{top:73%;right:65px}
.homepartner .swiper-button-prev{top:73%;left:65px}
@media(max-width:1600px){.homepartner .swiper-container{max-width:80%}}
@media(max-width:1280px){.homepartner .swiper-container{max-width:80%}}
@media(max-width:1024px){.homepartner .swiper-container{max-width:78%}}
@media(max-width:768px){.homepartner .swiper-container{max-width:64%}}
@media(max-width:500px){.homepartner .swiper-container{max-width:70%}
.homepartner .swiper-button-next{top:70%;right:15px}
.homepartner .swiper-button-prev{top:70%;left:15px}
.homepartnerWrapper img{height:50px}}
@media (min-width:769px){.newsList .news-list-1{justify-content: flex-start}
.newsList .news-list-1 li{margin-right:2%}
.newsList .news-list-1 li:nth-child(3n){margin-right:0px}}
.home-webs{position: absolute;bottom: 0;width: 100% !important;display: flex;justify-content: center;transform: translateY(40px);}
.home-webs p a{color: #fff;padding: 5px 5px;display: block;line-height: 1;border: dashed 1px var(--color);}
.footerRight{position: relative;}
.home-webs strong{color: #fff;}
.home-webs p{margin-right: 15px;}

