html,body,ul,li,p,a,form,ol,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
body{font-family: '微软雅黑';font-size:12px;min-width:1000px; overflow-y:scroll;}
a{text-decoration: none;color:#14171f;}
ul,li{list-style:none;}
.clear:after{
	content:' ';
	display:block;
	float:none;
	clear:both;
}
/*
		comment
*/
.header{
	height:78px;
	position:fixed;
	background:#ffffff;
	width:100%;
	top:0;
	z-index: 222;
}
.header-div{
	height:78px;
}
.header .logo{
	position:absolute;
	top:15px;
	left:10%;	
	margin-left:-40px;
	z-index:50;
}
.header .return-index{
	position:absolute;
	right:10%;
	line-height: 34px;
	font-size:16px;
	top:20px;
}
.header .return-index a{
	display:inline-block;
	width:150px;
	height:34px;
	border:2px solid #080103;
	text-align: center;
	font-size:14px;
	margin-left:40px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
.header .return-index span{
	float:right;
	width:34px;
	height:34px;
	line-height: 34px;
	border-left:2px solid #080103;
	background:url(../image/index/icon.png) no-repeat center center;
}
.header .return-index a:hover{
	background:rgba(0,0,0,0.1);
}
.header-div{
	height:78px;
}
.footer{
	height:86px;
	line-height: 86px;
}
.footer .left{
	margin-left:8%;
	float:left;
}
.footer .left span{
	display:inline-block;
	width:14px;
	height:16px;
	background:url(../image/comment/icon1.png);
	margin-bottom:-4px;
}
.footer .right{
	margin-right:8%;
	float:right;
}

/*
		index banner
*/

.ind-banner{
	position:relative;
	overflow:hidden;
	width:100%;
}
.ind-banner>div{
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:0;
	text-align: center;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.ind-banner>div.text1{
	top: 19%;
}
.ind-banner>div.text2{
	top: 27%;
}
.ind-banner>div.text2 div{
	width:15px;
	height:15px;
	background:url(../image/index/icon2.png);
	background-size:100%;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:20%;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
.ind-banner>div.text2 div.a{
	left: -474px;
}
.ind-banner.in>div.text2 div.a{
	left: -480px;
}
.ind-banner>div.text2 div.b{
	left: -537px;
	width:10px;
	height:10px;
	margin-top:3px;
}
.ind-banner.in>div.text2 div.b{
	left: -557px;
}
.ind-banner>div.text2 div.c{
	left: 467px;
}
.ind-banner.in>div.text2 div.c{
	left: 475px;
}
.ind-banner>div.text2 div.d{
	left: 536px;
	width:10px;
	height:10px;
	margin-top:3px;
}
.ind-banner.in>div.text2 div.d{
	left:556px;
}



.ind-banner>div.but{
	top: 35%;
	height:55px;
	width:285px;
	border:3px solid #080103;
	line-height: 55px;
	font-size:18px;
	font-weight:500;
	cursor:pointer;
	-webkit-transition:all 0.3s;
	-ms-transition:all 0.3s;
}
.ind-banner>div.but:after{
	content:'';
	float:right;
	width:55px;
	height:55px;
	border-left:3px solid #080103;
	background:url(../image/index/icon.png) no-repeat center center;
	-webkit-transition:all 0.3s;
	-ms-transition:all 0.3s;
}
.ind-banner>div.but a{
	display:block;
	width:226px;
	float:left;
}
.ind-banner>div.light{
	top:59%;
	opacity:0.6;
}
.ind-banner>div img{
	-webkit-transition:all 0.3s;
	-ms-transition:all 0.3s;
}



.ind-banner.in>div.but:after{
	background-position:30px center;
}
.ind-banner.in>div.but{
	background-color:rgba(255,255,255,0.2);
}
.ind-banner.in>div img{
	-webkit-transform:scale(0.98,0.98);
	-ms-transform:scale(0.98,0.98);
}
.ind-banner>div.light img{
	-webkit-transform:scale(1,1);
	-ms-transform:scale(1,1);
}
.ind-banner.in>div.light{
	opacity:1;
}


/*
	hall content
*/
.hall{
	margin-bottom:86px;
	position:relative;
	margin-top: 57px;
}
.hall-list{
	width:1560px;
	margin:0 auto;
	z-index: 11;
	display:block;
	font-size:16px;
	font-weight:bold;
	margin-top:-10px;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	bottom:-50px;
	line-height: 40px;
	z-index: 1212;
}
.hall-list a{
	float:left;
	width:184px;
	height:152px;
	text-align: center;
	background:#ffffff;
	margin-left:5px;
	padding:3px;
	cursor:pointer;
	-webkit-transition:color 0.5s;
	-ms-transition:color 0.5s;
}
.hall-list a img{
	-webkit-transition:all 1s;
	-ms-transition:all 1s;
	width:90%;
}
.hall-list a:before{
	content:'';
	height:3px;
	width:17px;
	margin:0 auto;
	background:#000;
	display:block;
	margin-top:10px;
	overflow:hidden;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
}
.hall-list a:hover{
	padding:0;
	border:3px solid #e11313;
	color:#e11313;
}
.hall-list a:hover:before{
	background:#e11313;
	width:40px;
}
.hall-list a:hover img{
	-webkit-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
}
.hall .banner{
	width: 100%;
    height: 100%;
    position: relative;
}
.hall .banner>div{
	background-position: center;
    background-size: auto 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.8s;
}
.hall .banner>div.but-left{
	width:42px;
	height: 111px;
	background: url(../image/hall/right.png) no-repeat;
	opacity: 1;
	left: 30px;
	position:absolute;
	z-index:333;
	right:auto;
	top:40%;
	background-size:26px;
	cursor: pointer
}

.hall .banner>div.but-right{
	width:42px;
	height: 111px;
	background: url(../image/hall/left.png) no-repeat;
	opacity: 1;
	right: 30px;
	position:absolute;
	z-index:333;
	left:auto;
	top:40%;
	background-size:26px;
	cursor: pointer
}
.hall .banner>div.but-left:hover{
	transform: translate(-10px,0);
}
.hall .banner>div.but-right:hover{
	transform: translate(10px,0);
}


.hall .banner>div>img{
	display: block;
}
.hall .banner>div.in{
	opacity: 1;
	z-index: 111;
}
.hall .banner>div>span{
 width: 12%;
 height: 20%;
 position: absolute;
 font-size: 14px;
 color: #d90600;
 font-weight: bold;
 cursor: pointer;
 text-align: center;
}
.hall .banner>div>span>label{
  opacity: 0;
  transition: all 0.4s;
}
.hall .banner>div>span>label:before{
	content: '';
	display: inline-block;
	width: 22px;
	height: 27px;
	background: url('../image/hall-pic1.png');
	margin-bottom: -10px;
}
.hall .banner>div>span:hover label{
 opacity: 1;
}





.hall .banner>div .span1-1{
	position: absolute;
	margin: auto;
	top: 48%;
	left: 1%;
}
.hall .banner>div .span1-2{
	position: absolute;
	margin: auto;
	top: 48%;
	left: 14%;
}
.hall .banner>div .span1-3{
	position: absolute;
	margin: auto;
	top: 48%;
	left: 31%;
}
.hall .banner>div .span1-4{
	position: absolute;
	margin: auto;
	top: 48%;
	left: 42%;
}
.hall .banner>div .span1-5{
	position: absolute;
	margin: auto;
	top: 48%;
	left: 55%;
}
.hall .banner>div .span1-6{
	position: absolute;
	margin: auto;
	top: 49%;
	left: 64%;
}
.hall .banner>div .span1-7{
	position: absolute;
	margin: auto;
	top: 49%;
	left: 75%;
}
.hall .banner>div .span1-8{
	position: absolute;
	margin: auto;
	top: 49%;
	left: 88%;
}



.hall .banner>div .span4-1{
	position: absolute;
	margin: auto;
	top: 38%;
	left: 3%;
}
.hall .banner>div .span4-2{
	position: absolute;
	margin: auto;
	top: 36%;
	left: 30%;
}
.hall .banner>div .span4-3{
	position: absolute;
	margin: auto;
	top: 38%;
	left: 60%;
}
.hall .banner>div .span4-4{
	position: absolute;
	margin: auto;
	top: 40%;
	left: 86%;
}
.hall .banner>div .span3-1{
	position: absolute;
	margin: auto;
	top: 40%;
	left: 3%;
}
.hall .banner>div .span3-2{
	position: absolute;
	margin: auto;
	top: 44%;
	left: 44%;
}
.hall .banner>div .span3-3{
	position: absolute;
	margin: auto;
	top: 42%;
	left: 64%;
}
.hall .banner>div .span3-4{
	position: absolute;
	margin: auto;
	top: 42%;
	left: 88%;
}

.hall .banner>div .span2-1{
	position: absolute;
	margin: auto;
	top: 45%;
	left: 3.5%;
}
.hall .banner>div .span2-2{
	position: absolute;
	margin: auto;
	top: 46%;
	left: 28%;
}
.hall .banner>div .span2-3{
	position: absolute;
	margin: auto;
	top: 44%;
	left: 55%;
}
.hall .banner>div .span2-4{
	position: absolute;
	margin: auto;
	top: 43%;
	left: 84%;
}


/*
	outer
*/
.outer{
	position:relative;
}
.outer .color{
	position:absolute;
	right:0%;
	left:0;
	margin:auto;
	bottom:5%;
	width:600px;
}
.outer .color div{
	float:left;
	width:35px;
	height:35px;
	cursor:pointer;
	margin-left:30px;
}
.outer .color div label{
	display:block;
	width:60px;
	margin-top:-37px;
	font-size:12px;
	text-align: center;
	margin-left:-12px;
	display:none;
	color:#ffffff;
}
.outer .color div:first-child label{
	display:block;
}
.outer .color span{
	width:65px;
	height:65px;
	position:absolute;
	bottom:-7px;
	left:0px;
	background:url(../image/comment/car-color.png);
	-webkit-transform:translate(15px,8px) rotate(0deg);
	-webkit-animation:car-color-tab 3s linear infinite;
}
@-webkit-keyframes car-color-tab{
	to{-webkit-transform:translate(15px,8px) rotate(360deg);}
	from{-webkit-transform:translate(15px,8px) rotate(0deg);}
}
.outer .full-but{
	position:absolute;
	bottom:9%;
	right:5%;
	cursor:pointer
}
.outer .full-but .outer-btn{
	width:77px;
	height:76px;
	line-height: 76px;
	color:#fff;
	text-align: center;
	opacity:0.7;
	position:relative;
	margin-top:10px;
	-webkit-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
}
.outer .full-but .outer-btn span{
	width:77px;
	height:77px;
	background:url(../image/comment/icon2.png);
	display:block;
	-webkit-animation:outerbut 3s linear infinite;
	-ms-animation:outerbut 3s linear infinite;
}
@-webkit-keyframes outerbut{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@-ms-keyframes outerbut{
	0%{-ms-transform:rotate(0deg);}
	100%{-ms-transform:rotate(360deg);}
}
.outer .full-but .outer-btn label{
	position:absolute;
	top:0;
	left:0;
	text-align: center;
	width:77px;
}
.outer .full-but .outer-btn.in{
	opacity:1;
}
.outer .full-but .outer-btn:hover{
	opacity:1;
}
.outer .full-but .outer-btn:hover span{
	-webkit-animation:outerbut 1.5s linear infinite;
	-ms-animation:outerbut 1.5s linear infinite;
}
.outer .full-but .btn-360{
	width:74px;
	height:74px;
	background:url(../image/comment/icon3.png);
	margin-top:20px;
	padding-top:1px;
	
}
.outer .full-but .btn-360>div{
	height:84px;
	width:18px;
	margin-left:30px;
	margin-top:-5px;
	background:url(../image/comment/icon7.png) no-repeat;
}
.outer .full-but a{
	color:#fff;
	line-height: 76px;
	display:block;
}
.outer .return-hall{
	width:170px;
	height:42px;
	line-height:42px;
	color:#fff;
	font-size:16px;
	text-align: center;
	position:absolute;
	bottom:4%;
	left:10%;
	border:2px solid #ffffff;
	-webkit-transition:all 0.3s;
	-ms-transition:all 0.3s;
}
.outer .return-hall span{
	float:right;
	width:42px;
	height:42px;
	border-left:2px solid #ffffff;
	background:url(../image/comment/icon4.png) no-repeat center center;
}
.outer .return-hall a{
	color:#ffffff;
}
.outer .return-hall:hover{
	background:rgba(255,255,255,0.1);
}



.outer .hot{
	width:60%;
	height:90%;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:2%;
}
.outer .hot>div{
	width:26px;
	height:26px;
	position:absolute;
	background:url(../image/comment/icon5.png) no-repeat center center;
	border:2px solid rgba(255,255,255,0.5);
	padding:2px;
	border-radius:50%;
	position:absolute;
}

.outer .hot>div .init{
	position:absolute;
	bottom: -112px;
	left: 39px;
	height:315px;
	width:263px;
	background:#ffffff;
	display:none;
	z-index: 10;
}
.outer .hot>div .init span{
	display:block;
	width:22px;
	height:2px;
	background:#000000;
	margin-left:22px;
	margin-top:22px;
	margin-bottom:4px;
}
.outer .hot>div .init>div{
	margin-left:22px;
	margin-right:22px;
}
.outer .hot>div .init>div.title{
	font-size:15px;
	margin-bottom:10px; 
	font-weight:bold
}
.outer .hot>div .init>div.more{
	position:absolute;
	bottom:0;
	left:-22px;
	height:5px;
	width:100%;
	background:#e11313;
	color:#fff;
	line-height:5px;
	text-align: center;
	font-size:14px;
	cursor:pointer;
	-webkit-transition:all 0.3s;
	-ms-transition:all 0.3s;
}
.outer .hot>div .init>div.more span{
	float:right;
	height:40px;
	width:40px;
	margin:0;
	background:url(../image/comment/icon4.png) no-repeat center center;
	border-left:1px solid #ff2626;
}
.outer .hot>div .init>div.more:hover{
	background:#bb0b0b;
}
.outer .hot>div .close{
	background:url(../image/comment/icon6.png) no-repeat center center;
	position:absolute;
	width: 28px;
	height: 28px;
	background-size: 100%;
	z-index: 1;
	top: -167px;
	left:267px;
	cursor:pointer;
	display:none;
	z-index: 15;
}
.outer .hot .but{
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
.outer .hot>div.mintop .init{
	bottom:-315px;
}
.outer .hot>div.mintop .close{
	top:5px;
}







.outer-lookpic{
	background:rgba(0,0,0,0.85);
	position:fixed;
	width:100%;
	height:100%;
	top:78px;
	z-index: 33;
	display:none;
}
.outer-lookpic .dom{
	width: 1170px;
	height:300px;
	background:url(../image/comment/bg1.png) no-repeat right center;
	position:absolute;
	left:0;
	right:0;
	top:-100px;
	bottom:0;
	margin:auto;
	display:none;
}
.outer-lookpic .dom.in{
	display:block;
}
.outer-lookpic .dom img{
	float:left;
	width:100%;
}
.outer-lookpic .dom span{
	display:inline-block;
	height:2px;
	width:24px;
	margin-top:80px;
	background:#000000;
}
.outer-lookpic .dom .title{
	font-size: 24px;
	line-height: 39px;
	margin-top: -2px;
}
.outer-lookpic .dom .content{
	font-size: 14px;
	display:inline-block;
	width:360px;
	line-height: 25px;
	margin-top:10px;
	color: #595959;
}
.outer-lookpic .dom .pic{
	width: 533px;
	height: 366px;
	float:left;
	margin-right:60px;
}
.outer-lookpic .close{
	width:38px;
	height:18px;
	padding-top:20px;
	position:absolute;
	left:0;
	right: -1181px;
	bottom:0;
	top: -410px;
	margin:auto;
	cursor:pointer;
}
.outer-lookpic .close span{
	height:2px;
	width:38px;
	background:#ffffff;
	display:block;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transition:all 0.8s;
	-ms-transition:all 0.8s;
}
.outer-lookpic .close span:nth-child(2) {
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	margin-top:-2px;
}
.outer-lookpic .close:hover span{
	-webkit-transform:rotate(225deg);
	-ms-transform:rotate(225deg);
}
.outer-lookpic .close:hover span:nth-child(2){
	-webkit-transform:rotate(-225deg);
	-ms-transform:rotate(-225deg);
}
.outer-lookpic ul{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom: -300px;
	margin:auto;
	z-index: 1
}
.outer-lookpic ul{
	display:block;
	height:7px;
	width:1280px;
	text-align:center;
}
.outer-lookpic ul li{
	width:120px;
	display:inline-block;
	margin-left:3px;
	background:#b3b3b3;
	height:5px;
	cursor:pointer;
}
.outer-lookpic ul li.in{
	background:#e11313;
}
.outer-lookpic ul li:hover{
	background:#d6d6d6;
}
.outer #outer-cangas{
	width:100%;
	background:#eee;
}
.interior{
	margin-top:78px;
	height:92%;
}
.outer .tup{
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #fff;
	display: none;
}


@media only screen and (max-width: 1680px) {
	.ind-banner>div{
		-webkit-transform: scale(0.8,0.8);
		-ms-transform: scale(0.8,0.8);
	}
	.ind-banner>div.light{
		-webkit-transform:scale(1,1);
		-ms-transform:scale(1,1);
	}
	.hall-list{
		width:1288px;
		bottom:-77px;
	}
	.hall-list a{
		width:150px;
		height:140px;
	}
	.hall-list a img{
		width:90%;
	}
}
@media only screen and (max-width: 1500px) {
	.header{
		height:57px;
	}
	.header .logo{
		top:8px;
	}
	.header .logo img{
		width:130px;
	}
	.header .return-index{
		line-height: 24px;
		font-size:14px;
	}
	.header .return-index a{
		width:120px;
		height:24px;
		border:1px solid #080103;
		font-size:12px;
	}
	.header .return-index span{
		width:24px;
		height:24px;
		border-left:1px solid #080103;
		background-size:6px;
	}
	.header-div{
		height:57px;
	}
	.ind-banner>div{
		-webkit-transform: scale(0.7,0.7);
		-ms-transform: scale(0.7,0.7);
	}
	.hall-list{
		width:1100px;
		bottom:-77px;
	}
	.hall-list a{
		width:120px;
		height:120px;
		font-size:14px;
	}
	.hall-list a:before{
		height:2px;
	}
	.outer .return-hall,.outer .hot-hall{
		width:120px;
		height: 28px;
		line-height: 28px;
		font-size: 12px;
		bottom:6%;
	}
	.outer .return-hall span,.outer .hot-hall span{
		width:28px;
		height:28px;
	}
	.outer .full-but{
		bottom:16%;
	}
	.outer .full-but .outer-btn,.outer .full-but .outer-btn span,.outer .full-but .outer-btn label,.outer .full-but .btn-360{
		width:50px;
		height:50px;
		background-size:100%;
		background-repeat:no-repeat;
	}
	.outer .full-but a{
		line-height: 50px;
	}
	.outer .full-but .btn-360>div{
		height: 56px;
		width: 11px;
		background-size: 6px;
		margin-left: 20px;
		margin-top: -2px;
		background-size: 11px;
	}
	.outer .full-but .btn-360{
		margin-top:10px;
	}
	.outer .color{
		-webkit-transform:scale(0.7,0.7);
	}
	.outer .color div label{
		font-size:16px;
	}
	.outer .hot>div .init{
		width:200px;
		height:240px;
	}
	.outer .hot>div .init span{
		margin-top:10px;
	}
	.outer .hot>div .init>img{
		width:100%;
	}
	.outer .hot>div .init>div.title{
		font-size:14px;
		margin-bottom:5px;
	}
	.outer .hot>div .init>div.more{
		height:5px;
		font-size:12px;
		line-height:5px;
	}
	.outer .hot>div .init>div.more span{
		width:30px;
		height:30px;
	}
	.outer .hot>div{
		width:14px;
		height:14px;
		background-size:100%;
	}
	.outer .hot>div .close{
		width:18px;
		height:18px;
		left: 214px;
		top: -104px;
	}

	.outer .hot>div.mintop .init{
		bottom:-251px;
	}
	.outer-lookpic .dom{
		width: 760px;
		height:300px;
		background-size:100%;
	}
	.outer-lookpic .dom .pic{
		width: 448px;
		height:432px;
		float:left;
		margin-left: -153px;
		margin-top: 32px;
	}
	.outer-lookpic .dom .title{
		font-size: 23px;
	}
	.outer-lookpic .dom .content{
		width: 280px;
		font-size:12px;
		line-height:24px;
		margin-top:0;
	}
	.outer-lookpic .dom .pic img{
		width:100%;
	}
	.outer-lookpic ul{
		bottom:-210px;
	}
	.outer-lookpic .close{
		left: -382px;
		top: -352px;
	}
	.outer-lookpic .close span{
		width:30px;
	}
	.outer-lookpic ul li{
		width:70px;
		height:3px;
	}
	.outer-lookpic{
		top:57px;
	}
	.interior{
		margin-top:57px;
	}
	.footer{
		height:57px;
		line-height: 57px;
	}
}