body{--hover-color:#0559a8;--white:#fff; --black:#333; --grey:#666; --grey2:#999; --yellow:#e9c519; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size:var(--font-size16);--rgb-hover:7,10,109;--rgb-yellow:233,197,25; --radius: .1rem; min-width:1440px;}

.header{ background:#000; position:fixed; top:0; left:0; width:100%; z-index:999;}
.header .logo a{ padding:.2rem 0;}
.header .logo img{ width:1.8rem;}
.header .share-icon{ margin-right:.35rem; cursor:pointer;}
.header .share-icon .icon{ display:block; opacity:0.5;}
.header .share-icon .icon.wx-icon img{ width:.34rem;}
.header .share-icon .icon.dy-icon img{ width:.26rem;}
.header .share-icon .icon.xhs-icon img{ width:.8rem;}
.header .share-icon .icon.ins-icon img{ width:.31rem;}
.header .share-icon:last-child{ margin-right:0;}
.header .share-icon .qrcode{ position:absolute; top:110%; left:50%; width:1rem; height:1rem; margin-left:-.5rem; box-shadow:0 0 .1rem rgba(0,0,0,0.2); visibility:hidden; opacity:0; overflow:hidden; border-radius:.1rem; transition:all .5s;}
.header .share-icon .qrcode img{display:block;}
.header .share-icon:hover .icon{ opacity:1;}
.header .share-icon:hover .qrcode{ top:100%; visibility:visible; opacity:1;}

.header menu .ul{ height:100%; font-size:var(--font-size24);}
.header menu li{ height:100%; margin-right:1.3rem;}
.header menu li a{ color:rgba(255,255,255,0.6);}
.header menu li.aon a,
.header menu li a:hover{ color:#fff;}
.header menu li:last-child{ margin-right:0;}

@media (max-width:1024px) {
.header menu li{ height:100%; margin-right:.3rem;}
}

/*  */
.banner .video-shell{ position: relative; z-index:2;}
.banner .video-shell video{ display:block; width:100%; position: relative; z-index:2;}
.banner .text{ position:absolute; left:0; bottom:.78rem; z-index:2; width:100%;}
.banner .des-txt .pic{font-size:1rem;position:absolute;bottom:1rem;left:0;font-weight:bold;text-align:center;z-index:50;text-align:left; width:100%;color:white;mix-blend-mode:overlay;}
.banner .des-txt img{ width:6rem;}
.banner .txt{ font-size:var(--font-size24); text-align:right; background:rgba(0,0,0,0.6); padding:.35rem .25rem .25rem .4rem; border-radius:.2rem; }
.banner .txt .tit{ margin-bottom:.1rem; font-size:var(--font-size36); line-height:1.2;}
.banner .txt .tit span{background:-webkit-linear-gradient(90deg,#F20F20,#F2F2F2);background:linear-gradient(90deg,#F20F20,#F2F2F2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent; font-weight:500;}
.banner .txt li{ margin:0.05rem 0;}
.banner .txt li a{ color:#fff; opacity:.7; text-decoration:underline; text-decoration-thickness:1px; font-weight:300;}
.banner .txt li:nth-child(1) a{ opacity:.9;}
.banner .txt li:nth-child(2) a{ opacity:.7;}
.banner .txt li:nth-child(3) a{ opacity:.5;}
.banner .txt li a:hover{ opacity:1;}



/* 首页 */
.index-one .autoCon-1700{ height:100%;}
.index-one .title{ margin-bottom:.5rem; font-size:var(--font-size60);}
.index-one .title span{background:-webkit-linear-gradient(45deg,rgba(242,15,32,0.5),#F20F20);background:linear-gradient(45deg,rgba(242,15,32,0.5),#F20F20);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent; font-weight:bold;}
.index-one .innov-list{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.index-one .innov-list .swiper{ height:3.3rem;}
.index-one .innov-list .iot{ font-size:var(--font-size24);}
.index-one .innov-list .iot a{ color:#fff; opacity:0.6; text-decoration:underline; text-decoration-thickness:1px; font-weight:300;}
.index-one .innov-list .iot a:hover{ opacity:1;}
.index-one .innov-list .swiper-slide-thumb-active .iot a{ opacity:1;}
.index-one .center{ max-width:12rem;}
.index-one .switch-one img{ width:100%;}

/* 底部 */
footer{ background:#333; padding-bottom:.4rem; position: relative; z-index:10;}
footer .line-box{ padding:.4rem 0 .25rem; font-weight:300;}
footer .line-box span,
footer .line-box a{ margin:0.05rem; color:#fff; display:block; font-size:var(--font-size18);}
footer .des{ font-weight:300; line-height:1.7; max-width:16rem; margin:0 auto; text-align:center; font-size:var(--font-size16); color:rgba(255,255,255,0.6);}
footer .des p{ margin:0;}
footer .line-box a:hover{ color:#C8161D;}


/* 自行车 */
.Bicycle .back-color{ background:rgba(0,0,0,0.6); padding:.1rem .7rem; border-radius:2rem;}
.Bicycle .switch-one{background:#000;}
.Bicycle .switch-one img{ width:100%; object-fit:cover;}
.Bicycle .switch-two{ position:absolute; left:0; bottom:.6rem; z-index:5; width:100%;}
.Bicycle .switch-two .swiper{ width:100%;}
.Bicycle .switch-two .swiper-slide{ display:-webkit-flex; display:flex; align-items:center; justify-content:center; align-items:center; height:auto; text-align:center; padding:.1rem; opacity:0.5; cursor:pointer;}
.Bicycle .switch-two .swiper-slide-thumb-active{ opacity:1;}
.Bicycle .switch-two img{ height:.25rem;}
.Bicycle .switch-two img.wtd1{ height:.32rem;}

/* 零部件 */
.parts-box .left-menu{ position:fixed; left:0; width:3.6rem; height:100%; padding:.3rem .4rem; background:#C8161D; font-size:var(--font-size20); font-weight:300;}
.parts-box .left-menu a{ margin-bottom:.1rem; line-height:1.5; color:#fff; display:-webkit-flex; display:flex; align-items:center;}
.parts-box .left-menu a i{ margin-top:.02rem; margin-left:.1rem; padding:0 .05rem; font-style:normal; font-size:var(--font-size12); border:solid 1px #fff; border-radius:.05rem;}
.parts-box .left-menu a:hover,
.parts-box .left-menu a.active{ font-weight:500;}
.parts-box .left-menu a:last-child{ margin-bottom:0;}
.parts-box .riht-con{ padding-left:3.6rem; width:100%;}
.parts-box .riht-con .item-box img{ width:100%;}
.parts-box .riht-con .item-box.wtd100 a{ width:100%; display:block;}
.parts-box .riht-con .item-box.wtd50 a{ width:50%; display:block;}

/* 关于我们 */
.about-one{ padding:1.5rem 0; background: linear-gradient(45deg, #000000 0%, #3D3D3D 100%);}
.about-one .logo{ width:4.5rem;}
.about-one .text{line-height:1.7;max-width:calc(100% - 5.5rem); font-size:var(--font-size30); color:rgba(255,255,255,0.6);}
.about-one .text span{ color:#fff;}
.about-one .text p{margin:0;}
.about-two .bg-img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.about-two .bg-img img{ width:100%; height:100%; object-fit:cover;}
.about-two .autoCon-1700{ color:rgba(255,255,255,0.6); padding:2.3rem 0 1.5rem; position: relative; z-index:3;}
.about-two .inside-tit{ padding-bottom:.7rem; border-bottom:solid .02rem #E50000;}
.about-two .inside-tit .tit{ color:#fff; font-size:1.45rem; line-height:1.1;}
.about-two .inside-tit .wxt{ padding-left:.3rem; font-size:.3rem; line-height:1.5; font-weight:300;}
.about-two .inside-tit .wxt pre{ font-size:.3rem; line-height:1.5; font-weight:300;}
.about-two .des{ line-height:1.5; font-size:.34rem; color:#fff; padding:.5rem 0; border-bottom:solid .02rem #E50000;}
.about-two .des p{margin:0; min-height:1em;}
.about-two .maxwtd{ width:11rem;}
.about-two .list{ padding:.5rem 0 0;}
.about-two .list dl dt{ margin-bottom:.05rem; font-size:var(--font-size30);}
.about-two .list dl dd{ font-size:var(--font-size34); color:#fff;}
.about-editor .center{ text-align:center;}
.about-editor img{ width:100%;}
.about-editor .txt-absolute{ position:absolute; bottom:.8rem; left:0; width:100%;}
.about-editor .txt-top{ bottom:auto; top:1rem; z-index:10;}
.about-editor .img-one{ position:relative; z-index:3;}
.about-editor .img-tow{ position:absolute; top:17%; right:5%; width:43.163%; z-index:2;}
.about-editor .img-san{ position:absolute; bottom:0; left:0; width:100%; z-index:1;}
.about-editor .visual-txt .tit{ margin-bottom:.1rem; font-size:.72rem; color:#fff; font-weight:500;}
.about-editor .visual-txt .ixt{ color:#E60012; font-size:var(--font-size40); margin-bottom:.5rem;}
.about-editor .visual-txt .oxl dl{ margin-right:1rem;}
.about-editor .visual-txt .oxl dl dt{ margin-bottom:.1rem; font-size:var(--font-size36); color:#fff;}
.about-editor .visual-txt .oxl dl dd{line-height:1.7; font-size:var(--font-size18);}
.about-editor .visual-txt .oxl dl:last-child{margin-right:0;}
.about-editor .split-list{ margin-bottom:.55rem;}
.about-editor .split-list dl{ width:33.333%; text-align:center;}
.about-editor .split-list dl dt{ margin-bottom:.2rem; font-size:var(--font-size52); color:#fff; font-weight:600;}
.about-editor .split-list dl dd{ font-weight:300; margin-bottom:.1rem; font-size:var(--font-size30); color: rgba(255,255,255,0.8);}
.about-editor .tishi{ text-align:center; color:#E60012; font-size:.5rem;}
.about-editor .incolor-txt .tit{ font-size:var(--font-size48); font-weight:bold; color:#E60012;}
.about-editor .incolor-txt .des{ font-size:var(--font-size26); color:rgba(0,0,0,0.7); margin:0 auto;}
.about-editor .innovation-txt .tit{ font-size:var(--font-size48); font-weight:bold; color:#E60012;}
.about-editor .innovation-txt .des{ font-size:var(--font-size28); color:rgba(255,255,255,0.7); max-width:12.5rem; margin:0 auto;}



/* 服务支持 */
.support-box{ min-height:80vh;}
.support-box .left-menu{ position:fixed; left:0; width:3.6rem; height:100%; padding:.3rem .4rem; background:#494949; font-size:var(--font-size20); font-weight:300;}
.support-box .left-menu a{ margin-bottom:.1rem; line-height:1.5; color:#fff; display:-webkit-flex; display:flex; align-items:center;}
.support-box .left-menu a i{ margin-top:.07rem; margin-left:.1rem; padding:0 .05rem; font-style:normal; font-size:var(--font-size14); border:solid 1px #fff; border-radius:.05rem;}
.support-box .left-menu a:hover,
.support-box .left-menu a.active{ font-weight:500;}
.support-box .left-menu a:last-child{ margin-bottom:0;}
.support-box .riht-con{ padding-left:3.6rem;}
.support-box .support-tit{ margin-bottom:.15rem; line-height:1.1; font-size:var(--font-size66); font-weight:bold; color:#000;}
.support-box .dow-box{ padding:0.5rem 1rem 1rem;}
.support-box .dow-box .des{ color:#000; margin-bottom:.3rem; font-size:.25rem;}
.support-box .pro-introd{ padding-bottom:.45rem; margin-bottom:.45rem; border-bottom:solid 1px #a8a8a8;}
.support-box .pro-introd .tit-two{ margin-bottom:.2rem; font-size:var(--font-size36); color:#000;}
.support-box .pro-introd .list-box .dow-list{ width:calc(100% - 3rem);}
.support-box .pro-introd .list-box .ul{ width:48%;}
.support-box .pro-introd .list-box li{ font-size:var(--font-size24); margin-bottom:.1rem; width:100%;}
.support-box .pro-introd .list-box li a{ color:#777777; border-bottom:solid 1px #777777; line-height:1.2; display:inline-block;}
.support-box .pro-introd .list-box li a:hover{ color:#C8161D;}
.support-box .pro-introd .list-box .aniu{ width:3rem; text-align:center;}
.support-box .pro-introd .list-box .aniu .but{ background:#D8D8D8; font-size:var(--font-size28); font-weight:500; color:#000; padding:.1rem .25rem; border-radius:2rem; cursor:pointer; transition:all .5s;}
.support-box .pro-introd .list-box .aniu .but:hover{ background:#C8161D; color:#fff;}
.support-box .pro-introd:last-child{ margin-bottom:0; border-bottom:transparent;}
.support-box .faq-box{ padding:0.6rem 1rem; background-image:url(../images/faq-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.support-box .faq-box .list-box{ margin-top:.25rem;}
.support-box .faq-box .list-box .aniu{ width:3rem; text-align:center;}
.support-box .faq-box .list-box .aniu .but{ display:block; background:#fff; font-size:var(--font-size28); font-weight:500; color:#000; padding:.08rem .3rem; border-radius:2rem; cursor:pointer; transition:all .5s;}
.support-box .faq-box .list-box .aniu .but:hover{ background:#C8161D; color:#fff;}
.support-box .faq-box .list-box .editor{ line-height:1.8; font-size:var(--font-size26); color:#000;}

.support-box .store-box{ padding:0.6rem 1rem; background:#EBEFF2;}
.support-box .store-box .tishi{ font-weight:400; margin:.2rem 0 .55rem; color:#7C7C7C; font-size:var(--font-size26);}
.support-box .pull-down{ margin-bottom:.8rem;}
.support-box .pull-down select{ margin-right:.2rem; padding:.08rem .2rem; font-size:var(--font-size28); min-width:4rem; border:solid 1px #9E9E9E;appearance: none;-moz-appearance: none;-webkit-appearance:none;-ms-appearance:none;background:#fff url(../images/sele.svg) no-repeat scroll 95% center; cursor:pointer;}
.support-box .pull-down select::-ms-expand{display: none;}
.support-box .pull-down select:last-child{ margin-right:0;}
.support-box .screen-box .item{ border-left:solid .08rem #C8161D; padding-left:.3rem; width:31%; margin-right:3.5%; margin-bottom:5%;}
.support-box .screen-box .item .tit{ line-height:1.2; font-size:var(--font-size36); color:#000;}
.support-box .screen-box .item .wxz{ margin:.1rem 0;}
.support-box .screen-box .item .wxz pre{ font-size:var(--font-size20);}
.support-box .screen-box .item .tel{ font-size:var(--font-size23); color:#000;}
.support-box .screen-box .item:nth-child(3n){ margin-right:0;}

.warranty-box{ padding:0.6rem 1rem; background:#fff;}
.warranty-box .support-tit{ margin-bottom:.15rem; line-height:1.1; font-size:var(--font-size66); font-weight:bold; color:#000;}
.warranty-box .des{ line-height:1.7; margin:.25rem 0 .4rem; color:#000; font-weight:500; font-size:var(--font-size22);}
.warranty-box .editor{ line-height:1.7; color:#333; font-size:var(--font-size22);}
.warranty-box .editor p{ margin:0;}
.warranty-box .editor h4{ color:#000; font-size:var(--font-size32); margin:0 0 .3rem;}
.warranty-box .editor strong{ display:inline-block; margin-bottom:.1rem; color:#000; font-size:var(--font-size24);}