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

/* siteIndex */
.sIbg,
.sIroad,
.animateMain
{
	position:absolute;
	left:50%;
}
.sIbg{
	top:0;
	height:100%;
	opacity:0;
}


.sIroad{
	bottom:0;
	opacity:0;
	transition:transform 0.8s ease;
	-webkit-transition:-webkit-transform 0.8s ease;
}

.animateMain{
	left:0;
	bottom:90px;
	width:640px;
	height:540px;
}
.sItext1,
.sItext2,
.sIbtn,
.sIcar{
	position:absolute;	
	opacity:0;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}
.sItext1{
	top:0;
	left:15px;
	-webkit-transition-delay:0.8s;
	transition-delay:0.8s;
}
.sIcar{
	bottom:-20px;
	left:140px;
	transform:translate(624px, -10px);
	-webkit-transform:translate(624px, -10px);
	transition-duration:0.8s;
	-webkit-transition-duration:0.8s;
}

.sItext2{
	top:183px;
	left:215px;
	-webkit-transition-delay:0.8s;
	transition-delay:0.8s;
}

.sIbtn{
	top:195px;
	left:25px;
	-webkit-transition-delay:0.8s;
	transition-delay:0.8s;
}

.sIfloat{
	position:absolute;
	z-index:2;
	top:90px;
	left:50%;
	width:1330px;
	height:70px;
	margin-left:-665px;
	-webkit-transition:all 0.8s ease;
			transition:all 0.8s ease;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
}
.sIfloat .sIdot{
	display:block;
	position:absolute;
	z-index:2;
	width:190px;
	height:70px;
	font-size:24px;
	color:#666;
	opacity:0;
	-webkit-transition:all 0.5s ease;
			transition:all 0.5s ease;
	-webkit-backface-visibility:hidden;
}
.sIfloat a i{
	display:block;
	width:15px;
	height:15px;
	margin:0 auto;
	border:3px solid #ccc;
	background:#fff;
	-webkit-transform:rotate(45deg);
			transform:rotate(45deg);
}

.sIfloat a em{
	display:block;
	height:40px;
	line-height:40px;
	text-align:center;
}

.sIfloat a[data_link="activity"]{
	top:10px;
	left:15px;
	-webkit-transform:translate(0, -50px);
			transform:translate(0, -50px);
}
.sIfloat a[data_link="camryExp"]{
	top:70px;
	left:178px;
	-webkit-transform:translate(0, -50px);
			transform:translate(0, -50px);
}
.sIfloat a[data_link="camryGameApp"]{
	top:0;
	left:395px;
	-webkit-transform:translate(0, -50px);
			transform:translate(0, -50px);
}
.sIfloat a[data_link="camryPoint"]{
	top:65px;
	left:555px;
	-webkit-transform:translate(0, -80px);
	transform:translate(0, -80px);
}
.sIfloat a[data_link="video"]{
	top:5px;
	left:780px;
	-webkit-transform:translate(0, -50px);
	transform:translate(0, -50px);
}
.sIfloat a[data_link="review1"]{
	top:60px;
	right:177px;
	-webkit-transform:translate(0, -50px);
			transform:translate(0, -50px);
}
.sIfloat a[data_link="review2"]{
	top:10px;
	right:0px;
	-webkit-transform:translate(0, -50px);
			transform:translate(0, -50px);
}
.sIfloat .sIline{
	position:absolute;
	z-index:1;
	height:2px;
	line-height:0;
	border:0 none;
	margin:0;
	font-size:0;
	background:#ccc;
	opacity:0;
	-webkit-transition:opacity 0.2s ease 0.3s;
			transition:opacity 0.2s ease 0.3s;
}
.sIfloat .sIline[line="1"]{
	top:50px;
	left:112px;
	width:160px;
	-webkit-transform:rotate(23deg);
			transform:rotate(23deg);
}
.sIfloat .sIline[line="2"]{
	top:64px;
	left:284px;
	width:197px;
	-webkit-transform:rotate(-9deg);
		transform:rotate(-9deg);

}
.sIfloat .sIline[line="3"]{
	left:500px;
	top:63px;
	width:150px;
	-webkit-transform:rotate(10deg);
			transform:rotate(10deg);

}
.sIfloat .sIline[line="4"]{
	left:658px;
	top:42px;
	width:220px;
	-webkit-transform:rotate(-17deg);
			transform:rotate(-17deg);
}
.sIfloat .sIline[line="5"]{
	right:263px;
	top:44px;
	width:190px;
	-webkit-transform:rotate(19deg);
			transform:rotate(19deg);
}
.sIfloat .sIline[line="6"]{
	right:90px;
	top:44px;
	width:190px;
	-webkit-transform:rotate(-18deg);
			transform:rotate(-18deg);
}

#operation{
	display:none;
	position:absolute;
	z-index:5;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0, 0, 0, 0.8) url(../images/home/operation.png) no-repeat center center;
}



.siteSecond .animateMain{
	top:50%;
	left:50%;
	bottom:auto;
	width:560px;
	height:604px;
	margin-left:-280px;
	margin-top:-302px;
}

.siteSecond .animateMain header{
	height:100px;
}
.siteSecond .animateMain header h2{
	float:left;
}
.siteSecond .animateMain header p{
	float:right;
	margin-top:40px;
}

.sSform{
	margin-top:20px;
	padding:30px 20px;
	height:424px;
	background:#fff;
	box-shadow:0 0 15px rgba(0, 0, 0, 0.3);
}
.sSform > div{
	width:100%;
	height:100%;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
.sStable{
	width:100%;
	border-bottom:1px solid #f0f0f0;
}

.sStr{
	height:60px;
	font-size:24px;
	margin-bottom:20px;	
	font-size:0;
}
.sStr label{
	display:block;
}
.sStr .sStd{
	display:inline-block;
	vertical-align:middle;
	font-size:24px;
}
.sStr p.sStd{
	width:140px;
	height:60px;
	line-height:60px;
	text-align:right;
}
.sStr p.sStd em{
	color:#e50020;
}
.sStr div.sStd{
	width:335px;
	height:48px;
	line-height:48px;
	padding:5px 20px;
	border:1px solid #ccc;
	overflow:hidden;
}
.sStr div.sStd .inputType{
	width:100%;
	height:48px;
	color:#666;
}
.sStr div.sStd.nobor{
	width:377px;
	height:60px;
	line-height:60px;
	padding:0;
	border:0 none;
}

.sStr div.sStd .selectBox{
	width:180px;
	height:58px;
	line-height:58px;
	float:left;
	overflow:hidden;
	border:1px solid #ccc;
}
.sStr div.sStd .selectBox p{
	position:relative;
	padding:0 20px;
}
.sStr div.sStd .selectBox p span{
	color:#666;
}
.sStr div.sStd .selectBox p.nosel span{
	color:#aaa;
}
.sStr div.sStd .selectBox p i{
	display:block;
	position:absolute;
	right:20px;
	top:28px;
	border-right:9px solid transparent;
	border-left:9px solid transparent;
	border-top:9px solid #ccc;
}
.sStr div.sStd .selectBox p select{
	position:absolute;
	top:0;
	left:0;
	width:180px;
	height:58px;
	opacity:0;
}
.sStr div.sStd .selectBox:nth-of-type(2n){
	margin-left:13px;
}
.sStr[data-form="city"] div.sStd{
	width:377px;
}
.sStr[data-form="city"] div.sStd .selectBox{
	display:none;
}
.sStr[data-form="city"] div.sStd > p{
	color:#666;
}
.sStr[data-form="city"] div.sStd > p a{
	color:#e50020;
}
.sStr[data-form="dealer"],
.sStr[data-form="address"]{
	display:none;
}
.sStr[data-form="address"] div.sStd i{
	display:inline-block;
	vertical-align:middle;
	width:27px;
	height:40px;
	margin-top:-20px;
	margin-left:5px;
	background:url(../images/exp/icon-nav.png) no-repeat center center;
}

.sStr[data-form="dealer"] div.sStd .selectBox{
	width:375px;
}
.sStr[data-form="dealer"] div.sStd .selectBox select{
	width:375px;
}

.sSterms{
	margin-top:20px;
	font-size:18px;
	color:#666;
}
.sSterms label{
	display:block;
	position:relative;
}
.sSterms input[type="checkbox"]{
	position:absolute;
	left:20px;
	top:3px;
}
.sSterms span{
	display:block;
	margin-left:50px;
}
.sSterms span a{
	color:#e50020;
}
.sSsubmit{
	margin-top:20px;
	width:100%;
	height:60px;
}
.sSsubmit a{
	width:100%;
	height:60px;
	color:#fff;
	font-size:24px;
	font-weight:700;
	background:#e50020;
	display:block;
	text-align:center;
	line-height:60px;
}

.termsPop .popTit{
	width:100%;
	height:50px;
	line-height:50px;
	text-indent:2em;
	font-size:20px;
	background:#e50020;
}
.termsPop .popTit .closePop{
	top:-55px;
}
.termsPop .comPopInfo{
	height:500px;
	overflow:hidden;
	overflow-y:scroll
}
.popContent{
	padding:20px 30px;
	background:#fff;
	color:#000;
}
.popContent h2{
	font-size:24px;
	line-height:30px;
	margin-bottom:10px;
	font-weight:700;
	color:#333;
}
.popContent h3{
	font-size:20px;
	margin-top:20px;
	margin-bottom:10px;
}
.popContent p{
	font-size:14px;
	line-height:24px;
}

.siteFourth > div{
	position:relative;
}
.siteFourth .sFbtns{
	position:absolute;

}
.siteFourth .sFbtn{
	float:left;
	display:block;
	margin-right:10px;
	overflow:hidden;
}

.sFbanner .sFbtns{
	left:50%;
	bottom:105px;
	width:560px;
	height:77px;
	margin-left:-280px;
}
.sFbanner .sFbtn{
	height:77px;
}

.sFbanner .sFbtn:nth-child(1){
	width:183px;
}
.sFbanner .sFbtn:nth-child(2){
	width:107px;
}
.sFbanner .sFbtn:nth-child(3){
	width:107px;
}
.sFbanner .sFbtn:nth-child(4){
	width:133px;
	margin-right:0;
}

.sFPower{
	width:100%;
	height:950px;
}
.sFPower img{
	position:absolute;
	top:-72px;
}
.sFengine .sFbtns{
	top:280px;
	left:40px;
	height:60px;
}
.sFengine .sFbtn{
	width:187px;
	height:60px;
}

.sFpassion .sFbtns{
	top:337px;
	left:40px;
}
.sFpassion{
	background:#f4f4f4;
}
.sFpassion .sFbtn{
	width:187px;
	height:60px;  
}

.sFslider{
	position:relative;
	width:100%;
	height:250px;
	overflow:hidden;
	margin:20px auto 55px;
}

.sFslider > span{
	position:absolute;
	display:block;
	top:50%;
	width:40px;
	height:60px;
	margin-top:-30px;
	background:url("../images/point/arrow.png") no-repeat;

}
.sFslider > span.left{
	left:10px;
	background-position:-6px -6px;
}
.sFslider > span.right{
	right:10px;
	background-position:-46px -6px;
}

.sFslider .slider{
	position:relative;
	width:559px;
	height:250px;
	margin:0 auto;
	overflow:hidden;
	-webkit-transform-style: preserve-3d;
}
.sFslider .slider > div{
	position:absolute;
	width:559px;
	height:250px;
	opacity:0;
	transform:translate(559px, 0) translateZ(0);
	-webkit-transform:translate(559px, 0) translateZ(0);
	-webkit-backface-visibility: hidden;
}
.sFslider .slider > div:nth-child(1){
	opacity:1;
	transform:translate(0, 0) translateZ(0);
	-webkit-transform:translate(0, 0) translateZ(0);
}

.sFslider > span.left.un{
	background-position:-6px -66px;
}
.sFslider > span.right.un{
	background-position:-46px -66px;
}


.sFptit2{
	padding:30px 0 20px;
	background:#fff;
}

.sFchooise{
	width:640px;
	padding-bottom:60px;
	background-color:#fff;
}
.sFchooise .slider{
	position:relative;
	width:588px;
	height:261px;
	overflow:hidden;
	margin:0 auto;
	/*touch-action:none;*/
	-webkit-transform-style: preserve-3d;
}
.sFchooise .slider > div{
	position:absolute;
	width:559px;
	height:250px;
	opacity:0;
	transform:translate(559px, 0) translateZ(0);
	-webkit-transform:translate(559px, 0) translateZ(0);
	-webkit-backface-visibility: hidden;
}
.sFchooise .slider > div:nth-child(1){
	opacity:1;
	transform:translate(0, 0) translateZ(0);
	-webkit-transform:translate(0, 0) translateZ(0);
}
.sFchooise .cho{
	width:560px;
	margin:0 auto;
}
.sFchooise .cho li{
	float:left;
	display:block;
	width:90px;
}
.sFchooise .cho li:last-child{
	margin:0;
}
.sFchooise .cho li em{
	display:block;
	opacity:0;
	width:90px;
	height:46px;
	line-height:46px;
	text-align:center;
	font-size:28px;
}
.sFchooise .cho li span{
	display:block;
	width:60px;
	height:60px;
	margin:0 auto;
	overflow:hidden;
	padding:5px;
	border:1px solid transparent;
	border-radius:36px;
}
.sFchooise .cho li span i{
	display:block;
	width:60px;
	height:60px;
	border-radius:30px;
	background:#000;
	box-shadow:1px 1px 3px #000 inset;
}
.sFchooise .cho li.act span{
	border-color:#666;
}
.sFchooise .cho li.act em{
	opacity:1;
}

.sFchooise .cho li span[color="blue"] i{
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#2a3644), to(#55718d));
}
.sFchooise .cho li span[color="gray"] i{
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#4c4d53), to(#9ca1ad));
}
.sFchooise .cho li span[color="red"] i{
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#a31a26), to(#dc5e73));
}
.sFchooise .cho li span[color="white"] i{
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#e1e2e5), to(#f4f5f5));
}
.sFchooise .cho li span[color="silver"] i{
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#b4babf), to(#e2e5e7));
}
.sFchooise .cho li span[color="black"] i{
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#1c1f24), to(#61686f));
}

.sFsense{
	overflow:hidden;
	padding-bottom:514px;
	background:#fff url(../images/point/bg6.png) no-repeat center bottom;
}
.sFsense .sFbtns{
	top:244px;
	left:40px;
}

.sFsense .sFbtn{
	width:187px;
	height:60px;

}
.dealerDress{color:#333; text-decoration:underline;}
.sStable li.sStr{height:auto;}
.sStable li.sStr div.sStd.nobor{height:auto}

/* 20141119 */
.bgw{
	background-color:#fff;
}
.siteConfig{
	background:#fff;
	padding-top:105px;
}

.sChead{
	width:339px;
	height:85px;
	overflow:hidden;
	margin-left:40px;
	text-indent:-99em;
	background:url(../images/point/sChead.png) no-repeat center center;
}

.sCList{
	margin-top:50px;
}

.sCtitle{
	width:100%;
	height:80px;
	overflow:hidden;
	border-bottom:6px solid #e50020;
}

.sCtitle li{
	float:left;
	display:inline-block;
	width:100%;
	height:80px;
	margin-right:5px;
	line-height:80px;
	color:#fff;
	text-align:center;
	font-size:26px;
	background:#333;
}
.sCtitle li:last-child{
	margin:0;
}

.sCtitle li.act{
	background-color:#e50020;
}

.sCcontent{
	width:100%;
	color:#666;
}
.sCcontent .sCtips{
	font-size:24px;
	line-height:30px;
	padding:15px 25px;
	font-weight:700;
}
.sCtables{
	display:none;
}

.sCcontent .sCtbales{
	width:100%;
}

.sCthead{
	border-top:1px solid #666;
}
.sCtbody{
	table-layout:fixed;
	word-break: break-all;
}
.sCthead th,
.sCtbody td{
	height:120px;
	border-left:1px solid #ccc;
	text-align:center;
}
.sCthead th.head,
.sCtbody td.head{
	width:130px;
	background-color:#f0f0f0;
	border-left:0 none;
}
.sCthead th p,
.sCtbody td p{
	padding:15px 10px;
	line-height:30px;
}

.sCthead th.head p,
.sCtbody td.head p{
	width:110px;
	text-align:right;
}

.sCpull{
	width:100%;
}
.sCpull > h3{
	width:100%;
	height:58px;
	line-height:58px;
	border:1px solid #666;
	border-left:0 none;
	border-right:0 none;
	background:#ccc;
	font-size:24px;
	text-align:center;
	font-weight:700;
}
.sCpull > h3 span{
	display:inline-block;
	vertical-align:middle;
	margin-left:12px;
	border-top:10px solid #666;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
}

.sCpull .sCtbody td{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	/*vertical-align:top;*/
	font-weight:700;
}

.sCpull > div{
	display:none;
}

.navContent >ul > li.act > div{
	opacity:1;
}
.navContent >ul > li.act > em{
	top: 35px;
	height: 20px;
	background: url(../images/nav_icon_3.png) no-repeat;
}
.navContent >ul > li.act > img{
	opacity:1;
}
.navContent >ul > li.act > p{
	opacity:1;
	line-height:50px;
}
.navContent >ul > li.act > span{
	line-height:110px;
	color:#000;
}
.navContent >ul > li.act > span a{
	color:#000;
}

.sSstep{
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:1;	
	opacity:0;
}
.sSstep > div{
	position:absolute;
	left:50%;
	top:50%;
}
.sSstep img{
	position:absolute;
}
.sSstep1{
	z-index:2;
}
.sSstep1 > div{
	width:560px;
	height:280px;
	margin-left:-280px;
	margin-top:-140px;
}
.sSstep1 .img1{
	left:6px;
	top:0;
	opacity:0;
}
.sSstep1 .img2{
	left:6px;
	top:45px;
	opacity:0;
}
.sSstep1 .img3{
	left:6px;
	bottom:0;
	opacity:0;

}



.sSstep2 > div{
	width:560px;
	height:206px;
	margin-left:-280px;
	margin-top:-103px;
}
.sSstep2 > div img{
	opacity:0;
}
.sSstep2 .img1{
	left:53px;
	top:0;
}
.sSstep2 .img2{
	left:13px;
	top:37px;
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
}
.sSstep2 .img3{
	right:10px;
	bottom:0;
}


.sSstep3 > div{
	width:560px;
	height:156px;
	margin-left:-280px;
	margin-top:-78px;
}
.sSstep3 > div img{
	opacity:0;
}
.sSstep3 .img1{
	left:48px;
	top:0;
	-webkit-transform:scale(0.5);
			transform:scale(0.5);
}


.sSstep4 > div{
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.sSstep4 > div img{
	opacity:0;
}
.sSstep4 .bg1{
	left:50%;
	bottom:0;
	z-index:0;
}
.sSstep4 .bg2{
	top:0;
}

.sSstep4 > div .block1{
	position:absolute;
	left:50%;
	top:50%;
	width:386px;
	height:225px;
	margin-top:-112px;
	margin-left:-193px;
}
.sSstep4 .img3{
	left:0;
	top:0;
}
.sSstep4 .img2{
	bottom:0;
	left:0;
}
.sSstep4 .img1{
	left:0;
	top:80px;
}

.sSstep4 > div .block2{
	position:absolute;
	left:50%;
	bottom:11%;
	width:520px;
	height:425px;
	margin-left:-260px;
	z-index:3
}

.sSstep4 .img4{
	z-index:3;
	bottom:0;
	left:50%;
	width:366px;
	margin-left:-183px;
	transform:scale(0.5);
	-webkit-transform:scale(0.5);
}
.sSstep4 .img5{
	z-index:2;
	top:30px;
	left:50%;
	width:477px;
	margin-left:-238px;
	-webkit-transform:translate(0, 200px);
			transform:translate(0, 200px);
}
.sSstep4 .img6{
	z-index:2;
	top:0;
	left:50%;
	width:437px;
	margin-left:-218px;
	-webkit-transform:translate(0, 200px);
			transform:translate(0, 200px);
}
.sSstep4 .img7{
	z-index:5;
	bottom:-34px;
	left:50%;
	width:520px;
	margin-left:-263px;
}
.sSstep4 .bg3{
	z-index: 2;
}

.sSskip{
	display:block;
	position:absolute;
	bottom:10px;
	left:50%;
	z-index:3;
	width:142px;
	margin-left:-71px;
}


@media only screen and (max-height:780px){
.sIbg{
	top:auto;
}
.sIroad{
	bottom:-90px;
}
.animateMain{
	bottom:0;
}

.siteSecond .animateMain{
	margin-top:-255px;
}

.termsPop .comPopInfo{
	height:300px;
}

}

/* footer */
.footer{height:70px; font-size:20px; line-height:30px;max-width:1400px;margin:20px auto;color: #fff;}
.footer .copyRight{float:left;padding: 0 2%;width: 96%;text-align: center;}
.footer .foot_logo_img{ float: right; margin-bottom: 2%;}
.copyRight span{margin-left:30px;}
.footer .foot-logo{float:right}
.footer .foot-logo img{float:right; margin-top:25px}