@charset "utf-8"; 
#info .info-cont .info-title {max-width:100%;line-height:1.2;text-transform:uppercase;font-size:40px;font-weight:bold;color:var(--color);margin-bottom:25px;}
#info .info-cont .info-des {color:var(--color);font-size:22px;}
.info-video a {font-size:18px;color:var(--color);background:#fff;text-transform:capitalize;font-weight:bold;padding:8px 20px;}
.info-video a:hover {background:var(--color);color:#fff;}
#info .info-item {background:url(/uploads/42523/page/p20241008103142589aa.jpg) no-repeat center;background-size:cover}
#info .info-item:hover::before {background:none}
#info .info-item .info-item-tit em,#info .info-item .info-item-tit span,#info .info-item .info-item-des{color:#5C5C66}
#info .info-item:hover .info-item-tit span,#info .info-item:hover .info-item-tit em,#info .info-item:hover .info-item-des {color:#5C5C66}
#info .info-item:hover::after {color:#fff}
@media (max-width:1280px){#info .info-cont .info-title{font-size:34px}
#info .info-cont .info-des{font-size:20px}}
@media (max-width:768px){#info .info-cont .info-title{font-size:22px;margin-bottom:10px}
#info .info-cont .info-des{font-size:15px}
.info-video a{font-size:15px;padding:6px 15px}
#info .info-video{margin:15px 0}}
.wmkc-hotpro{background-repeat:no-repeat;background-size:cover;padding:78px 0;margin-bottom:4%}
.wmkc-hotpro .hotpro-box{display:flex;align-items:center}
.wmkc-hotpro .hotpro-box .img{width:50%}
.wmkc-hotpro .hotpro-box .info{width:50%;padding-left:50px;margin-top:40px}
.wmkc-hotpro .info .title{background:url(http://canglong.vip.seo.com.cn/uploads/42523/page/p20241008153510d6d13.jpg) no-repeat right bottom;padding-bottom:5px;margin-bottom:23px;font-size:5rem;display:block;text-align:right}
.wmkc-hotpro .info .title3{font-size:20px;font-size:2rem;text-transform:uppercase;display:block;text-align:right}
.wmkc-hotpro .info p{overflow:hidden;font-size:16px;font-size:1.5rem;line-height:30px;text-align:right;margin-top:35px;margin-bottom:50px;max-height: 90px;}
.wmkc-hotpro .info .more{display:block;float:right;width:125px;height:30px;line-height:30px;border:1px solid #003466;text-align:center;color:#003466;border-radius:50px}
@media screen and (max-width:1440px){.wmkc-hotpro .info .title{font-size:50px}}
@media screen and (max-width:900px){.wmkc-hotpro .hotpro-box{flex-wrap:wrap}
.wmkc-hotpro .hotpro-box .img{width:80%;margin:0 auto}
.wmkc-hotpro .hotpro-box .info{width:100%;padding-left:0}
.wmkc-hotpro .info .title{text-align:left;font-size:26px;background-position:left bottom}
.wmkc-hotpro .info .title3{text-align:left;font-size:22px}
.wmkc-hotpro .info p{text-align:left;margin:20px 0 30px}
.wmkc-hotpro .info .more{float:left}}
@media screen and (max-width:500px){.wmkc-hotpro{padding:20px 0}
.wmkc-hotpro .hotpro-box .img{width:94%}
.wmkc-hotpro .hotpro-box .info{width:100%;padding-left:0}
.wmkc-hotpro .info .title{font-size:24px}
.wmkc-hotpro .info .title3{font-size:18px}
.wmkc-hotpro .info p{font-size:16px}}
.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before{content:" ";display:block;background:#0081cc;position:absolute;z-index:30;-webkit-box-shadow:0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 0 12px rgba(51,51,51,.5);box-shadow:0 0 12px rgba(51,51,51,.5)}
.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-horizontal .twentytwenty-handle:before{width:2px;height:9999px;left:50%;margin-left:-1.5px}
.twentytwenty-vertical .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before{width:9999px;height:2px;top:50%;margin-top:-1.5px}
.twentytwenty-after-label,.twentytwenty-before-label,.twentytwenty-overlay{position:absolute;top:0;width:100%;height:100%}
.twentytwenty-after-label,.twentytwenty-before-label,.twentytwenty-overlay{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s}
.twentytwenty-after-label,.twentytwenty-before-label{-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity}
.twentytwenty-after-label:before,.twentytwenty-before-label:before{color:#0081cc;font-size:13px;letter-spacing:.1em}
.twentytwenty-after-label:before,.twentytwenty-before-label:before{position:absolute;background:rgba(255,255,255,.2);line-height:38px;padding:0 20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.twentytwenty-horizontal .twentytwenty-after-label:before,.twentytwenty-horizontal .twentytwenty-before-label:before{top:50%;margin-top:-19px}
.twentytwenty-vertical .twentytwenty-after-label:before,.twentytwenty-vertical .twentytwenty-before-label:before{left:50%;margin-left:-45px;text-align:center;width:90px}
.twentytwenty-down-arrow,.twentytwenty-left-arrow,.twentytwenty-right-arrow,.twentytwenty-up-arrow{width:0;height:0;border:6px inset transparent;position:absolute}
.twentytwenty-left-arrow,.twentytwenty-right-arrow{top:50%;margin-top:-6px}
.twentytwenty-down-arrow,.twentytwenty-up-arrow{left:50%;margin-left:-6px}
.twentytwenty-container{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none}
.twentytwenty-container img{position:absolute;top:0;display:block}
.twentytwenty-container.active .twentytwenty-overlay,.twentytwenty-container.active :hover.twentytwenty-overlay{background:rgba(0,0,0,0)}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label{opacity:0}
.twentytwenty-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.twentytwenty-before-label{opacity:0}
.twentytwenty-before-label:before{content:"Before"}
.twentytwenty-after-label{opacity:0}
.twentytwenty-after-label:before{content:"After"}
.twentytwenty-horizontal .twentytwenty-before-label:before{left:10px}
.twentytwenty-horizontal .twentytwenty-after-label:before{right:10px}
.twentytwenty-vertical .twentytwenty-before-label:before{top:10px}
.twentytwenty-vertical .twentytwenty-after-label:before{bottom:10px}
.twentytwenty-overlay{-webkit-transition-property:background;-moz-transition-property:background;transition-property:background;background:rgba(0,0,0,0);z-index:0}
.twentytwenty-overlay:hover .twentytwenty-after-label{opacity:0}
.twentytwenty-overlay:hover .twentytwenty-before-label{opacity:0}
.twentytwenty-before{z-index:20}
.twentytwenty-after{z-index:10}
.twentytwenty-handle{height:22px;width:22px;position:absolute;left:50%;bottom:2%;margin-left:-22px;margin-top:-22px;border:2px solid #0081cc;-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;-webkit-box-shadow:0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 0 12px rgba(51,51,51,.5);box-shadow:0 0 12px rgba(51,51,51,.5);z-index:40;cursor:pointer}
.twentytwenty-horizontal .twentytwenty-handle:before{bottom:50%;margin-bottom:14px;-webkit-box-shadow:0 2px 0 #0081cc,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 2px 0 #0081cc,0 0 12px rgba(51,51,51,.5);box-shadow:0 2px 0 #0081cc,0 0 12px rgba(51,51,51,.5)}
.twentytwenty-horizontal .twentytwenty-handle:after{top:50%;margin-top:40px;-webkit-box-shadow:0 -2px 0 #0081cc,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 -2px 0 #0081cc,0 0 12px rgba(51,51,51,.5);box-shadow:0 -2px 0 #0081cc,0 0 12px rgba(51,51,51,.5)}
.twentytwenty-vertical .twentytwenty-handle:before{left:50%;margin-left:22px;-webkit-box-shadow:2px 0 0 #0081cc,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:2px 0 0 #0081cc,0 0 12px rgba(51,51,51,.5);box-shadow:2px 0 0 #0081cc,0 0 12px rgba(51,51,51,.5)}
.twentytwenty-vertical .twentytwenty-handle:after{right:50%;margin-right:22px;-webkit-box-shadow:-3px 0 0 #0081cc,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:-3px 0 0 #0081cc,0 0 12px rgba(51,51,51,.5);box-shadow:-3px 0 0 #0081cc,0 0 12px rgba(51,51,51,.5)}
.twentytwenty-left-arrow{border-right:5px solid #003466;left:70%;margin-left:-17px}
.twentytwenty-right-arrow{border-left:5px solid #003466;right:70%;margin-right:-17px}
.twentytwenty-up-arrow{border-bottom:7px solid #003466;top:50%;margin-top:-17px}
.twentytwenty-down-arrow{border-top:7px solid #003466;bottom:50%;margin-bottom:-17px}
#product .pro-list li .pro-cont .pro-name{font-weight:var(--fontbold7)}
#product .pro-list li .pro-cont>p{-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;display: -webkit-box;}
@keyframes bannerimg {
    0% {transform: scale(1);opacity: 0.5;}
    20% {opacity: 1;}
    80% {transform: scale(1.05);opacity: 1;}
    100% {transform: scale(1.047);opacity: .95;}
}
#home-swiper .swiper-slide-active img{animation: bannerimg 6s forwards;}
footer .foot-main .foot-item.foot-about .foot-intro p:nth-child(3){margin-top:20px;}
.common-main .news-list li .news-img img{height: 285px;object-fit: cover;}
@media (max-width:768px) {.news-list li .news-img img{height: auto !important}}
.prodeatil-oefdbox{display:flex;align-items:center;}
.prodeatil-oefdbox>div:nth-child(1){width:45%;}
.prodeatil-oefdbox>div:nth-child(2){width:52%;}
.prodeatil-oefdbox img{width:100%;display:block;}
@media (max-width:550px){.prodeatil-oefdbox{flex-direction:column}
.prodeatil-oefdbox>div{width:100% !important;}}
#about .go-vr a{color: var(--color); font-size: 20px; font-weight: 600;margin-top: 20px;}
#about .go-vr span{ font-size: 28px;color: #ef7873;}
#info .info-cont .info-title{color:#fff;}
.pro-detail .pro-detail-top .pro-info .pro-con{-webkit-line-clamp: inherit;}