.din{font-family:'din';}
.dinbold{font-family:'din-bold_';}
.geo{font-family: 'geo'!important;}
.geo div{font-family: 'geo'!important;}
:root{
	--font:	'Helvetica Neue',Helvetica,Tahoma,Arial,'Microsoft YaHei','PingFang SC','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif;
	--transition:cubic-bezier(0.215,.61,.355,1) .45s;
	--font-size:14px;
	--body-color:#000;
	--placeholder:#999;
	--bg-gray:#f9f9f9;
	--bg-scroll:#D61A46;
	--linear-gradient-shadow:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,0));
	--linear-gradient-red:linear-gradient(90deg,#d71920,#fb896f);
	--linear-gradient-orange:linear-gradient(0deg,#fb896f,#d71920);
	--input-border-color:#eee;
	--color-dominant:#d71921;
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block; padding:0; margin:0;}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; display:inline-block; width:auto; max-width:100%;vertical-align: middle;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{font-size:var(--font-size); color:var(--body-color);font-family: var(--font);-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden;}
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
a{text-decoration:none; color:inherit; outline:none; transition:var(--transition);}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
pre{font-family:inherit; white-space:pre-wrap;word-wrap: break-word;}
input,textarea,select{outline: none;-webkit-appearance: none;border-radius: 0; font-size:inherit;font-family:inherit; display:block; width:100%; border:none; border:1px solid var(--input-border-color); height:38px; line-height:38px; padding:0 10px; transition:cubic-bezier(0.215,.61,.355,1) .45s; background:none; color:inherit;}
textarea{resize:none;}
input::-webkit-input-placeholder{color:var(--placeholder);}
input:-moz-placeholder,input::-moz-placeholder{color:var(--placeholder);}
input:-ms-input-placeholder{color:var(--placeholder);}
textarea::-webkit-input-placeholder{color:var(--placeholder);}
textarea:-moz-placeholder{color:var(--placeholder);}
textarea::-moz-placeholder{color:var(--placeholder);}
textarea:-ms-input-placeholder{color:var(--placeholder);}
select::-ms-expand { display: none; }
i,em{font-style:normal;}

::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical,::-webkit-scrollbar-button:horizontal{display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background-color:var(--bg-scroll);border-radius:1.5625vw}
::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical,::-webkit-scrollbar-corner:horizontal{background-color:#535353}
::-webkit-scrollbar-resizer:vertical,::-webkit-scrollbar-resizer:horizontal{background-color:#FF6E00}
/*config*/
.l-center{text-align:center;}
.l-relative{position:relative;z-index: 1;}
.l-overflow{overflow:hidden;}
.l-bold{font-weight:bold;}
.l-imgs{background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%;}

.l-lh18{line-height:18px;}
.l-lh20{line-height:20px;}
.l-lh22{line-height:22px;}
.l-lh24{line-height:24px;}
.l-lh26{line-height:26px;}
.l-lh28{line-height:28px;}
.l-lh30{line-height:30px;}
.l-lh32{line-height:32px;}
.l-lh34{line-height:34px;}
.l-lh36{line-height:36px;}
.l-lh38{line-height:38px;}
.l-lh40{line-height:40px;}
.l-lh48{line-height:48px;}
.l-font12{font-size:12px;}
.l-font16{font-size:16px;}
.l-font18{font-size:18px;}
.l-font20{font-size:20px;}
.l-font22{font-size:22px;}
.l-font24{font-size:24px;}
.l-font26{font-size:26px;}
.l-font28{font-size:28px;}
.l-font30{font-size:1.68vw; font-family: 'din-bold_';}
.l-font32{font-size:32px;}
.l-font34{font-size:34px;}
.l-font36{font-size:36px;}
.l-font38{font-size:38px;}
.l-font40{font-size:40px;}
.l-font42{font-size:42px;color: #003565;padding-bottom: 20px;}
.l-font56{font-size:56px;}
.l-font60{font-size:60px;}
.l-font72{font-size:72px;}
.l-font82{font-size:82px;}

.l-opacity8{opacity:.8;}
.l-opacity7{opacity:.7;}
.l-opacity6{opacity:.6;}
.l-opacity5{opacity:.5;}
.l-opacity4{opacity:.4;}
.l-opacity3{opacity:.3;}
.l-opacity2{opacity:.2;}

.l-flex,.l-grid-2,.l-grid-3,.l-grid-4,.l-grid-5,.l-grid-6,.l-grid-7,.l-grid-8{display:flex;display:-webkit-flex;flex-direction:row;-webkit-flex-direction:row;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.l-flex-column{display:flex; flex-direction:column; flex-wrap:wrap;}

.l-grid-2>*{width:50%;}
.l-grid-3>*{width:33.333333333333336%;}
.l-grid-4>*{width:25%;}
.l-grid-5>*{width:20%;}
.l-grid-6>*{width:16.666666666666668%;}
.l-grid-7>*{width:14.285714285714286%;}
.l-grid-8>*{width:12.5%;}
/*font color*/
.l-white{color:#fff;}
.l-black{color:#000;}
.l-gray3{color:#333;}
.l-gray6{color:#666;}
.l-gray9{color:#999;}

.lines1{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.lines2{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.lines3{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.lines4{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.lines5{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;}
.lines6{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;}
.public-bg{background-attachment:fixed;background-position:center; background-size:cover; display:none;}
.l-uppercase{text-transform:uppercase;}

.l-viewImage{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.7); z-index: 1000; display: flex; align-items: center; justify-content: center;}
.viewImage-close{position: absolute; right: 20px; top: 20px; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.l-viewImage>.cont{width: 80vw; height:80vh; display: flex; align-items: center; justify-content: center;}
.viewImage-banner{width: 100%; height: 100%;}
.viewImage-banner .bd li{display: flex; align-items: center; justify-content: center;}
.viewImage-btn>*{width: 40px; height: 40px; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%);}
.viewImage-btn>*.prevs{left: 20px;}
.viewImage-btn>*.nexts{right: 20px;}


#lhCode{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:3px; background:#fff; border:4px solid var(--color-dominant); z-index:3000;}
#lhCode>h2{height:35px; line-height:35px; background:#F2F2F2; overflow:hidden; position:relative; padding:0 0 0 20px; font-size:14px; color:#666666;}
#lhCode>h2>i{cursor:pointer; float:right; width:35px; height:35px; text-align:center;}
#lhCode>.ewm{width:200px; padding:10px;}
#lhCode>.ewm canvas{width:100%; height:100%;}
.l-bg-fixed {background-attachment:fixed;z-index: 2;background-color: #fff;}
/*svg*/
.separator{position: absolute; left: 0; right: 0; height: 150px; fill:var(--color-fill);pointer-events: none; z-index: 5;}
.separator-up{top: -1px;}
.separator-down{bottom: -1px;}

/*load*/
.pace-active{display:none;}
.pace-activity{position:fixed; left:0; top:0; z-index:10000; right:0; bottom:0; background:#fff;pointer-events: none; display: flex; align-items: center; justify-content: center; opacity: 0;}
svg.loader{position: absolute;top:50%;left:50%;z-index: 1; margin-left: -50px;margin-top: -50px;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
svg.loader path{animation: endlessRotate 1s linear infinite;transform-origin: center;}
@keyframes endlessRotate {
  from {transform:rotateZ(0deg)}
  to {transform:rotateZ(360deg)}
}
.showLoading{overflow:hidden;}
.showLoading .pace-activity{opacity:1;}
.pace-done .pace-activity{ transition:var(--transition);pointer-events: none; opacity:0;}
.loading-progress{width: 500px; height: 200px;}

/*cursor*/
.l-cursor{pointer-events: none; position:fixed; left:0; top:0; display:flex; align-items:center; justify-content:center; z-index:10000; width:20px; height:20px; margin:-10px 0 0 -10px;mix-blend-mode: plus-lighter;}/**/
.l-cursor>.view{width:60px; height:60px; display:flex; align-items:center; justify-content:center; border-radius:50%; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px; background-color:var(--color-dominant); transform:scale(0); opacity:0;}

/*animate*/
.fadeInUp1{animation:fadeInUp1 cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:translateY(80px); opacity:0;}
.fadeInUp{animation:fadeInUp cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:translateY(100%); opacity:0;}
.fadeInUpImg{position:absolute; left:0; top:0; width:inherit; height:inherit; clip:rect(0,500px,0,0); animation:fadeInUpImg cubic-bezier(0.215,.61,.355,1) 1s forwards;}
.up50{transform:translateY(50%);}
.delay1{animation-delay:.1s;}
.delay2{animation-delay:.2s;}
.delay3{animation-delay:.3s;}
.delay4{animation-delay:.4s;}
.delay5{animation-delay:.5s;}
@keyframes fadeInUp1{
	to{transform:translateY(0); opacity:1;}	
}
.lh-shadow{position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.7); z-index:999; opacity:0;}
.acc-bd{display:none;}
.on .acc-bd{display:flex;}
.tab-bd>*{display:none;}
.tab-bd>*.on{display:flex;}
.three-img{visibility:hidden;}
.banner-gl{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index:-1;}
.tab-bd>*{display:none;}
.tab-bd>*.on{display:block;}
.tab-bd>*.l-flex.on{display:flex;}
.on .wow.fadeInUp1{visibility:visible !important; animation-name:fadeInUp1 !important;}
.l-bg-gray{background-color:var(--bg-gray);}
.l-dominant{color:var(--color-dominant);}
/*cont*/
.fullscreen-banner{background-color: #fff;}
.l-container{width:100%; max-width:1660px; padding-left:30px; padding-right:30px; margin:auto; position:relative; z-index:2;}
.three-banner{height: 100vh;background: #fff;}
header{position: fixed;left: 0;top: 0;right: 0;height: 110px;z-index: 10;border-bottom: 1px solid rgba(255,255,255,.2);align-items: center;background: rgba(0,0,0,0.2);}
header>*{display: flex; align-items: center; height: 100%;}
header>*.left{width: 19.0625vw; justify-content: center; border-right: 1px solid rgba(255,255,255,.2); padding: 0 3.64vw;}
header>*.right{width: calc(100% - 19.0625vw); justify-content: flex-end; padding-right: 3.64vw;}
.lh-logo{max-width: 242px;}
.header-tel{height: 46px; width: 265px; display: flex; align-items: center; padding-left: 25px; border-radius: 46px; background: var(--linear-gradient-red); margin-left: 3.125vw;}
.header-tel i{font-size: 24px; margin-right:15px;}
.lh-nav>*{margin-left: 3.125vw;margin-left:2.525vw; font-family: 'din-bold_';}
.lh-nav>*:first-child{margin-left: 0;}
.lh-nav>*.line{position: absolute; left: 0; bottom: -46px; width: 32px; height: 3px; background-color: var(--color-dominant); margin: 0;}
.three-hd{position: absolute;right: 9.375vw;top: 50%;transform: translateY(-50%);z-index: 9;}
.three-banner .text{position: absolute; left: 8.33vw; top: 0; bottom: 0; display: flex; align-items: center; z-index: 2;}
.l-font54{font-size: 54px;}
.three-banner .text .name{margin-top: 18px;}
.three-banner .text .name div{font-family: 'geo'!important;}
.three-hd>*{width: 54px;height: 54px;opacity: 1;border: 1px solid rgba(255,255,255,0.2);background: transparent;display: block;position: relative;margin: 0 0 30px;}
.three-hd>*:before{content: '';display: block;width: 6px;height: 6px;border-radius: 50%;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -3px;margin-top: -3px;}
.three-hd>*.on{
    border: 1px solid #fff;
}
.banner-bottom{position: absolute;left: 0;right: 0;bottom: 0;padding-right: 8.07vw;align-items: center;z-index: 10;height: 215px;}
.banner-bottom>.left{width: 1015px;height: inherit;}
.banner-bottom>.right{width: calc(100% - 1015px);height: inherit; display: flex; align-items: flex-end; padding-bottom: 50px; padding-left: 3.125vw;}
.banner-bottom-l{height: inherit;}
.banner-bottom-btn{height: inherit; width: 8.33vw;}
.banner-bottom-btn>*{height: 50%; display: flex; align-items: center; justify-content: center; color:#fff; background-color: #000;}
.banner-bottom-btn>*.prevs{background-color: var(--color-dominant);}
.banner-bottom-news{width: calc(100% - 8.33vw); background-color: #fff;}
.banner-bottom-news .bd li{width: 50%;}
.banner-bottom-news .bd li a{height: 100%; align-items: center; padding: 20px; background-color: #ededed;}
.banner-bottom-news .bd li .img{width: 198px; height: 130px; border-radius: 5px;}
.banner-bottom-news .bd li .text{width: calc(100% - 198px); padding-left: 20px;}
.banner-bottom-news .bd li:nth-child(2n) a{ background-color: #fff;}
.banner-bottom-news .bd li .text .time b{line-height: 50px;}
.banner-bottom-news .bd li .text .time .right{text-align: right; padding-left: 6px;}
.banner-bottom-news .bd li .text .time .l-font12{position: relative; right: 4px;}
.banner-bottom-news .bd li .text .name{margin-top: 10px; padding-left: 14px;}
.banner-bottom-news .bd li .text .name:before{content: ''; display: block ; width: 2px; height: 40px; background-color: var(--color-dominant); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.three-scroll{align-items: center; width: 180px;}
.three-scroll i{display: flex; width: 76px; height: 76px; align-items: center; justify-content: center; border-radius: 50%; border:1px solid #fff; margin-right: 20px; position: relative;}
.three-scroll i:before{content: ''; display: block; width: 1px; height: 30px; background-color: #fff;}
.three-scroll i:after{content: ''; display: block; width: 1px; height: 10px; background-color: #fff; position: absolute; left: 50%; top: calc(50% + 5px); transform-origin: center bottom; transform: rotate(-35deg);}
.three-bottom{position: absolute;right: 0;bottom: 0;z-index: 2;width: calc(100% - 1015px);height: 215px;padding-bottom: 50px;padding-left: 3.125vw;padding-right: 8.07vw;display: flex;align-items: flex-end;justify-content: flex-end;}
.three-num{width: calc(100% - 180px); position: relative; align-items: flex-end; font-family: 'din-bold_';}
.three-num .current{line-height: 58px;}
.three-num:before{content: ''; display: block; width:calc(100% - 240px); height: 1px; background-color:rgba(255,255,255,.3); position: absolute; right: 2vw; top: 50%;}
.banner-bottom-news .bd li .text .time{position: relative; left: -4px;}
.swiper-vertical>.bd{display: block;}
.index-title{writing-mode: vertical-rl;position: absolute;left: 8.33vw;top: 120px;z-index: 12;}
.l-font80{font-size: 80px;}
.index-title .nname{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px var(--color-dominant);opacity: .3;font-style: italic;font-family: 'din-bold_';line-height: 78px;position: relative;top: -70px;text-transform: uppercase;}
.index-title .name{position: relative;left: -50px;/* font-family: 'din-bold_'; */}
.index-title.l-white .nname{-webkit-text-stroke:1px #fff; }
.page-colors{height: 100vh; max-height: 980px;}
.color-bg{height: 100%;}
.page-colors .icon{position: absolute;left: 0;top: 0;bottom: 0;z-index: 10;pointer-events: none;}
.page-colors .icon img{height: 100%; width: auto;}
.colors-nav{position: absolute; right: 8.07vw; top: 95px; z-index: 2;}
.colors-nav>*{position: relative; margin-left: 3.43vw;}
.colors-nav>*:first-child{margin-left: 0;}
.colors-nav>*:after{content: ''; display: block; width: 100%; height: 2px; background-color: var(--color-dominant); position: absolute; left: 0; bottom: -10px; transform: scaleX(0); transition: var(--transition);}
.colors-nav>*.on:after,.colors-nav>*:hover:after{transform: scaleX(1);}
.color-bg .bd .text{position: absolute;left: 25vw;top: 120px;z-index: 3;}
.color-bg .bd .text .ccont{width: 408px;margin-top: 30px;color: #000;}
.color-bg .bd .text a{display: flex;align-items: center;width: auto;height: auto;border-radius: 50%;margin-top: 30px;/* background-color: var(--color-dominant); */color:#fff;text-align: left;}
.color-bg .bd .text>*>*{transform: translateY(30px);opacity: 0;transition: var(--transition);transition-duration: 1s;}
.color-bg .bd .product_page_item_more{margin-top:0}
.color-bg .bd .swiper-slide-active{z-index:9}
.color-bg .bd .swiper-slide-active .text>*>*{transform: translateY(0);opacity: 1;}
.color-bg .bd .swiper-slide-active .text>*.ccont>*{transition-delay: .2s;}
.color-bottom{position: absolute;left:-125px;bottom: 55px;z-index: 10;width: 820px;height: 240px;background-color: rgba(255,255,255,.8);padding: 10px 60px 10px 0;}
.color-bottom-banner{height: 100%; width: calc(100% + 200px); margin-left: -200px; padding: 10px 0;}
.color-bottom-banner .bd li{width: 33.3%; padding-left:40px;}
.color-bottom-banner .bd li>*{position: relative; display: block; height: 100%; overflow: hidden; border-radius: 5px;}
.color-bottom-banner .bd li>*:before{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; z-index: 2;}
.color-bottom-banner .bd li>*:after{content: ''; display: block; width: 100%; height: 100%; border:2px solid var(--color-dominant); position: absolute; left: 0; top: 0; opacity: 0; transition: var(--transition); z-index: 2;}
.color-bottom-banner .bd li .name{position:absolute; left: 0; right: 0; bottom: 20px; z-index: 3; text-align: center;}
.color-bottom-btn>*{position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); font-size: 24px; width: 60px; text-align: center;}
.color-bottom-btn>*.prevs{right: 0;}
.motorcycle-banner .bd .l-imgs{transition: ease 2s;}
.color-bottom-btn>*.nexts{left: 0; display: none !important;}
li .l-imgs{transition: var(--transition);}
.color-bottom-banner .bd li>*:hover .l-imgs{transform: scale(1.1);}
.color-bottom-banner .bd li.on>*:after{opacity: 1;}
.color-bg .bd .l-imgs{transition: ease 2s;}
.page-video{padding: 120px 7.8vw 90px 17.44vw;}
.video-cont>.right{width: 310px;}
.video-cont>.left{width: calc(100% - 310px); padding-right: 3.64vw;}
.video-banner .bd .videos{height: 30.72vw; min-height: 590px; border-radius: 4px; overflow: hidden; background-color: #000;}
.video-banner .bd .videos>video{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.video-banner .bd .videos.play .l-imgs{opacity: 0;}
.video-banner .bd .videos .icon-bofang1{color:#fff; font-size: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.video-banner .bd .text{width: 30%; border-bottom: 1px solid #D9D9D9; padding: 20px 0;}
.l-lh42{line-height: 42px;}
.video-btn>*{display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 50%; border:1px solid var(--color-dominant); color:#999; margin-left: 40px;}
.video-btn>*:first-child{margin-left: 0;}
.video-btn>*:hover{background-color: var(--color-dominant); color:#fff;}
.video-btn{position: absolute; right: 0; bottom: 0; z-index: 2;}
.video-inquire{justify-content: flex-end;}
.video-inquire>*{display: flex; align-items: center; justify-content: center; width: 182px; height: 54px; border-radius: 54px; background-color: #fff;}
.video-inquire>*:hover{background-color: var(--color-dominant); color:#fff;}
.video-model .bd{display: block;}
.video-model{height: 620px; margin-top: 65px;}
.video-model .bd li a{display: block;height: 175px; overflow: hidden; position: relative; border-radius: 4px;}
.video-model .bd li a:before{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; left: 0; top: 0;}
.video-model .bd li a:after{content: ''; display: block; width: 100%; height: 100%; border:2px solid #fff; position: absolute; left: 0; top: 0; z-index: 1; transition: var(--transition); opacity: 0;}
.video-model .bd li a .icon-bofang1{color:#fff; font-size: 52px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2;}
.video-model .bd li.on a:after{opacity: 1;}
.video-banner .bd .videos .l-imgs{cursor: pointer;}
.page-video>.icon{position: absolute; right: 0; top: 0;pointer-events: none;}
.page-video>.icon:before{content: ''; display: block; width: 100%; height: 100%; background: url(../image/bg.gif) repeat; position: absolute; left: 0; top: 0; z-index: 1; opacity: .05;}
.video-cont{position: relative; z-index: 2;}
.pro-banner2{z-index: 2; min-height: 700px;}
.l-font120{font-size: 120px;}
.l-lh120{line-height: 120px;}
.banner-gl2{z-index: 2;}
.pro-banner2 .bd .text{position: absolute; left: 22.39vw; top: 100px;}
.pro-banner2-bottom{position: absolute; left: 17.5vw; right: 7.8vw; bottom: 110px; z-index: 3; align-items: center; }
.pro-banner2-bottom:before{content: ''; display: block; width: 70%; height: 1px; background-color: #fff; position: absolute; right: 0; top: 60%;}
.pro-banner2-bottom>*{flex: 1;}
.pro-banner2-bottom>*.right{display: flex; justify-content: flex-end; flex: 2;}
.pro-banner2-num>.name{position: relative; left:20px; top:-4px;}
.pro-banner2-hd>*{margin-left: 4.2vw; position: relative; cursor: pointer;}
.pro-banner2-hd>*:before{content: ''; display: block; width: 0; height: 0; border:10px solid transparent; border-bottom:16px solid #fff; position: absolute; left: 50%; bottom: -40px; transition: var(--transition); transform: translate(-50%,20px); opacity: 0;}
.pro-banner2-hd>*:first-child{margin-left: 0;}
.pro-banner2-hd>*>*{width: 124px; height: 90px; background-color: #ffbf24; display: flex; align-items: center; justify-content: center;}
.pro-banner2-hd>*>*>*{opacity: .5; display: block;}
.pro-banner2-hd>*:first-child>*{transform: rotate(-10deg);}
.pro-banner2-hd>*:first-child>*>*{transform: rotate(10deg);}
.pro-banner2-hd>*:nth-child(2)>*{transform: rotate(10deg); background-color: #00d2ff;}
.pro-banner2-hd>*:nth-child(2)>*>*{transform: rotate(-10deg);}
.pro-banner2-hd>*:nth-child(3)>*{transform: rotate(-10deg); background-color: #d61a46;}
.pro-banner2-hd>*:nth-child(3)>*>*{transform: rotate(10deg);}
.pro-banner2-hd>*.on:before{opacity: 1; transform: translate(-50%,0);}
.pro-detail-btn{display: flex; align-items: center; justify-content: center; width: 196px; height: 196px; border-radius: 50%; background-color: #f7ff24; position: absolute; right: 7.8vw; top: 120px; z-index: 4;}
.pro-detail-btn img{position: absolute; left: 0; top: 0; animation: detailBtn linear 10s infinite;}
@keyframes detailBtn{
	to{transform: rotate(360deg);}
}
.motorcycle-banner{height: 980px; max-height: 100vh;}
.motorcycle-banner .bd .text{position: absolute;left: 16.8125vw;top: 110px;z-index: 2;padding-right: 7.8vw;text-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);}
.motorcycle-hd{position: absolute;left: 40vw;right: 7.8vw;bottom: 120px;z-index: 3;margin-left: -46px;}
.motorcycle-hd>*{flex: 1; height: 210px; padding-left: 46px;}
.motorcycle-hd>*>*{display: block; position: relative; height: 100%; overflow: hidden; box-shadow: 5px 8px 18px rgba(0,0,0,.5);}
.motorcycle-hd>*>*:before{content: ''; display: block; width: 100%; height: 100%; background: var(--linear-gradient-shadow); position:absolute; left: 0; bottom: 0; transition: var(--transition);}
.motorcycle-hd>* .text{position: absolute; left: 0; bottom: 0; padding: 20px; z-index: 2; right: 0;}
.motorcycle-hd>* .text .name{margin-bottom: 10px;}
.motorcycle-hd>*.on>*:before{opacity: 0;}
.pages-news{padding-top: 120px; padding-bottom: 70px; min-height: 500px;}
.pages-news-cont{padding-left:21.56vw;}
.pages-news:after{content: ''; display: block; width: 17.44vw; height: 100%; background: var(--linear-gradient-red); position: absolute; left: 0; top: 0;}
.pages-news:before{content: ''; display: block; width: 100%; height: 100%; background: url(../image/bg.gif) repeat center; position: absolute; left: 0; top: 0; opacity: .04;pointer-events: none;}
.pages-news-title{justify-content: flex-end; padding-right: 7.8vw;}
.news-hd>*{margin-left: 18px;}
.news-hd>*>*{ height: 54px; width: 182px; border-radius: 54px; border:1px solid #999; display: flex; align-items: center; justify-content: center; color:#999;}
.news-hd>*:first-child{margin-left: 0;}
.news-hd>*>*:hover{border-color:var(--color-dominant); color:#000;}
.pges-news-banner{margin-top: 70px;}
.pges-news-banner .bd>*{width:38%; margin-right:2.8vw; border-radius:16px; overflow: hidden;}
.pges-news-banner .bd a{display: block; height: 25.78vw; overflow: hidden; position: relative; background-color: var(--color-dominant);}
.pges-news-banner .bd a:hover .l-imgs{transform: scale(1.1);}
.pges-news-banner .bd .text{position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding:3.64vw 2.08vw 1.88vw 2.08vw; z-index: 2; background: rgba(0,0,0,.3);}
.pges-news-banner .bd .text:hover{background: rgba(0,0,0,.02); }
.pges-news-banner .bd .text>*{flex: 1;}
.pges-news-banner .bd .text>.bottom{display: flex; align-items: flex-end;}
.pges-news-banner .bd .text>.bottom>*{align-items: center; width: 100%;}
.pges-news-banner .bd .text>.bottom>*>*{flex: 1;}
.pges-news-banner .bd .text>.bottom>*>*.time{display: flex; justify-content: flex-end;}
.pges-news-banner .bd .text>.bottom>*>*.view{opacity: .5; display: flex; align-items: center;}
.pges-news-banner .bd .text>.bottom>*>*.view i{margin-right: 4px;}
.pges-news-banner .bd .icon{position: absolute; right: -20px; bottom: -20px; width: 12.76vw;}
.public-btn>*{display: flex;align-items: center;justify-content: center;width: 82px;height: 82px;border-radius: 50%;border:1px solid #fff;color: rgba(255,255,255,0.8);font-size: 20px;margin-right: 20px;}
.public-btn>*:first-child{margin-left: 0;}
.news-btn{margin-top: 78px;}
.public-btn>*:hover{background-color: var(--color-dominant); color:#fff;}
.pages-scroll{background-color:#e6e3ea; height: 308px; position: relative; display: flex; align-items: center; justify-content: center;}
.pages-scroll>*{width: 100%; height: 283px; animation: pageScroll linear 50s infinite;background-position: 0% center; background-size: 3090px 283px; background-repeat: repeat-x;}
@keyframes pageScroll{
	0%{background-position: 0% center;}
	100%{background-position: 100% center;}
}
footer{padding-left: 7.8vw;padding-right: 7.8vw;z-index: 2;position: relative;}
.footer-top{padding-top: 100px; padding-bottom: 50px;}
.footer-top>*{flex: 1;}
.footer-logo{width: 411px; display:block;}
.footer-top>*.right{justify-content: flex-end; flex: 0.23;}
.footer-top>*.center>*{flex: 1; color:#000;}
.footer-nav>*{margin-top: 30px;}
.footer-nav>*:first-child{margin-top: 0;}
.footer-nav>*>*{opacity: .86; font-weight: bold; color:#000;}
.footer-nav>*>*:hover{opacity: 1;}
.footer-contact>.title .nname{align-items: center;}
.footer-contact>.title .nname span{margin-left: 14px; height: 6px; position: relative; display: flex ; align-items: center;}
.footer-contact>.title .nname span:before,.footer-contact>.title .nname span:after{content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: var(--color-dominant); margin-right: 4px; animation: dot linear 1s infinite;}
.footer-contact>.title .nname span i{display: block; width: 6px; height: 6px; border-radius: 50%; background-color: var(--color-dominant); margin-right: 4px;animation: dot linear 1s infinite; animation-delay: .1s;}
.footer-contact>.title .nname span:after{animation-delay: .2s;}
@keyframes dot{
	0%,100%{opacity: 1;}
	50%{opacity: 0;}
}
.footer-contact>.title .name{margin-top: 20px;}
.footer-contact>.tel{margin-top: 60px;}
.footer-contact>.tel p{margin-top: 10px; align-items: center;}
.footer-contact>.tel p i{font-size: 20px; margin-right: 10px;}
.footer-share{margin-top: 40px;}
.footer-share>*{margin-left: 45px;}
.footer-share>*:first-child{margin-left: 0;}
.footer-share>*>*{opacity: .6; font-size: 20px;}
.footer-share>*>*:hover{opacity: 1;}
.footer-return{display: flex; align-items: center; justify-content: center; width: 76px; height: 76px; border-radius: 50%; border:1px solid #000; opacity: .6; position: relative;}
.footer-return:hover{opacity: 1;}
.footer-return:before{content: ''; display: block; width: 1px; height: 28px; background-color: #000;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.footer-return:after{content: ''; display: block; width: 1px; height: 10px; background-color: #000; position: absolute; left: 50%; margin-left: -1px; top: calc(50% - 14px); transform-origin: center top; transform: rotate(-35deg);}
.footer-bottom{padding:70px 0; border-top: 1px solid rgba(255,255,255,.3); color:#000;}
.footer-bottom>*{flex: 1;}
.footer-bottom>*.right{display: flex; justify-content: flex-end;}
.footer-bottom>* span{margin-left: 20px;}
.footer-bottom>* span:first-child{margin-left: 0;}
.nav-btn{display:none; width: 50px; height: 50px; position: relative;}
.nav-btn:before,.nav-btn:after{content: ''; display: block; width: 20px; height: 2px; background-color: #000; position: absolute; left: 50%; top: 50%; margin:-8px 0 0 -10px; transition: var(--transition);}
.nav-btn:after{margin:6px 0 0 -10px;}
.nav-btn i{display: block; width: 20px; height: 2px; background-color: #000; position: absolute; left: 50%; top: 50%; margin:-1px 0 0 -10px; transition: var(--transition);}
header,.lh-nav,.lh-nav>*.line{transition: var(--transition);}
.nav_active{position: relative;}
.nav_active:after{content:'';position: absolute;bottom: -46px;width: 100%;height: 2px;left: 0;background: #d71b22;transition: all .5s;}
header.Fixed .nav_active:after{bottom: -36px;}
header.Fixed{background-color: #fff;height: 90px;box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);}
header.Fixed .lh-nav{color:#000;}
header.Fixed .lh-nav>*.line{bottom: -35px;}
.lh-ban{height: 678px; align-items: center; justify-content: center;}
.lh-ban .text{width: 430px; height: 430px; align-items: center; justify-content: center;}
.lh-ban .text .circleTrack{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(7);}
.circleTrack{width:70px; height:70px; z-index:3;}
.circleTrack circle{stroke-dashoffset:204;stroke-dasharray: 204;transition: transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000),opacity 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); will-change: transform, opacity;backface-visibility: hidden;transition-property: all !important;}
.pace-done .circleTrack circle{stroke-dashoffset:0;}
.lh-ban .text h3{position: relative;}
.lh-ban .text h3:after{content: ''; display: block; width: 34px; height: 3px; background-color: var(--color-dominant); position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%);}
/* .about-container{padding-left: 7.8vw; padding-right: 7.8vw;} */
.l-pd120{padding-top: 70px; padding-bottom: 70px;}
.l-font290{font-size: 12vw; line-height: 14.10vw;    font-weight: 400; font-family: 'MyCustomFont';}
.introduce-icon{white-space: nowrap; position: relative; z-index: 2;}
.introduce-icon>*{ background-image: url(../../images/about_bj.jpg);  background-clip: text;-webkit-background-clip: text;color: transparent;background-position: 0 30%;animation: textShade linear 100s infinite; background-repeat: repeat-x; background-size:1685px 793px;}
.introduce-icon>*:nth-child(2){background-position:12% 30%;}
.introduce-icon>*:nth-child(3){background-position:24% 30%;}
.introduce-icon>*:nth-child(4){background-position:36% 30%;}
.introduce-icon>*:nth-child(5){background-position:48% 30%;}
.introduce-icon>*:nth-child(6){background-position:60% 30%;}
.introduce-icon>*:nth-child(7){background-position:72% 30%;}
.introduce-icon>*:nth-child(8){background-position:84% 30%;}
.introduce-icon>*:nth-child(9){background-position:96% 30%;}
.introduce-icon>*:nth-child(10){background-position:108% 30%;}
@keyframes textShade{
	100%{background-position: 100% 30%;}
}
.introduce-cont{margin-top:70px;}
/* .introduce-cont>*{flex: 1;} */
/* .introduce-cont>*.right{width: 700px;} */
.introduce-cont>*.left{width: 31%; padding-right: 1vw;}
.introduce-cont>*.right {
    width: 68%;
}
.introduce-cont>*.right img{
	width: 100%;
}
.introduce-cont>*.left .ccont{margin-top: 30px;}
.introduce-total>*{margin-top: 40px; margin-left:6.77vw ;}
.introduce-total>*:first-child{margin-left: 0;}
.l-font62{font-size: 40px;}
.introduce-total>* .num i{position: relative; left: 10px;}
.introduce-total>* .num{margin-top: 10px;}
.introduce-cont>*.right .img{z-index: 1; top: -60px;}
.introduce-cont>*.right .img img{position: relative; z-index: 3;}
.introduce-cont>*.right ul li{
	float: left;
	width: 33.3333%;
	padding: 0 10px;
}
/* .introduce-cont>*.right .img:before{content:'';display: block;width: 548px;height: 548px;border-radius: 50%;background: linear-gradient(0deg,#bbb,#f7f7f7);position: absolute;left: 240px;top: -160px;background: url(/template/default/image/dy003_logo.png);background-size: contain;} */
/* .introduce-cont>*.right .img:after{content: ''; display: block; width: 548px; height: 548px; border-radius: 50%; position: absolute; left: 240px; top: -160px; background-color: rgba(255,255,255,.8); transform: scale(1.4); z-index: -1;} */
.fashion-item{height: 100vh;max-height: 980px;z-index: 2;position: relative;}
.fashion-item>*{height: 100%; flex: 1; position: relative; transition: var(--transition); overflow: hidden;}
.fashion-item>*>*{position: relative; display: block; height: 100%;}
.fashion-item>* .img{height: 100%;}
.fashion-item>*>*:before{content: ''; display: block; width: 100%; height: 100%; background: var(--linear-gradient-shadow); position:absolute; left: 0; bottom: 0;}
.fashion-item>* .text{position: absolute; left: 0; bottom: 100px; right: 0; padding: 0 40px; z-index: 2; transition: var(--transition);}
.l-font230{font-size: 230px;}
.fashion-item>* .num{-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px #fff; opacity: .3; transform: translateX(100px); transition: var(--transition); transform-origin: left bottom;}
.fashion-item>* .ccont{margin-top: 60px;transform: translateY(30px);opacity: 0;width: 420px;transition: var(--transition);}
.fashion-item>* .name{margin-top: 20px;transform: translateY(50px);transition: var(--transition);font-family: 'din-bold_';}
.fashion-item>*.on{ z-index:2; flex:3;}
.fashion-item>*.on .num{transform: translateX(0) scale(.5); opacity: .8;}
.fashion-item>*.on .ccont{ transform: translateY(0); opacity:.92;}
.fashion-item>*.on .name{transform: translateY(0);}
.fashion-item>*.on .text{padding-left: 7.8vw;}
.about-title{position: static;writing-mode:inherit;}
.about-title .name{left: 0;}
.about-title .nname{top: -30px; left: -2px;}
.values-item>*{padding-left: 7.29vw; margin-top: 70px;}
.values-item>*>*{display: flex; align-items: center;}
.values-item>* i{display: flex; align-items: center; justify-content: center; width: 200px; height: 200px; border:1px solid #fff; background-color: rgba(255,255,255,.1); font-size: 62px; border-radius: 50%;}
.values-item>* .text{width: calc(100% - 200px); padding-left: 3.125vw; }
.values-item>* .text .name span{text-transform: uppercase;}
.values-item>* .text .ccont{margin-top: 20px;}
.about-values{padding-bottom: 190px;}
.service-item{width: 760px;}
.service-item>*{margin-top: 50px;}
.service-item>*>*{width: 330px; height:100%; padding: 40px 50px; border:1px solid #fff; border-radius: 4px; background-color: rgba(255,255,255,.4); display: block;}
.service-item>* .ccont{margin-top: 40px; position: relative;}
.service-item>* .ccont:before{content: ''; display: block; width: 100%; height: 1px; background-color: #000; opacity: .1; position: absolute; left: 0; top: -20px; transition: var(--transition);}
.service-item>*>*:hover{background-color: rgba(188,83,85,.8); color:#fff;}
.service-item>*>*:hover .ccont:before{background-color: #fff;}
.service-item>*:nth-child(3)>*,.service-item>*:nth-child(4)>*{transform: translateX(200px);}
.team-item{display: inline-block; white-space: nowrap;}
.team-item>*{width: 374px; height: 516px; margin-left: 120px; margin-top: 120px; display: inline-block;}
.team-item>*>*{display: block; width: 100%; height: 100%; position: relative; border-radius: 187px; overflow: hidden;}
.team-item>*>*:before{content: ''; display: block; width: 100%; height: 100%; background:var(--linear-gradient-shadow); position: absolute; left: 0; bottom: 0;}
.team-item>* .img{width: 100%; height: 100%;}
.team-top>*{flex: 1; align-items: center;}
.team-top>*.right{flex: .2;}
.team-item>* .text{position: absolute; left: 0; bottom: 0; z-index: 3; right: 0; padding: 50px;}
.team-item>* .text .ccont{margin-top: 10px;}
.team-item>*:hover>*{transform: translateY(-90px);}
/*.about-team{height: 300vh;}*/
/*.team-cont{position:sticky; left: 0; top: 0; right: 0;}*/
.refit-nav{height: 368px;}
.refit-nav>*{flex: 1; height: inherit; position: relative;}
.l-container{width: 100%; max-width: 1490px; padding-left: 30px; padding-right: 30px; margin: auto; position: relative; z-index: 1;}
.refit-nav>* .index-title{position: absolute; left: 7.29vw; top: 180px;}
.refit-nav>* .icon{position: absolute; right:6.77vw; top: 50%; transform: translateY(-50%); z-index: 2; opacity: 0;}
.refit-nav>*.on .icon{opacity: 1;}
.refit-nav>*.on .index-title{top: 80px;}
.refit-top>*{align-items: center; height: 110px;}
.refit-top>*>*{flex: 1; height: 100%;}
.refit-top>*>*.right{flex: .4; display: flex; align-items: center; justify-content: flex-end;}
.refit-filter{height: 100%;}
.refit-filter>*{margin-left: 95px; position: relative;height: 100%; line-height: 110px;}
.refit-filter>*:first-child{margin-left: 0;}
.refit-filter>*>a{position: relative; font-size: 16px;}
.refit-filter>*>a:after{content: ''; display: block; width: 100%; height: 2px; background-color: var(--color-dominant); position: absolute; left: 0; bottom:-47px; transform: scaleX(0); transition: var(--transition);}
.refit-top:after{content: ''; display: block; width: 100%; height: 60px; background-color: #F6F6F6; position: absolute; left: 0; bottom: -60px;}
.refit-filter>* dl{position: absolute; left: 0; top: 100%; line-height: 60px; white-space: nowrap; display: block; display: none;}
.refit-filter>* dl dd{display: inline-block; margin-left: 65px;}
.refit-filter>* dl dd:first-child{margin-left: 0;}
.refit-filter>*:hover dlz,.refit-filter>*.on dl{display: block;}
.refit-filter>* dl dd a:hover,.refit-filter>* dl dd a.on{color:var(--color-dominant);}
.refit-filter>*:hover>a:after,.refit-filter>*.on>a:after{transform: scaleX(1);}
.refit-search{width: 300px;}
.refit-search input{padding: 0 80px 0 12px;}
.refit-search a{position: absolute; right: 0; top: 0; height: 38px; line-height: 38px; width: 70px; display: flex; align-items: center; justify-content: center; background-color: var(--color-dominant); color:#fff;}
.refit-item{margin-left: -35px;}
.refit-item>*{padding-left: 35px; margin-top: 35px;}
.refit-item>*>*{background-color: #fff; padding: 10px 10px 0; box-shadow: 0 0 10px rgba(0,0,0,.1); display: block; border-radius: 5px;}
.refit-item>* .img{height: 170px; border-radius: 5px;}
.refit-item>* .name{height: 60px; line-height: 60px;}
.refit-item>*>*:hover .l-imgs{transform: scale(1.1);}
.refit-item>*>*:hover{color:var(--color-dominant);}
.refit-dl{margin-top: 60px;}
.refit-dl:first-child{margin-top: 0;}
.pro-nav>*>*{flex: 1; height: 100px; display: flex; align-items: center; justify-content: center; background-color: #e5e5e5;}
.pro-nav>*>*.on{background-color: var(--color-dominant); color:#fff;}
.refit-cont.pro .refit-top{border-top: 1px solid #DFDFDF;}
.refit-cont.pro .refit-top:after{height: 1px; bottom: -1px; background-color: #DFDFDF;}
.refit-cont.pro .refit-bottom{padding-top: 60px;}
.lh-crumbs{height: 75px; align-items: center;}
.lh-activity{padding: 110px 0 70px;}
header.white{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}
header.white .lh-nav{color:#000;}
.activity-item{height: 386px; display: block; margin-top: 30px; background-color: #EDA00C; border-radius: 0 50px 0 0;}
.activity-item:nth-child(2n){background-color: #1ad5d3;}
.activity-item:first-child{margin-top: 0;}
.activity-cont>.right{width: 545px;}
.activity-cont>.left{width: calc(100% - 545px); padding-right: 30px;}
.activity-item .title{height: 62px; display: flex; align-items: center; padding: 0 40px;}
.activity-item .title .icon{margin-left: 14px;}
.activity-item .img{height: calc(100% - 62px);}
.activity-cont>.left .activity-item{height: 100%; background-color: #d61a46;}
.activity-item .l-imgs{transition: var(--transition);}
.activity-item:hover .l-imgs{transform: scale(1.1);}
.newsDetail-cont>.right{width: 450px;}
.newsDetail-cont>.left{width: calc(100% - 450px); padding-right: 30px;}
.newsDetail-cont>*>*{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.newsDetail-l{padding: 50px 45px 0;}
.newsDetail-l>.name{position: relative;}
.newsDetail-l>.name:before{content: ''; display: block; width: 7px; height: 25px; background-color: var(--color-dominant); position: absolute; left: -45px; top: 4px;}
.newsDetail-l>.nname{align-items: center; margin-top: 40px;}
.newsDetail-l>.nname>*{flex: 1;}
.newsDetail-l>.nname>*.right{justify-content: flex-end;}
.newsDetail-l>.nname>*.right span{margin-left: 60px; display: flex; align-items: center;}
.newsDetail-l>.nname>*.right span:first-child{margin-left: 0;}
.newsDetail-l>.nname>*.right span i{margin-right: 6px;}
.newsDetail-l>.cont{margin-top: 40px; padding: 40px 0; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF;}
.detail-page{height: 100px; align-items: center;}
.detail-page>*{flex: 1;}
.detail-page>*.left{padding-right: 30px;}
.detail-page>*.right{padding-left: 30px; display: flex; justify-content: flex-end;}
.detail-page>* a:hover{color:var(--color-dominant);}
.detail-recom>.title{height: 103px; background: url(../image/icon8.png) no-repeat center; color:#fff; line-height: 90px;}
.recom-item{padding: 0 30px;}
.recom-item>*{margin-top: 20px;}
.recom-item>*>*{align-items: center;}
.recom-item>* .img{width: 120px; height: 118px;}
.recom-item>* .text{width: calc(100% - 120px); padding-left: 30px;}
.recom-item>* .time{margin-top: 20px;}
.recom-item>*>*:hover{color:var(--color-dominant);}
.recom-item>*>*:hover .l-imgs{transform: scale(1.1);}
.recom-bottom{align-items: center; justify-content: center; height: 120px; margin-top: 30px; position: relative; padding: 0 30px;}
.recom-bottom:before{content: ''; display: block; width: calc(100% - 60px); height: 1px; background-color: #DCDCDC; position: absolute; left: 30px; top: 0;}
.recom-bottom:after{content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background-color: #DCDCDC; position: absolute; left: 50%; top: -3px; margin-left: -3px;}
.recom-bottom>*{display: flex; align-items: center; justify-content: center; width: 232px; height: 48px; border-radius: 48px; background-color: var(--color-dominant); color:#fff;}
.recom-bottom>* i{margin-right: 10px; font-size: 24px;}
.recom-bottom>*:hover{background-color: #C60D36;}
.l-container1600{width: 100%; max-width: 1660px; padding-left: 30px; padding-right: 30px; margin: auto; position: relative; z-index: 1;}
.news-item{margin-left: -68px;}
.news-item>*{padding-left: 68px; margin-top: 68px;}
.news-item>*>*{display: block; background-color: #fff; height: 100%; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.news-item>* .img{height: 348px;}
.news-item>* .text{padding: 30px 15px;}
.news-item>* .time{position: relative;transition: var(--transition);}
.news-item>* .time:after{content: ''; display: block; width: 17px; height: 2px; background-color: #000; transition: var(--transition); position: absolute; left:0; bottom: -20px;}
.news-item>* .name{margin-top: 40px;}
.news-item>*>*:hover{background-color: var(--color-dominant); color:#fff;}
.news-item>*>*:hover .time:after{background-color: #fff;}
.news-item>*>*:hover .time{opacity: 1;}
.lh-page{margin-top: 60px; align-items: center; justify-content: center;}
.lh-page>*{width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; margin: 0 10px; border-radius: 50%; font-size: 14px; font-weight: bold;}
.lh-page>*.on{background-color: var(--color-dominant); color:#fff;}
.lh-page>*:hover{color:var(--color-dominant);}
.lh-contact>.map{height: 520px; position: absolute; left: 0; top: 0; right: 0;}
.lh-contact{padding-top: 160px;}
.contact-top{align-items: center;}
.contact-top>*.left{width: calc(100% - 142px);}
.contact-top>*.right{width: 142px; position: relative;}
.contact-top>*.right:before{content: ''; display: block; width: 10px; height: 1px; background-color: #fff; position: absolute; left: 0; top: -10px;}
.contact-cont{width: 100%; margin-top: 40px; height: 542px;}
.contact-cont>*.right{width: 640px;}
.contact-cont>*.left{width: calc(100% - 640px);}
.contact-cont>*{height: 100%;}
.contact-cont>*>*{ padding: 80px 70px 0;}
.contact-l .icon{width: 242px;}
.contact-l .cont>*{flex: 1; margin-top: 35px;}
.contact-l .cont>*.right{justify-content: flex-end; display: flex;}
.contact-l .cont .ccont{margin-top: 100px; position: relative;}
.contact-l .cont .ccont:before{content: ''; display: block; width: 17px; height: 2px; background-color: #999; position: absolute; left: 0; top: -50px;}
.contact-l .cont .ccont>*{margin-top: 20px;}
.contact-input{margin-top: 34px;}
.contact-input>*{margin-bottom: 24px;}
.contact-input>* input,.contact-input>* textarea{height: 50px; border:1px solid #fff; background-color:rgba(255,255,255,.1); padding: 0 20px; line-height: 50px; border-radius: 5px;}
.contact-input>* textarea{height: 100px;}
.contact-submit{justify-content: flex-end;}
.contact-submit>*{height: 40px; width: 156px; display: flex; align-items: center; justify-content: center; border-radius: 40px; color:#000; background-color: #fff;}
.pro-banner2 .bd .l-imgs{min-height: 900px; height: 51.041666666666664vw; position: relative; z-index: 2;}
.lh-fixed{position: fixed; right: 0; top: 50%; transform: translateY(-50%); width: 110px; height: 120px; background-color: var(--color-dominant); border-radius: 5px 0 0 5px; display: flex; align-items: center; justify-content: center; z-index: 100;}
.lh-fixed i{font-size: 48px;}
.lh-fixed p{margin-top: 6px;}
.proDetail-cont{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.detail-page>*.center{display: flex; align-items: center; justify-content: center;}
.detail-page>*.center>*{display: flex; align-items: center; justify-content: center; width: 170px; height: 48px; border-radius: 48px; background-color: var(--color-dominant); color:#fff;}
.detail-page>*.center>*:hover{color:#fff;}
.lh-appointment{position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 1140px; width: 100%; z-index: 1000; background: url(../image/e6.jpg) no-repeat center; background-size: cover; border-radius: 10px; padding:60px 10%; display: none;}
.appointment-close{position: absolute; right: 30px; top: 30px; font-size: 24px;}
.lh-appointment>*{flex: 1;}
.lh-appointment>*.left .ccont{margin-top: 40px; position: relative;}
.lh-appointment>*.left .ccont:before{content: ''; display: block; width: 18px; height: 1px; background-color: #000; position: absolute; left: 0; top: -20px;}
.appointment-item>*{margin-bottom: 30px;}
.appointment-item>* input{height: 40px; line-height: 40px; border:none; border-bottom: 1px solid #000; padding:0;}
.appointment-item>*>.l-select{height: 40px; line-height: 40px; border-bottom: 1px solid #000;}
.l-select select{height: 100%; border:none; padding: 0;}
.l-select i{position: absolute; right: 10px; top: 0;pointer-events: none;}
.appointment-submit{display: flex; align-items: center; justify-content: center; height: 48px; border-radius: 48px; background-color: var(--color-dominant); color:#fff; margin-bottom: 9px;}
.AppointmentLayer .lh-appointment{display: flex;}



.cpgy{margin-top: -30px!important;font-weight: bold;}
.cpgy p{white-space: pre-line;line-height: 25px;}
.dyvideo{position: relative;padding-bottom: 37.5%;overflow:hidden;background: #000;}
.dyvideo video{width:100%;height:100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: fixed;z-index: 0;opacity: 0.5;}
.dyvideobt{width: 94%;max-width: 800px;height: auto;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;font-size: 72px;color: #fff;text-align: center;z-index: 2;font-family: 'din-bold_';}
.dyvideobt span{font-size: 18px;display: block;line-height: 1.6;margin-top: 10px;}
.bjw{background:#fff;opacity: 1!important;}


.share{margin-top:30px;}
.share span{font-size:14px;display:block;margin-bottom:10px; color: #000;}
.share ul{display:flex;}
.share ul li{margin:0 10px 10px 0}
.share ul li a{display:block}
.share ul li a img{width:34px;height:34px;border-radius:5px;}

@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
  (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
  (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
  (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
  (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx){/*125%and150%*/
  
}
@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
  (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),DDD
  (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {/*150%*/
  
}


@media screen and (max-width: 1500px){
	.header-tel,.three-bottom{display:none;}
}

@media screen and (max-width: 1024px){
	.l-font20{font-size:16px;}
	.l-font26,.l-font24{font-size:18px;line-height: 1.4;}
	.l-font12{font-size:12px;}
	.l-font14{font-size:14px;}
	.l-font16{font-size:14px;}
	.l-font18{font-size:14px;}
	.l-font130{font-size:32px;}
	.l-font32{font-size:24px;}
	.l-font70{font-size:24px;}
	.l-font30{font-size:18px;}
	.l-font40{font-size:20px;}
	.l-lh30{line-height:24px;}
	.l-font36{font-size:20px;}
	.l-lh24{line-height:20px;}
	.l-font48{font-size:24px;}	.l-col-1,.l-col-2,.l-col-3,.l-col-4,.l-col-5,.l-col-6,.l-col-7,.l-col-8,.l-col-9,.l-col-10,.l-col-11,.l-col-12{width:100%;}
	.l-grid-2>*,.l-grid-3>*,.l-grid-4>*,.l-grid-5>*,.l-grid-6>*,.l-grid-7>*,.l-grid-8>*{width:100%;}
	.lh-cursor{display:none;}
	.loading-progress{width:70%;}
	.nav-btn{display:block;}
	header{height:50px; background-color:#fff;}
	.lh-logo{position:absolute; left:15px; top:50%; transform:translateY(-50%); z-index:2; width:120px;}
	main{padding-top:50px; width:100vw; overflow-x:hidden;}
	.lh-nav{position:absolute; left:0; top:0; width:100vw; height:100vh; background-color:#fff; display:block; color:#000; padding-top:16%; font-size:16px; transform:translateY(-100%); visibility:hidden;}
	.lh-nav>*{display:flex; align-items:center; justify-content:center; margin:40px 0;}
	.lh-nav>*.line{display:none;}
	.lh-fixed{width:70px; height:70px; z-index:9; font-size:12px; top:auto; bottom:0; transform:translateY(0);}
	.lh-fixed i{font-size:24px;}
	.nav-btn{position:absolute; right:0; top:0; z-index:2;}
	.WebNav .lh-nav{transform:translateY(0); visibility:visible;}
	.WebNav .nav-btn i{transform:scaleX(0);}
	.WebNav .nav-btn:before{transform:translate(0,7px) rotate(45deg);}
	.WebNav .nav-btn:after{transform:translate(0,-7px) rotate(-45deg);}
	header.Fixed{height:50px;}
	.l-font60{font-size:18px;}
	.three-banner .text{left:15px; right:15px;}
	.l-font54{font-size:20px;}
	.three-hd{right:15px;}
	.three-hd>*{margin: 10px 0;width: 30px;height: 30px;}
	.three-hd>*:before{width: 6px;height: 6px;}
	.three-banner{height: 220px;}
	.three-banner video{background:#fff;}
	.banner-bottom{position:static; padding-right:0; height:150px;}
	.banner-bottom>.left{width:100%;}
	.banner-bottom-news .bd li .img{width:168px; height:100px;}
	.banner-bottom-news .bd li .text{width:calc(100% - 168px); padding-left:10px;}
	.banner-bottom-btn{width:50px;}
	.banner-bottom-news{width:calc(100% - 50px);}
	.banner-bottom-news .bd li .text .time{display:flex;}
	.l-font56{font-size:30px;}
	.banner-bottom-news .bd li .text .time b{line-height:26px;}
	.banner-bottom-news .bd li .text .name:before{height:20px;}
	.banner-bottom-news .bd li a{padding:20px 0 20px 20px;}
	.index-title{writing-mode:inherit; left:15px; top:40px;}
	.index-title .name{left:0;font-size: 46px;}
	.l-font42{font-size:20px;}
	.l-font80{font-size:40px;}
	.index-title .nname{top:-40px;}
	.page-colors .icon{bottom:auto; height:140px; background-color:blue; right:0;}
	.page-colors .icon img{display:none;}
	.colors-nav{right:15px;}
	.color-bg{margin-top:140px; height:400px;}
	.page-colors{height:auto;}
	.color-bottom{width:70%; height:120px; bottom:0; padding:5px 40px 5px 0;}
	.color-bg .bd .text{left:15px; top:50px;}
	.color-bottom-banner .bd li{padding-left:15px;}
	.color-bottom-banner{width:calc(100% + 100px); margin-left:-100px;}
	.color-bottom-btn>*{width:40px;}
	.color-bottom-banner .bd li>*:after{border-width:1px;}
	.page-video>.icon{width:20%;}
	.page-video{padding:120px 15px 40px; background:#fff !important;}
	.video-cont{display:block; padding-top:60px;}
	.video-cont>.left{width:100%; padding-right:0;}
	.video-cont>.right{width:100%;}
	.video-banner .bd .videos{height:220px; min-height:inherit;}
	.video-banner .bd .text{width:100%; padding:10px 0;}
	.video-inquire{position:absolute; left:0; top:-10px; z-index:3;}
	.video-inquire>*{background-color:#000; color:#fff; width:120px; height:42px;}
	.video-model{margin-top:20px; height:auto;}
	.video-model .bd{display:flex;}
	.video-model .bd li a{height:70px; overflow:hidden;}
	.video-banner .bd .videos .icon-bofang1{font-size:48px;}
	.video-model .bd li a .icon-bofang1{font-size:20px;}
	.video-model .bd li{padding:0 5px;}
	.video-model .bd li a:after{border-width:1px; border-color:var(--color-dominant);}
	.l-lh42{line-height:24px;}
	.pro-banner2{min-height:inherit; height:500px; padding-top:80px;}
	.pro-banner2 .bd .l-imgs{min-height:inherit; height:380px;}
	.l-font120{font-size:32px;}
	.l-lh120{line-height:32px;}
	.pro-detail-btn{width:98px; height:98px; right:15px; top:20px;}
	.pro-banner2-bottom{left:15px; right:15px; bottom:40px;}
	.pro-banner2-hd>*>*{width:60px; height:40px;}
	.pro-banner2-hd>*:before{border-width:6px;border-bottom:8px solid #fff;}
	.pro-banner2-hd>*:before{bottom:-20px;}
	.pro-banner2-num>.geo{font-size:32px;}
	.pro-banner2-num>.name{font-size:16px; left:10px;}
	.pro-banner2-bottom:before{width:64%;}
	.pro-banner2 .bd .text{left:15px; top:30px;}
	.motorcycle-banner{height:500px;}
	.motorcycle-hd{left:15px; right:15px; bottom:40px; margin-left:-15px;}
	.motorcycle-hd>*{height:70px;padding-left: 10px;}
	.motorcycle-banner .bd .text{left:15px; padding-right:15px; bottom:200px;}
	.motorcycle-hd>* .text .name{margin-bottom:0;}
	.pages-news:after{width:100%; height:120px;}
	.pages-news-cont{padding:30px 0 0 15px;}
	.pages-news-title{padding-right:15px;}
	.news-hd>*>*{height:40px; width:110px;}
	.pges-news-banner{margin-top:30px;}
	.pges-news-banner .bd .text{padding:15px; align-items:center;flex-direction:row; align-items:flex-end;}
	.pges-news-banner .bd .text>.bottom{display:none;}
	.pges-news-banner .bd a{height:150px;}
	.pges-news-banner .bd>*{width:50%;}
	.news-btn{margin-top:30px;}
	.public-btn>*{width:42px; height:42px; margin-left:20px;}
	.pages-news{min-height:inherit; padding-bottom:40px;}
	.pages-scroll{height:180px;}
	.pages-scroll>*{height:140px; background-size:1529px 140px;}
	footer{padding-left:15px; padding-right:15px;}
	.footer-top{padding-top:30px; padding-bottom:30px;}
	.footer-top>*.center{display:none;}
	.footer-logo{width:200px;}
	.footer-return{width:60px; height:60px;}
	.footer-bottom{padding:30px 0; display:block;}
	.footer-bottom>*.right{display:block; margin-top:10px;}
	.lh-ban{height:240px;}
	.lh-ban .text{width:200px; height:200px;}
	.lh-ban .text .circleTrack{transform: translate(-50%,-50%) scale(3);}
	.lh-ban .text .circleTrack>*{stroke-width:0.3;}
	.l-pd120{padding-top:40px; padding-bottom:40px;}
	.introduce-cont{display:block; margin-top:30px;}
	.about-container{padding-left:15px; padding-right:15px;}
	.introduce-cont>*.left{width:100%; padding-right:0;}
	.introduce-cont>*.right{width:100%;display: none;}
	.introduce-cont>*.right .img{top:0; margin-top:40px;}
	.introduce-cont>*.right .img:before,.introduce-cont>*.right .img:after{display:none;}
	.introduce-total>*{margin-top:30px;}
	.l-font62{font-size:40px;}
	.introduce-total>* .num i{top:-10px;}
	.introduce-total>*{margin-left:40px;}
	.fashion-item{height:400px;}
	.l-font230{font-size: 50px;}
	.fashion-item>* .name{margin-top:0;}
	.fashion-item>* .ccont{margin-top:20px;}
	.fashion-item>*.on .ccont{width:100%;}
	.fashion-item>* .text{padding:0 15px;top: 50%;}
	.fashion-item>*.on .text{padding-left:15px;}
	.fashion-item>*.on{flex:4;}
	.l-lh28{line-height:24px;}
	.fashion-item>* .num{transform:translate(-10px,-50%);}
	.fashion-item>* .name{opacity:0;}
	.fashion-item>*.on .name{opacity:1;}
	.values-item>*{margin-top:30px; padding-left:0;}
	.values-item>*:first-child{margin-top:0;}
	.values-item>* i{width:100px; height:100px;}
	.values-item>* .text{width:calc(100% - 100px); padding-left:15px;}
	.service-item{width:100%;}
	.service-item>*{margin-top:20px;}
	.service-item>*:first-child{margin-top:0;}
	.service-item>*>*{width:100%; padding:30px;}
	.service-item>*:nth-child(3)>*, .service-item>*:nth-child(4)>*{transform:translateX(0);}
	.team-top{display:block;}
	.team-top>*.right{margin-top:-30px;}
	.team-item>*{width:187px; height:258px; margin-top:40px; margin-left:30px;}
	.team-item>* .text{padding:30px;}
	.team-item>*>*{border-radius:93px;}
	.refit-nav{height:120px;}
	.refit-nav>* .icon{right:10px; width:50px;}
	.refit-nav>* .index-title{left:15px;}
	.refit-nav>* .index-title{top:40px;}
	.refit-nav .index-title .nname{font-size:24px;}
	.refit-nav>*.on .index-title{top:40px;}
	.refit-top>*{height:60px;}
	.l-container,.l-container1600{padding-left:15px; padding-right:15px;}
	.refit-filter>*{line-height:60px;}
	.refit-filter>*>a:after{bottom:-21px;}
	.refit-top>*>*.right{display:none;}
	.refit-filter>*,.refit-filter>* dl dd{margin-left:30px;}
	.refit-bottom{margin-top:50px;}
	.refit-item{margin-left:-15px;}
	.refit-item>*{margin-top:20px; width:50%; padding-left:15px;}
	.refit-item>* .img{height:90px;}
	.refit-dl{margin-top:30px;}
	.lh-activity{padding:0 0 40px;}
	.newsDetail-l{padding:30px 15px 0;}
	.newsDetail-l>.cont{margin-top:30px; padding:30px 0;}
	.detail-page>*.left{padding-right:10px;}
	.detail-page>*.right{padding-left:10px;}
	.detail-page>*.center>*{width:120px; height:40px;}
	.pro-nav>*{padding:0;}
	.pro-nav>*>*{height:60px;}
	.refit-cont.pro .refit-bottom{padding-top:0;}
	.activity-cont{display:block;}
	.activity-cont>.left{width:100%; padding-right:0; margin-top:20px;}
	.activity-cont>.left:first-child{margin-top:0;}
	.activity-cont>.right{width:100%; margin-top:20px;}
	.activity-cont>.left .activity-item{height:300px;}
	.activity-item .title{padding:0 15px;}
	.activity-item{height:300px;}
	.lh-page{margin-top:30px;}
	.news-item{margin-top:-30px;}
	.news-item>*{margin-top:20px;}
	.news-item>*:first-child{margin-top:0;}
	.news-item>* .img{height:220px;}
	.news-item>* .text{padding:20px;}
	.newsDetail-cont{display:block;}
	.newsDetail-cont>.left{width:100%; padding-right:0;}
	.newsDetail-cont>.right{width:100%; margin-top:20px;}
	.newsDetail-l>.nname{margin-top:20px;}
	.recom-item,.recom-bottom{padding:0 20px;}
	.recom-item>* .text{padding-left:20px;}
	.contact-top{display:block;}
	.contact-top>*.left{width:100%;}
	.index-title .nname{line-height:40px;}
	.contact-cont{display:block; height:auto;}
	.contact-cont>*.left,.contact-cont>*.right{width:100%;}
	.contact-cont>*>*{padding:20px;}
	.contact-l .icon{width:120px;}
	.contact-l .cont{display:block;}
	.contact-l .cont .ccont{margin-top:40px;}
	.contact-l .cont .ccont:before{top:-20px;}
	.contact-l .cont>*.right{display:block;}
	.contact-input>*{margin-bottom:15px;}
	.team-item>*:hover>*{transform:translateY(0);}
	.refit-filter{position:relative;}
	.refit-filter>*{position:static;}
	.refit-filter>* dl dd{margin-left:10px;}
	.refit-filter>* dl{width:100%; overflow-y:auto;}
	.about-values{padding-bottom:100px;}
	.newsDetail-l>.cont{overflow:hidden;}
	.newsDetail-l>.cont img{height:auto !important;}
	.newsDetail-l>.name{display:flex; align-items:center;}
	.newsDetail-l>.name span{display:block; width:calc(100% - 98px); padding-right:10px;}

	.motorcycle-hd>* .text{padding: 10px 0px;}
}

@media screen and (max-width: 980px){
    
}