@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

::selection { background:#bbbbbb; color:#fff; }
::-moz-selection { background:#bbbbbb; color:#fff; }
::-webkit-selection { background:#bbbbbb; color:#fff; }

a:link{color:#fff; text-decoration:none;}
a:visited{color:#fff; text-decoration:none;}
a:hover{color:#ffe100; text-decoration:none;}
a:active{color:#fff; text-decoration:none;}
a.nowhere {color:#ffe100;}

#companyleftword a:link{color:#000000; text-decoration:none;}
#companyleftword a:visited{color:#000000; text-decoration:none;}
#companyleftword a:hover{color:#000000; text-decoration:none;}
#companyleftword a:active{color:#000000; text-decoration:none;}

#google a:link{color:#fff; text-decoration:none;}
#google a:visited{color:#fff; text-decoration:none;}
#google a:hover{color:#666666; text-decoration:none;}
#google a:active{color:#fff; text-decoration:none;}

#google-1 a:link{color:#666666; text-decoration:none;}
#google-1 a:visited{color:#666666; text-decoration:none;}
#google-1 a:hover{color:#ffe100; text-decoration:none;}
#google-1 a:active{color:#666666; text-decoration:none;}

html,
body {
	height: 100%;
}

body {
	#font-family: 'Myriad Pro', Adobe Heiti Std, Arial, Simhei, sans-serif;
	font-family: 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
	font-size:14px;
	/*background-color:#ffe205; overflow-x:hidden;*/
	line-height:30px;
	letter-spacing: 2px;
}

#loading{width:100%; height:1000px; background-color:#333333; position:fixed; top:0px; left:0px; z-index:2000;}
.hidden{overflow:hidden;}
.clear{ clear:both;}
.kongge{width:100%; height:1px;}
.pagetitle{ font-family:CaslonOpenFaceLTStd;}
.titleword{width:100%; margin-top:97px; text-align:center;}
.titleline{width:57px; height:1px; margin:32px auto 0px auto; background-color:#333333;}
#videobg{z-index:-1;position: fixed;top:0;left:0;}

#nav{width:100px; height:100px; position:fixed; z-index:999; background-color:#ffe100; top:0px; left:0px; cursor:pointer;}
#navimg{width:40px; height:22px; margin:39px auto 0px auto; position:relative;}
#navline1,#navline2,#navline3{width:40px; height:2px; background-color:#666464; position:absolute;}
#navline1{top:0px; z-index:10;}
#navline2{top:11px;}
#navline3{top:22px;z-index:10;}
#nav-con{width:100%; height:100%; position:fixed; z-index:998; background-color:#ccc; top:0px; left:0px; color:#666464; font-family:GenerisSerifCom-Medium; font-size:30px; display:none;}
#nav-list{
	position: absolute;
	height: 440px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto !important;
}
.navlink{ text-align:center; margin-top:38px; cursor:pointer;letter-spacing: -1px;}
#fb{ text-align:center; margin:100px auto 0px auto;; font-size:24px; width:170px; cursor:pointer;}
#fblogo{ float:left; margin:1px 0px 0px 10px;}
#fbw{float:left; margin-left:20px;}
#sitnav-iph{width:510px; margin:15px auto 0px auto; height:50px; font-size:42px;letter-spacing: -1px; line-height: 1.4;}
#s-i-1,
#s-i-2,
#s-i-3 {
	text-align:center; color:#fff;
}

#home{ width:100%; height:100%; overflow:hidden;background-image: url(http://ohlqw4ntd.bkt.clouddn.com/img/main/image1.jpg);}
#homebg{width:100%; height: 100%; position:fixed; z-index:-10; left:0px; top:0px;}
#image-area,
#next-image-area {
	width: 100%;
	height: 100%;
	position: absolute;
	background-position: center center;
	background-size: cover !important;
	background-repeat: no-repeat;
}
#next-image-area {
	opacity: 0;
	z-index: 1;
}
#image-area {
	z-index: 3;
}
#homebg video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 2;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	opacity: 0;
	top: 50%;
	left: 50%;
	margin: auto;
}
#homebg video.active {
	z-index: 2;
}

#homecon{width:100%; height: 100%; color:#fff; margin:0px auto 0px auto; }
#sitnav{ font-family:GenerisSerifCom-Medium; font-size:20px; width:100%;}
#sitnav ul{ margin:15px auto 0px auto; width:80%;  height:22px;}
#sitnav ul li{ display:inline; width:33%; height:22px; text-align:center; float:left;}
#homeconwrap {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#homeconin{
	width:770px;
	height: 100%;
	display: table;
	margin: auto;
}
#logo{width:403px; height:130px; margin:0px auto 0px auto; }
#homeword{ margin-top:121px; letter-spacing:2px;}
#logo1{width:302px; height:90px; float:left; margin:18px 0px 0px 11px;}
#homewordin{ line-height:30px; text-align: center; width:100%; }
#homewordin-iph{ line-height:42px; float:right; width:510px;  font-size:26px; display:none; margin-bottom: 60px;}

#branding{width:100%; height:948px; background-color:#d5ae2d; overflow:hidden;}
#brandleft{width:62%;  position:absolute; height:948px; float:left; overflow:hidden;}
#light{top:-450px;  float:right; width:1171px; position:relative; left:270px;}
#light-iph{ float:right; position:relative; top:-200px; left:80px;}
#brandright{width:38%;  float:right; background-color:#f2f2f2; position:relative;}
#brandword{width:392px; margin:0px auto 0px auto;  position:relative;}
#brandwordin{width:100%; margin:82px auto 0px auto; line-height:30px; letter-spacing:0px; position:relative; left:0px; font-size:26px; }
#brandwordin-iph{width:100%; margin:82px auto 0px auto; line-height:30px; letter-spacing:0px; position:relative; left:0px; font-size:26px; }
#brandtitle{ letter-spacing:0px;position:absolute; width:620px; left:-210px; top:118px; font-size:62px;}
#brandtitle span{ letter-spacing:0px;font-size:37px;}
#brandtitle-iph{ letter-spacing:0px;position:absolute; width:620px; left:74px; top:172px; font-size:64px; line-height:64px; display:none;}
#brandtitle-iph span{ letter-spacing:0px;font-size:38px;}
#brandimg{width:240px; height:161px; margin:254px auto 0px auto; position:relative;}


#office{width:100%; background-color:#fff; position:relative;}
#officetitle{width:100%; height:248px; font-size:50px;}
#officetitle span{font-size:30px;}
#officelist{width:100%; margin:0px auto 0px auto;}
.officeblock{width:33%; float:left;}
.officeborder{width:100%; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; height:72px;}
.officeimgarea{position:relative; width:100%; overflow:hidden; cursor:pointer; }
.officeimg{
	position:absolute;
	left:0px;
	top:0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.officeimg a {
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.officeimgword{position:absolute; width:100%; text-align:center; pointer-events: none;}
#officeword{ width:100%; height:337px; background-color:#333333; z-index:400; color:#fff;}
#officewordleft,#officewordright{width:50%; float:left; margin:0px auto 0px auto; }
#officewordleftin{width:410px; float:right; margin:70px 20px 0px 0px;}
#officewordrightin{width:410px; float:left; margin:70px 0px 0px 20px;}
#officekong{width:100%; height:88px; display:none;}
.kong{width:100%; height:400px; }
/* CLIENT */
#client{width:100%; /*height:1000px;*/ background-color:#dccf96; position:relative; overflow:hidden; padding-bottom: 80px;}
#clientbg{ position:absolute;}
#clienttitle{width:100%; height:248px; font-size:50px;}
#clienttitle span{font-size:30px;}
#clientcon{width:773px; margin:0px auto 0px auto; position:relative; height: 240px; display: table;}
#clients-wrap {display: table-cell; vertical-align: middle; text-align: center; font-size: 0;}
.clientimgarea{
	width:189px;
	height:189px;
	margin:4px 0px 0px 4px;
	display: block;
	float: left;
	position:relative;
	overflow:hidden;
}
.clientimg{width:189px; height:189px; position:absolute; top:0px; left:0px; background-color:#fff; display: block;
	-webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	transform: all 600ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.clientimg object{
	pointer-events: none;
}
a.clientimg a {
	display: block;
}
a.clientimg:hover object {
	/*opacity: 0;*/
}
a.clientimg:hover {
	background-color: rgba(255, 255, 255, 0.5);
}

/*SERVICE*/
#service {
	width: 100%;
	background-color: #ffe300;
}
#servicetitle{
	width: 100%;
	height: 248px;
	font-size: 50px;
}
#servicetitle span{font-size:30px;}

#service-container {
	display: table;
	width: 955px;
	margin: 0 auto;
	padding-bottom: 20px;
}
.service-wrap {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 0;
	line-height: 1;
}
.service-box {
	display: inline-block;
	background: #231815;
	width: 177px;
	height: 177px;
	position: relative;
	margin: 6px;
}
.service-box p {
	font-family:CaslonOpenFaceLTStd;
	display: table;
	font-size: 24px;
	color: #ffe300;
	width: 100%;
	text-align: center;
	position: absolute;
	line-height: 1.2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-font-smoothing: antialiased;
}
.service-box p span {
	font-size: 17px;
}
.service-box img {
	width: 100%;
}

#team{width:100%; height:2000px; background-color:#ffe205; position:relative;}
#teamarea{width:100%; background-color:#fff; position:relative; top:166px;}
#teamimg{ position:relative; left:20px; top:20px;}
#teamtitle{ position:absolute; width:100%; font-size:80px; left:0px; top:0px; color:#fff;}
#teamtitle span{font-size:48px;}
#ceobt{width:212px; height:44px; position:absolute; border:2px solid #fff; cursor:pointer; overflow:hidden;}
#ceobt-iph{width:535px; height:90px;  border:2px solid #333333; cursor:pointer; position:relative; margin:210px auto 0px auto; display:none;}
#ceobtword{ font-family:GenerisSerifCom-Medium; font-size:18px; color:#fff; width:100%; text-align:center; margin-top:7px; letter-spacing:1px; position:relative;}

#ceobtword-iph{ font-family:GenerisSerifCom-Medium; font-size:32px; color:#333; width:100%; text-align:center; margin-top:30px; letter-spacing:1px; position:relative;}

#ceobtbg{width:212px; height:44px; position:absolute; background-color:#fff; left:-212px;}
#ceo{width:100%; position:absolute; left:0px; top:0px; background-color:#333; z-index:1000; height:500px; font-family:"Hiragino Mincho Pro W3",sans-serif; letter-spacing:1px; line-height:25px; color:#fff; display:none; font-size:13px;}
#ceo-p{width:100%;}
#ceo-w{width:100%; height:503px; position:absolute; left:0px; top:74px;}
#ceoleft{width:285px; margin:108px 0px 0px 66px; float:left;}
#ceo-w-1{font-size:20px; line-height:32px;}
#ceo-w-2{ margin-top:80px;}
#ceoright{width:520px; float:left; margin:0px 0px 0px 14px;}
#ceo-w-3{width:31px; float:left; text-align:right;}
#ceo-w-4{ float:left; margin-left:23px;}
#ceo-close{width:80px; height:80px; cursor:pointer; position:absolute; top:10px;}
#ceo-close-img{ text-align:center; margin-top:25px; pointer-events:none;}
#ceo-iph{width:100%; background-color:#333333; position:fixed; left:0px; top:0px; z-index:1000; font-family:"Hiragino Mincho Pro W3",sans-serif; letter-spacing:1px; color:#fff; overflow:scroll; display:none;}
#ceo-w-iph{width:510px; height:2227px; margin:117px auto 0px auto; position:relative;}
#ceoleft-iph{width:100%;}
#ceo-w-1-iph{ font-size:32px; line-height:42px;}
#ceo-w-2-iph{ margin-top:56px; font-size:26px; line-height:44px;}
#ceoright-iph{width:100%;  margin:62px 0px 0px 0px; font-size:26px; line-height:44px;}
#ceo-w-3-iph{width:60px; float:left; height:1600px;}
#ceo-w-4-iph{ float:right; width:400px; height:1600px;}
#ceo-close-iph{width:80px; height:80px; cursor:pointer; position:fixed; top:0px;}
#ceo-close-img-iph{ text-align:center; margin-top:25px; pointer-events: none;}

#com-iph{width:100%; background-color:#fff; position:fixed; left:0px; top:0px; z-index:1000; font-family:"Hiragino Mincho Pro W3",sans-serif; letter-spacing:0px; color:#000; overflow:scroll; display:none;}
#com-w-iph{width:510px; height:1600px; margin:117px auto 0px auto; position:relative; font-size:26px; line-height:44px;}
#com-1-iph{width:100%; }
#com-2-iph{ width:100%; margin-top:50px;}
#com-close-iph{width:80px; height:80px; cursor:pointer; position:fixed; top:0px;}
#com-close-img-iph{ text-align:center; margin-top:25px; pointer-events: none;}


#company{width:100%; height:712px; background-color:#ffe205; position:relative; }
#companytitle{ font-size:50px;}
#companytitle .titleword{ margin-top:102px;}
#companytitle span{font-size:30px;}
#companycon{width:933px; height:340px; margin-top:101px; position:relative;}
#mes-alert{width:523px; height:236px; position:absolute; z-index:800; left:180px; top:-60px; display:none; opacity:0; filter:alpha(opacity=0);}
#mes-alert-bg{width:517px; height:230px; background-color:#616161; border:3px solid #fff; opacity:0.9; filter:alpha(opacity=90); position:absolute; top:0px; left:0px;}
#mes-alert-con{ width:462px; height:165px; margin:36px auto 0px auto; color:#fff; position:relative;}
#mes-a-w-1{font-size:30px; float:left;}
#mes-a-close{width:80px; height:80px; position:absolute; cursor:pointer; top:12px; left:433px; z-index:801; }
#mes-a-close object{width:26px; height:26px; pointer-events:none; margin:27px 0px 0px 27px;}
#mes-a-line{width:100%; height:1px; margin-top:20px; opacity:0.6; filter:alpha(opacity=60); background-color:#fff;}
#mes-a-w-2{font-size:14px; margin-top:20px; line-height:22px;}
#companyleft{width:430px; border-top:1px solid #373737; float:left;}
#companyleftword{ font-family:"Hiragino Mincho Pro W3",sans-serif; width:400px; margin:42px 0px 0px 5px; letter-spacing:1px; line-height:28px; }
#careers{width:100%; margin-top:62px;  font-family:GenerisSerifCom-Medium;}
#car-bt{width:215px; height:57px; border:2px solid #373737; float:left; cursor:pointer; position:relative; overflow:hidden; margin-left:-2px;}
#car-bt-bg{width:215px; height:57px; position:absolute; left:-219px; background-color:#373737;}
#car-bt-w{ margin:15px 0px 0px 65px; font-size:18px; width:120px; letter-spacing:1px; position:relative;}
#careers-iph{width:535px; height:90px;  border:2px solid #333333; cursor:pointer; position:relative; margin:50px auto 0px auto; display:none;}
#car-bt-iph{ font-family:GenerisSerifCom-Medium; font-size:32px; color:#333; width:100%; text-align:center; margin-top:30px; letter-spacing:1px; position:relative;}
#car-w-iph{font-family:"Hiragino Mincho Pro W3",sans-serif; font-size:30px; text-align:center; line-height:46px; margin-top:50px; letter-spacing:2px;}
#car-w{float:right; font-size:17px; width:195px; margin:3px 0px 0px 0px; letter-spacing:1px;}
#companyright{width:465px; float:right; margin-top:-2px; }
input,textarea{ width:441px; height:58px; margin-top:15px; border:none; background-color:#f2f2f2; font-family:GenerisSerifCom-Medium; font-size:26px; color:#666666; padding-left:24px; line-height:58px\0;}
#name{ margin-top:0px;}
#message{height:98px; padding-top:10px;}
#submit-bt{width:468px; background-color:#696969; color:#fff; cursor:pointer; margin-top:15px; height:58px; border:none; position:relative; }
#submit-w{font-family:GenerisSerifCom-Medium; font-size:26px; position:relative; top:15px; left:24px;}

#car-detail{width:100%; height:712px; background-color:#fff; position:absolute; left:0px; top:0px; z-index:1000; font-family:"Hiragino Mincho Pro W3",sans-serif; line-height:25px; color:#646464; display:none;}
#car-d-con{width:841px; height:480px; margin:120px auto 0px auto;}
#car-d-top{width:100%; height:120px;}
.car-d-line{width:57px; height:1px; background-color:#373737;}
#car-d-left{width:400px; float:left; margin-top:0px;}
#car-d-right{width:400px; float:right; margin-top:20px;}
#car-d-close{width:80px; height:80px; float:right; margin:10px 10px 0px 0px; cursor:pointer; }
#car-d-close-img{ text-align:center; margin-top:25px; pointer-events: none;}

#map-area{width:100%; height:520px; background-color:#999;}
#map-iph{width:100%; height:124px; background-color:#ffe205; display:none; padding-top: 36px;}
#google{width:300px; height:48px; margin:0px auto 0px auto;}
#google-1{width:282px; height:48px; margin:30px auto 0px auto;}
#g-img,#g-img-1{float:left;}
#g-w,#g-w-1{float:left; color:#fff; font-size:42px; font-family:GenerisSerifCom-Medium; margin:6px 0px 0px 22px;}


#footer{width:100%; height:120px; background-color:#373737;}
#copyright{width:600px; margin:0px auto 0px auto; font-family:"Damionweb",sans-serif, cursive; font-size:16px; position:relative; top:50px; }
#facebook{ float:left; margin-top:2px;}
#copy-w{ float:left; color:#ccc; margin-left:20px;}

.inputcheck{outline:#fe7002 2px solid}

#followingBallsG{
position:relative;
width:150px;
height:12px;
margin:100px auto 100px auto;
}

.followingBallsG{
background-color:#ffffff;
position:absolute;
top:0;
left:0;
width:12px;
height:12px;
-moz-border-radius:6px;
-moz-animation-name:bounce_followingBallsG;
-moz-animation-duration:1.8s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:6px;
-webkit-animation-name:bounce_followingBallsG;
-webkit-animation-duration:1.8s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:6px;
-ms-animation-name:bounce_followingBallsG;
-ms-animation-duration:1.8s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:6px;
-o-animation-name:bounce_followingBallsG;
-o-animation-duration:1.8s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:6px;
animation-name:bounce_followingBallsG;
animation-duration:1.8s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#followingBallsG_1{
-moz-animation-delay:0s;
}

#followingBallsG_1{
-webkit-animation-delay:0s;
}

#followingBallsG_1{
-ms-animation-delay:0s;
}

#followingBallsG_1{
-o-animation-delay:0s;
}

#followingBallsG_1{
animation-delay:0s;
}

#followingBallsG_2{
-moz-animation-delay:0.18s;
-webkit-animation-delay:0.18s;
-ms-animation-delay:0.18s;
-o-animation-delay:0.18s;
animation-delay:0.18s;
}

#followingBallsG_3{
-moz-animation-delay:0.36s;
-webkit-animation-delay:0.36s;
-ms-animation-delay:0.36s;
-o-animation-delay:0.36s;
animation-delay:0.36s;
}

#followingBallsG_4{
-moz-animation-delay:0.54s;
-webkit-animation-delay:0.54s;
-ms-animation-delay:0.54s;
-o-animation-delay:0.54s;
animation-delay:0.54s;
}

@-moz-keyframes bounce_followingBallsG{
0%{
left:0px;
background-color:#ffffff;
}

50%{
left:139px;
background-color:#333333;
}

100%{
left:0px;
background-color:#ffffff;
}

}

@-webkit-keyframes bounce_followingBallsG{
0%{
left:0px;
background-color:#ffffff;
}

50%{
left:139px;
background-color:#333333;
}

100%{
left:0px;
background-color:#ffffff;
}

}

@-ms-keyframes bounce_followingBallsG{
0%{
left:0px;
background-color:#ffffff;
}

50%{
left:139px;
background-color:#333333;
}

100%{
left:0px;
background-color:#ffffff;
}

}

@-o-keyframes bounce_followingBallsG{
0%{
left:0px;
background-color:#ffffff;
}

50%{
left:139px;
background-color:#333333;
}

100%{
left:0px;
background-color:#ffffff;
}

}

@keyframes bounce_followingBallsG{
0%{
left:0px;
background-color:#ffffff;
}

50%{
left:139px;
background-color:#333333;
}

100%{
left:0px;
background-color:#ffffff;
}

}


@media only screen and (max-width: 960px) {
	img.cboxPhoto {
		width: 100%;
	}
	/*SERVICE*/

	#service-container {
		width: 100%;
	}
	.service-box {
		display: inline-block;
		width: 47%;
		height: auto;
		position: relative;
		/*margin: 6px;*/
	}
	.service-box p {

		font-size: 34px;
	}
	.service-box p span {
		font-size: 22px;
	}
	#nav-list {
		height: 690px;
	}
}