@charset "utf-8";
/* CSS reset */
html, body, iframe,
h1, h2, h3, h4, h5, h6, p, i,em,
ol, ul, dl, dd, 
input, button, textarea, form {margin: 0;padding: 0; font-style:normal;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}

body {
	 font-family:"微软雅黑"; color:#333; font-size:14px;
	/*word-break:break-all; 支持IE，chrome，FF不支持*/
　　word-wrap:break-word;/*支持IE，chrome，FF*/
}
ol, ul {
	list-style: none;
}
a {
	text-decoration: none;
}
textarea {
	resize: none;
}
a, a:active, a:focus {
	outline: none;
}
a{ color:#444444; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#e60012;}

img {
	border: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** Base **/
.fl {
	float: left;
}
.fr {
	float: right;
}
.mgr20 {
	margin-right: 20px;
}
.clfff {
	color: #fff;
}
.cl333 {
	color: #333;
}
.cl999 {
	color: #999;
}
.fz11 {
	font-size: 11px;
	-webkit-text-size-adjust: none;
}
.fz14 {
	font-size: 14px;
}
.fz16 {
	font-size: 16px;
}
.fz24 {
	font-size: 24px;
}
.fz18 {
	font-size: 18px;
}
.fz36 {
	font-size: 36px;
}
.fz48 {
	font-size: 48px;
}
.fwb {
	font-weight: bold;
}

.ttfuc {
	text-transform: uppercase;
}
.lh16 {
	line-height: 16px;
}
.lh22 {
	line-height: 22px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {
	*zoom: 1;
}
.layout {
	width:100%;
	margin: 0 auto;
}
.tst5 {
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.ts3 {
	text-shadow: 1px 1px 3px #333;
}
.opct8 {
	opacity: .8;
	filter: alpha(opacity=80);
}

/* Global Background */
.hd-face, .g-share, .hd-search-txt, .hd-search-btn {
	background: url(../images/global.png) no-repeat;
}

/* Global Class */
.g-line {
	display: inline-block;
	width: 1px;
	height: 9px;
	overflow: hidden;
	margin: 4px 10px 0 0;
	background: #cdcccc;
	vertical-align: middle;
}
.g-share {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-left: 7px;
	vertical-align: middle;
}
.g-share:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}
.g-share01 {
	background-position: 0 -80px;
}
.g-share02 {
	background-position: -28px -80px;
}
.g-share03 {
	background-position: -57px -80px;
}

.g-mask-close {
	position: absolute;
	right: -55px;
	top: 10px;
	width: 40px;
	height: 39px;
	background: url(../images/mask_close.png) no-repeat;
}
.g-mask-close:hover {
	background-image: url(../images/mask_close_hover.png);
}
.g-scroll {
	position: relative;
	overflow: hidden;
	padding-right: 15px;
}
.g-scroll-cont {
	position: absolute;
	left: 0;
	padding-right: 15px;
}
.g-scroll-bar {
	position: absolute;
	right: 0;
	top: 0;
	width: 5px;
	height: 100%;
	overflow: hidden;
}
.g-scroll-btn {
	position: absolute;
	width: 5px;
	height: 57px;
	background: #fff;
	cursor: pointer;
}


#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;
}
.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: -62px 0 0 -62px;
}

/*title*/
.Title01{height:99px; text-align:center; font-size:40px; color:#222222; line-height:62px; position:relative;}
.Title01 em{color:#ffa500; margin-left:12px; text-transform:uppercase;}
.Title01 p{color:#999999; font-size:15px; line-height:37px;}

.Title02{text-align:center;}
.Title02 span{display:block; font-size:30px; line-height:43px; color:#222222;}
.Title02 em{display:block; font-size:16px; color:#888888; left:26px; text-transform:uppercase;}

/*pages*/
.Pages{width:100%; text-align:center; padding:39px 0px 0px;}
.Pages a{display:inline-block; height:28px; line-height:28px; padding:0px 12px; color:#666666; font-size:14px; border:1px solid #dddddd; border-radius:5px; margin:0px 2px; background:#fff;}
.Pages a:hover{color:#fff; background:#ffa500}

/*栏目banner*/
.Ban { padding-top:90px;}
.Ban img{display:block; width:100%;}
.Ban span{display:block; height:220px;}

/*栏目定位*/
.Position{position:relative; width:1200px; margin:21px auto 0px; height:69px; overflow:hidden;}
.Current{position:absolute; top:0px; left:0px; line-height:43px; height:43px; background:url(../images/home.png) no-repeat left center; padding-left:25px; font-weight:bold; font-size:14px;}
.Current a{display:block; float:left; background:url(../images/arr1.png) no-repeat left center; padding:0px 8px 0px 10px; color:#333333;}
.Current span{display:block; float:left; background:url(../images/arr1.png) no-repeat left center; padding:0px 0px 0px 13px; color:#ffa500; font-weight:bold;}

/*栏目菜单*/
.SubMeun{text-align:center; margin:18px 0px 28px;}
.SubMeun a{display:inline-block; padding:0px 29px; height:42px; line-height:42px; border:1px solid #cacaca; box-shadow:0 5px 10px #ccc; -webkit-box-shadow:0 5px 10px #ccc; -moz-box-shadow:0 5px 10px #ccc;}
.SubMeun a:hover,.SubMeun a.on{background:#ffa500; color:#fff; border:1px solid #ffa500;}

.Container{background:#f7f7f7; padding:40px 0px 60px; margin-bottom:45px;}

.effect-img{overflow:hidden;text-align: center;cursor: pointer; zoom:1;}
.effect-img img{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img{opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;}

/* Header */
.Header{ background:#fff; height:90px; position:fixed; width:100%; z-index:9999; box-shadow:0px 0px 8px #ccc;}
.header-wrap {position: relative;z-index: 10000;width: 100%;height: 90px;}
.headersub { width:1200px; margin:0px auto; position:relative; height:90px;}
.logo{float:left; padding:16px 0px 0px 0px /*140px*/;}
.Searchtop{ padding:0px 7px 0px 11px; position:absolute; top:6px; right:68px; width:152px; height:26px;background:url(../images/inputbg.gif); overflow:hidden;}
.Searchtop .input{ float:left; width:129px; height:26px; line-height:26px; border:0px; background:transparent;}
.Searchtop .btn{ float:right;}
.language{ position:absolute; right:0px; top:10px;font-weight:bold;}
.language a.on{ color:#e39300;}
.language a:hover{ color:#e39300;}

.nav{ float:right; padding-top:39px;}
.nav li{ float:left; padding-left:34px;}
.nav li a{ display:block; height:35px; line-height:35px; font-size:15px; color:#000000;transition:all 0s linear; -webkit-transition:all 0s linear;}
.nav li a:hover{border-bottom:3px solid #ffa500; transition:all 0s linear; -webkit-transition:all 0s linear;}
.nav li.onnav a{border-bottom:3px solid #ffa500;}
.nav li:last-child a{padding-right:0px;}

#headerh{ width: 1200px; margin:0px auto; height:90px; z-index:99;clear:both;overflow:hidden;}


/*底部 s*/
.footer{background:#f7c363;}
.SitePath{width:1200px; margin:0 auto; padding:27px 0px 42px; height:200px;}
.SitePath dl{width:150px; float:left;text-align: left;}
.SitePath dl dt{font-size:18px; line-height:43px; color:#222222; font-weight:bold;}
.SitePath dl dd{font-size:15px; line-height:27px;}
.SitePath dl dd a{color:#222222;}
.SitePath dl.Login{width:166px; float:right;margin-right: 20px;}
.SitePath dl.Login dt a{font-size:15px; color:#222;}
.SitePath dl.Login img{display:block; width:166px; margin-top:12px;}

.bottom{padding-top:29px; height:75px; background:#222222; color:#fff; line-height:24px;}
.BottomLeft p a{ color:#fff;}
.BottomLeft p em{padding:0px 12px; color:#4f4f4f;}
.Link{background:url(../images/linkbg.png) no-repeat; width:167px; height:34px; line-height:34px; text-align:center; font-size:14px; color:#e9e9e9; margin-top:6px;}
/*底部 end*/

/*悬浮层*/
.float {
  position: fixed;
  top: 42%;
  right: 60px;
  margin-top: -135px;
  width: 53px;
}
.float-item, .float-item-1, .float-item-2, .float-item-3, .float-item-4, .float-item-5 {
  width: 53px;
  height: 54px;
  border-bottom: 1px solid #ffa500;
  position: absolute;
  right: 0px;
}
.float-item > a, .float-item-1 > a, .float-item-2 > a, .float-item-3 > a, .float-item-4 > a, .float-item-5 > a {
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  width: 53px;
  height: 53px;
  display: block;
  position: absolute;
  left: 0px;
  background-color: #ffa500;
  color: #fff;
  line-height: 53px;
  font-size: 16px;
  cursor: pointer;
}
.float-item i, .float-item-1 i, .float-item-2 i, .float-item-3 i, .float-item-4 i, .float-item-5 i {
  float: left;
  width: 53px;
  height: 53px;
  background: url(../images/sprite_2.png) 0 0 no-repeat;
  margin-right: 8px;
}

.float-item:hover > a, .float-item-1:hover > a, .float-item-2:hover > a, .float-item-3:hover > a, .float-item-4:hover > a, .float-item-5:hover > a {
  background-color: #ffa500;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
}

.float-item-expand, .float-item-1, .float-item-4 {
  text-indent: 2px;
}
.float-item-expand > div, .float-item-1 > div, .float-item-4 > div {
  display: none;
}

.float-item-slide, .float-item-2, .float-item-3 {
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  overflow: hidden;
}
.float-item-slide > a, .float-item-2 > a, .float-item-3 > a {
  width: 140px;
}

.float-item-slide:hover, .float-item-2:hover, .float-item-3:hover {
  width: 140px;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
}

.float-item-1 {
  top: 0px;
}
.float-item-1 i {
  background-position: 0px 0px;
}

.float-item-2 {
  top: 54px;
}
.float-item-2 i {
  background-position: 0px -53px;
}

.float-item-3 {
  top: 108px;
}
.float-item-3 i {
  background-position: 0px -106px;
}

.float-item-4 {
  top: 162px;
}
.float-item-4 i {
  background-position: 0px -159px;
}

.float-item-5 {
  top: 216px;
}
.float-item-5 i {
  background-position: 0px -212px;
}

.float-expand, .float-qq, .float-wechat {
  position: absolute;
  top: 0px;
  left: -185px;
  height: 270px;
  width: 160px;
  padding: 0 14px;
  background-color: #f7c363;
}
.float-expand h5, .float-qq h5, .float-wechat h5 {
  font-size: 16px;
  padding: 20px 0;
  color: #fff;
}
.float-wechat {
  top: -162px;
}
.float-wechat p {
  line-height: 20px;
  padding: 9px 0;
  color: #fff;
  text-align: center;
}

.wechat-pic {
  display: block;
  width: 100%;
}

.Scale-img {overflow: hidden;text-align: center;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;}