html{color:#000;background:#fff;font-family:"Microsoft Yahei";}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, blockquote{ margin: 0;}   
ol,ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{display:block;width:100%;border:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.fl{float:left;}
.fr {float:right;}
.cl:after,.cl:before{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{position: relative;}

body,html{position:relative;height:100%;background:#fff !important;}
.swiper-main{width:100%;height:100%;}
.flex-mid{position:relative;
display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;
-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
p{font-size:.24rem;line-height:1.8;text-align:justify;white-space:pre-wrap;color:#fff;}

.banner{background:url(images/ban.jpg) no-repeat center;background-size:100%;}
.b-theme{position:absolute;left:0;top:0;}
.b-logo{position:absolute;left:.3rem;top:0;width:2rem;}
.b-drx{position:absolute;right:.3rem;top:0;width:1.8rem;}
.dealer{background:url(images/bg.jpg) no-repeat center;background-size:100%;}
.lead{background:url(images/bg_lead.jpg) no-repeat center;background-size:100%;}
.about{background:url(images/bg_about.jpg) no-repeat center;background-size:100%;}
.end{background:url(images/bg_end.jpg) no-repeat center;background-size:100%;}
.content{position:relative;padding:0 15%;overflow:hidden;color:#333;}
.lead .content{margin-top:-15%;}
.tita{
	width:2.75rem;height:.8rem;margin:0 auto;background:url(images/tita.png) no-repeat;background-size:100%;
	font-weight:bold;font-size:.36rem;line-height:.8rem;text-align:center;
}

.lead p{margin-top:.5rem;color:#fff;line-height:2;}
.hlight{color:#f19601;}
.dealer h3{font-weight:normal;font-size:.24rem;line-height:1;border-left:.04rem solid #666;margin:.3rem 0 .1rem;padding-left:.08rem;color:#666;}
.dealer h4{font-weight:normal;font-size:.24rem;line-height:1.5;padding:.2rem 0 .1rem;color:#fff;}
.dealer h5{font-weight:bold;font-size:.3rem;line-height:3;}
.swiper-scrl{height:4.2rem;padding-right:8px;border-right:1px solid #fff;}
.swiper-scrl .swiper-slide{height:auto;}
.swiper-scrl .swiper-scrollbar{right:-1px;opacity:1 !important;}
.swiper-scrollbar-drag{height:1rem;background:#ffbc53;}
.mt10{margin-top:.1rem;}
.dealer iframe{width:100%;height:3.2rem;}
.fs28{font-size:.28rem;}
.tab{padding-top:.2rem;text-align:center;font-size:0;}
.tab span{display:inline-block;vertical-align:middle;width:.24rem;height:.28rem;margin:0 .1rem;background:url(images/bullet.png) no-repeat;background-size:100%;opacity:1;}
.tab .swiper-pagination-bullet-active{width:.33rem;height:.38rem;background-image:url(images/bulletOn.png);}
.about .content{margin-top:-15%;}
.end .content{margin-top:-5%;}
.about img{width:3.4rem;margin:0.2rem auto;}
.p-end{padding:.2rem 0;}
.ewm{width:30%;margin:0 auto .2rem;}
.tcenter{text-align:center;}

.swiper-container-horizontal > .swiper-pagination-bullets{bottom:5px;}
/*箭头动画*/
@-webkit-keyframes start{
	0%,30%{opacity:0;-webkit-transform:translate(0,10px);}
	60%{opacity:1;-webkit-transform:translate(0,0);}
	100%{opacity:0;-webkit-transform:translate(0,-8px);}
}
@-moz-keyframes start{
	0%,30%{opacity:0;-moz-transform:translate(0,10px);}
	60%{opacity:1;-moz-transform:translate(0,0);}
	100%{opacity:0;-moz-transform:translate(0,-8px);}
}
@keyframes start{
	0%,30%{opacity:0;transform:translate(0,10px);}
	60%{opacity:1;transform:translate(0,0);}
	100%{opacity:0;transform:translate(0,-8px);}
}
#array{position:absolute;z-index:999;-webkit-animation:start 1.5s infinite ease-in-out;width:0.47rem;height:0.49rem;bottom:10px;left:45%;}
.u-topbar{position:fixed;top:0;z-index:9999;width:100%;}
footer{display:none !important;}


.bgm-btn{ position:absolute;z-index: 10;  top: .88rem; right:12px; width: 30px; height: 30px; background-size: 100%; background-image: url("images/music.png"); 
-webkit-animation: myrotate 5s linear 0s infinite normal;animation: myrotate 5s linear 0s infinite normal;}
.bgm-btn.mut{ background-position: 0px -30px; -webkit-animation: none;}

@-webkit-keyframes myrotate
{
0% { -webkit-transform:rotate(0deg);}
25% { -webkit-transform:rotate(-90deg);}    
50% { -webkit-transform:rotate(-180deg);}
75% { -webkit-transform:rotate(-270deg);}
100% { -webkit-transform:rotate(-360deg);}
}

@keyframes myrotate
{
0% { transform:rotate(0deg);}
25% { transform:rotate(-90deg);}    
50% { transform:rotate(-180deg);}
75% { transform:rotate(-270deg);}
100% { transform:rotate(-360deg);}
}