.Index #top{ position:fixed; width:100%; top:0; left:0; z-index:1; }
.Index #footer{ position:absolute; bottom:0; left:0; width:100%; background:none; }
.Index #exhibition{ position:absolute; bottom:45px; left:0; width:100%; }
.Index #content{ height:100%; }
#main { width:100%; height:640px; overflow:hidden; position:relative;}
#main .main_arr{ width:61px; height:61px; display:block; position:absolute; top:50%; margin-top:-30px; cursor:pointer; z-index:20;}
#main .main_arrL{ left:5%; background:url(../images/arrl.png) no-repeat;}
#main .main_arrL:hover{ background:url(../images/arrl_cur.png) no-repeat;}
#main .main_arrR{ right:5%; background:url(../images/arrr.png) no-repeat;}
#main .main_arrR:hover{ background:url(../images/arrr_cur.png) no-repeat;}
.btnbox{ position:absolute; left:45%; bottom:6%; z-index:10; margin-top:-73px; }
.btnbox .arr{ margin-bottom:5px; display:inline-block; width:30px; height:33px; background:url(../images/point1.png) no-repeat center; cursor:pointer;}
.btnbox .arr.on{ background:url(../images/point2.png) no-repeat center; }
.hd{ display: none;}



.topmenu {height: 40px;
left: 50%;
margin-left: -300px;
position: absolute;
top: 30px;
width: 650px;
z-index: 20;}
.pagebg{ position:absolute; left:0%; width:100%;}
.topmenu a li { color: #000; }
.topmenu ul li { width: 130px; float: left; text-align: center; font-size: 14px; font-weight: bold; cursor: pointer; height: 40px; line-height: 28px; }
.topmenu ul li:hover, .topmenu li.hover { background: url(../images/h1.png) center center; color: #fff; }
.banner_box{ position:absolute; margin-left:-550px; left:50%; top:0; width:1100px; height:640px; z-index:5;}

.ban1-1{ position:absolute; opacity:0; filter:alpha(opacity=0); right:0; top:140px; -moz-transition: all 1s ease-in-out ; -webkit-transition: all 1s ease-in-out ; -o-transition: all 1s ease-in-out ; transition: all 1s ease-in-out ;}
.index-page.cur .ban1-1{ top:180px; opacity:1;filter:alpha(opacity=100); -moz-transition: all 0.5s ease-in-out 0.5s; -webkit-transition: all 0.5s ease-in-out 0.5s; -o-transition: all 0.5s ease-in-out 0.5s; transition: all 0.5s ease-in-out 0.5s; }

.ban2-1{ position:absolute; opacity:0; filter:alpha(opacity=0); left:-20px; top:160px; -moz-transition: all 1s ease-in-out ; -webkit-transition: all 1s ease-in-out ; -o-transition: all 1s ease-in-out ; transition: all 1s ease-in-out ;}
.index-page.cur .ban2-1{ left:46px;  opacity:1; filter:alpha(opacity=100);-moz-transition: all .5s ease-in-out 0.5s; -webkit-transition: all .5s ease-in-out 0.5s; -o-transition: all .5s ease-in-out 0.5s; transition: all .5s ease-in-out 0.5s; }

.ban2-2{ position:absolute; right:0; top:300px; opacity:0; filter:alpha(opacity=0);-moz-transition: all 1s ease-in-out ; -webkit-transition: all 1s ease-in-out ; -o-transition: all 1s ease-in-out ; transition: all 1s ease-in-out ;}
.index-page.cur .ban2-2{ top:229px; opacity:1; filter:alpha(opacity=100); -moz-transition: all .7s ease-in-out 1s; -webkit-transition: all .7s ease-in-out 1s; -o-transition: all .7s ease-in-out 1s; transition: all .7s ease-in-out 1s;}

.ban3-1{ position:absolute; top:150px; left:-60px; opacity:0;filter:alpha(opacity=0);-moz-transition: all 1s ease-in-out ; -webkit-transition: all 1s ease-in-out ; -o-transition: all 1s ease-in-out ; transition: all 1s ease-in-out ;}
.index-page.cur .ban3-1{ top:180px; opacity:1;filter:alpha(opacity=100);-moz-transition: all .5s ease-in-out 0.5s; -webkit-transition: all .5s ease-in-out 0.5s; -o-transition: all .5s ease-in-out 0.5s; transition: all .5s ease-in-out 0.5s;}

.ban3-2{ position:absolute; right:-100px; top:210px; opacity:0;filter:alpha(opacity=0);-moz-transition: all 1s ease-in-out ; -webkit-transition: all 1s ease-in-out ; -o-transition: all 1s ease-in-out ; transition: all 1s ease-in-out ;}
.index-page.cur .ban3-2{ right:35px; opacity:1;filter:alpha(opacity=100);-moz-transition: all .8s ease-in-out 1s; -webkit-transition: all .8s ease-in-out 1s; -o-transition: all .8s ease-in-out 1s; transition: all .8s ease-in-out 1s;}

.ban4-1{ position:absolute; left:0; top:150px; opacity:0;filter:alpha(opacity=0);-moz-transition: all 1s ease-in-out ; -webkit-transition: all 1s ease-in-out ; -o-transition: all 1s ease-in-out ; transition: all 1s ease-in-out ;}
.index-page.cur .ban4-1{ top:170px; opacity:1;filter:alpha(opacity=100);-moz-transition: all 0.5s ease-in-out 0.5s; -webkit-transition: all 0.5s ease-in-out 0.5s; -o-transition: all 0.5s ease-in-out 0.5s; transition: all 0.5s ease-in-out 0.5s;}

.ban4-2{ position:absolute; left:685px; top:190px; opacity:0;filter:alpha(opacity=0);-moz-transition: all 1s ease-in-out ; -webkit-transition: all 1s ease-in-out ; -o-transition: all 1s ease-in-out ; transition: all 1s ease-in-out ;}
.index-page.cur .ban4-2{ left:540px; opacity:1;filter:alpha(opacity=100);-moz-transition: all 1.5s ease-in-out 1s; -webkit-transition: all 1.5s ease-in-out 1s; -o-transition: all 1.5s ease-in-out 1s; transition: all 1.5s ease-in-out 1s;}

/*.index-bt { left: 50%; margin-left: 70px; margin-top: -70px; position: absolute; top: 30%; z-index: 22; }*/
.bodyTab td {
    border: 1px solid #ccc;
	border-right:none;
	border-top:none;
	text-align:center;
}
.bodyTab tr.title {  font-weight:bold; color:#000;}
.bodyTab tr { height:30px;
    color: #6a6a68;
    font-size: 12px;}
.bodyTab { background:#f2f1ef;}
.index-bt {background: url("../images/315-1.png") repeat scroll 0 0;
height: 162px;
left: 50%;
margin-left: -420px;
margin-top: -20px;
position: absolute;
top: 20%;
width:650px;
z-index: 22;}


.index-bt .btn1 {background: none repeat scroll 0 0 #fff;
cursor: pointer;
display: block;
height: 40px;
filter:alpha(opacity:0);
left: 300px;
opacity: 0;
position: absolute;
top: 74px;
width: 122px;}
.index-bt .btn2 {background: none repeat scroll 0 0 #fff;
cursor: pointer;
display: block;
filter:alpha(opacity:0);
height: 40px;
left: 420px;
opacity: 0;
position: absolute;
top: 74px;
width: 152px;}
.index-bt .btn3 {background: none repeat scroll 0 0 #fff;
cursor: pointer;
filter:alpha(opacity:0);
display: block;
height: 40px;
left: 534px;
opacity: 0;
position: absolute;
top: 120px;
width: 130px;}




.box315 { background:url(../images/popbox.png); width:989px; height:510px; position:absolute; left:50%; top:50%; margin-left:-495px; margin-top:-255px; z-index:1999; display:none;}








.index-page { position: absolute; width: 100%; height: 100%; display: none; background: #fff; }
.index-menu { width: 30px; height: 240px; top: 50%; margin-top: -120px; right: 20px; z-index: 99; position: absolute; }
.index-menu li { width: 30px; height: 30px; background: url(../images/ico0.png) center center no-repeat; cursor: pointer; }
.index-menu li.hover, .index-menu li:hover { background: url(../images/ico0_.png) center center no-repeat; }
.down-ico { background: url(../images/ico4.png); width: 88px; height: 93px; left: 50%; margin-left: -60px; bottom: 55px; z-index: 20; position: absolute; }
.bt-btn1 {background: url("../images/315-10.png") repeat scroll 0 0;
bottom: 70px;
cursor: pointer;
display: block;
height: 43px;
left: 50%;
margin-left: 190px;
position: absolute;
width: 187px;}
.bt-btn2 { background: url(../images/ico2.png); width: 129px; height: 39px; display: block; cursor: pointer; position: absolute; top: 150px; left: 230px }
/*预约试驾*/
.order_drive { position: absolute; z-index: 98; left: 0; top: 0; width: 100%; height: 100%; }
.order_drive .shade { position: absolute; background: rgb(0,0,0); width: 100%; height: 100%; left: 0; top: 0; z-index: 1; opacity: .6; filter:alpha(opacity:50)
}
.pop-img { width: 989px; height: 510px; left: 50%; top: 50%; margin-left: -495px; position: absolute; z-index: 1222; margin-top: -270px; display: none; }
.video-box { width: 880px; height: 520px; position: absolute; left: 50%; top: 50%; margin-left: -440px; margin-top: -280px; }
.video-box1 { width: 880px; height: 400px; overflow: hidden; position: relative; }
.video-play { background: url(../images/play.png); width: 85px; height: 84px; cursor: pointer; left: 50%; top: 50%; margin-left: -42px; margin-top: -42px; z-index: 2; display: block; position: absolute; }
.order_drive .od_box { position: absolute; width: 366px; height: 310px; left: 50%; z-index: 2; margin-left: -183px; top: 50%; margin-top: -165px; background: url(../images/032-.png); height: 240px; }
.order_drive .od_box.s1 { background-position: center top; height: 310px; margin-bottom: 0; }
.order_drive .od_box.s2 { background-position: right top; }
.order_drive .od_box.s3 { background-position: left top; }
.order_drive .od_box .hold { position: absolute; top: 0; left: 0; text-align: center; width: 100%; }
.order_drive .od_box .btn { position: absolute; background: url(../images/drive_icon4.png) no-repeat; bottom: 0; width: 116px; height: 65px; left: 50%; margin-left: -58px; }
.leftBtnbox { width: 75px; height: 244px; position: absolute; left: 20px; z-index: 99; top: 50%; margin-top: -122px; }
.leftBtnbox ul li { width: 75px; height: 81px; background: url(../images/ico3.png); cursor: pointer; transition-duration: 400ms; -webkit-transition-duration: 400ms; position: relative; }
.leftBtnbox ul li b { color: #fc9800; font-size: 13px; display: none; font-weight: bold; left: 80px; position: absolute; top: 30px; width: 70px; }
.leftBtnbox ul li:hover b, .leftBtnbox ul li.hover b { display: block; }
.leftBtnbox ul li.li1 { background-position: 0 0; }
.leftBtnbox ul li.li2 { background-position: 0 -81px; }
.leftBtnbox ul li.li3 { background-position: 0 -162px; }
.leftBtnbox ul li.li1:hover, .leftBtnbox ul li.li1.hover { background-position: right 0; }
.leftBtnbox ul li.li2:hover, .leftBtnbox ul li.li2.hover { background-position: right -81px; }
.leftBtnbox ul li.li3:hover, .leftBtnbox ul li.li3.hover { background-position: right -162px; }
.video-ul-box1 { position: absolute; bottom: 0; }
.video-ul-box2 { position: absolute; bottom: 0; left: 200px; }
.video-ul-box3 { position: absolute; bottom: 0; left: 710px; }
.video-btn-li { position: absolute; width: 880px; bottom: 0; height: 110px; }
.video-btn-li li { display: inline-block; position: relative; cursor: pointer; text-align:center; float:left; width:162px; height:103px;}
.video-btn-li ul {height: 110px;
width: 820px;
position: absolute;
left: 30px;}
/*.tempWrap { left:30px; width: 100%!important}*/
.pop-close { background: url(../images/x.png); width: 31px; height: 31px; position: absolute; right: -15px; top: -15px; cursor: pointer; transition-duration: 400ms; -webkit-transition-duration: 400ms; }
.pop-close:hover { transform: rotate(90deg); }
.video-left1 { left:0; top:24px;}
.video-right1 { right:0;}
.video-left2 { left: 685px; }
.video-right2 { left: 850px; top:24px;}
.video-left1, .video-left2 { width: 22px; height: 79px; background: url(../images/video/3.png) center center no-repeat #fc9800; position: absolute; border-radius: 2px;cursor: pointer; }
.video-right1, .video-right2 { width: 22px; height: 79px; background: url(../images/video/4.png) center center no-repeat #fc9800; position: absolute; border-radius: 2px; cursor: pointer;}
.mask { width: 100%; height: 100%; position: absolute; z-index: 1111; background: #000; opacity: 0.7; filter:alpha(opacity:70);
left: 0; top: 0; display: none; }
.pop-img img { position: absolute; }
.v-mask { position: absolute; width: 100%; height: 100%; z-index: 99; left: 0; top: 0; font-size: 12px; line-height: 80px; text-align: center; background: rgb(0,0,0); opacity: 0.7; filter:alpha(opacity:70);
color: #fff; cursor: pointer; }
.index2-btn2 { background: url(../images/ico5.png); width: 160px; height: 39px; position: absolute; cursor: pointer; left: 20%; top: 30%; }
.index2-car { background: url("../images/car1.png") repeat scroll 0 0; height: 454px; left: 50%; margin-left: -200px; margin-top: -170px; position: absolute; top: 50%; width: 1019px; }
.index2-box { height: 359px; left: 20%; margin-left: -100px; margin-top: -120px; position: absolute; top: 30%; width: 404px; }
.index-t1 { left: -180px; position: absolute; top: -40px; }
.index2-t1 { width: 478px; height: 156px; background: url(../images/t2.png) 0 0; margin-left: -90px; position: absolute; top: 0; }
.index2-t3 { width: 100%; height: 55px; background: url(../images/txt2.png) 0 -111px; position: absolute; top: 156px }
.index2-t4 { width: 100%; height: 143px; background: url(../images/txt2.png) 0 -167px; position: absolute; top: 210px; }
.index2-btn { width: 163px; height: 50px; background: url(../images/txt2.png) 0 -309px; cursor: pointer; position: absolute; top: 350px; }
.img-ico { background: url(../images/btn-5.png) left; width: 25px; height: 25px; position: absolute; display: block; cursor: pointer; overflow: hidden; text-indent: 999px; font-size: 0px; }
.img-ico:hover { background: url(../images/btn-5.png) left no-repeat #fc9800; border-radius: 15px; color: #fff; font-size: 12px; font-weight: bold; height: 25px; line-height: 23px; text-align: center; width: auto; padding: 0 15px; text-indent: 10px; }
.wai360btn { width: 104px; height: 104px; position: absolute; bottom: 40px; left: 50%; margin-left: -52px; z-index: 22; cursor: pointer;  }
.wai360img1 { position: absolute; }
.wai360img2 { position: absolute; }
.wai360img1 { }
.img-ico { -webkit-animation: 2s linear 0s alternate none infinite sx; }
/*首页箭头*/
.slign { position: absolute;bottom: 60px;width: 100%;}
.slign a {
        -webkit-animation: next 2s infinite;
    animation: next 2s infinite;
        display: block;
        width: 40px;
        height: 43px;
        background: url('../images/slign.png') no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    }
@-webkit-keyframes next {
	0% {
		-webkit-transform:translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform:translate(0, -40px);
		opacity: 0;
	}
}
@keyframes next {
	0% {
		transform:translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform:translate(0, 40px);
		opacity: 0;
	}
}



@-webkit-keyframes sx { 0% {
 -webkit-transform:translate(0, 0);
}
100% {
 -webkit-transform:translate(0, 5px);
}
}
.img-ico { animation: 2s linear 0s alternate none infinite sx; }
@keyframes sx { 0% {
 transform:translate(0, 0);
}
100% {
transform:translate(0, 5px);
}
}
.animate-load { -webkit-animation: 1s linear 0s normal none infinite spin; }
@-webkit-keyframes spin { 0% {
 -webkit-transform: rotate(0deg);
}
100% {
 -webkit-transform: rotate(360deg);
}
}
.animate-load { animation: 1s linear 0s normal none infinite spin; }
@keyframes spin { 0% {
 transform: rotate(0deg);
}
100% {
 transform: rotate(360deg);
}
}
.index3-txt2 {background: url("../images/i3t.png") repeat scroll center bottom;
height: 150px;
left: 20%;
margin-left: -150px;
margin-top: 128px;
position: absolute;
top: 30%;
width: 568px;}
.index3-txt { width: 479px; height: 248px; background: url(../images/i3t.png) left top; left: 50%; top: 50%; left: 20%; margin-left: -150px; margin-top: -120px; position: absolute; top: 30%; }
.index3-box { background: url(../images/i3.png); width: 744px; height: 519px; position: absolute; left: 50%; top: 50%; margin-top: -240px; }
.index4-box { background: url(../images/i4.png); width: 749px; height: 600px; position: absolute; left: 50%; top: 50%; margin-top: -240px; margin-left: -130px; }
.liangdian { display: none; font-size: 12px; font-weight: bold; left: 20px; padding: 20px; position: absolute; top: 20px; }
.liangdian li { background: url(../images/d.png) left center no-repeat; display: inline-block; text-indent: 15px; margin: 0 15px; cursor: pointer; }
.liangdian li:hover { color: #ff9c01; }
.index5-txt2 { width: 514px; height: 150px; background: url(../images/i5.png) bottom; left: 50%; top: 50%; left: 20%; margin-left: -150px; margin-top: 128px; position: absolute; top: 30%; }
.not360 { background: url(../images/360.jpg); width: 466px; height: 255px; position: absolute; left: 50%; top: 50%; margin-left: -233px; margin-top: -122px; z-index: 12000; display: none; }
.index5-txt { width: 513px; height: 248px; background: url(../images/i5.png) top; left: 50%; top: 50%; left: 20%; margin-left: -150px; margin-top: -120px; position: absolute; top: 30%; }
.index6-box { position: absolute; width: 1065px; height: 525px; left: 50%; top: 50%; margin-left: -532px; margin-top: -262px; }
.index6-title { background: url(../images/i6.png); width: 626px; height: 157px; position: absolute; left: 0; top: 0; z-index: 1; }
.index6-txt { position: absolute; width: 936px; height: 403px; bottom: 0; right: 0; z-index: 2 }
.index6-txt img { float: left; width: 224px; height: 403px; margin-right: 9px; }
.index7-box { position: absolute; width: 987px; height: 500px; left: 50%; top: 50%; margin-left: -493px; margin-top: -210px; }
.index7-title { background: url(../images/i71.jpg) no-repeat; width: 987px; height: 100px; position: absolute; left: 0; top: 0; }



.add315-title {
left: 20%;
margin-left: -150px;
margin-top: -120px;
position: absolute;
top: 30%;}
.add315-txt {
left: 50%;
width:450px;
margin-left: 60px;
margin-top: -190px;
position: absolute;
top: 50%;}

.index7-title { background:url(../images/peizhi/315-2.jpg); height:139px;}
.index7-title.hover { background:url(../images/peizhi/315-3.jpg);}

.peizhi-span { width:50%; height:50%; float:left; cursor:pointer; display:block;}


.index7-txt { width: 987px; height: 320px; position: absolute; left: 0; top: 139px; overflow: auto; overflow-x: hidden; }
#loading { position: fixed; z-index: 9999; background: #ccc; left: 0; top: 0; width: 100%; height: 100%; }
#loading .lod { background: url(../images/load.png) right; width: 67px; height: 61px; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; }
.lodb { background: url(../images/load.png) bottom left; width: 67px; height: 61px; position: absolute; bottom: 0; height: 0; }
/*大图弹出层*/
.popbox { position: absolute; width: 100%; height: 100%; z-index: 1000; left: 0px; top: 0px; }
.popbox .shade { position: absolute; background: #000; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; width: 100%; height: 100%; }
.popbox .pop-box { position: absolute; width: 988px; height: 590px; left: 50%; top: 50%; margin-left: -494px; margin-top: -275px; background: #FFF; z-index: 2; }
.pop-box .close { position: absolute; background: url(../images/x.png) no-repeat; width: 31px; height: 31px; right: -15px; top: -19px; cursor: pointer; z-index: 4 }
.pop-box .big_prev { position: absolute; background: url(../images/big_prev.png) no-repeat; width: 16px; height: 86px; left: 20px; top: 170px; z-index: 5; cursor: pointer; }
.pop-box .big_next { position: absolute; background: url(../images/big_next.png) no-repeat; width: 16px; height: 86px; right: 20px; top: 170px; z-index: 5; cursor: pointer; }
.pop-box .small_prev { position: absolute; background: url(../images/sml_prev.png) no-repeat; width: 59px; height: 13px; left: 30px; bottom: 20px; z-index: 5; cursor: pointer; }
.pop-box .small_next { position: absolute; background: url(../images/sml_next.png) no-repeat; width: 59px; height: 13px; right: 30px; bottom: 20px; z-index: 5; cursor: pointer; }
.pop-box .num { position: absolute; width: 100px; height: 20px; text-align: center; font-size: 14px; color: #7f7f7f; left: 50%; bottom: 15px; line-height: 20px; margin-left: -50px; }
.pop-box .img_box { position: absolute; z-index: 1; width: 988px; height: 541px; left: 0; top: 0; overflow: hidden; }
.img_box li { position: absolute; display: block; }


.carbox{background: url("../images/360/1.png") no-repeat scroll 110px 280px;
height: 500px;
left: 50%;
margin-left: -470px;
margin-top: -250px;
position: absolute;
top: 50%;
width: 900px;
z-index: 22;}

#frames360box {width:900px; height:500px; position:absolute; overflow:hidden; cursor:pointer;}
#frames360box .box { display:none; position:absolute; left:0; top:0;width:900px; height:500px; }
#frames360box .box .box360 {width:900px; height:500px; }


.color-mod.color-mod2 {background: url("../images/360/6.png") no-repeat scroll right bottom;
height: 110px;
left: 60%;
margin-left: 240px;
margin-top: -40px;
position: absolute;
top: 50%;
width: 164px;
z-index: 22;}
.color-mod {background: url("../images/360/6.png") repeat scroll 0 0;
height: 170px;
left: 60%;
margin-left: -100px;
margin-top: -100px;
position: absolute;
top: 50%;
width: 504px;
z-index: 2;}

.color-mod span { width:43px; height:43px; position:absolute; display:block; cursor:pointer;}


.color-mod span.hover  , .color-mod span:hover {background:url(../images/360/5.png); }




.color-btn-1 {left: 4px;
top: 8px;}
.color-btn-2 {left: 56px;
top: 8px;}
.color-btn-3 {left: 108px;
top: 8px;}
.color-btn-4 {left: 4px;
top: 56px;}
.color-btn-5 {left: 56px;
top: 56px;}
.color-btn-6 {left: 108px;
top: 56px;}




#loading360 { width:100%; height:100%; position:absolute; z-index:22; display:none;}
#loading360 p {color: #1496d9;
font-weight:bold;
font-size: 20px;
line-height: 500px;
text-align: center;
width: 100%;}


.loader{
	position: absolute;
	text-align: center;
	z-index: 10000;
	left: 0;
	top: 0;
	overflow: hidden;
}
.loading {
	position: absolute;
	display: inline-block;
	margin: -32px 0 0 -32px;
	left: 50%;
	top: 50%;
}
.loading .dot {
	position: absolute;
	opacity: 0;
	width: 64px;
	height: 64px;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	transform: rotate(225deg);
	-webkit-animation-name: loading;
	-moz-animation-name: loading;
	animation-name: loading;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-moz-animation-duration: 5.28s;
	-webkit-animation-duration: 5.28s;
	animation-duration: 5.28s;
}
.loading .dot:after {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 10px;
	background: #1496d9;
}
.loading .dot:nth-child(2) {
	-webkit-animation-delay: .23s;
	-moz-animation-delay: .23s;
	animation-delay: .23s;
}
.loading .dot:nth-child(3) {
	-webkit-animation-delay: .46s;
	-moz-animation-delay: .46s;
	animation-delay: .46s;
}
.loading .dot:nth-child(4) {
	-webkit-animation-delay: .69s;
	-moz-animation-delay: .69s;
	animation-delay: .69s;
}
.loading .dot:nth-child(5) {
	-webkit-animation-delay: .92s;
	-moz-animation-delay: .92s;
	animation-delay: .92s;
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(225deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
  }
  8% {
    -webkit-transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
  }
  30% {
    -webkit-transform: rotate(455deg);
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
  }
  60% {
    -webkit-transform: rotate(815deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
  }
  75% {
    -webkit-transform: rotate(965deg);
    -webkit-animation-timing-function: ease-out;
  }
  76% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes loading {
  0% {
    -moz-transform: rotate(225deg);
    opacity: 1;
    -moz-animation-timing-function: ease-out;
  }
  8% {
    -moz-transform: rotate(345deg);
    -moz-animation-timing-function: linear;
  }
  30% {
    -moz-transform: rotate(455deg);
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(690deg);
    -moz-animation-timing-function: linear;
  }
  60% {
    -moz-transform: rotate(815deg);
    opacity: 1;
    -moz-animation-timing-function: ease-out;
  }
  75% {
    -moz-transform: rotate(965deg);
    -moz-animation-timing-function: ease-out;
  }
  76% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes loading {
  0% {
    transform: rotate(225deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  8% {
    transform: rotate(345deg);
    animation-timing-function: linear;
  }
  30% {
    transform: rotate(455deg);
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(690deg);
    animation-timing-function: linear;
  }
  60% {
    transform: rotate(815deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  75% {
    transform: rotate(965deg);
    animation-timing-function: ease-out;
  }
  76% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
	











.car-left {background: url("../images/360/4.png") repeat scroll 0 0;
height: 146px;
left: 40%;
margin-left: -300px;
margin-top: -70px;
position: absolute;
top: 50%;
width: 560px;}


.car-360title {left: 40%;
margin-left: -300px;
margin-top: -250px;
position: absolute;
top: 50%;}

.car-return {background: url("../images/360/7.png") repeat scroll 0 0;
cursor: pointer;
height: 34px;
left: 40%;
margin-left: -300px;
z-index:22;
margin-top: -140px;
position: absolute;
top: 50%;
width: 105px;}




.t360btn { position:absolute; left:50%; margin-left:-72px; bottom:80px; z-index:99;}


@media (max-width: 1440px) {
    /*.slign a { width: 32px;height: 36px;}*/
}