﻿@charset "utf-8";
/* CSS reset */
html, body, iframe,
h1, h2, h3, h4, h5, h6, p, 
ol, ul, dl, dd, 
input, button, textarea, form {
	margin: 0;
	padding: 0;
}
body {
	color: #666;
	font: 12px/1.5 Helvetica,Arial,sans-serif;
	/*word-break:break-all; 支持IE，chrome，FF不支持*/
　　word-wrap:break-word;/*支持IE，chrome，FF*/
font-family:"Microsoft YaHei", "微软雅黑";
}
ol, ul {
	list-style: none;
}
a:link{text-decoration: none; color:#FFFFFF;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {
	*zoom: 1;
}
.layout {
	width: 1150px;
	height: 100px;
	margin: 0 auto;
}

/* Header */
.header-wrap {
	position: relative;
	z-index: 10000;
	width: 100%;
	height: 100px;
}
.header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100px;
	overflow: visible!important;
	border-bottom: 1px solid #e6e6e6;
	background:rgba(255,255,255,0.90);
}
.header .layout {
	position: relative;
		height: 100px;
}
.logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;

}

.nav {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 19;
	font-size: 14px;
	font-weight: bold;
		height: 100px;
}
.nav li {
	position: relative;
	float: left;
	height: 100px;
	line-height:100px;
    width:100px;
	
}
.nav a{position: relative;
	display: block;
	margin: 0 18px;color:#333;}

.nav a:hover {
	color: #ffa200;
}


#whyGeely, .vehicle, #followGeely {
	position: relative;
	width: 100%;
	height: 715px;
	/*overflow: hidden;*/
	min-width: 950px;
}
#followGeely {
	margin-top: -25px;
}
.viewport {
	position: relative;
	height: 100%;
}
.view-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #262729;
}
.view-bg img {
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	margin-left: -960px;
}
#loading {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: #444;
}
#loading img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 13px 0 0 -30px;
}


/*menu*/
.viewport-cont {
	position: absolute;
	top: 20%;
	left: 50%;
	width: 980px;
	margin-left: -475px;

}
.bus_tit{ width:400px; height:70px; font-size:45px; color:#fff; font-weight:bold; text-align:center; margin:0 auto;}
.line{ width:80px; height:20px;border-top:3px solid #fff; margin-top:10px; margin:0 auto;}
.bus_tit1{ width:980px; height:30px; line-height:30px; font-size:16px; color:#c8c8c8; font-weight:bold; text-align:center; margin:0 auto;}
.bus_con{width:650px; height:400px; margin:0 auto;}
.bus_con p{ width:150px; height:150px; line-height:190px; background:#ffa200; color:#fff; font-size:14px; font-weight:bold; margin-left:45px; margin-top:25px; border-radius:75px; float:left; text-align:center;}
.bus_over{width:980px; height:70px; line-height:70px; font-size:16px; font-weight:bold; background:url(../images/over_bg.png); color:#fff; text-align:center; float:left; margin:0 auto; }
.bus_con1{width:850px; height:300px; margin:0 auto;}
.bus_con1 p{ width:150px; height:150px; line-height:190px; background:#ffa200; color:#fff; font-size:14px; font-weight:bold;  margin-left:45px; margin-top:25px; border-radius:75px; float:left; text-align:center;}
.btn-border{ width:200px; height:50px; margin:0 auto;}
.btn-border a{width:200px; height:50px; font-size:16px; padding:20px 40px; line-height:50px;  border:#ffa200 1px solid; background:none; color:#ffa200;}
.btn-border a:hover{ background:#ffa200; color:#fff;}


.bus_h5{width:950px; height:70px; background:rgba(0,0,0,0.6); color:#fff; font-size:16px;border-radius:15px;margin-top:20px;text-align:center; padding:15px 10px;}
.bus_h6{width:160px; height:70px; line-height:60px; font-size:16px; margin-top:20px;border-radius:5px; text-indent:30px;font-weight:bold;background:url(../images/h5_bg.png); text-align:left; color:#fff; }



.fixed-view-ico {
	position: fixed;
	_position: absolute;
	right: auto;
	right: 25px;
	top: 50%;
	z-index: 999;
	width: 117px;
	height: 150px;
	margin-top: -60px;
	font-size:14px;
	
}
.fixed-view-ico a {
	color:#fff;
	display: block;
	width: 117px;
	height: 40px;
	margin-bottom: 5px;
	padding-left:20px;
	background:#3f3f3f;
line-height:40px;
border-radius:5px;
}
.fixed-view-ico a:hover, .fixed-view-ico .cur {
	color:#fff;
	background:#ffa200;
}