@charset "utf-8";
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}
html,body{font-size: 14px;font-family:'Montserrat', sans-serif,"Microsoft YaHei","PingFang SC","HarmonyOS Sans";background: #fff;color: #000;}
input,textarea,select,pre{font-family:'Montserrat', sans-serif,"Microsoft YaHei","PingFang SC","HarmonyOS Sans";font-size: 14px;}
img,input,textarea{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;line-height: 1.6;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #000;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6;}
.des-justify p{text-align: justify;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w1600{width: 1600px;max-width: 92%;margin: 0 auto;}
.w1400{width: 1400px;max-width: 92%;margin: 0 auto;}
.w1280{width: 1280px;max-width: 92%;margin: 0 auto;}
ul{font-size: 0;}
ul li{font-size: 14px;display: inline-block;vertical-align: top;}
ul li:last-child{margin-right: 0;}
.BMap_Marker img{width: 100%;vertical-align: bottom;}
.scrollBar::-webkit-scrollbar {width: 6px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}
.search_box .text::-webkit-input-placeholder{color:#fff;}
.search_box .text:-moz-placeholder{color:#fff;}
.search_box .text::-moz-placeholder{color:#fff;}
.search_box .text:-ms-input-placeholder{color:#fff;}
.edit *{font-weight: revert;list-style: revert;}
.edit img{max-width: 100%;height: auto !important;display: block;margin: 0 auto;}
.mg-bt10{margin-bottom: 10px;}
.mg-bt15{margin-bottom: 15px;}
.mg-bt20{margin-bottom: 20px;}
.mg-bt25{margin-bottom: 25px;}
.mg-bt30{margin-bottom: 30px;}
.mg-bt40{margin-bottom: 40px;}
.mg-bt50{margin-bottom: 50px;}
.mg-bt60{margin-bottom: 60px;}
.mg-bt70{margin-bottom: 70px;}
.mg-bt80{margin-bottom: 80px;}
.des16 p{font-size: 16px;}
.des18 p{font-size: 18px;}
.line20 p{line-height: 2;}
.line18 p{line-height: 1.8;}
.des-fff *{color: #fff;}
.title-fff *{color: #fff;}
.imgmax img{max-width: 100%;vertical-align: bottom;}
.swiper-pagination-bullets .swiper-pagination-bullet{vertical-align: middle;opacity: 1;}
.wow{transform: translateZ(0);}
body{padding-top: 100px;transition: all .4s;}

::-webkit-scrollbar{width: 4px;height: 3px;background: #333;}
::-webkit-scrollbar-track{background: #eee;}
::-webkit-scrollbar-thumb{background-color: #dd4426;}
.bg-f5f5f5{background: #f5f5f5;}
.padding-tb40{padding: 40px 0;}
/*header s*/
.header{position: fixed;z-index: 999;top:0;left: 0;width: 100%;background: #fff;transition: all .4s;}
.header > .w1600{display: flex;align-items: center;position: relative;}
.logo{transition: all .4s;}
.logo img{height: 25px;display: block;}
.nav-yi{display: inline-block;line-height: 100px;transition: all .4s;padding: 0 25px;font-weight: bold; position: relative;}
.header-con{margin-left: 50px;}
.nav-yi span::after{content: "";position: absolute;width: 0;border-bottom: 1px solid #dd4426;left: 50%;transition: all .4s;bottom:0;transform: translateX(-50%);}
.nav-yi span{position: relative;display: block;}
li.active .nav-yi span::after{width: 100%;}
.nav-pro-con{min-height: 540px;}
.nav-hide{position: fixed;left: 0;width: 100%;background: #f7f7f7;border-top: 1px solid #f4f4f4; display: none;}
.nav-hide .w1400{height: 100%;}
.nav-pro-type{width: 280px;padding: 40px 0;position: relative;}
.bg-link{display: block;transition: all .4s;padding-left: 30px;color: #666666;position: relative;}
.bg-link.active{background: #dd4426;color: #fff;}
.bg-link.active::after{filter: brightness(0) invert(1);}
.bg-link:hover{background: #dd4426;color: #fff;}
.bg-link:hover::after{filter: brightness(0) invert(1);}
.bg-link span{line-height: 50px;}
.nav-pro{display: flex;justify-content: space-between;height: 100%;}
.nav-pro-con{width: calc(100% - 280px);padding: 40px 0;padding-left: 60px;position: relative;background: #fff;}
.bg-link::after{width: 10px;top:50%;height: 10px;content: '';position: absolute;right: 30px;transform: translateY(-50%);background: url(../images/link.png) no-repeat center center;background-size: cover;}    
.nav-pro-con::after{width: 99999px;height: 100%;top:0;left: 0;content: "";;position: absolute;background: #fff;z-index: -1;}
.des-dd4426 p{color: #dd4426;}
.nav-pro-item{display: none;}
.nav-pro-item.active{display: flex;flex-wrap: wrap;}
.nav-pro-items{width: 23.33%;padding-right: 1%;}
.nav-pro-items:nth-child(1),
.nav-pro-items:nth-child(5){width: 30%;}
.bg-30-2{width: 30px;height: 2px;background: #dd4426;display: inline-block;vertical-align: middle;}
.pro-sn{margin-top: 5px;margin-bottom: 25px;display: flex;flex-wrap: wrap;align-items: flex-end;gap:5px}
.nav-pro-clo2{display: flex;flex-wrap: nowrap;justify-content: space-around;}
.nav-pro-clo2 .pro-sn{gap:10px;}
.pro-sn a img{transition: all .4s;max-width: 100%;}
/* .pro-sn a:hover img{filter: grayscale(0);} */
.nav-pro-clo2 a{position: relative;width: 100%;height: 91px;}
.nav-pro-clo2 a img{position: absolute;bottom:0;left: 0;max-width: 100%;max-height: 100%;}
.pro-sn .img2{opacity: 0;position: absolute;bottom:0;left: 0;max-width: 100%;max-height: 100%;}
.pro-sn a{position: relative;}
.pro-sn a:hover .img1{opacity: 0;}
.pro-sn a:hover .img2{opacity: 1;}

.header-area{position: absolute;top: 0;right: 0;height: 100%;display: flex;align-items: center;}
.header-area-img{height: 32px;display: block;transition: all .4s;}
.header-area-item{margin-right: 15px;}
.header-area-item:last-child{margin-right: 0;}
.language-box{position: absolute;left: 50%;transform: translateX(-50%);  top: 100%;width: auto;white-space: nowrap; z-index: 5;display: none;box-shadow: 0 1px 2px #f5f5f5;background: #f5f5f5;margin-top: 7px;}
.language-box a{display: block;text-align: center;line-height: 40px;transition: all .4s;padding: 0 10px;}
.language-box a:hover{background: #ccc;}
.language{cursor: pointer;}
.search-box{border-bottom: 1px solid #999;transition: all .4s;}
.sb{width: 32px;height: 32px;background: url(../images/search.png) no-repeat center center;background-size: cover;position: absolute;top:2px;left: 0;transition: all .4s;}
.search-box .text{display: block;height: 36px;width: 180px;text-indent: 36px;background: none;transition: all .4s;}

.body-top-0{padding-top: 0 !important;}
.header-style .header{background: none;}
.header-style .nav-yi{color: #fff;}
.header-style .logo{filter: brightness(0) invert(1);}
.header-style .header-area-img{filter: brightness(0) invert(1);}
.header-style .header-area-zhibo .header-area-img{filter: none;}
.header-style .search-box{border-color: #fff;}
.header-style .search-box .text{color: #fff;}
.header-style .search-box .sb{filter: brightness(0) invert(1);}

body.active{padding-top: 80px;}
body.active .header{box-shadow: 0 1px 2px #ddd;}
body.active .nav-yi{line-height: 80px;}

.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #212223; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
/*header e*/
/*footer s*/
.padding-tb40{padding: 40px 0;}
.footer-logo img{height: 30px;}
.footer-top{display: flex;align-items: center;justify-content: space-between;}
.fs-btn{display: flex;align-items: center;background: #dd4426;color: #fff;position: absolute;top:0;right: 0;height: 100%;justify-content: center;font-size: 16px; width: 140px;}
.fs-btn img{width: 15px;margin-right: 10px;}
.footer-search{border:1px solid #e6e6e6;position: relative;}
.footer-search .text{display: block;width: 500px;height: 60px;background: none;text-indent: 25px;max-width: 100%;}
.footer-mid{border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.footer-mid{display: flex;justify-content: space-between;}
.footer-mid dt{font-weight: bold;margin-bottom: 20px;}
.footer-mid dd a{color: #666666;font-size: 12px;}
.footer-mid dd a:hover{color: #000;}
.footer-mid dd{margin-bottom: 8px;}
.beian{color: #999;font-size: 12px;}
.footer-bot{display: flex;justify-content: space-between;flex-direction: row-reverse;}

.footer-share{display: flex;}
.footer-share a{position: relative;width: 20px;height: 20px;margin-right: 20px;display: inline-block;vertical-align: middle;transition: all .4s;}
.footer-share a:last-child{margin-right: 0;}
.share-hide{position: absolute;width: 120px;left: 50%;margin-left: -60px;bottom:40px;height: 0;overflow: hidden;transition: all .4s;}
.share-hide img{width: 120px;height: 120px;border:1px solid #9f9f9f;}
.footer-share a.active .share-hide{height: 120px;}
.footer-share a .i{transition: all .4s;}

/*footer e*/

/* index s */
.title48 h2{font-size: 48px;}
.title-fff h2{color: #fff;}
.des18 p{font-size: 18px;}
.des-fff p{color: #fff;}
.banner-des{margin-bottom: 20%;}
.banner-des p{width: 620px;max-width: 100%;margin: 0 auto;}
.main-btn{display: inline-block;line-height: 50px;padding: 0 30px;border:1px solid #adadad;transition: all .4s;}
.main-btn-fff{border-color: #fff;color: #fff;}
.main-btn-000{border-color: #000;color: #000;}
.main-btn:hover{background: #dd4426;border-color: #dd4426;color: #fff;}
.main-btn.active{background: #dd4426;border-color: #dd4426;color: #fff;}
.banner .img100 img{height: 100vh;object-fit: cover;}
.bannerDot-style{position: absolute;z-index: 9;left: 0;width: 100%;bottom:30px;text-align: center;display: flex;align-items: center;justify-content: center;}
.bannerDot-style .swiper-pagination-bullet{width: 20px;height: 2px;background: #fff;margin-right: 10px;border-radius: 0;}
.bannerDot-style .swiper-pagination-bullet-active{width: 70px;height: 3px;}
.bannerDot-style .swiper-pagination-bullet:last-child{margin-right: 0;}

.padding-t20{padding-top: 20px;}
.yzs-con{background: rgba(0,0,0,0.3);}
.play60{display: inline-block;width: 60px;height: 60px;background: url(../images/play120.png) no-repeat center center;background-size: cover;border-radius: 100%;border:1px solid #fff;transition: all .4s;}
.play60:hover{background-color: #dd4426;border-color: #dd4426;}
.shipin{cursor: pointer;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1200px;max-width: 92%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index:9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
@media (max-width:760px) {
    .video_t a{width: 24px;height: 24px;right: 0;top:-30px;}
}
.one-step-con{position: absolute;width: 100%;top:8%;left: 0;z-index: 9;}
.one-step-dot{pointer-events: none;}
.one-step-dot *{pointer-events: auto;}
.one-step-dot li{width: 1.044%;padding-bottom: 1.044%;position: absolute;border-radius: 100%;}
.one-step-dots .i1{background: rgba(221,68,38,0.4);border-radius: 100%;}
.one-step-dot li:nth-child(odd) .i1{animation: blink-opacity 1.5s 0s linear infinite;}
.one-step-dot li:nth-child(even) .i1{animation: blink-opacity 1.5s 1s linear infinite;}
@keyframes blink-opacity {
    0% { opacity: 1; }  /* 初始：完全显示 */
    50% { opacity: 0; } /* 中间：完全透明 */
    100% { opacity: 1; }/* 结束：回到完全显示 */
}
.one-step-dots .i2{background: rgba(221,68,38,1);border-radius: 100%;position: absolute;width: 50%;height: 50%;top:25%;left:25%;}
.one-step-dot-pro{position: absolute;white-space: nowrap;left: 50%;transform: translateX(-50%) scale(0);bottom:100%;background-color: #ea4609;display: flex;align-items: center;padding:10px 20px;gap:5px;margin-bottom: 10px;transition: all .4s;transform-origin: bottom center;}
.one-step-dot-pro img{max-height: 20px;}
.one-step-dot-pro p{line-height: normal; }
.one-step-dot-pro::after{content: "";position: absolute;height: 0;top:100%;
  border-top: 8px solid #ea4609;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;position: absolute;left: 50%;transform: translateX(-50%);
}
.one-step-dot li:hover .one-step-dot-pro{transform: translateX(-50%) scale(1);}
#pm01{left: 22.2%;top: 70.5%;}
#pm02{left: 28%;top: 71%;}
#pm03{left: 32%;top: 66%;}
#pm04{left: 36%;top: 79%;}
#pm05{left: 40%;top: 74%;}
#pm06{left: 31.5%;top: 49.5%;}
#pm07{left: 29.5%;top: 56.5%;}
#pm08{left: 36.5%;top: 56.2%;}
#pm09{left: 43.5%;top: 59.5%;}
#pm10{left: 50.5%;top: 57%;}
#pm11{left: 54.2%;top: 67.2%;}
#pm12{left: 61%;top: 41%;}
#pm13{left: 64%;top: 47%;}
#pm14{left: 77%;top: 77%;}
.padding-tb100{padding: 100px 0;}
.list-2 li{width: 49.375%;margin-right: 1.25%;margin-top: 1.25%;}
.list-2 li:nth-child(2n){margin-right: 0;}
.list-2 li:nth-child(1){margin-top: 0;}
.list-2 li:nth-child(2){margin-top: 0;}
.bg-f8f8f8{background: #f8f8f8;}
.duibi-img .img100{padding-bottom: 53.165%;}
.des-title20 h3{font-size: 20px;}

.des-666 p{color: #666;}
.padding40{padding: 40px;}
.mg-bt5{margin-bottom: 5px;}
.pri-group span:nth-child(1){color: #dd4426;font-weight: bold;}
.pri-group span:nth-child(2){color: #999;text-decoration: line-through;}
.main-btn-group{display: flex;align-items: center;gap: 10px;}
.duibi-hide-bot{position: absolute;left: 0;width: 100%;bottom:0;}
.duibi-hide{opacity: 0;transition: all .4s;}
.duibi-btnarea{position: absolute;right: 40px;top:40px;z-index: 5;display: flex;gap:10px;}
.duibi-btnarea a{border-radius: 100%;background: #999999;display: flex;width: 30px;align-items: center;justify-content: center;height: 30px;transition: all .4s;}
.duibi-btnarea a img{filter: brightness(0) invert(1);width: 85%;}
.duibi li:hover .duibi-hide{opacity: 1;}
.duibi-btnarea a:hover{background: #dd4426;}
.duibi-btnarea a.active{background: #dd4426;}
.djs-top{position: absolute;top:5%;z-index: 9;width: 100%;left: 0;}
.countdown{display: flex;justify-content: center;gap:10px;}
.time-box{background: #dd4426;width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;}
.time-box span:nth-child(1){font-size: 24px;font-weight: bold;}
.time-box span:nth-child(2){font-size: 16px;}
.countdown-btn-group{display: flex;justify-content: center;gap:15px;}
.padding-t100{padding-top: 100px;}
.duibi .des-title20 h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.selling-img:before{content: "";position: absolute;background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.8));width: 100%;height: 50%;top:50%;left: 0;z-index: 5;transition: all .4s;}
.selling li{text-align: left;width: 15.625%;margin-right: 0.625%;position: relative;transition: all .4s;}
.selling li:last-child{margin-right: 0;position: absolute;top:0;right: 0;}
.selling li.active{width: 51.25%;}
.selling li .selling-img{height: 480px;position: relative;}
.selling-title{position: absolute;left: 0;bottom:0;padding: 25px;z-index: 6;}
.selling li.active p{font-size: 18px;}
.type-style a{color: #666;line-height: 50px;margin-right: 50px;position: relative;}
.type-style{border-bottom: 1px solid #e5e5e5;display: flex;justify-content: center;}
.type-style a.active{color: #000;}
.type-style a:after{content: "";position: absolute;bottom:-1px;left: 0;width: 100%;height: 2px;background: #dd4426;transform: scaleX(0);transition: all .4s;}
.type-style a:hover:after{transform: scaleX(1);}
.type-style a:hover{color: #000;}
.type-style a.active{color: #000;}
.type-style a.active:after{transform: scaleX(1);}
.des18 p{font-size: 18px;}
.acc-img{width: 300px;max-width: 100%;margin: 0 auto 20px;}
.acc-img .img100{padding-bottom: 83.334%;}
.acc-item-a{display: block;}
.des-bold p{font-weight: bold;}
.acc .swiper-container{display: none;}
.acc .swiper-container.active{display: block;}
.title30 h2{font-size: 30px;}
.acc .swiper-container *:hover{cursor: url("../images/tuo.png") 63 45, auto;}
.acc .swiper-container .main-btn:hover{cursor: pointer;}
/* index e */
/* 02_01 产品 s*/
.padding-t60{padding-top: 60px;}
.padding-b100{padding-bottom: 100px;}
.pro-page-con{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro-page-right{width: calc(100% - 360px);}
.pro-page-left{width: 300px;}
.submenu{display: none;}
.menu-item li{display: block;}
.menu-item-one{margin-bottom: 10px;}
.menu-link{display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;transition: all 0.4s;position: relative;}
.menu-link-one{font-weight: bold;background: #f5f5f5;margin-bottom: 10px;}
.menu-link-one::after{content: "";position: absolute;top: 50%;right: 20px;width: 7px;height: 11px;background:url(../images/r13x21.png) no-repeat center center/100% 100%; transition: all .4s;margin-top: -5.5px;}
.menu-link-one:hover{background-color: #dd4426;color: #fff;}
.menu-link-one:hover::after{filter: brightness(0) invert(1);}
.menu-item-one.active .menu-link-one{background-color: #dd4426;color: #fff;}
.menu-item-one.active .menu-link-one::after{transform: rotate(-90deg);filter: brightness(0) invert(1);}
.menu-link-two{font-weight: bold;}
.menu-link-two::after{content: "";position: absolute;top: 50%;right: 20px;width: 7px;height: 11px;background:url(../images/r13x21.png) no-repeat center center/100% 100%; transition: all .4s;margin-top: -5.5px;opacity: 0.5;}
.menu-item-two.active .menu-link-two::after{transform: rotate(-90deg);}
.submenu-three .menu-link{padding-top: 0; padding-bottom: 0;display: block;}
.submenu-three li:last-child{margin-bottom: 0;}
.submenu-three li{display: block;margin-bottom: 10px;}
.menu-item-two{padding-bottom: 10px;}
.active-link{color: #dd4426;}
.submenu-three .menu-link:hover{color: #dd4426;}
.sort-by{border-bottom: 1px solid #eee;display: flex;align-items: center;justify-content: space-between;}
.title-bold h3{font-weight: bold;}
.title-bold h2{font-weight: bold;}
.sort-by-item{display: flex;color: #666;gap:5px;align-items: center;position: relative;}
.sort-by-item::after{content: "";position: absolute;bottom:-1px;left: 0;width: 100%;height: 2px;background: #dd4426;transform: scaleX(0);transition: all .4s;}
.sort-by-item:hover::after{transform: scaleX(1);}
.sort-by-item:hover{color: #dd4426;}


.sort-by-item img{width: 16px;filter: grayscale(1);transition: all .4s;}
.sort-by-item span{line-height: 50px;}
.sort-by-right{display: flex;gap:30px;}
.sort-by-item.active::after{transform: scaleX(1);}
.sort-by-item.active{color: #dd4426;}

.sort-by-item:hover img{filter: grayscale(0);}
.sort-by-item.last:hover img{filter: grayscale(1);}
.sort-by-item.last img:hover{filter: grayscale(0);}



.sort-by-item.active img{filter: grayscale(0);}
.sort-by-item.last.active img{filter: grayscale(1);}
.sort-by-item.last img.active{filter: grayscale(0);}

.sort-by-item div{display: flex;flex-direction: column;gap: 2px;}
.des-title18 h3{font-size: 18px;}
.list-3 li{width: 31.7%;margin-right: 2.45%;margin-top: 2.45%;}
.list-3 li:nth-child(3n){margin-right: 0;}
.list-3 li:nth-child(1){margin-top: 0;}
.list-3 li:nth-child(2){margin-top: 0;}
.list-3 li:nth-child(3){margin-top: 0;}
.cp-img{width: 270px;max-width: 100%;margin: 0 auto 20px;}
.cp-img .img100{padding-bottom: 96%;}
.padding30{padding: 30px;}
.product-list .duibi-btnarea{top: 30px;right: 30px;}
.product-des p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 44px;}
.page{text-align: center;font-size: 0;}
.page a{font-size: 16px;line-height: 50px;height: 50px; color: #333;display: inline-block;margin: 5px;width: 50px;background: #f8f8f8;transition: all .4s;vertical-align: middle;position: relative;}
.page a.active{background: #dd4426;color: #fff;}
.page a:hover{background: #dd4426;color: #fff;}
.page-btn::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .4s;}
.page-btn:hover::after{filter: brightness(0) invert(1);}
.page-prev::after{background: url(../images/1001.png) no-repeat center center/100% 100%;}
.page-next::after{background: url(../images/1002.png) no-repeat center center/100% 100%;}
/* 02_01 产品 e*/
/* 配套 s */
.padding-tb80{padding: 80px 0;}
.padding60{padding: 60px;}
.des-title24 h3{font-size: 24px;}
.des-860 p{width: 860px;max-width: 100%;margin: 0 auto;}
.des-900 p{width: 900px;max-width: 100%;margin: 0 auto;}
.peitao-main li{display: block;}
.peitao-main li:last-child{margin-bottom: 0;}
/* 配套 e */
/* 配套详情 s*/
.no-ban .header{box-shadow: 0 1px 2px #ddd;}
.position{padding: 30px 0;}
.position .w1400{display: flex;align-items: center;}
.position *{font-size: 12px;}
.position span{margin: 0 5px;}
.position img{height: 15px;margin-right: 5px;vertical-align: middle;}
.position a:last-child{color: #999;}
.flex{display: flex;}
.space-between{justify-content: space-between;}
.flex-wrap{flex-wrap:wrap;}
.cpxq-img-wai{width: 48.57%;}
.cpxq-con{width: 45.71%;}
.cpxq-con-cs{border-top: 1px solid #eee;border-bottom: 1px solid #ddd;padding: 30px 0;}
.cpxq-cs-name{position: absolute;top:0;left: 0;}
.cpxq-cs-name p{line-height: 30px;}
.cpxq-cs-page{min-height: 30px;padding-left: 165px;}
.cpxq-cs-select li.active a{background: #fcfaf9;color: #dd4426;border-color: #dd4426;}
.cpxq-cs-select li a:hover{background: #fcfaf9;color: #dd4426;border-color: #dd4426;}
.cpxq-cs-select li a{line-height: 28px;border:1px solid #eee;color: #666;transition: all .4s;display: block;padding: 0 20px;}
.items-center{align-items: center;}
.gap10{gap: 10px;}
.energy-list li a{background: #2a6b31;color: #fff;border-color: #2a6b31;}
.energy-list li:nth-child(2n) a{background: #52A52E;border-color: #52A52E;}
.energy-list li.active a{background: #52A52E;color: #fff;border-color: #52A52E;}
.energy-list li a:hover{background: #52A52E;color: #fff;border-color: #52A52E;}
.energy-list li:nth-child(2n) a:hover{background: #2a6b31;border-color: #2a6b31;}
.line30 p{line-height: 30px;}
.cpxq-a .main-btn{font-weight: bold;}
.border-bottom-eee{border-bottom: 1px solid #eee;}
.cpxq-b{width: 48.57%;}
.cpxq-b-type a{line-height: 40px;padding: 0 20px;background: #f5f5f5;color: #333;transition: all .4s;}
.cpxq-b-type a:hover{background: #dd4426;color: #fff;}
.cpxq-b-type a.active{background: #dd4426;color: #fff;}
.title-bt-line h3{display: inline-block;position: relative;line-height: 50px;}
.title-bt-line h3::after{content: "";position: absolute;bottom:-1px;left: 0;width: 100%;height: 1px;background: #dd4426;}
.feat-list li{width: 48.5%;margin-right: 3%;display: flex;align-items: center;padding: 20px 0;}
.feat-list li:nth-child(2n){margin-right: 0;}
.feat-list li img{width: 30px;height: 30px;margin-right: 8px;}
.feat-list li p{width: calc(100% - 38px);}
.show-more{display: inline-flex;align-items: center;}
.show-more span{text-decoration: underline;}
.show-more img{width: 14px;margin-left: 8px;}
.spec-list li{border:1px solid #eee;padding: 16px 40px;width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
.spec-list li:nth-child(2n){margin-right: 0;}
.des12 p{font-size: 12px;}
.des-999 p{color: #999;}
.spec-list .des12{position: relative;}
.spec-list .des12::after{content: "";position: absolute;top:50%;margin-top: -5px; left: -41px;height: 10px;background: #dd4426;width: 2px;}
.tabs-table{overflow-x: scroll;padding-bottom: 10px;}
.border-eee{border:1px solid #eee;}
.load-list li{display: block;transition: all .4s;margin-bottom: 10px;}
.load-list li a{display: flex;gap:5px; align-items: center;height: 80px;padding: 0 30px;position: relative;transition: all .4s;}
.load-list li a img{width: 30px;transition: all .4s;filter: grayscale(1);}
.load{position: absolute;right: 30px;top: 50%;transform: translateY(-50%);}
.load-list li a p{width: calc(100% - 70px);}
.load-list li:hover{background: #fcfaf9;border-color: #dd4426;}
.load-list li:hover p{color: #dd4426;}
.load-list li:hover img{filter: grayscale(0);}
.tabs{display: none;}
.tabs.active{display: block;}
.cpxq-img{border:1px solid #e5e5e5;}
.btn50 div{width: 50px;height: 50px;line-height: 50px;transition: all .4s; cursor: pointer;background: #ddd;display: inline-block;position: relative;z-index: 9;}
.btn50 div::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .4s;}
.btn501::before{background: url("../images/1001.png") no-repeat center center;background-size: cover;}
.btn502::before{background: url("../images/1002.png") no-repeat center center;background-size: cover;}
.btn50 div:hover{background: #dd4426;}
.btn50 div:hover::before{filter: brightness(0) invert(1);}
.btn50-mid div{position: absolute;top:50%;transform: translateY(-50%);}
.btn50-mid .btn501{left:0;}
.btn50-mid .btn502{right:0;}
.cpxq-img .duibi-btnarea{flex-direction: column;right: 25px;top:25px}
.zoom-lens {position: absolute;width: 150px;height: 150px;border: 1px solid #ccc;background: rgba(255, 255, 255, 0.6);cursor: crosshair;display: none; z-index: 12; pointer-events: none;}
.zoom-preview { position: absolute; top: 0;right: -420px;width: 400px;height: 400px; border: 1px solid #eee; overflow: hidden;display: none; z-index: 11; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
.zoom-preview img {position: absolute;top: 0;left: 0;width: auto;height: auto;min-width: 1200px; min-height: 1200px;}
/* 配套详情 e*/
/* 限时 s */
.gensui{position: fixed;top: 80px;left: 0;width: 100%;pointer-events: none;z-index: -1;opacity: 0;transition: all .4s;}
.gensui .w1400{display: flex;align-items: center;justify-content: center;gap:15px;padding: 11px 0;}
.bg-dd4426{background: #dd4426;}
.gensui img{height: 20px;}
.gensui.active{pointer-events: auto;z-index: 998;opacity: 1;}
.des-before-squ16 p{position: relative;padding-left: 20px;}
.des-before-squ16 p::before{content: "";position: absolute;top: 8px;left: 0;height: 8px;background: #dd4426;width: 8px;}
.border-e5e5e5{border:1px solid #e5e5e5;}
.xx-value-list{position: absolute;top: 100%;left: -1px;right: -1px; background: #fff;border:1px solid #e5e5e5;display: none;border-top: none;margin-top: 1px;max-height: 272px;overflow: auto;}
/* .xx-select:hover .xx-value-list{display: block;} */
.xx-value-list a{display: block;height: 34px;line-height: 34px;padding: 0 15px;color: #666;}
.xx-value-list a:hover{background: #dd4426;color: #fff;}
.xx-select .text{display: block;height: 60px;width: 100%;text-indent: 15px;cursor: pointer;}
.xx-select:after{content: "";position: absolute;top: 50%;right: 15px;margin-top: -7px; height: 14px;width: 14px;background: url("../images/phone-arrow.png") no-repeat center center;background-size: cover;transition: all .4s;}
.xx-select.active{border-color: #dd4426;z-index: 9;}
.xx-select.active::after{transform: rotate(180deg);}
.xx-select{cursor: pointer;transition: all .4s;}
.xx-page-2 .xx-page{width: 48.5%;margin-bottom: 30px;}
.xing{color: #f00;}
.xx-page-2:nth-child(1){z-index: 9;position: relative;}
/* 限时 e */

.help-box{}
.help-left{width: 260px;}
.help-right{width: calc(100% - 330px);padding-left: 70px;}
.help-right::before{content: "";position: absolute;top: 0;left: 0;height: 100%;width: 1px;background: #eee;}
.des-before-squ14 p{position: relative;padding-left: 15px;}
.des-before-squ14 p::before{content: "";position: absolute;top: 8px;left: 0;height: 6px;background: #333;width: 6px;}
.h72-title p{line-height: 70px;padding-left: 25px;}
.h72-list{border:1px solid #eee;padding: 25px;}
.h72-list img{width: 22px;}
.help-nav li.active p{color: #dd4426;}
.help-nav li.active p::before{background: #dd4426;}
.help-nav li a:hover p{color: #dd4426;}
.help-nav li a:hover p::before{background: #dd4426;}
.qa li{display: block;}
.qa-zm{width: 32px;line-height: 25px;text-align: center;line-height: 25px;font-size: 20px;color: #fff;position: relative;z-index: 5;transition: all .4s;}
.qa-top{padding: 25px 40px;position: relative;cursor: pointer;transition: all .4s;}
.qa-bot{padding: 30px 40px;}
.bg-000{background: #000;}
.qa-r{width: calc(100% - 50px);display: flex;justify-content: space-between;}
.qa-zm:after{content: "";position: absolute;top: 5px;right:0;height: 0;width: 0;transition: all .4s;border-top: 12.5px solid transparent;border-bottom: 12.5px solid transparent;border-right: 32px solid #000;z-index: -1;transition: all .4s;}
.qa-zm-q:after{border-right: 32px solid #dd4426;}
.qa-top .qa-r::after{content: "";height: 18px;width: 18px;background: url("../images/phone-arrow.png") no-repeat center center;background-size: cover;margin-top: 2px;transition: all .4s;}
.qa-top .qa-r p{width: calc(100% - 30px);}
.qa-bot{display: none;}
.qa-top.active .qa-r::after{transform: rotate(180deg);filter: brightness(0) invert(1);}
.qa-top.active{background: #dd4426;}   
.qa-top.active p{color: #fff;}   
.qa-top.active .qa-zm{background: #fff;color: #dd4426;}   
.qa-top.active .qa-zm:after{border-right-color: #fff;}
.qa-top p{transition: all .4s;}   
.content-center{justify-content: center;}
.ny-nav a{font-size: 18px;line-height: 50px;padding: 0 35px;}
.video-bot p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.padding20{padding: 20px;}
.img440x280 .img100{padding-bottom: 63%;}
.img1400x540 .img100{padding-bottom: 38.572%;}
.vd-img .play60{background-color: rgba(0,0,0,0.2);}
.video-list li:hover .vd-img .play60{background-color: #dd4426;border-color: #dd4426;}
.video-list-one li{display: block;margin-bottom: 2.45%;}
.load-list-2 li{display: inline-block;transition: all .4s;}
.load-list-2 a{padding: 35px 50px;display: block;position: relative;height: 100%;}
.load-list-2 img{height: 30px;vertical-align: middle;filter: grayscale(1);}
.load-list-a p{width: calc(100% - 35px);margin-top: 2px;}
.main-btn-h40{line-height: 40px;padding: 0 20px;}
.main-btn *{display: inline-block;vertical-align: middle;}
.load-list-2 li:hover{border-color: #dd4426;}
.load-list-2 li:hover .load-list-a p{color: #dd4426;}
.load-list-2 li:hover .load-list-a img{filter: grayscale(0);}
.load-list-2 li *{transition: all .4s;}
.load-list-2 li:hover .main-btn{color: #fff;background: #dd4426;border-color: #dd4426;}
.load-list-2 li:hover .main-btn img{filter:brightness(0) invert(1);}
.load-list-2 li .main-btn span{transition: none;}
.xw-time img{width: 20px;margin-right: 5px;}
.xw-list li a{position: relative;height: 100%;display: block;}
.xw-list li h3{min-height: 96px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.hotnews a{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;align-items: center;}
.hotnews a:hover h3{color: #dd4426;}
.hotnews a h3{transition: all .4s;}
.hotnews-img{width: 45.5%;}
.hotnews-con{width: 54.5%;padding: 60px 80px;}
.des-title24 h3{font-size: 24px;}
.des-line2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.swiperDot .swiper-pagination-bullet{width: 20px;height: 2px;background: #666;margin-right: 10px;border-radius: 0;}
.swiperDot .swiper-pagination-bullet-active{width: 40px;background: #dd4426;}
.swiperDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.hotnewsDot{position: absolute;z-index: 9;right: 80px;bottom:30px;}
.padding80{padding: 80px;}
.xwxq-title{text-align: center;}
.xwxq-title .xw-time{margin-right: 30px;}
.xwxq-title .xw-time:last-child{margin-right: 0;}
.xwxq-title h1{font-size: 36px;}
.bg-fafafa{background: #fafafa;}
.bg-fff{background: #fff;}
.edit{border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.xwxq-bot ul li{display: block;margin-bottom: 15px;}
.xwxq-bot{display: flex;justify-content: space-between;}
.xwxq-bot ul{width: calc(100% - 180px);}
.xwxq-bot li a{color: #999;transition: all .4s;}
.xwxq-bot li a:hover{color: #dd4426;}
.xw-list li a:hover h3{color: #dd4426;}
.xw-list li a h3{transition: all .4s;}
a:hover{color: inherit;}
.video-list .padding20{padding: 22px;}
.khfk li:hover .video-bot{background: url("../images/vi.jpg") no-repeat center center;background-size: cover;}
.khfk li:hover p{color: #fff;}
.video-bot{transition: all .4s;}
.reiws{display: block;height: 100%;transition: all .4S;}
.tx{width: 50px;height: 50px;border-radius: 100%;}
.wuxing img{height: 14px;vertical-align: middle;}
.reiws:hover{background: url(../images/vi2.jpg) no-repeat center center;background-size: cover;}
.reiws:hover p{color: #fff;}
.reiws:hover .wuxing img{filter: brightness(0) invert(1);}
.btn-wai .btn501{left: -70px;} 
.btn-wai .btn502{right: -70px;} 
.about-ban{padding-bottom: 30px;}
.title36 h2{font-size: 36px;}
.about-ban p{width: 1130px;margin: 0 auto;max-width: 100%;}
.intro-right{width: 360px;}
.intro-left{width: calc(100% - 430px);border-right: 1px solid #eee;padding-right: 70px;}
.des-title28 h3{font-size: 28px;}
.title-333 h2{color: #333;}
.title-333 h3{color: #333;}
.des-mg-bt30 p{margin-bottom: 30px;}
.des-mg-bt30 p:last-child{margin-bottom: 0}
.title-dd4426 h2{color: #dd4426;}
.intro-right .data-jia{font-size: 24px;}
.intro-right h2 span:nth-child(1){margin-right: 10px;}
.intro-right{display: flex;flex-direction: column;justify-content: space-between;}
.efficient img{width: 48px;}
.maodian{position: absolute;left: 0;top: -80px;}
.his-years{color: #fff;font-size: 70px;margin-right: 8px;line-height: 1;}
.his-month div{color: #fff;font-size: 40px;line-height: 1;}
.his-month span{color: #fff;font-size: 20px;}
.his-con-line{height: 210px;border-left: 1px dashed #fff;}
.his-con-right{width: calc(100% - 45px);}
.his-con-bg{width: 4px;height: 68px;background: #dd4426;}
.his-con-dot{width: 16px;height: 16px;border-radius: 100%;background: #fff;position: relative;}
.his-con-dot:after{content: "";position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 8px;height: 8px;border-radius: 100%;background: #dd4426;}
.his-con-left{display: flex;flex-direction: column;align-items: center;}
/* .his .swiper-slide:nth-child(4n){padding-top: 0;}
.his .swiper-slide:nth-child(3n){padding-top: 120px;}
.his .swiper-slide:nth-child(2n){padding-top: 240px;} */
.his .swiper-slide{padding-top: 360px;transition: all .4s;}
.his .swiper-slide-next{padding-top: 240px;}
.his .swiper-slide-next + div{padding-top: 120px;}
.his .swiper-slide-next + div + div{padding-top: 0;}

.btn-bg-03 div{background-color: rgba(0,0,0,0.3);}
.btn-bg-03 div::before{filter: brightness(0) invert(1);}
.btn-bg-03 div:hover{background-color: #dd4426;}

.his-title{position: absolute;top:0;left: 0;z-index: 9;}
.tec-list li{height: 740px;width: 25%;display: flex;align-items: center;flex-direction: column;padding: 0 50px;border-right:1px solid rgba(255,255,255,0.2);justify-content: center;transition: all .4s;}
.tec-list li img{width: 40px;}
.tec-list li p{transition: all .4s;}
.tec-hide{opacity: 0;transition: all .4s;}
.tec-list li:hover .tec-hide{opacity: 1;}
.tec-list li:hover{background: rgba(0,0,0,0.6);}
.tec-list li:hover .des16 p{font-weight: bold;font-size: 18px;}
.rz{width: 1000px;max-width: 100%;margin: 0 auto;}

.lxwm-list li img{width: 34px;transition: all .4s;}
.lxwm-list li p{transition: all .4s;}
.lxwm-list li{display: flex;justify-content: center;flex-direction: column;transition: all .4s;}
.lxwm-list ul{width: 49.28%;}
.lxwm-list-right li{width: 100%;height: 100%;}
.lxwm-list-left{display: flex;flex-wrap: wrap;}
.lxwm-list-left li{width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
.lxwm-list-left li:nth-child(2n){margin-right: 0;}
.lxwm-list-left li:nth-child(3){margin-bottom: 0;}
.lxwm-list-left li:nth-child(4){margin-bottom: 0;}
.lxwm-list li:hover{background: #dd4426 url(../images/vi33.jpg) no-repeat center;background-size: cover;border-color: #dd4426;}
.lxwm-list li:hover p{color: #fff;}
.lxwm-list li:hover img{filter: brightness(0) invert(1);}
.plan-img{width: 45.71%;}
.plan-con{width: 54.29%;}
.plan li:nth-child(odd){flex-direction: row-reverse;}
.plan li:last-child{margin-bottom: 0;}
.plan-con img{width: 50px;}
.des-mg-bt20 p{margin-bottom: 20px;}
.des-mg-bt20 p:last-child{margin-bottom: 0;}
.plan-img .img100{height: 100%;}
.plan-img .img100 img{height: 100%;object-fit: cover;}

.width1282{width: 1282px;margin: 0 auto;max-width: 100%;}
#dot01 {top: 27.0%;left: 13.5%;}  
#dot02 {top: 43.2%;left: 20.8%;}  
#dot03 {top: 79.5%;left: 27.5%;}  
#dot04 {top: 86.2%;left: 28.8%;} 
#dot05 {top: 68.7%;left: 34%;} 
#dot06 {top: 31%;left: 44%;}
#dot07 {top: 36.3%;left: 47.2%;}
#dot08 {top: 34.6%;left: 51%;}
#dot09 {top: 31.5%;left: 47.8%;}
#dot10 {top: 36.3%;left: 52.5%;}
#dot11 {top: 41.8%;left: 55.6%;}
#dot12 {top: 45.6%;left: 57%;}
#dot13 {top: 39.1%;left: 54%;}
#dot14 {top: 39%;left: 50.4%;}
#dot15 {top: 41.8%;left: 52.9%;}
#dot16 {top: 31.6%;left: 55.2%;}
#dot17 {top: 49%;left: 58.5%;} 
#dot18 {top: 40.1%;left: 45.5%;}
#dot19 {top: 48.1%;left: 54.7%;} 
#dot20 {top: 54%;left: 59.4%;}
#dot21 {top: 26%;left: 56.5%;}  
#dot22 {top: 45.7%;left: 61.6%;}
#dot23 {top: 51.5%;left: 62.5%;}
#dot24 {top: 81.2%;left: 52.8%;}
#dot25 {top: 19.1%;left: 77.3%;}
#dot26 {top: 33%;left: 74.7%;}
#dot27 {top: 40%;left: 85.8%;}
#dot28 {top: 54%;left: 74%;}
#dot29 {top: 55.6%;left: 68.12%;}
#dot30 {top: 58.5%;left: 75.5%;}
#dot31 {top: 54.6%;left: 76.4%;}
#dot32 {top: 57.0%;left: 80.5%;}
#dot33 {top: 40%;left: 82.2%;}
#dot34 {top: 78%;left: 84.4%;}
#dot35 {top: 89.4%;left: 94.4%;}
#dot36 {top: 27.5%;left: 53.3%;}
#dot37 {top: 22.5%;left: 54.7%;}
#dot38 {top: 30.3%;left: 51.5%;}
#dot39 {top: 35.6%;left: 54.5%;}
#dot40 {top: 32.2%;left: 52.9%;}
#dot41 {top: 30%;left: 49.75%;}
#dot42 {top: 28.4%;left: 45.6%;}
#dot43 {top: 19%;left: 53.3%;}

.oem-right{width: 58%;overflow: auto;padding-right: 30px;max-height: 220px;}
.oem-left{width: 40%;}
.olen-list li{background: rgba(255,255,255,0.8);border:1px solid #fff;padding: 60px 40px;position: relative;}
.olen-list li img{width: 43px;position: absolute;right: 40px;top: 40px;}
.olen-list li h3{margin-right: 60px;}
.olen-list li:hover{background: url(../images/vi56.jpg) no-repeat center;background-size: cover;border-color: #dd4426;}
.olen-list li:hover *{color: #fff;}
.olen-list li:hover img{filter: brightness(0) invert(1);}
.adv-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.adv-list li{background: rgba(255,255,255,0.89);border:1px solid #fff;padding: 50px;position: relative;margin-top: 1.44%;}
.adv-list img{position: static;width: 33px;}
.adv-list li:nth-child(1){width: 42.85%;}
.adv-list li:nth-child(4){width: 42.85%;}
.adv-list li:nth-child(2){width: 55.71%;}
.adv-list li:nth-child(3){width: 55.71%;}
.adv-list li:hover{background: url(../images/vi99.jpg) no-repeat center;background-size: cover;border-color: #dd4426;}
.adv-list li:hover *{color: #fff;}
.adv-list li:hover img{filter: brightness(0) invert(1);}

.tsro{display: flex;justify-content: space-between;}
.tsro li{width: 11.42%;transition: all .4s;overflow: hidden;}
.tsro-title{display: flex;align-items: center;flex-direction: column;justify-content: center;padding: 0 20px;transition: all .4s;align-items: center;text-align: center;opacity: 1;}
.tsro-title img{width: 34px;}
.tsro li a{display: block;height: 480px;position: relative;}
.tsro-img{position: absolute;height: 100%;top:0;left: 0;width: 100%;opacity: 0;transition: all .4s;}
.tsro li .tsro-img:before{content: "";position: absolute;background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.8));width: 100%;height: 50%;top:50%;left: 0;z-index: 5;transition: all .4s;}
.tsro-con{position: absolute;left: 0;bottom:0;width: 100%;z-index: 5;padding: 35px;}

.tsro li.active .tsro-title{opacity: 0;}
.tsro li.active{width: 51.42%;}
.tsro li.active .tsro-img{opacity: 1;}

.sms li:last-child{border-right: none;}
.sms li{height: 600px;width: 15.71%;transition: all .4s;overflow: hidden;position: relative;border-right: 1px solid rgba(255,255,255,0.2);}
.sms-con{opacity: 0;transition: all .4s;position: absolute;top:0;height: 100%;left: 0;width: 100%;display: flex;justify-content: center;flex-direction: column;}
.sms li.active .sms-con{opacity: 1;transition: .4s;}
.sms-con img{width: 52px;}
.sms-title{display: flex;justify-content: center;flex-direction: column;text-align: center;padding: 30px;}
.sms-dot{width: 44px;height: 44px;border-radius: 100%;margin: 0 auto;border:1px solid rgba(255,255,255,0.1);position: relative;}
.sms-dot1{width: 25px;height: 25px;border-radius: 100%;border:1px solid rgba(255,255,255,0.8);position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.sms-dot2{width: 7px;height: 7px;border-radius: 100%; background:#fff; position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}

.sms li.active .sms-title{opacity: 0;}
.sms li.active{width: 37.14%;}
.sms li.active .sms-con{opacity: 1;}

.iug-con{width: 50%;}
.iug-box{min-height: 550px;display: flex;align-items: center;}
.ass li{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ass li:nth-child(odd){flex-direction: row-reverse;}
.ass-img{width: 37.14%;height: 100%;}
.ass-img .img100{height: 100%;}
.ass-img .img100 img{height: 100%;object-fit: cover;}
.ass-con{width: 55.35%;display: flex;flex-direction: column;justify-content: center;}
.des-title30 h3{font-size: 30px;}
.ass-con img{width: 60px;}
.ass li:last-child{margin-bottom: 0;}
.rcwpp .ass-img{width: 60%;}
.rcwpp .ass-con{width: 40%;}
.rcwpp li:nth-child(odd) .ass-con{padding-left: 80px;}
.rcwpp li:nth-child(even) .ass-con{padding-right: 80px;}
.mange-top{border-bottom: 1px solid rgba(255,255,255,0.1);}
.man-type{display: flex;justify-content: space-around;overflow: auto;white-space: nowrap;gap:10px}
.man-type li{cursor: pointer;text-align: center;position: relative;}
.man-type li img{width: 52px;transition: all .4s;filter: brightness(0) invert(1);}
.man-type li p{line-height: 50px;transition: all .4s;}
.man-type li:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #dd4426;transform: scaleX(0);transition: all .4s;}
.man-type li:hover:after{transform: scaleX(1);}
.man-type li:hover img{filter: none;}
.man-type li:hover p{color: #dd4426;}
.man-type li.active p{color: #dd4426;}
.man-type li.active img{filter: none;}
.man-type li.active:after{transform: scaleX(1);}
.mange-bot .swiper-container{display: none;}
.mange-bot .swiper-container.active{display: block;}
.whole-box .img100 img{min-height: 300px;object-fit: cover;}
.pro-page-btn{position: absolute;top:10px;right: 4%;z-index: 9;width: 32px;height: 32px;background: url(../images/gb64.png) no-repeat center;background-size: cover;display: none;}
.show-xl{display: none;text-align: center;}

.cal-l, .cal-r{cursor: pointer;transition: all .4s;}
.cal-l.none{cursor: default;}
.cal-l{width: 38px;height: 38px;line-height: 38px;text-align: center;user-select: none;}
.cal-r{width: 38px;height: 38px;line-height: 38px;text-align: center;user-select: none;}
.cal-num{width: 62px;height: 38px;background: none;text-align: center;}
.cal-box{align-items: center;border:1px solid #eee;display: inline-flex;width: 140px;}
/* .cal-l:hover{background: #006bd3;} */
/* .cal-r:hover{background: #006bd3;} */
/* .cal-l.none:hover{background: #8e8e8e;} */
.instock{margin-left: 20px;display: flex;align-items: center;}
.instock .i{width: 6px;height: 6px;background: #3ed660;margin-right: 5px;}
.zindex9{z-index: 9;}

#certify  .swiper-slide {width: 21%;}
.opa{opacity: 0 !important;}
.rmt2-list{position: absolute;width: 37%;padding-bottom: 37%;top: 23%;left: 31%;z-index: 9;}
.rmt2-list li{position: absolute;width: 360px;max-width: 100%;}
.rmt2-list li .i{width: 30px;height: 30px;background: rgba(234,70,9,0.3);border-radius: 100%;top:0;position: absolute;}
.rmt2-list li .i::after{width: 12px;height: 12px;background: rgba(234,70,9,1);border-radius: 100%;top:50%;left: 50%;transform: translate(-50%,-50%);position: absolute;content: "";}
.rmt2-list li:nth-child(odd) .i{animation: blink-opacity 1.5s linear infinite;}
.rmt2-list li:nth-child(even) .i{animation: blink-opacity 1.5s 1s linear infinite;}
.rmt2-list li>p{position: absolute;top: 0;right: 0;padding-right: calc(100% + 10px);width: max-content;}
.rmt2-list li.right>p{right: auto;left:0;padding-left: 40px;padding-right: 0;}
/* .rmt2-list li:nth-child(1){right: 83.2%;top: 16.2%;padding-right: 40px;text-align: right;}
.rmt2-list li:nth-child(1) .i{right: 0;}
.rmt2-list li:nth-child(2){right: 94.2%;top: 37.5%;padding-right: 40px;text-align: right;}
.rmt2-list li:nth-child(2) .i{right: 0;}
.rmt2-list li:nth-child(3){right: 93.2%;top: 61.5%;padding-right: 40px;text-align: right;}
.rmt2-list li:nth-child(3) .i{right: 0;}
.rmt2-list li:nth-child(4){left: 83.2%;top: 16.2%;padding-left: 40px;}
.rmt2-list li:nth-child(4) .i{left: 0;}
.rmt2-list li:nth-child(5){left: 92.5%;top: 33.5%;padding-left: 40px;}
.rmt2-list li:nth-child(5) .i{left: 0;}
.rmt2-list li:nth-child(6){left: 94.5%;top: 52.5%;padding-left: 40px;}
.rmt2-list li:nth-child(6) .i{left: 0;}
.rmt2-list li:nth-child(7){left: 89.5%;top: 71.8%;padding-left: 40px;}
.rmt2-list li:nth-child(7) .i{left: 0;} */
.pinned{top:120px !important}



/* 父容器基础布局：保证左右分栏，顶部对齐（关键） */
    
    /* 新增：fixed定位的样式 */
    .cpxq-con.fixed {
        position: fixed;
        top: 100px; /* 避开顶部导航，可调整 */
         /* 关键：和页面1400px宽的容器对齐，居中右侧 */
    }
    /* 新增：贴底定位的样式 */
    .cpxq-con.absolute-bottom {
        position: absolute;
        bottom: 0; /* 贴住内容区底部 */
        right: 0; /* 和原右侧对齐 */
    }
    /* 占位元素：解决fixed布局跳动 */
    .cpxq-con-placeholder {
        flex: 0 0 400px;
        width: 100%;
        display: none; /* 默认隐藏 */
    }

.img-div{display:flex;justify-content:center;align-items:center}
.img-div img{max-width:100%;max-height:100%}

/* 搜索 */
/* .search-page .con{padding: 30px 0 100px;} */
.search-page .con li{display: flex;align-items: center;border-bottom: 1px #eee solid;padding:40px 0;position: relative;}
.search-page .con .img-div{width:23.43%;height:200px}
.search-page .con .img-bg{width:23.43%;height:200px}
.search-page .con .img{height:100%}
.search-page .con .info{width:76.57%;padding-left: 40px;}
.search-page .con .info>p:nth-of-type(1){font-size: 18px;margin:10px 0}
.search-page .con .info>p:nth-of-type(2){color:#666}
.search-page .page{padding-top: 50px;}

@media (max-width:1440px){
    /* .search-page .con{padding:30px 0 80px} */
    .search-page .con li{padding:30px 0}
    .search-page .con .img-div{height:180px}
    .search-page .con .img-bg{height:180px}
}

@media (max-width:1279px){
    /* .search-page .con{padding: 0 0 50px;} */
    .search-page .con li{display: block;padding:30px 0}
    .search-page .con .img-div{width:100%;}
    .search-page .con .img-bg{width:100%;height:auto;}
    .search-page .con .img{height:auto;padding-bottom: 70%}
    .search-page .con .info{width:100%;padding: 20px 0 0;}
    .search-page .con .info>p:nth-of-type(1){font-size: 16px}
    .search-page .page{padding-top: 30px;}
}

@media (any-hover:hover){
    .search-page li:hover .img{transform: scale(1.1);}
    .search-page li:hover .info>p:nth-of-type(1){color:#dd4426}
}

/* 登录 */
.login-page{display: flex;align-items: center;background: #f8f8f8;}
.login-page .img-bg{width:50%}
.login-page .img{padding-bottom: 93.75%}
.login-page .con{flex:1;padding:0 9%}
.login-page .con>p:nth-of-type(1){font-size: 36px;text-align: center;}
.login-page ul{padding:30px 0 10px}
.login-page li{margin-bottom: 20px;position: relative;display: block;}
.login-page li>input{height:50px;width:100%;padding:0 20px;border:1px #eee solid}
.login-page li>input::placeholder{color:#999}
.login-page li>input:focus{border-color: #dd4426;}
.login-page li:nth-of-type(2)>input{padding-right: 190px;}
.login-page li>a{position: absolute;top:50%;transform:translateY(-50%);right:20px}
.login-page .con>p:nth-of-type(2){font-size: 16px;text-align: center;line-height: 50px;background: #dd4426;color:#fff;border-radius: 25px;margin-bottom: 15px;cursor: pointer;transition: .3s;}
.login-page .con>p:nth-of-type(3){line-height: 24px;color:#999}
.login-page .con>p:nth-of-type(3)>a{display: inline-block;color:#000}

@media (max-width:1440px){
    .login-page .con>p:nth-of-type(1){font-size: 30px;}
}

@media (max-width:1279px){
    .login-page{display: block;}
    .login-page .img-bg{display: none;}
    .login-page .con{padding:30px 20px}
    .login-page .con>p:nth-of-type(1){font-size: 22px;}
    .login-page ul{padding:20px 0 0}
    .login-page li{margin-bottom: 15px;}
    .login-page li>input{height:45px;padding:0 15px;font-size: 12px;}
    .login-page li>input::placeholder{font-size: 12px;}
    .login-page li:nth-of-type(2)>input{padding-right: 160px;}
    .login-page li>a{right:10px;font-size:12px}
    .login-page .con>p:nth-of-type(2){font-size: 14px;line-height: 45px;}
}

@media (any-hover:hover){
    .login-page li>a:hover{color:#dd4426}
    .login-page .con>p:nth-of-type(2):hover{opacity: .9;}
    .login-page .con>p:nth-of-type(3)>a:hover{color:#dd4426}
}

/* 注册 */
.reg-page{background: #f8f8f8;padding:60px 12% 70px}
.reg-page>p:nth-of-type(1){font-size: 36px;text-align: center;}
.reg-page ul{padding:30px 0 10px}
.reg-page li{margin-bottom: 20px;display: flex;position: relative}
.reg-page li>input{height:50px;width:calc(50% - 10px);padding:0 20px;border:1px #eee solid;}
.reg-page li>input:first-child{margin-right: 20px;}
.reg-page li>input::placeholder{color:#999}
.reg-page li>input:focus{border-color: #dd4426;}
.reg-page .select{width:calc(50% - 10px)}
.reg-page .select>select{padding:0 20px;color:#999;border:1px #eee solid;height:50px;background: #fff;display: block;width: 100%;}
.reg-page .select>select:focus{border-color: #dd4426;}
.reg-page li>p{position: absolute;top:50%;transform:translateY(-50%);right:20px;padding:0 30px;line-height: 34px;text-align: center;background: #dd4426;color:#fff;border-radius: 17px;cursor: pointer;transition: .3s;}
.reg-page>p:nth-of-type(2){font-size: 16px;text-align: center;line-height: 50px;background: #dd4426;color:#fff;border-radius: 25px;margin-bottom: 15px;cursor: pointer;transition: .3s;}
.reg-page>p:nth-of-type(3){line-height: 24px;color:#999;text-align: center;}
.reg-page>p:nth-of-type(3)>a{display: inline-block;color:#000}

@media (max-width:1440px){
    .reg-page{margin:0 auto;padding:50px 12% 60px}
    .reg-page>p:nth-of-type(1){font-size: 30px;}
}

@media (max-width:1279px){
    .reg-page{padding:30px 20px}
    .reg-page>p:nth-of-type(1){font-size: 22px}
    .reg-page ul{padding:20px 0 0}
    .reg-page li{margin-bottom: 0;display: block}
    .reg-page li>input{height:45px;width:100%;padding:0 15px;font-size: 12px;margin-bottom: 15px;}
    .reg-page li>input:first-child{margin-right: 0;}
    .reg-page li:last-child>input{padding-right: 100px;}
    .reg-page li>input::placeholder{font-size: 12px}
    .reg-page .select{width:100%;margin-bottom: 15px}
    .reg-page .select>select{padding:0 15px;font-size: 12px;height:45px;}
    .reg-page li>p{right:10px;padding:0 15px;line-height: 28px;font-size: 12px;top:22px}
    .reg-page>p:nth-of-type(2){font-size: 14px;line-height: 45px;}
}

@media (any-hover:hover){
    .reg-page li>p:hover{opacity: .9;}
    .reg-page>p:nth-of-type(2):hover{opacity: .9;}
    .reg-page>p:nth-of-type(3)>a:hover{color:#dd4426}
}

/* 找回密码 */
.forget-page{margin:60px auto 100px;display: flex;align-items: center;background: #f8f8f8;}
.forget-page .img-bg{width:50%}
.forget-page .img{padding-bottom: 93.75%}
.forget-page .con{flex:1;padding:0 9%}
.forget-page .con>p:nth-of-type(1){font-size: 36px;text-align: center;}
.forget-page ul{padding:30px 0 10px}
.forget-page li{margin-bottom: 20px;position: relative;display: block;}
.forget-page li>input{height:50px;width:100%;padding:0 20px;border:1px #eee solid}
.forget-page li>input::placeholder{color:#999}
.forget-page li>input:focus{border-color: #dd4426;}
.forget-page li:nth-of-type(2)>input{padding-right: 160px;}
.forget-page li>p{position: absolute;top:50%;transform:translateY(-50%);right:20px;padding:0 30px;line-height: 34px;text-align: center;background: #dd4426;color:#fff;border-radius: 17px;cursor: pointer;transition: .3s;}
.forget-page .con>p:nth-of-type(2){font-size: 16px;text-align: center;line-height: 50px;background: #dd4426;color:#fff;border-radius: 25px;margin-bottom: 15px;cursor: pointer;transition: .3s;}
.forget-page .con>p:nth-of-type(3){line-height: 24px;color:#999}
.forget-page .con>p:nth-of-type(3)>a{display: inline-block;color:#000}

@media (max-width:1440px){
    .forget-page{margin:50px auto 80px}
    .forget-page .con>p:nth-of-type(1){font-size: 30px;}
}

@media (max-width:1279px){
    .forget-page{margin:30px auto 50px;display: block}
    .forget-page .img-bg{display: none;}
    .forget-page .con{padding:30px 20px}
    .forget-page .con>p:nth-of-type(1){font-size: 22px;}
    .forget-page ul{padding:20px 0 0}
    .forget-page li{margin-bottom: 0}
    .forget-page li>input{height:45px;padding:0 15px;margin-bottom: 15px;font-size: 12px;}
    .forget-page li>input::placeholder{font-size: 12px}
    .forget-page li:nth-of-type(2)>input{padding-right: 100px;}
    .forget-page li>p{top:22px;right:10px;padding:0 15px;line-height: 28px}
    .forget-page .con>p:nth-of-type(2){font-size: 14px;line-height: 45px}
}

@media (any-hover:hover){
    .forget-page li>p:hover{opacity: .9;}
    .forget-page .con>p:nth-of-type(2):hover{opacity: .9;}
    .forget-page .con>p:nth-of-type(3)>a:hover{color:#dd4426}
}

/* 个人中心 */
.user-page{display: flex;justify-content: space-between;align-items: flex-start;}
.user-page .menu{width:19.53%;background: #f6f7f9;padding:15px 30px 80px}
.user-page li{display: block;}
.user-page .menu li>a{font-size: 12px;line-height: 44px;color:#666;border-bottom: 1px #eee solid;display: block;}
.user-page .menu li>a.active{font-family: 'ms-b';color:#dd4426;}
.user-page .menu-icon{display: none;}
.user-page .menu-mask{display: none;}

.user-page .con{width:78.9%;background: #f6f7f9;padding:30px 40px 40px}
.user-page .con .tit{border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;margin-bottom: 30px;}
.user-page .con .tit>p{color: #dd4426;position: relative;display: inline-block;}
.user-page .con .tit>p::after{content:'';position: absolute;left:0;bottom:-21px;width:100%;height:2px;background: #dd4426;}

.user-page .form .item{display: flex;align-items: center;margin-bottom: 20px;}
.user-page .form .item>p:nth-of-type(1){width:125px;text-align: right;margin-right: 35px;}
.user-page .form .item>p:nth-of-type(1).large{width:140px}
.user-page .form .item>p:nth-of-type(2){color:#999;padding-left: 20px;flex:1;line-height: 50px;}
.user-page .form .item>input{max-width:420px;flex:1;height:50px;background: #fff;border:1px solid #eee;padding:0 20px}
.user-page .form .item>input:focus{border-color:#dd4426}
.user-page .form .item>input::placeholder{color:#999}
.user-page .form .btn{width:160px;line-height: 50px;text-align: center;border-radius: 25px;font-size: 16px;background: #dd4426;color:#fff;cursor: pointer;transition: .3s;margin-top:10px}

.user-page .collect-box ul{display: flex;flex-wrap: wrap;}
.user-page .collect-box li{margin-bottom: 30px;width:calc(100% / 3 - 20px);margin-right: 30px;position: relative;background: #fff;padding:30px 30px 35px}
.user-page .collect-box li:nth-child(3n){margin-right: 0;}
.user-page .collect-box .tag-box{display: flex;justify-content: space-between;align-items: center;}
.user-page .collect-box .tag{display: flex}
.user-page .collect-box .tag>p{line-height: 20px;font-size: 12px;color:#fff;border-radius: 10px;padding:0 10px;margin-right: 5px;}
.user-page .collect-box .new{background: #e00711;}
.user-page .collect-box .hot{background: #e05407;}
.user-page .collect-box .operate{width:70px;display: flex;z-index: 20;position: relative;}
.user-page .collect-box .operate>p{width:30px;height:30px;border-radius: 50%;cursor: pointer;transition: .3s;}
.del{margin-right: 10px;background: #999 url(../images/del.png) no-repeat center center/15px;width:30px;height:30px;border-radius: 50%;cursor: pointer;transition: .3s;}
.user-page .collect-box .compare{background: #999 url(../images/compare.png) no-repeat center center/19px;}
.user-page .collect-box .img-div{height:200px;margin:30px 0 45px}
.user-page .collect-box li>p:nth-of-type(1){font-size: 20px}
.user-page .collect-box li>p:nth-of-type(2){margin: 15px 0 5px;}
.user-page .collect-box li>p:nth-of-type(3){font-size: 12px;color:#666}
.user-page .collect-box .page{padding:10px 0 20px}

@media (max-width:1440px){
    .user-page{padding:50px 0 80px}
    .user-page .collect-box .img-div{height:180px;margin:25px 0 35px}
    .user-page .collect-box li>p:nth-of-type(1){font-size: 18px}
    .user-page .collect-box li>p:nth-of-type(2){margin: 10px 0 5px;}
}

@media (max-width:1279px){
    .user-page{display: block;position: relative;}
    .user-page .menu{width:250px;padding:30px 30px 50px;position: fixed;left:-250px;top:140px;transition: .8s;z-index: 999;}
    .user-page .menu-icon{display: block;position: absolute;left:0;top:0;line-height:20px;background: url(../images/menu1.svg) no-repeat left center/20px;padding-left:30px;color:#666}
    .user-page .menu-mask{position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.3);z-index: 998;}
    .user-page .menu-mask .close{position: absolute;top:140px;right:20px;background: #fff url(../images/close.svg) no-repeat center center/16px;border-radius: 50%;width:35px;height:35px}

    .user-page .con{width:100%;padding:30px 20px}
    .user-page .con .tit{padding-bottom: 15px;margin-bottom: 20px;}
    .user-page .con .tit>p::after{bottom:-16px}

    .user-page .form .item{display: block;margin-bottom: 20px;}
    .user-page .form .item>p:nth-of-type(1){width:100%;text-align: left;margin-right: 0;}
    .user-page .form .item>p:nth-of-type(1).large{width:100%}
    .user-page .form .item.flex{display: flex;flex-wrap: wrap;}
    .user-page .form .item.flex>p:nth-of-type(1){width:50px;}
    .user-page .form .item.flex>p:nth-of-type(2){padding-left: 5px;line-height: 24px;}
    .user-page .form .item>input{max-width:100%;width:100%;height:45px;padding:0 15px;margin-top:10px;font-size: 12px;}
    .user-page .form .item>input::placeholder{font-size: 12px;}
    .user-page .form .btn{width:100%;line-height: 45px;font-size: 14px}

    .user-page .collect-box ul{display: block}
    .user-page .collect-box li{width:100%;margin-right: 0;padding:30px 25px}
    .user-page .collect-box .img-div{margin:30px 0}
    .user-page .collect-box li>p:nth-of-type(1){font-size: 16px}
    .user-page .collect-box li>p:nth-of-type(2){margin: 10px 0 5px;}
    .user-page .collect-box .page{padding:0 0 20px}
}

@media (any-hover:hover){
    .user-page .menu li>a:hover{font-family: 'ms-b';color:#dd4426;}

    .user-page .form .btn:hover{opacity: .9;}

    .user-page .collect-box .operate>p:hover{background-color:#dd4426;}
    .del:hover{background-color:#dd4426;}
    .user-page .collect-box li:hover>p:nth-of-type(2){color:#dd4426}
}

.position-border .position{border-bottom: 1px solid #e5e5e5;}
.no-ban{padding-top: 100px;}


.cp-table{display: flex;}
.cp-table-title{width: 25%;}
.cp-table-content{width: 75%;display: flex;}
.cp-table-content ul{flex:1;}
.cp-table li{display: flex;align-items: center;height: 60px;padding: 0 30px;border:1px solid #eee;border-bottom: none;}
.cp-table li:last-child{border-bottom:1px solid #eee;}
.cp-table-title li{background: #f7f7f7;font-weight: bold;}
.cp-table-content li{border-left: none;color:#666;}
.comparison-box{display: flex;justify-content: space-between;}
.comparison-left{width: 17.5%;}
.main-btn2{border-radius: 50px;border-color: #dd4426;color:#dd4426;}
.comparison-right{width: 75%;border:1px solid #eee;}
.comparison-right ul{display: flex;width: 100%;}
.comparison-right li{flex: 1;margin: 0 !important;width: auto;border-right: 1px solid #eee;box-sizing: border-box;width: 33.33%;}
.comparison-right li:last-child{border-right: none;}
.tab-box .tabs{min-height: 50vh;}
.fixed-style{position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.8);z-index: 999;display: flex;justify-content: center;align-items: center;z-index: 9999;display: none;}
.fixed-style.active{display: flex;}
.fixed-style img{max-width: 90%;max-height: 90%;}
.fixed-style .close{cursor: pointer; position: absolute;top:20px;right:20px;background: #fff url(../images/close.svg) no-repeat center center/16px;border-radius: 50%;width:35px;height:35px}
.foldBtn{display: none;}
.foldBtn img{transform: rotate(180deg);}
.show-more-btn.active .foldBtn{display: inline-block;}
.show-more-btn.active .smBtn{display: none;}
.div324343{display: flex;gap:15px;align-items: center;}
.gensui .countdown{position: absolute;top:50%;left:0;transform: translateY(-50%);gap:10px;}
.gensui .countdown .time-box{width: auto;height: auto;display: flex;flex-direction: row;gap:5px;}

#translate select{height: 36px;}

.imgcontain{object-fit: contain;}
.imgcover{object-fit: cover;}
.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp,.swiper-slide-active .banner-des{
    animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}