html body{ padding: 0; font-family: Arial, Microsoft YaHei; color: #fff; background-color: #000; font-size: 14px;}
html body,ul,li,dl,h1,h2,h3,h4,h5,h6,dl,dt,dd,p{padding: 0;margin: 0; line-height: 1.5;}
ul{list-style: none;}
.clear{ clear:both; margin: 0; padding: 0; height: 0; font-size: 0;}
a{color: #000;text-decoration: none;}
img{ border: 0 none; vertical-align: top;}
.clearfix:after{ content: ''; display: block; height: 0; clear: both; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.pr{ position: relative;}
.ps{ position: absolute;}
.center{ text-align: center;}
.dn{ display: none;}
.cursor{ cursor: pointer;}
.w100{ width: 100%;}
input,select{-webkit-appearance: none; appearance: none; border-radius: 0; vertical-align: top;}
.animate{ -moz-opacity: 0; opacity: 0; filter:alpha(opacity=0);}

html,body{ position: relative; width: 100%; height: 100%;}
.nav{ position: fixed; top: 50%; margin-top: -8%; left: 1.489%; width: 7%; width: 220px\9; z-index: 100; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.nav li{ width: 100%; height: 0; padding-top: 17.72%; margin: 8% 0; cursor: pointer; height: 39px\9; padding-top: 0\9;}
.nav li.active{ margin: 12% 0;}
.nav li.navnr1{ background: url(../images/nav1.png) no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto;}
.nav li.navnr1.active{ background: url(../images/nav1-h.png) no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto;}
.nav li.navnr2{ background: url(../images/nav2.png) no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto;}
.nav li.navnr2.active{ background: url(../images/nav2-h.png) no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto;}
.nav li.navnr3{ background: url(../images/nav3.png) no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto;}
.nav li.navnr3.active{ background: url(../images/nav3-h.png) no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto;}
.nav li.navnr4{ background: url(../images/nav4.png) no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto;}
.nav li.navnr4.active{ background: url(../images/nav4-h.png) no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto;}
.nav li.navnr5{ background: url(../images/nav5.png) no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto;}
.nav li.navnr5.active{ background: url(../images/nav5-h.png) no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto;}

#swiper1,#swiper1 .swiper-wrapper,#swiper1 .swiper-slide{ width: 100%; height: 100%;}
.logo1{ top: 3.29%; left: 3%; width: 15.156%; z-index: 100;}
.logo2{ top: 6.29%; right: 3.489%; width: 11.875%; z-index: 100;}
.logo3{ bottom: 2.96%; left: 4%; width: 7.5%; z-index: 100;}
.p1-tit{ top: 50%; margin-top: -19.8%; left: 45.28%; width: 47.37%;}
.p1-xl{ top: 50%; margin-top: -19%; left: 33.125%; width: 27.23%;}
.p1-now{ top: 50%; margin-top: 6%; left: 54.83%; width: 10.36%;}
.p1-img1{   top: 0%;
	left: 17.18%;
	width: 13.52%;
	cursor: pointer;}
.p1-img{    top: 0;
	margin-top: 4%;
	width: 13.54%;
	cursor: pointer;}
.p1-img img{ width: 100%;}
.p1-img .p1-jqqd{ position: absolute; top: 0; left: -17.3%; width: 147%; height: 100%;}
.p1-img2{ left: 34.86%;}
.p1-img3{ left: 52.5%;}
.p1-img4{    left: 69.79%;;}
img.ps.xians {
	display: none;
	width: 120%;
	top: -54%;
	left: -9%;
}
.p1_tit{position: absolute;width: 60%;left: 50%;margin-left: -26%;top: 50%;margin-top: -20%;}
.p2-tit{ top: 50%; margin-top: -14%; left: 7.512%; width: 36%;}
.p2-wz{ top: 50%; margin-top: -7.5%; left: 11.3%; width: 28%;}
.p2-btn,.p2-btn-h{ top: 50%; margin-top: 10%; left: 11.4%; width: 10.58%;}
.shanshuo1{ animation: shanshuo 1s linear infinite;}
.shanshuo2{ animation: shanshuo 1s linear .5s infinite;}
@-webkit-keyframes shanshuo{
	0%,100%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
}
@keyframes shanshuo{
	0%,100%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
}

.p3_tit{ top: 50%;
	margin-top: -15.5%;
	left: 9%;
	width: 44%;}
.p3-wz{ top: 50%; margin-top: -3.5%; left: 14%; width: 29.739%;}
.p3-btn1{ top: 50%; margin-top: 1%; left: 12%; width: 15.84%;}
/*
.p3-btn1{ top: 50%; margin-top: 1%; left: 20%; width: 15.84%;}
*/
.p3-btn2{ top: 50%; margin-top: 1%; left: 28%; width: 15.84%;}

.dh_box {
	position: absolute;
	width: 100%;
	height: 30%;
	left: 0;
	bottom: 0;
}

















.swiper2-wc{ width: 74%; height: 100%; overflow: hidden; margin: 0 auto;}
#swiper2{ position: absolute; top: 0; left: -100%; width: 300%;}
#swiper2 .swiper-slide{ width: 80%;}
#swiper2 .swiper-slide img{ display: none;}

.p4-img{ top: 50%; margin-top: -21%; left: 0; width: 13.53%; overflow: hidden;}
.p4-img img{ display: none; width: 100%;}
.p4-img img.p4-img-xiao{ display: block;}
.p4-img.p4-img-active img.p4-img-big{ display: block; width: 100%;}
.p4-img.p4-img-active img.p4-img-xiao{ display: none;}
.p4-img.p4-img-active{ width: 59.4%;}
.p4-img2{ left: 59.4%;}
.p4-img2.p4-img-active{ left: 13.5%;}
.p4-img3{ left: 72.9%;}
.p4-img3.p4-img-active{ left: 27%;}
.p4-img4{ left: 86.4%;}
.p4-img4.p4-img-active{ left: 40.5%;}
.p4-btn{ top: 50%; margin-top: 16.2%; left: 41.875%; width: 13%;}

.p5-bg{ top: 50%; left: 0; width: 100%;margin-top: -34%;}
.p5-tit{ top: 50%; margin-top: -17%; left: 19.416%; width: 60.958%;}
.p5-img{ top: 50%; margin-top: -7%; left: 20.125%; width: 14.54%;}
/*预约试驾*/
.online-con{ top: 50%; margin-top: -4%; left: 34%; width: 40%;}
.online-form ul li{ float: left; position: relative; width: 50%; height: 32px; font-size: 18px; line-height: 32px; margin-bottom: 2%;}
.online-form ul li .input-tit{ float: left; width: 25%; text-align: right; margin-right: 0.8em; line-height: 32px;}
.online-form ul li span{ color: #f02622; font-weight: bold;}
.online-form ul li .input-bg{ float: left; width: 60%; height: 32px; overflow: hidden; background: rgba(255, 255, 255, 0.4); background: #fff\9;}
.online-form ul li .sel-bg{ width: 60%; height: 32px; overflow: hidden; background: rgba(255, 255, 255, 0.4) url(../images/sel-icon.png) no-repeat 93% center; background: #fff url(../images/sel-icon.png) no-repeat 93% center\9; margin-right: 0.2em;}
.online-form ul li select{ width: 115%; height: 32px; line-height: 32px; background: transparent; border: 0; font-size: 14px; color: #000; font-family: "微软雅黑"; outline: none; padding-left: 10px;}
.online-form ul li select option{ font-size: 12px; color: #000;}
.online-form ul li .input-bg input{ width: 100%; height: 32px; overflow: hidden; line-height: 32px; background: none; border: 0; font-size: 14px; color: #000; font-family: "微软雅黑"; outline: none; padding-left: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.online-form ul li .gender{ display: inline-block; background: url(../images/checkbox.png) no-repeat left center; padding-left: 30px;}
.online-form ul li .man{ padding-right: 9%;}
.online-form ul li .gender-xz{ background: url(../images/checkbox1.png) no-repeat left center;}
.online-form ul li input.btn-tj{    width: 20%;
	height: 0;
	padding-top: 5%;
	cursor: pointer;
	margin-left: 74.18%;
	background: url(../images/tijiao.png) no-repeat;
	border: 0;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;}
.online-form ul li.check,.online-form ul li.last{ width: 100%; font-size: 12px; line-height: 1.1;}
.online-form ul li.last{margin-top: -7%;}
.online-form ul li.check{ text-align: left; margin: 0.5% 0 5%;}
.online-form ul li.check p{ line-height: 1.4; font-size: 16px; padding-left: 13%;}
.online-form ul li.check span{ display: block; color: #cccccc; font-weight: normal; font-size: 12px;}
.online-form ul li.check div {
	background: url(../images/checkbox.png) no-repeat left;
	display: block;width: 15px;height: 15px;overflow: hidden;float: left;margin: 3px 0 0 9%; cursor: pointer;
}
.online-form ul li.check div.tony {
	background: url(../images/checkbox1.png) no-repeat left;
	display: block;width: 15px;height: 15px;overflow: hidden;float: left;margin: 3px 0 0 9%; cursor: pointer;
}
.cti-footer-copyright{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 1% 0;}

@media screen\0{
	/*.online-form ul li .input-bg{ background: #fff;}
	.online-form ul li .sel-bg{ background: #fff url(../images/sel-icon.png) no-repeat 90% center;}*/
}
@media screen and (max-width: 1440px) {
	.online-con{ width: 47%;}
	.online-form ul li .input-bg,.online-form ul li .sel-bg{ width: 60%;}
}
@media screen and (max-width: 1400px) {
	.online-form ul li{ height: 30px; line-height: 30px;}
	.online-form ul li .input-bg,.online-form ul li .sel-bg{ width: 55%; height: 30px;}
	.online-form ul li .input-bg input,.online-form ul li select{ height: 30px; line-height: 30px;}
}
@media screen and (max-height: 700px) {
	.p5-img{ margin-top: -7.5%;}
	.online-con{ margin-top: -6%;}
	.p5-tit {
		margin-top: -18%;
	}
}
@media screen and (max-height: 670px) {


}