body {
	font: normal 80% gothambook, arial;
	color: #222;
	margin: 0px auto;
	height: 4725px;
}

.content {
    /* position: fixed;
    bottom: 0;
    left:0;
    width: 100%; */
	min-width: 1280px;
}

@font-face {
    font-family: 'gothamlight';
    src: url('../font/gotham-light-webfont.eot');
    src: url('../font/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/gotham-light-webfont.woff') format('woff'),
         url('../font/gotham-light-webfont.ttf') format('truetype'),
         url('../font/gotham-light-webfont.svg#gothamlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambook';
    src: url('../font/gotham-book-webfont.eot');
    src: url('../font/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/gotham-book-webfont.woff') format('woff'),
         url('../font/gotham-book-webfont.ttf') format('truetype'),
         url('../font/gotham-book-webfont.svg#gothambook') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Onederfo Limited Default */
.onederfo_link {text-decoration: none;color: #334345;}
.float_left {float:left}
.float_right {float:right}
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}/* mark for html5 */article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, mark {display: block;}

.wrapper {
	width: 100%;
}

.menu {
	position: fixed;
	top: 0px;
	left: 0px;
	background-image: url(../images/menu/menu-bg.png);
	background-repeat: repeat-y;
	width: 91px;
	height: 100%;
	padding: 0px 15px;
	z-index:100;
}
.menu_items {
	padding: 0px 10px;
	width: 70px;
}
.logo {
	margin: 20px 0px 40px 0px;
}
.menu_item {
	position: relative;
}
.menu_btn {
	margin: 15px 0px;
	display: block;
}
.menu_tag {
	position: absolute;
	top: 13px;
	left: 75px;
	display: none;
}

.content_bg {
	height: 4725px;
}
.content_bg1 { height: 945px; background-image: url(../images/bg1.jpg); background-repeat: no-repeat; background-position: top center;}
.content_bg2 { height: 945px; background-image: url(../images/bg2.jpg); background-repeat: no-repeat; background-position: top center;}
.content_bg3 { height: 945px; background-image: url(../images/bg3.jpg); background-repeat: no-repeat; background-position: top center;}
.content_bg4 { height: 945px; background-image: url(../images/bg4.jpg); background-repeat: no-repeat; background-position: top center;}
.content_bg5 { height: 945px; background-image: url(../images/bg5.jpg); background-repeat: no-repeat; background-position: top center;}

.content_wrapper {
	position: absolute;
	width: 100%;
	height: 4725px;
	top: 0px;
	left: 0px;
}
.content_wrapper>div {
	height: 945px;
	width: 100%;
	overflow:hidden;
}
.content_hidden {
	width: 1280px;
	height: 945px;
	margin:0px auto;
	position: relative;
}
.car_route .content_hidden {
	height: 4725px !important;
}
.item {
	position: absolute;
	top: 0px;
	left: 0px;
}
/* .item1 {top: 327px; left: 911px; width: 130px; height: 80px; background-image: url(../images/home/car1.gif); }
.item2 {top: 363px; left: 515px; width: 130px; height: 80px; background-image: url(../images/home/car2.gif); } */
.item3 {top: 50px; left: 310px; width: 130px; height: 80px; background-image: url(../images/home/airplane.png); }
.item4 {top: 327px; left: 700px; /*left: 911px;*/ width: 130px; height: 80px; background-image: url(../images/home/car1.png); background-position: 0px 0px}
.item5 {top: 363px; left: 927px; /*left: 515px;*/ width: 130px; height: 80px; background-image: url(../images/home/car2.png); background-position: 0px 0px}
.item6 {top: 745px; left: 622px; width: 260px; height: 42px; background-image: url(../images/home/font-our-mission.png); }
.item7 {top: 500px; left: 622px; width: 260px; height: 42px; background-image: url(../images/home/font-our-vision.png); }
.item8 {top: 807px; left: 629px; width: 450px; height: 28px; background-image: url(../images/home/font-slogan.png); }
.item9 {top: 357px; left: 20px; width: 522px; height: 532px; background-image: url(../images/home/girl.png); }
.item10 {top: 557px; left: 627px; width: 427px; color: #3d3c4a; font-size: 24px; line-height: 32px;}
.item11 {top: 803px; left: 627px; color: #3d3c4a; font-size: 24px; line-height: 32px;}
.item12 {top: 842px; left: 627px; width: 522px; color: #3d3c4a;  font-size: 24px; line-height: 32px;}

.item13 {top: 261px; left: 622px; width: 850px; height: 685px; background-image: url(../images/our-core-value/boy.png); }
.item14 {top: 135px; left: 240px; width: 136px; height: 135px; background-image: url(../images/our-core-value/s.png); z-index:10;}
.item15 {top: 160px; left: 430px; width: 337px; height: 40px; background-image: url(../images/our-core-value/font-service.png); }
.item16 {top: 270px; left: 240px; width: 136px; height: 135px; background-image: url(../images/our-core-value/m.png);  z-index:10;}
.item17 {top: 300px; left: 430px; width: 337px; height: 40px; background-image: url(../images/our-core-value/font-market.png); }
.item18 {top: 405px; left: 240px; width: 136px; height: 135px; background-image: url(../images/our-core-value/a.png);  z-index:10;}
.item19 {top: 435px; left: 430px; width: 337px; height: 40px; background-image: url(../images/our-core-value/font-assurance.png); }
.item20 {top: 540px; left: 240px; width: 136px; height: 135px; background-image: url(../images/our-core-value/r.png);  z-index:10;}
.item21 {top: 570px; left: 430px; width: 337px; height: 40px; background-image: url(../images/our-core-value/font-reliability.png); }
.item22 {top: 675px; left: 240px; width: 136px; height: 135px; background-image: url(../images/our-core-value/t.png);  z-index:10;}
.item23 {top: 705px; left: 430px; width: 337px; height: 40px; background-image: url(../images/our-core-value/font-time.png); }
.item24 {top: 210px; left: 432px; color: #3d3c4a; font-size: 18px; line-height: 22px;}
.item25 {top: 350px; left: 432px; color: #3d3c4a; font-size: 18px; line-height: 22px;}
.item26 {top: 485px; left: 432px; color: #3d3c4a; font-size: 18px; line-height: 22px;}
.item27 {top: 620px; left: 432px; color: #3d3c4a; font-size: 18px; line-height: 22px;}
.item28 {top: 755px; left: 432px; color: #3d3c4a; font-size: 18px; line-height: 22px;}

.item29 {top: 220px; left: 270px; width: 1060px; height: 1100px; background-image: url(../images/what-we-do/boy.png); }
.item30 {top: 356px; left: 326px; color: #3d3c4a; font-size: 18px; line-height: 24px; width: 700px}

.item31 {top: 275px; left: 162px; width: 345px; height: 700px; background-image: url(../images/background-quality/boy.png); z-index:11}
.item32 {top: -2px; left: 180px; width: 315px; height: 331px; background-image: url(../images/background-quality/tunnel-frame01.png);  z-index:11}
.item33 {top: 749px; left: 845px; width: 213px; height: 197px; background-image: url(../images/background-quality/tunnel-frame02.png);  z-index:11;}
.item34 {top: -2px; left: 180px; width: 315px; height: 331px; background-image: url(../images/background-quality/tunnel01.png); }
.item35 {top: px; left: px; width: 213px; height: 197px; background-image: url(../images/background-quality/tunnel02.png); }
.item36 {top: 205px; left: 454px; color: #3d3c4a; font-size: 17px; line-height: 22px; text-align:center; color: white; font-family: gothamlight; z-index:12; width: 530px}
.item50 {top: 85px; left: 333px; width: 843px; height: 843px; background-image: url(../images/background-quality/planet-bg.png); z-index:10;}

.item37 {top: 254px; left: 881px; width: 400px; height: 1100px; background-image: url(../images/contact-us/girl.png); }
.item38 {top: 148px; left: 736px; width: 268px; height: 262px; background-image: url(../images/contact-us/bubble-factory.png); }
.item39 {top: 360px; left: 144px; width: 355px; height: 188px; background-image: url(../images/contact-us/bubble-office.png); z-index: 10;}
.item40 {top: 620px; left: 770px; width: 520px; height: 284px; background-image: url(../images/contact-us/google-map-factory-bg.png); color: white;  font-size: 17px; line-height: 26px; padding: 20px 0px 0px 40px}
.item41 a {color: white; text-decoration: none}
.item41 a:hover {text-decoration: underline}
.item41 {top: 44px; left: 144px; width: 520px; height: 284px; background-image: url(../images/contact-us/google-map-office-bg.png); color: white;  font-size: 17px; line-height: 26px; padding: 20px 0px 0px 40px}
/* .item10 {top: 0px; left: 0px; width: px; height: px; background-image: url(../images/home/); } */
.map_button1 {position: absolute; bottom: 50px; right: 50px; width: 230px; height: 60px; background-image: url(../images/x.gif)}
.map_button2 {position: absolute; bottom: 8px; right: 8px; width: 230px; height: 60px; background-image: url(../images/x.gif)}

.slider {
	position: relative;
	top: 7px;
	left: 7px;
	width: 253px;
	height: 173px;
	overflow: hidden;
}
.slider_container {
	width: 1265px;
	height: 173px;
	overflow: hidden;
}
.slider_container img {
	float: left;
}
.slider_nav {
	height: 14px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	left: 0px;
}
.slider_nav_center {
	margin: 0px auto;
	overflow: hidden;
	width: 100px;
}
.slider_dot {
	width: 14px;
	height: 14px;
	background-image: url(../images/contact-us/black-dot.png);
	float: left;
	margin: 0px 3px;
	cursor: pointer;
}
.slider_dot.active, .slider_dot:hover {
	background-image: url(../images/contact-us/orange-dot.png);
}

.car_route {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 4725px !important;
}
#car {
	background-image: url(../images/small-car1.png);
	width: 40px;
	height: 40px;
	position: absolute;
	top: 3928px;
	left: 219px;
	z-index: 5;
}
#car.r1 {background-position: 0px 40px;}
#car.r2 {background-position: 0px 80px;}
#car.r3 {background-position: 0px 120px;}
#car.r4 {background-position: 0px 160px;}
#car.r5 {background-position: 0px 200px;}
#car.r6 {background-position: 0px 240px;}
#car.r7 {background-position: 0px 280px;}
#car.r8 {background-position: 0px 320px;}
#car.r9 {background-position: 0px 360px;}
#car.r10 {background-position: 0px 400px;}
#car.r11 {background-position: 0px 440px;}
#car.r12 {background-position: 0px 480px;}
#car.car2 {background-image: url(../images/small-car2.png); width: 45px; height: 36px; background-position: 0px 36px;}
#car.car2_r{ background-position: 0px 0px;}

.item51{background-image: url(../images/small-car2.png); width: 45px; height: 36px;z-index: 1; top: 450px; left: 200px;}
.item52{background-image: url(../images/contact-us/catalog-icon.png); width: 58px; height: 68px; top: 185px; left: 504px;}