.viewport-cont {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1000px;
	margin-left: -475px;
}
.view-next {
	position: absolute;
	left: 50%;
	bottom: 30px;
	z-index: 99;
	width: 41px;
	height: 41px;
	margin-left: -20px;
	background: url(../img/why_geele_btn.png) no-repeat;
}
.view-next:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}
.view-next2 {
	background-position: -41px 0;
}
.fixed-view-ico {
	position: fixed;
	_position: absolute;
	left: auto;
	right: 25px;
	top: 50%;
	z-index: 999;
	width: 17px;
	height: 120px;
	margin-top: -60px;
}
.fixed-view-ico a {
	display: block;
	width: 17px;
	height: 17px;
	margin-bottom: 5px;
	background: url(../img/why_geele_ico.png) no-repeat;
	_background: url(../img/why_geele_ico_ie6.png) no-repeat;
}
.fixed-view-ico a:hover, .fixed-view-ico .cur {
	background-image: url(../img/why_geely_ico_hover.png);
	_background-image: url(../img/why_geele_ico_hover_ie6.png);
}

/* Brand Core Values */
.brand-view {
	height: 400px;
	margin-top: -200px;
}
.brand-view .g-tl h2 {
	font-size: 48px; font-family:"微软雅黑","宋体";
}
.brand-view .cont {
	padding-top: 95px;
	color: #e6eaee;
	font-size:14px;
}
/* Geely Overview */
.overview-view {
	margin-top: -310px;
	color: #fff;
}
.overview-view .about {
	height: 90px;
	padding-top: 10px;	
}
.overview-view .list {
	width: 1000px;
	margin: 0 auto;
	padding-left: 16px;
}
.overview-view .list li {
	float: left;
	width: 300px;
	height: 335px;
	margin-right: 26px;
}
.overview-view .list a {
	position: relative;
	float: left;
	width: 280px;
	height: 295px;
	padding: 12px;
	background: #5a5a5a;
	color: #fff;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.overview-view .list img {
	width:100%;
	display: block;
}
.overview-view .list strong {
	display: block;
	height: 35px;
	margin: 10px 0 8px;
	border-bottom: 1px solid #7c7c7c;
	font: normal 18px/35px "微软雅黑","宋体",Arial;
}
.overview-view .list a:hover {
	background: #0067b2;
}
.overview-view .list a:hover strong {
	border-color: #3385c1;
}
.overview-view .list-more {
	position: absolute;
	bottom: 35px;
	left: 20px;
	height: 28px;
	color: #fff;
}
.overview-view .list-more i {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 27px;
	height: 1px;
	overflow: hidden;
	background: #fff;
}

/* Production and R & D */
.production-view {
	margin-top: -260px;
}
.production-cont {
	position: relative;
	margin-top: 33px;
}
.production-cont .btn {
	position: absolute;
	top: 130px;
	z-index: 9;
	width: 19px;
	height: 31px;
	background: url(../img/why_production_btn.png) no-repeat;
}
.production-cont .prev {
	left: 12px;
}
.production-cont .prev:hover {
	background-position: 0 -31px;
}
.production-cont .next {
	right: 12px;
	background-position: -19px 0;
}
.production-cont .next:hover {
	background-position: -19px -31px;
}
.production-cont .cont {
	position: relative;
	width: 900px;
	height: 290px;
	overflow: hidden;
	margin: 0 auto;
}
.production-cont .cont ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
}
.production-cont .cont li {
	position: relative;
	float: left;
	width: 300px;
	margin-right: 10px;
}
.production-cont .cont li img{
width:100%;}

.production-cont .cont .line {
	position: absolute;
	bottom: 0;
	width: 0;
	height: 6px;
	background: #0067b2;
}
.production-cont .cont a {
	display: block;
	height: 280px;
	border-bottom: 6px solid #888;
	color: #888;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.production-cont .cont strong, .production-cont .cont img {
	display: block;
}
.production-cont .cont strong {
	padding-top: 15px;
	font-size: 14px;
	line-height: 35px;
}
.production-cont .cont a:hover {
	/*border-color: #0067b2;*/
	color: #0067b2;
}

/* Corporate Culture */
.culture-view {
	margin-top: -270px;
}
.culture-view .list {
	width: 980px;
	padding-left: 43px;
	margin: 30px auto 0;
}
.culture-view .list li {
	float: left;
	width: 280px;
	height: 320px;
	margin-right: 43px;
}
.culture-view .list a {
	display: block;
	position: relative;
	height: 279px;
	padding: 10px;
	border-bottom: 1px solid #eaebe9;
	background: #fff;
	color: #888;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.culture-view .list img {
	width:100%;
	display: block;
	position: relative;
	margin: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.culture-view .list strong {
	display: block;
	height: 35px;
	margin: 10px 0 8px;
	border-bottom: 1px solid #e5e5e5;
	line-height: 35px;
}
.culture-view .list-more {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 88px;
	height: 23px;
	border: 1px solid #dbdbdb;
	text-align: center;
	line-height: 23px;
}
.culture-view .list a:hover {	
	background: #0067b2;
	color: #fff;
	border-color: #0067b2;
}
.culture-view .list a:hover img {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* History */
.history-view {
	margin-top: -300px;
}
.history-cont {
	width: 950px;
	margin: 0 auto;
}
.history-cont .tab-tl {
	height: auto;
	padding: 34px 10px 0 0;
	font: bold 14px/42px "微软雅黑","宋体",Arial;
	text-align: center;
}
.history-cont .tab-tl a {
	display: inline-block;
	position: relative;
	height: 42px;
	min-width: 52px;
	_width: 52px;
	margin-right: 5px;
	padding: 0 17px;
	color: #fff;
	background: url(../img/why_history_tl.png) repeat-x;
	white-space: nowrap;
}
.history-cont .tab-tl i {
	visibility: hidden;
	position: absolute;
	left: 50%;
	top: 42px;
	width: 0;
	height: 0;
	overflow: hidden;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid dashed dashed dashed;
	border-color: #0271c2 transparent transparent transparent;
}
.history-cont .tab-tl a:hover, .history-cont .tab-tl .cur {
	background-position: 0 -60px;
}
.history-cont .tab-tl .cur i {
	visibility: visible;
}
.history-cont .cont-list {
	position: relative;
	padding-top: 20px;
}
.history-cont .cont-list .tab-cont {
	position: absolute;
	left: 0;
	top: 0;
	width: 950px;
	visibility: hidden;
}
.history-cont .cont-list .cont {
	position: relative;
	width: 840px;
	height: 365px;
	overflow: hidden;
	margin-left: 65px;
}
.history-cont .cont-list .marked {
	width: 820px;
	height: 30px;
	margin: 0 auto;
	color: #bababa;
	font-size: 14px;
	text-align: right;
}
.history-cont .cont-list ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 900px;
}
.history-cont .cont-list li {
	float: left;
	margin-right: 20px;
	background: #fff;
}
.history-cont .cont-list .cont a {
	display: block;
	position: relative;
	width: 220px;
	height: 302px;
	padding: 20px;
	color: #666;
}
.history-cont .cont-list img {
	margin: -20px -20px 0 -20px;
}
.history-cont .cont-list strong {
	display: block;
	height: 30px;
	margin: 8px 0 10px;
	border-bottom: 1px solid #d9d9d9;
	color: #007ad3;
	line-height: 30px;
}
.history-cont .cont-list .line {
	position: absolute;
	bottom: 31px;
	left: 20px;
	width: 22px;
	height: 3px;
	overflow: hidden;
	background: #6d7175;
}
.history-cont .cont-list .btn {
	position: absolute;
	top: 186px;
	width: 19px;
	height: 31px;
	background: url(../img/why_history_btn.png) no-repeat;
}
.history-cont .cont-list .btn:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}
.history-cont .cont-list .prev {
	left: 0;
}
.history-cont .cont-list .next {
	right: 0;
	background-position: -19px 0;
}

/* Geely Overview */
.aboutus-viewport {
	margin-top: -310px;
}
.aboutus-viewport .list {
	position: relative;
	width: 1000px;
	height: 420px;
	overflow: hidden;
	margin: 20px auto 0;
	background: #fff;
}
.aboutus-viewport .list-cont {
	position: relative;
	width: 820px;
	height: 380px;
	overflow: hidden;
	margin: 20px;
}
.aboutus-viewport .cont {
	float: left;
	width: 565px;
	height: 312px;
	overflow: hidden;
}
.aboutus-viewport .cont h4 {
	min-height: 24px;
	padding: 12px 0;
	border-bottom: 1px solid #ddd;
	color: #0067b2;
	font-size: 20px;
	line-height: 24px;
}
.aboutus-viewport .cont .txt {
	margin: 10px 0;
	color: #888;
}
.aboutus-viewport .trigger {
	position: absolute;
	bottom: 30px;
	right: 20px;
	width: 568px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}
.aboutus-viewport .trigger .btn {
	float: right;
	width: 30px;
	height: 30px;
	background: url(../img/geely_overview_btn.png) no-repeat;
}
.aboutus-viewport .trigger .prev:hover {
	background-position: 0 -30px;
}
.aboutus-viewport .trigger .next {
	margin-left: 10px;
	background-position: -30px 0;
}
.aboutus-viewport .trigger .next:hover {
	background-position: -30px -30px;
}

/* Brands Network */
.brands-network-viewport {
	margin-top: -310px;
}
.brands-network-viewport .img {
	margin-top: 30px;
	height: 175px;
	overflow: hidden;
}
.brands-network-viewport .img img:hover{
	transform: scale(1.1);
}
.brands-network-viewport .more {
	padding-top: 15px;
}
.brands-network-viewport .more a {
	padding: 0 21px;
}
.brands-network-viewport .about {
	padding-top: 10px;
}
.brands-network-viewport .about-line {
	padding: 8px 0;
	font-size: 0;
}
.brands-network-viewport .about-line i {
	display: inline-block;
	width: 27px;
	height: 4px;
	overflow: hidden;
	background: #fff;
}
.brands-network-viewport .about-cont {
	width: 760px;
	height: 158px;
	margin: 10px auto 0;
}

/* Technology & Innovation */
.tech-viewport {
	margin-top: -310px;
}
.tech-cont {
	position: relative;
	width: 709px;
	height: 366px;
	margin: 60px auto 0;
	background: url(../img/technology_innovation01.png) no-repeat 50% 0;
}
.tech-cont .icon {
	position: absolute;
	top: 74px;
	z-index: 10;
	width: 211px;
	height: 214px;
}
.tech-cont .icon img {
	position: absolute;
	left: 0;
	top: 0;
}
.tech-cont .left {
	left: 0;
}
.tech-cont .right {
	right: 0;
}
.tech-cont .icon .hover {
	display: none;
}
.tech-cont .icon:hover .hover {
	display: block;
}
.tech-cont .scroll-cont {
	position: absolute;
	left: 235px;
	top: 55px;
	width: 230px;
	height: 250px;
	overflow: hidden;
}
.tech-cont .scroll-cont .cont {
	position: absolute;
	left: 0;
}
.tech-cont .scroll-bar {
	position: absolute;
	left: 483px;
	top: 107px;
	width: 5px;
	height: 150px;
	overflow: hidden;
}
.tech-cont .scroll-btn {
	position: absolute;
	width: 5px;
	height: 57px;
	background: #fff;
	cursor: pointer;
}

/* Development Direction */
.development-viewport {
	margin-top: -310px;
}
.development-cont {
	position: relative;
	width: 950px;
	margin: 65px auto 20px;
}
.development-cont .cont {
	position: relative;
	width: 884px;
	height: 348px;
	overflow: hidden;
	margin: 0 auto;
}
.development-cont .cont ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 10000px;
	height: 346px;
}
.development-cont .cont li {
	float: left;
	width: 282px;
	margin-right: 20px;
}
.development-cont .cont a {
	display: block;
	height: 344px;
	padding: 0 25px;
	border: 1px solid #dbdbdb;
	background: url(../img/development_direction_bg.jpg) repeat-x;
	cursor: default;
}
.development-cont .cont strong {
	display: block;
	height: 55px;
	overflow: hidden;
	color: #0067b2;
	font-size: 14px;
	line-height: 55px;
}
.development-cont .cont .g-scroll {
	display: block;
	width: 100%;
	height: 260px;
	margin-top: 10px;
}
.development-cont .cont .txt {
	display: block;
	width: 230px;
	padding: 10px 15px 10px 0;
	color: #888;
}
.development-cont .cont i {
	display: block;
	width: 19px;
	height: 3px;
	overflow: hidden;
	margin-top: 5px;
	background: #ccc;
}
.development-cont .cont a:hover {
	border-color: #015593;
	background-position: 0 -400px;
}
.development-cont .cont a:hover strong {
	color: #fff;
}
.development-cont .cont a:hover .txt {
	color: #e8e8e8;
}
.development-cont .cont a:hover i {
	background: #fff;
}
.development-cont .btn {
	position: absolute;
	top: 154px;
	width: 24px;
	height: 39px;
	background: url(../img/development_direction_btn.png) no-repeat;
}
.development-cont .prev {
	left: 0;
}
.development-cont .prev:hover {
	background-position: 0 -39px;
}
.development-cont .next {
	right: 0;
	background-position: -24px 0;
}
.development-cont .next:hover {
	background-position: -24px -39px;
}

/* The Fundamental Driving Force */
.driving-viewport {
	margin-top: -310px;
}
.driving-viewport .cont {
	width: 950px;
	height: 380px;
	margin: 20px auto 0;
}
.driving-viewport .img-list {
	position: relative;
	float: left;
	width: 290px;
	height: 190px;
	overflow: hidden;
	margin-right: 40px;
	border: 5px solid #fff;
}
.driving-viewport .img-list ul {
	position: absolute;
	left: 0;
	top: 0;
}
.driving-viewport .img-list li {
	float: left;
	width: 290px;
}
.driving-viewport .txt-list {
	position: relative;
	float: left;
	width: 493px;
	height: 335px;
	overflow: hidden;
	color: #dadada;
	line-height: 16px;
}
.driving-viewport .txt-list ul {
	position: relative;
	left: 0;
	top: 0;
}
.driving-viewport .txt-list li {
	position: absolute;
	left: 0;
	top: 0;
	width: 478px;
	height: 330px;
	opacity: 0;
	filter: alpha(opacity=0);
}
/*.driving-viewport .list-cont {
	position: relative;
	width: 815px;
	height: 300px;
	overflow: hidden;
	margin: 60px 67px 20px;
}
.driving-viewport .list-cont ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 10000px;
}
.driving-viewport .list-cont .img {
	float: left;
	width: 290px;
	height: 190px;
	margin-right: 40px;
	border: 5px solid #fff;
}
.driving-viewport .list-cont .cont {
	float: left;
	width: 478px;
	color: #dadada;
	line-height: 16px;
}*/
.driving-viewport .trigger {
	padding-left: 290px;
	color: #fff;
	font-style: italic;
}
.driving-viewport .trigger .btn {
	float: left;
	width: 32px;
	height: 29px;
	background: url(../img/fundamental_driving_btn.png) no-repeat;
}
.driving-viewport .trigger .prev {
	margin-right: 10px;
}
.driving-viewport .trigger .next {
	margin: 20px 0 0 10px;
	background-position: 0 -29px;
}

/* Mission, Vision and Value */
.culture-viewport {
	margin-top: -310px;
}
.culture-viewport .list {
	position: relative;
	width: 840px;
	height: 324px;
	margin: 50px auto 40px;
	background: #fff;
}
.culture-viewport .curIndex {
	float: left;
	width: 112px;
	height: 324px;
	margin-right: 27px;
	border-right: 1px solid #cfcfcf;
	background: #e5e5e5;
	color: #cecece;
	font: italic bold 60px/100px "微软雅黑","宋体",Arial;
	text-align: center;
}
.culture-viewport .list-cont {
	float: left;
	width: 675px;
	height: 284px;
	overflow: hidden;
	padding: 20px 0;
}
.culture-viewport .list-cont li {
	float: left;
	width: 675px;
}
.culture-viewport h4 {
	font-size: 24px;
}
.culture-viewport .about {
	display: block;
	min-height: 50px;
	_height: 50px;
	color: #0067b2;
	font-size: 14px;
	line-height: 18px;
}
.culture-viewport .line {
	display: block;
	width: 22px;
	height: 3px;
	overflow: hidden;
	background: #a6a6a6;
}
.culture-viewport .cont {
	padding: 10px 0;
	line-height: 16px;
}
.culture-viewport .trigger {
	position: absolute;
	bottom: 28px;
	right: 20px;
	width: 680px;
	line-height: 30px;
}
.culture-viewport .trigger .btn {
	float: right;
	width: 42px;
	height: 30px;
	background: url(../img/culture_btn.png) no-repeat;
}
.culture-viewport .trigger .prev:hover {
	background-position: 0 -30px;
}
.culture-viewport .trigger .next {
	margin-left: 5px;
	background-position: -42px 0;
}
.culture-viewport .trigger .next:hover {
	background-position: -42px -30px;
}


/* Production Mask */
.production-mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}
.production-mask .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
}
.production-mask-cont {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 9;
	width: 860px;
	height: 335px;
	margin: -155px 0 0 -430px;
	background: #fff;
}
.production-mask-cont .list {
	position: relative;
	width: 840px;
	height: 315px;
	overflow: hidden;
	margin: 10px;
}
.production-mask-cont li {
	position: absolute;
	left: 0;
	top: 0;
}
.production-mask-cont .img {
	float: left;
	width: 420px;
	height: 315px;
	margin-right: 20px;
}
.production-mask-cont .cont {
	float: left;
	width: 400px;
}
.production-mask-cont .tl {
	display: block;
	padding: 7px 0;
	border-bottom: 1px solid #e3e3e3;
	color: #0067b2;
	font-size: 18px;
	line-height: 24px;
}
.production-mask-cont .txt {
	height: 214px;
	overflow: hidden;
	margin: 10px 0;
}
.production-mask-cont .page-btn {
	height: 27px;
	padding: 15px 10px 0 0;
	border-top: 1px solid #e3e3e3;
}
.production-mask-cont .page-btn a {
	float: right;
	width: 25px;
	height: 25px;
	background: url(../img/page_btn.png) no-repeat;
}
.production-mask-cont .page-btn .down:hover {
	background-position: 0 -25px;
}
.production-mask-cont .page-btn .up {
	margin-left: 5px;
	background-position: -25px 0;
}
.production-mask-cont .page-btn .up:hover {
	background-position: -25px -25px;
}
.production-mask-cont .btn, .follow-wallpaper-mask .btn {
	position: absolute;
	top: 148px;
	width: 28px;
	height: 46px;
	background: url(../img/production_mask_btn.png) no-repeat;
}
.production-mask-cont .prev {
	left: -35px;
}
.follow-wallpaper-mask .prev {
	left: -50px;
}
.production-mask-cont .prev:hover, .follow-wallpaper-mask .prev:hover {
	background-position: 0 -46px;
}
.production-mask-cont .next, .follow-wallpaper-mask .next {
	right: -35px;
	background-position: -28px 0;
}
.follow-wallpaper-mask .next {
	right: -50px;
}
.production-mask-cont .next:hover, .follow-wallpaper-mask .next:hover {
	background-position: -28px -46px;
}
.production-mask-cont .trigger {
	position: absolute;
	top: 350px;
	left: 0;
	width: 100%;
	text-align: center;
}
.production-mask-cont .trigger span {
	display: inline-block;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin: 0 3px;
	background: url(../img/production_mask_trigger02.png) no-repeat;
	_background: #333;
	cursor: pointer;
}
.production-mask-cont .trigger .cur {
	background: url(../img/production_mask_trigger.png) no-repeat;
	_background: #fff;
}

/* follow-news */
.follow-news {
	margin-top: -290px;
}
.follow-news-cont {
	width: 840px;
	margin: 0 auto 20px;
	padding-top: 45px;
}
.follow-news-cont .img {
	position: relative;
	float: left;
	width: 410px;
	height: 275px;
	overflow: hidden;
	margin-right: 10px;
}
.follow-news-cont .img ul {
	position: absolute;
	top: 0;
	left: 0;
}
.follow-news-cont .img li {
	position: relative;
	float: left;
	width: 410px;
	height: 275px;
	overflow: hidden;
}
.follow-news-cont .img .btn {
	position: absolute;
	top: 120px;
	z-index: 99;
	width: 27px;
	height: 38px;
	background: url(../img/follow_news_btn.png) no-repeat;
}
.follow-news-cont .img .prev {
	left: 0;
}
.follow-news-cont .img .next {
	right: 0;
	background-position: -27px 0;
}
.follow-news-cont .img .prev:hover {
	background-position: 0 -38px;
}
.follow-news-cont .img .next:hover {
	right: 0;
	background-position: -27px -38px;
}
.follow-news-cont .img .cont {
	position: absolute;
	top: 212px;
	left: 0;
	z-index: 9;
	width: 374px;
	height: 53px;
	padding: 5px 18px;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
}
.follow-news-cont .img .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 412px;
	height: 65px;
	background: #0067b2;
	opacity: .8;
	filter: alpha(opacity=80);
}
.follow-news-cont .img .txt {
	height: 35px;
	overflow: hidden;
}
.follow-news-cont .img .txt, .follow-news-cont .img em {
	position: relative;
	z-index: 9;
}
.follow-news-cont .img em {
	display: block;
	color: #bebebe;
	font-style: normal;
}
.follow-news-list {
	float: left;
	width: 420px;
	height: 275px;
	overflow: hidden;
}
.follow-news-list li {
	height: 60px;
	vertical-align: bottom;
	margin-bottom: 12px;
}
.follow-news-list a {
	display: block;
	position: relative;
	height: 60px;
	color: #888;
	cursor: pointer;
}
.follow-news-list .bg-l, .follow-news-list .bg-r {
	float: left;
	height: 60px;
	background: #000;
}
.follow-news-list .bg-l {
	width: 89px;
	opacity: .8;
	filter: alpha(opacity=80);
}
.follow-news-list .bg-r {
	width: 331px;
	opacity: .4;
	filter: alpha(opacity=40);
}
.follow-news-list .time {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 89px;
	height: 50px;
	padding: 5px 0;
	font-size: 14px;
	text-align: center;
	line-height: 25px;
}
.follow-news-list .txt {
	position: absolute;
	left: 105px;
	top: 12px;
	width: 280px;
}
.follow-news-list .line {
	position: absolute;
	left: 27px;
	top: 30px;
	width: 35px;
	height: 1px;
	overflow: hidden;
	background: #242424;
}
.follow-news-list a:hover .bg-l {
	background: #0067b2;
	opacity: 1;
	filter: alpha(opacity=100);
}
.follow-news-list a:hover .bg-r {
	opacity: .8;
	filter: alpha(opacity=80);
}
.follow-news-list a:hover .time {
	color: #fff;
}
.follow-news-list a:hover .txt {
	color: #c8c8c8;
}
.follow-news-list a:hover .line {
	background: #1a76ba;
}
.follow-news-list a.rmd .bg-l, .follow-news-list a.rmd:hover .bg-l {
	background: #0067b2;
	opacity: 1;
	filter: alpha(opacity=100);
}
.follow-news-list a.rmd .bg-r, .follow-news-list a.rmd:hover .bg-r {
	background: #0067b2;
	opacity: .4;
	filter: alpha(opacity=40);
}
.follow-news-list a.rmd .time {
	color: #fff;
}
.follow-news-list a.rmd .txt {
	color: #c8c8c8;
}
.follow-news-list a.rmd .line {
	background: #fff;
}

.follow-news-list .bg-l,
.follow-news-list .bg-r,
.follow-news-list a .time,
.follow-news-list a .txt,
.follow-news-list a .line {	
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}

/* follow-wallpaper */
.follow-wallpaper {
	margin-top: -290px;
}
.follow-wallpaper-trigger {
	height: 54px;
	padding-top: 20px;
	text-align: center;
	font-size: 14px;
}
.follow-wallpaper-trigger .btn {
	display: inline-block;
	width: 35px;
	height: 35px;
	background: url(../img/follow_wallpaper_btn.png) no-repeat;
	vertical-align: middle;
}
.follow-wallpaper-trigger .prev {
	background-position: 0 0;
}
.follow-wallpaper-trigger .next {
	background-position: -35px 0;
}
.follow-wallpaper-trigger .prev:hover {
	background-position: 0 -35px;
}
.follow-wallpaper-trigger .next:hover {
	background-position: -35px -35px;
}
.follow-wallpaper-cont {
	position: relative;
	width: 820px;
	height: 360px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	line-height: 30px;
}
.follow-wallpaper-cont .wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 5000px;
}
.follow-wallpaper-cont .wrap .item {
	float: left;
	width: 840px;
	height: 360px;
}
.follow-wallpaper-cont a {
	position: relative;
	float: left;
	width: 200px;
	height: 170px;
	margin: 0 10px 10px 0;
	color: #666;
}
.follow-wallpaper-cont img {
	display: block;
}
.follow-wallpaper-cont .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 112px;
	background: #1a76b9;
	opacity: 0;
	filter: alpha(opacity=0);
}
.follow-wallpaper-cont a:hover .bg {
	opacity: .8;
	filter: alpha(opacity=80);
}
.follow-wallpaper-cont .png {
	position: absolute;
	left: 80px;
	top: 40px;
	width: 39px;
	height: 39px;
	background: url(../img/cars_interior_ico.png) no-repeat;
	opacity: 0;
	filter: alpha(opacity=0);
}
.follow-wallpaper-cont a:hover .png {
	opacity: 1;
	filter: alpha(opacity=100);
}
.follow-wallpaper-mask-bg {
	display: none;
	position: relative;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
}
.follow-wallpaper-mask {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 101;
	width: 740px;
	height: 460px;
	margin: -230px 0 0 -370px;
	padding: 7px;
	background: #fff;
}
.follow-wallpaper-mask .btn {
	top: 210px;
}
.follow-wallpaper-mask .img-list {
	position: relative;
	width: 740px;
	height: 410px;
	overflow: hidden;
}
.follow-wallpaper-mask .img-list ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 5000px;
}
.follow-wallpaper-mask .img-list li {
	float: left;
	width: 740px;
	height: 410px;
}
.follow-wallpaper-mask .down-list {
	position: relative;
	padding-top: 11px;
	font-size: 14px;
	line-height: 37px;
}
.follow-wallpaper-mask .down-list li {
	position: absolute;
	left: 0;
	top: 11px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.follow-wallpaper-mask .down-list a {
	float: left;
	width: 90px;
	height: 37px;
	margin-right: 10px;
	background: url(../img/follow_wallpaper02.jpg) no-repeat;
	color: #666;
	text-align: center;
}
.follow-wallpaper-mask .down-list a:hover {
	background-position: 0 -37px;
	color: #fff;
}


/* follow-videos */
.follow-videos{
	margin-top: -250px;
}
.follow-videos-cont {
	position: relative;
	margin-top: 57px;
}
.follow-videos-cont .btn {
	position: absolute;
	top: 90px;
	z-index: 9;
	width: 19px;
	height: 31px;
	background: url(../img/why_production_btn.png) no-repeat;
}
.follow-videos-cont .prev {
	left: 20px;
}
.follow-videos-cont .prev:hover {
	background-position: 0 -31px;
}
.follow-videos-cont .next {
	right: 20px;
	background-position: -19px 0;
}
.follow-videos-cont .next:hover {
	background-position: -19px -31px;
}
.follow-videos-cont .cont {
	position: relative;
	width: 830px;
	height: 290px;
	overflow: hidden;
	margin: 0 auto;
}
.follow-videos-cont .cont ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 840px;
}
.follow-videos-cont .cont li {
	float: left;
	width: 200px;
	height: 244px;
	overflow: hidden;
	margin-right: 10px;
}
.follow-videos-cont .cont a {
	display: block;
	height: 214px;
	padding: 5px;
	background: #67727d;
	color: #ccc;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.follow-videos-cont .cont img {
	display: block;
}
.follow-videos-cont .cont .txt {
	display: block;
	height: 38px;
	margin: 12px 0;
	overflow: hidden;
}
.follow-videos-cont .cont i {
	display: block;
	width: 16px;
	height: 2px;
	overflow: hidden;
	background: #fff;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.follow-videos-cont .cont a:hover {
	background: #fff;
	color: #606162;
}
.follow-videos-cont .cont a:hover i {
	background: #606162;
}
.follow-videos-mask-bg {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
}
.follow-videos-mask {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 101;
	width: 640px;
	height: 480px;
	margin: -245px 0 0 -325px;
	padding: 5px;
	background: #fff;
}

/* follow-more */
.follow-more {
	position: relative;
	height: 485px;
	background: #0154a0;
}
.follow-more .cont {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 542px;
	height: 110px;
	margin: -55px 0 0 -271px;
	text-align: center;
	font-size: 14px;
}
.follow-more .cont a {
	width: 222px;
	height: 110px;
	color: #95accd;
	line-height: 45px;
}
.follow-more .cont a:hover {
	color: #fff;
}
.follow-more .cont a span {
	display: block;
	width: 222px;
	height: 58px;
	background: url(../img/follow_face.jpg) no-repeat;
}
.follow-more .cont a:hover .face {
	background-position: 0 -58px;
}
.follow-more .cont a .app {
	background-position: 0 -116px;
}
.follow-more .cont a:hover .app {
	background-position: 0 -174px;
}
.follow-more .cont a.more span {
	background: url(../img/follow_face_m.jpg) no-repeat;
}
.follow-more .cont a.more:hover .taxi {
	background-position: 0 -58px;
}
.follow-more .cont a.more .volvo {
	background-position: 0 -116px;
}
.follow-more .cont a.more:hover .volvo {
	background-position: 0 -174px;
}


/* news-list */
.news-list {
	position: relative;
	width: 880px;
	height: 275px;
	margin-right: -40px;
	float: none;
}
.news-list ul {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}
.news-list li {
	float: left;
	width: 420px;
	margin-right: 10px;
	display: none;
	/*opacity: 0;
	filter: alpha(opacity=0);*/
}
.news-list-trigger {
	padding-top: 40px;
	text-align: center;
	font-size: 0;
}
.news-list-trigger .btn {
	display: inline-block;
	width: 19px;
	height: 31px;
	background: url(../img/news_list_btn.png) no-repeat;
	vertical-align: middle;
}
.news-list-trigger .prev:hover {
	background-position: 0 -31px;
}
.news-list-trigger .next {
	background-position: -19px 0;
}
.news-list-trigger .next:hover {
	background-position: -19px -31px;
}
.news-list-trigger .page {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 15px 0;
	vertical-align: middle;
}
.news-list-trigger .page span {
	display: inline-block;
	width: 17px;
	height: 17px;
	margin: 0 3px;
	background: url(../img/why_geele_ico.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
.news-list-trigger .page span:hover, .news-list-trigger .page span.cur {
	background: url(../img/why_geely_ico_hover.png) no-repeat;
}

/* news-info */
.news-info {
	position: relative;
	min-height: 500px;
	_height: 500px;
	padding: 58px 0 83px;
	background: #1c1c1c;
}
.news-info .top-back, .news-info .cont {
	position: relative;
	z-index: 9;
	margin: 0 auto;
}
.news-info .top-back {	
	width: 840px;
	height: 35px;
}
.news-info .top-back a {
	position: relative;
}
.news-info .top-back a:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}
.news-info .top-back i {
	position: absolute;
	top: 5px;
	left: -12px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-width: 5px;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #fff;
}
.news-info .cont {
	width: 800px;
	padding: 30px;
	background: #fff;
	border-bottom: 7px solid #0067b2;
}
.news-info .cont-top {
	position: relative;
	width: 640px;
	padding: 0 160px 10px 0;
	border-bottom: 1px solid #e6e6e6;
}
.news-info .share-cont {
	position: absolute;
	top: 5px;
	right: 0;
	color: #888;
}
.news-info .cont-txt {
	padding: 30px 20px 50px;
	line-height: 24px;
}
.news-info .back {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 860px;
	height: 58px;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #fbfdfe;
	background: #ebebeb;
	color: #666;
	line-height: 58px;
}
.news-info .back:hover {
	background: #dbdbdb;
}

/* site map */
.site-map {
	position: relative;
	min-height: 600px;
	_height: 600px;
	padding: 58px 0 83px;
	background: #1c1c1c;
}
.site-map-cont {
	position: relative;
	width: 890px;
	height: 380px;
	margin: 35px auto 0;
	padding: 50px 0 0 50px;
	background: #fff;
}
.site-map-cont dl {
	position: relative;
	float: left;
	height: 30px;
	margin-right: 52px;
	border-bottom: 2px solid #e5e5e5;
}
.site-map-cont dt {
	margin-bottom: 10px;
}
.site-map-cont dt a {
	display: block;
	height: 30px;
	color: #444;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
}
.site-map-cont a:hover {
	color: #0067b2;
}
.site-map-cont dt i {
	position: absolute;
	top: 30px;
	left: 0;
	width: 0;
	height: 2px;
	overflow: hidden;
	background: #0067b2;
}
.site-map-cont dd a {
	padding-left: 14px;
	background: url(../img/site_map_ico.png) no-repeat -148px 3px;
	color: #666;
	font-weight: bold;
	line-height: 28px;
}
.site-map-cont dd a:hover {
	background-position: -98px -27px;
}
.site-map-cont .sub a {
	background-position: -50px -56px;
}
.site-map-cont .sub a:hover {
	background-position: 0 -86px;
}
.site-map-cont .cur a {	
	color: #0067b2;
	background-position: 0 -86px;
}
.site-map-cont .cur ul a {
	color: #666;
}
.site-map-cont .cur ul a:hover {
	color: #0067b2;
}
.site-map-cont ul {
	padding-left: 14px;
}
.site-map-cont .sub ul a {
	background: url(../img/site_map_ico02.png) no-repeat 3px 6px;
	font-weight: normal;
	line-height: 25px;
}
.site-map-cont .sub  ul a:hover {
	background-position: 3px -44px;
	text-decoration: underline;
}
.site-map-cont .w200 {
	width: 200px;
}
.site-map-cont .w78 {
	width: 78px;
}
.site-map-cont .w112 {
	width: 112px;
}
.site-map-cont .w120 {
	width: 120px;
}
.site-map-cont .w200 {
	width: 200px;
}

/* Follow Geely Video */
.video-info {
	position: relative;
	height: 715px;
	padding: 58px 0 83px;
	background: #1c1c1c;
}
.video-cont {
	position: relative;
	width: 830px;
	margin: 30px auto 0;
}
.video-cont .total {
	height: 20px;
	color: #fff;
	opacity: .5;
	filter: alpha(opacity=50);
	text-align: right;
}
.video-cont .btn {
	position: absolute;
	top: 238px;
	z-index: 9;
	width: 19px;
	height: 31px;
	background: url(../img/why_history_btn.png) no-repeat;
}
.video-cont .btn:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}
.video-cont .prev {
	left: -50px;
}
.video-cont .next {
	right: -50px;
	background-position: -19px 0;
}
.video-cont .cont {
	position: relative;
	width: 830px;
	height: 478px;
	overflow: hidden;
	margin: 0 auto;
}
.video-cont .wrap-ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 5000px;
}
.video-cont .cont ul {
	float: left;
	width: 840px;
}
.video-cont .cont li {
	position: relative;
	float: left;
	width: 200px;
	height: 244px;
	overflow: hidden;
	margin-right: 10px;
}
.video-cont .cont a {
	display: block;
	height: 214px;
	padding: 5px;
	background: #67727d;
	color: #ccc;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.video-cont .cont img {
	display: block;
}
.video-cont .cont .txt {
	display: block;
	height: 38px;
	margin: 12px 0;
	overflow: hidden;
}
.video-cont .cont i {
	display: block;
	width: 16px;
	height: 2px;
	overflow: hidden;
	background: #fff;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.video-cont .cont a:hover {
	background: #fff;
	color: #606162;
}
.video-cont .cont a:hover i {
	background: #606162;
}
.video-mask-bg {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
}
.video-mask {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 101;
	width: 640px;
	height: 480px;
	margin: -245px 0 0 -325px;
	padding: 5px;
	background: #fff;
}

/* History Mask */
.history-mask {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}
.history-mask .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
}
.history-mask-cont {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 9;
	width: 860px;
	height: 310px;
	margin: -100px 0 0 -430px;
	background: #fff;
}
.history-mask-cont .list {
	position: relative;
	width: 840px;
	height: 290px;
	overflow: hidden;
	margin: 10px;
}
.history-mask-cont li {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.history-mask-cont .img {
	float: left;
	width: 420px;
	height: 290px;
	margin-right: 20px;
}
.history-mask-cont .cont {
	float: left;
	width: 400px;
}
.history-mask-cont .tl {
	display: block;
	padding: 7px 0;
	border-bottom: 1px solid #e3e3e3;
	color: #0067b2;
	font-size: 18px;
	line-height: 24px;
}
.history-mask-cont .txt {
	height: 214px;
	overflow: hidden;
	margin: 10px 0;
}
.history-mask-cont .page-btn {
	height: 27px;
	padding: 15px 10px 0 0;
	border-top: 1px solid #e3e3e3;
}
.history-mask-cont .page-btn a {
	float: right;
	width: 25px;
	height: 25px;
	background: url(../img/page_btn.png) no-repeat;
}
.history-mask-cont .page-btn .down:hover {
	background-position: 0 -25px;
}
.history-mask-cont .page-btn .up {
	margin-left: 5px;
	background-position: -25px 0;
}
.history-mask-cont .page-btn .up:hover {
	background-position: -25px -25px;
}
.history-mask-cont .btn {
	position: absolute;
	top: 148px;
	width: 28px;
	height: 46px;
	background: url(../img/production_mask_btn.png) no-repeat;
}
.history-mask-cont .prev {
	left: -50px;
}
.history-mask-cont .prev:hover {
	background-position: 0 -46px;
}
.history-mask-cont .next {
	right: -50px;
	background-position: -28px 0;
}
.history-mask-cont .next:hover{
	background-position: -28px -46px;
}
.history-mask-cont .trigger {
	position: absolute;
	top: 350px;
	left: 0;
	width: 100%;
	text-align: center;
}
.history-mask-cont .trigger span {
	display: inline-block;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin: 0 3px;
	background: url(../img/production_mask_trigger02.png) no-repeat;
	_background: #333;
	cursor: pointer;
}
.history-mask-cont .trigger .cur {
	background: url(../img/production_mask_trigger.png) no-repeat;
	_background: #fff;
}
.s_tec-main{
	width: 790px;
	height: 356px;
	padding-top: 54px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
.s_tec-main h1{
	font-size: 30px;
	line-height: 68px;
}
.s_tec-main-detail{
	width: 484px;
	margin: 0 auto;
	line-height: 18px;
}
.s_tec-main-detail .sign{
	width: 20px;
	height: 2px;
	background: #fff;
	margin: 16px auto 20px;
}
.s_view-sign{
	width: 114px;
	height: 28px;
	font: bold 14px/28px "微软雅黑","宋体",Arial;
	color: #fff;
	border: 3px solid #fff;
	margin: 0 auto 30px;
	text-transform: uppercase;
	cursor: pointer;
}
.s_tec-list{
	width: 790px;
	height: 131px;
	margin: 0 auto;
	position: relative;
}
.s_tec-name{
	width: 160px;
	height: 70px;
	padding: 13px 15px 15px 13px;
	float: left;
	background: url(../img/s_img01.jpg) no-repeat;
}
.s_tec-name .sign{
	width: 18px;
	height: 3px;
	background: #fff;
	float: right;
	margin-top: 10px;
}
.s_tec-name h2{
	width: 100%;
	font-size: 14px;
	line-height: 32px;
	color: #fff;
	float: right;
}
.s_tec-name .s_tec-btn{
	width: 65px;
	height: 25px;
	padding-left: 25px;
	background: url(../img/s_img02.jpg) no-repeat;
	float: right;
	font: 12px/25px "微软雅黑","宋体",Arial;
	color: #666;
	cursor: pointer;
}
.s_tec-change-box{
	width: 590px;
	height: 131px;
	float: right;
	position: relative;
}
.s_tec-change{
	width: 590px;
	height: 100px;
	float: left;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}
.s_tec-change ul{
	float: left;
	min-width: 600px;
}
.s_tec-change li{
	width: 190px;
	height: 100px;
	float: left;
	margin-right: 10px;
	display: inline;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.s_tec-change li .sign{
	width: 39px;
	height: 39px;
	background: url(../img/s_img04.png) no-repeat;
	position: absolute;
	left: 77px;
	top: -39px;
	z-index: 25;
}
.s_tec-change li .bg{
	width: 190px;
	height: 100px;
	background: url(../img/s_img05.png) no-repeat;
	position: absolute;
	left: 0;
	bottom: -100px;
	z-index: 20;
}
.s_tec-change-btn{
	width: 51px;
	height: 21px;
	float: right;
}
.s_tec-change-btn div{
	width: 21px;
	height: 21px;
	cursor: pointer;
}
.s_tec-change-btn .btn-prev{
	background: url(../img/s_img07.jpg) no-repeat;
	float: left;
}
.s_tec-change-btn .btn-next{
	background: url(../img/s_img06.jpg) no-repeat;
	float: right;
}
.s_tec-change-btn .btn-prev.hover,.s_tec-change-btn .btn-next.hover{
	background-position: 0 -21px;
}
.s_tec-box{
	width: 840px;
	height: 315px;
	padding: 10px;
	background: #fff;
	position: absolute;
	left: -235px;
	bottom: 0;
	z-index: 50;
	display: none;
}
.s_tec-box-img{
	width: 420px;
	height: 315px;
	position: relative;
	float: left;
	overflow: hidden;
}
.s_tec-box-img li{
	width: 420px;
	height: 315px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: none;
}
.s_tec-box-img .btn{
	height: 9px;
	position: absolute;
	left: 50%;
	bottom: 14px;
	z-index: 20;
}
.s_tec-box-img .btn span{
	display: inline-block;
	width: 9px;
	height: 9px;
	background: url(../img/s_img09.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
	margin-left: 5px;
}
.s_tec-box-img .btn span.on{
	background-position: 0 -9px;
}
.s_tec-box-intro{
	width: 393px;
	height: 315px;
	float: right;
	margin-right: 8px;
	display: inline;
	text-align: left;
}
.s_tec-box-intro h2{
	font-size: 18px;
	line-height: 24px;
	color: #0067b2;
	padding: 7px 0;
	border-bottom: 1px solid #e3e3e3;
}
.s_tec-box-scroll{
	width: 393px;
	height: 192px;
	margin: 12px 0 20px;
	line-height: 16px;
	color: #666;
	position: relative;
	overflow: hidden;
}
.s_tec-box-scrollin{
	position: absolute;
	left: 0;
	top: 0;
}
.s_tec-box-intro .btn{
	border-top: 1px solid #e3e3e3;
	padding-top: 15px;
	height: 25px;
	text-align: right;
}
.s_tec-box-intro .btn div{
	width: 25px;
	height: 25px;
	overflow: hidden;
	background: url(../img/page_btn.png) no-repeat;
	float: right;
	margin-left: 5px;
	display: inline;
}
.s_tec-box-intro .btn .btn-prev:hover {
	background-position: 0 -25px;
}
.s_tec-box-intro .btn .btn-next {
	background-position: -25px 0;
}
.s_tec-box-intro .btn .btn-next:hover {
	background-position: -25px -25px;
}
.s_tec-close{
	width: 40px;
	height: 40px;
	position: absolute;
	right: -55px;
	top: 10px;
	z-index: 20;
	background: url(../img/mask_close.png) no-repeat;
	cursor: pointer;
}



.b6_01 {
	left: 1220px;
	top: 380px;
}