﻿@charset "utf-8";
/* CSS Document */


.logo{
	position: absolute;
	right: 75px;
	top: 30px;
	z-index: 1;
}
.fix-icon-cont{
	position: fixed;
	right: 4%;
	bottom: 56px;
	z-index: 99;
}
.fix-icon-cont  .inp_txt,.fix-icon-cont  img{ margin:0; padding:0;}

.fix-icon-cont img.btn{
	margin: 6px 0px;
	cursor: pointer;
}
.fix-icon-cont .search-cont{
	position: relative;
}
.fix-icon-cont .search-input {
	position: absolute;
	z-index: 1;
	top: 7px;
	right: -3px;
	width: 248px;
	display:none;
	
}
.fix-icon-cont .search-cont .btn-search{
	display:inline;float:right;
	cursor: pointer;
}
.fix-icon-cont  .icon-top{visibility:hidden;}
.fix-icon-cont  .new_top{visibility:hidden;}
.fix-icon-cont .search-cont input[type=text]{
	border: none;
	border-bottom: #7a7d80 1px solid;
	border-top: #7a7d80 1px solid;
	color: #7c7c7c;
	height: 46px;
	line-height: 46px;
	width: 186px;
}

.mar-cent {
	margin-left: auto;
	margin-right: auto;
}
.index {
		min-width: 1003px;
}
.index .cont {
	height: 800px;
	position: relative;
}
.index .inner-cont {
	width: 1003px;
}
.index a.btn {
	color: #FFFFFF;
	display: block;
	background: #232527;
	text-align: center;
}
/*------------------------------------    横幅 (banner)         ------------------------------------*/

.index .banner {
	position: relative;
	height: 600px;
	overflow: hidden;
	opacity: 0;
}
.index .banner .img-cont {
	position: absolute;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 600px;
	z-index: 0;
}
.index .img-cont .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 93px;
	width: 100%;
}
.index .img-cont .swiper-pagination-switch {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: url(../images2015/index_banner_select.png) no-repeat;
	margin: 0 10px;
	cursor: pointer;
}
.index .img-cont .swiper-active-switch {
	background: url(../images2015/index_banner_selected.png) no-repeat;
}
.index .banner .bg {
	position: absolute;
	bottom: 0px;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	width: 100%;
	z-index: 0;
}
.index .banner .bg .bar-3 {
	background: #8b8d90;
	height: 20px;
}
.index .banner .bg .bar-2 {
	background: #5a5c5f;
	height: 20px;
}
.index .banner .bg .bar-1 {
	background: #232527;
	height: 20px;
}

.index .banner .sidebar{
	background: #d2d5da;
	height: 100%;
	width: 180px;
	position: absolute;
	left: 0px;
	z-index: 999;
}
.index .banner .icon-menu{
	width: 34px;
	display: block;
	margin-top: 39px;
}
.index .banner .sidebar ul{
	margin-top: 41px;
	height:249px;
}
.index .banner .sidebar dt{
	text-align: center;
	font-size: 16px;
	color: #232527;
	height: 33px;
	line-height: 33px;
	cursor: pointer;
}
.index .banner .sidebar dt a{color: #232527;}
.index .banner .sidebar dd{
	display: none;
	position: absolute;
	width:230px;
	height: 100%;
	top:0px;
	left:180px;
}
.index .banner .sidebar li dt{
	border-top: 1px transparent solid;
	border-bottom: 1px transparent solid;
}
.index .banner .sidebar li dt span{
	color:transparent;
	position: absolute;
	right: 30px;
}
.index .banner .sidebar li:hover dt{
	border-top: 1px #c79da5 solid;
	border-bottom: 1px #c79da5 solid;
	color: #cd3032;
}
.index .banner .sidebar li:hover dt span{
	color:#cd3032;
}

.index .banner .sidebar li:hover dd{
	display: block;
}
.index .banner .sidebar .bg-menu{
	background: #ae1d29;
	filter: alpha(Opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	position:absolute;
	z-index: 2;
	height: 100%;
	width: 100%;
}
.index .banner .sidebar-cont{
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
}
.index .banner .sidebar-cont h1{
	font-size: 30px;
	color: #FFFFFF;
	margin: 44px 0px 44px 37px;
}
.index .banner .sidebar-cont .line{
	background: #e0bdbf;
	width: 100%;
	height: 1px;
	display: block;
}
.index .banner .sidebar-cont ol{
	display: table;
	margin-left: 37px;
	margin-top: 14px;
}
.index .banner .sidebar-cont ol li{
	margin:14px 0px;
}
.index .banner .sidebar-cont ol li a{
	color: #e0bdbf;
	font-size: 16px;
}
.index .banner .sidebar .cr{
	color: #7c7c7c;
	width: 156px;
	text-align: center;
	display: block;
	margin-top: 30px;
}
.index .banner .share-icon{
	display: block;
	width: 102px;
}
.index .banner .share-icon .btn-wc{
	width:44px;
	height: 44px;
	display: inline-block;
	background: url(../images2015/index_banner_icon_wechat.png);
}
.index .banner .share-icon .qr{
	margin-bottom: 13px;
}
.index .banner .share-icon .btn-wc:hover{
	background: url(../images2015/index_banner_icon_wechat_on.png);
}
.index .banner .share-icon .btn-en{	
	float: right;
	width:44px;
	height: 44px;
	display: inline-block;
	background: url(../images2015/index_banner_icon_en.png);
}
.index .banner .share-icon .btn-en:hover{
	background: url(../images2015/index_banner_icon_en_on.png);
}

/*------------------------------------    资讯 (info)         ------------------------------------*/

.index .info .nav-bar {
	border-top: 1px #dcdcdc solid;
	margin-top: 49px;
}
.index .info .nav-bar li {
	float: left;
	width: 200.6px;
	height: 45px;
	line-height: 45px;
	border-top: 4px transparent solid;
}
.index .info .nav-bar li a {
	cursor: pointer;
	color: #8e8f90;
	font-size: 18px;
	display: block;
	text-align: center;
}
.index .info .nav-bar .on,
.index .info .nav-bar li:hover {
	border-top: 4px #d53946 solid;
}
.index .info .nav-bar .on a,
.index .info .nav-bar li:hover a {
	color: #d53946;
}
.index .news {
	margin-top: 17px;
	position: absolute;
	display: none;
}
.index .news1 {
	display: block;
}
.index .info table.hotline {
	border-collapse: collapse;
    width: 100%;
}
.index .info table.hotline span {
	width: 478px;
	display: block;
	margin: 0 auto;
}
.index .info table.hotline span.txt1 {
	color: #232527;
	font-size: 18px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.index .info table.hotline span.txt2 {
	margin-top: 26px;
	font-size: 14px;
	color: #636363;
}
.index .info table.hotline span.txt3 {
	margin-top: 25px;
	font-size: 14px;
	color: #383a3c;
}
.index .info table.hotline span.txt3 a {
	border: 1px #8e8f90 solid;
	text-align: center;
	display: block;
	line-height: 30px;
	height: 30px;
	width: 136px;
}
.index .info table.hotline td.last-child {
	border: 1px #dcdcdc solid;
}
.index .info table.hotline td img{
	width: 100%;
}
.index .news ul.img-cont {
	margin-top: 4px;
}
.index .news ul.img-cont li {
	float: left;
	margin-left: 6px;
	width: 330px;
	height: 218px;
	position: relative;
}
.index .news ul.img-cont li:first-child {
	margin-left: 0px;
}

.index .news ul.img-cont span {
	bottom: 0px;
	position: absolute;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 100%;
	display: block;
	color: #ffffff;
	background: rgba(35, 37, 39);
	background: rgba(35, 37, 39, 0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5232527,endColorstr=#E5232527);
}
.index .news ul.first-child {
	margin-top: 30px;
}
.index .news ul.title-cont {
	border-bottom: 1px #dcdcdc solid;
}
.index .news ul.title-cont li {
	float: left;
	width: 481.5px;
	display: block;
	height: 37px;
	line-height: 37px;
	padding-left: 20px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.index .news ul.title-cont span {
	font-size: 14px;
	color: #232527;
}
.index .news ul.title-cont .icon {
	color: #c63e4a;
}
.index .news a.btn-more {
	font-size: 14px;
	height: 30px;
	width: 136px;
	line-height: 30px;
	margin-top: 19px;
	
}
.index .info .bg {
	position: absolute;
	bottom: 0px;
	width: 100%;
}
.index .info .bg .bar-2 {
	background: #5a5c5f;
	height: 20px;
}
.index .info .bg .bar-1 {
	background: #232527;
	height: 20px;
}
/*------------------------------------      车型 (model)       ------------------------------------*/

.index .model {
	background: url(../images2015/index_model_bg.jpg) no-repeat;
	background-position-x: 50%;
}
.index .model .title-cont {
	padding-top: 30px;
	position: relative;
}
.index .model .title-cont h1 {
	font-size: 36px;
	color: #232527;
	text-align: center;
}

.index .model .title-cont h2 {
	font-size: 18px;
	color: #232527;
	text-align: center;
}


.index .model .title-cont .line {
	width: 580px;
	height: 1px;
	display: block;
	background: #858789;
	margin: 20px auto;
}
.index .model .title-cont a {
	position: absolute;
	top: 81px;
	cursor: pointer;
}
.index .model .title-cont .btn-L {
	left: 105px;
}
.index .model .title-cont .btn-R {
	right: 105px;
}
.index .model .btn-cont {
	display: table;
	margin-top: 29px;
}

.index .model .btn-cont .btn1 {
	height: 44px;
	line-height: 44px;
	font-size: 24px;
	float: left;
	margin: auto 5px;
	padding: 0px 23px;
}
.index .model .nav-bar {
	border-top: 1px #FFFFFF solid;
	margin-top: 49px;
}
.index .model .nav-bar li {
	float: left;
	width: 125.3px;
	height: 45px;
	line-height: 45px;
	border-top: 4px transparent solid;
}
.index .model .nav-bar li a {
	cursor: pointer;
	color: #8e8f90;
	font-size: 18px;
	display: block;
	text-align: center;
}
.index .model .nav-bar .on,
.index .model .nav-bar li:hover {
	border-top: 4px #d53946 solid;
}
.index .model .nav-bar .on a,
.index .model .nav-bar li:hover a {
	color: #d53946;
}
.index .model .exhibit {
	width: 910px;
	height: 316px;
	position: relative;
}
.index .model .exhibit img {
	display:block;
}
.index .model .icon-cont {
	display: table;
	margin-top: 11px;
}
.index .model .icon-cont dd {
	width: 71px;
	text-align: center;
	float: left;
	margin: 0 55px;
}
.index .model .icon-cont dd span {
	color: #232527;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}

    #top_banner  ul{ width:100%;}
    #top_banner li{ width:100%; position:absolute; left:0px; max-height:100%;}
	#top_banner li img{left: 50%;margin-left: -960px; position:relative; display: none;}
	.top_b_btn{ position:absolute; bottom:11px; left:50%; z-index:88; height:22px;}
	.top_b_btn span{display: inline-block;width: 22px;height: 22px;border-radius: 22px;background:url(../images2015/index_banner_select.png) no-repeat;margin: 0 10px;cursor: pointer; float: left;}
	.top_b_btn span.selected{background: url(../images2015/index_banner_selected.png) no-repeat;}