@charset "gb2312";
/* CSS Document */

body {font-family:"Microsoft Yahei", Arial, Tahoma,"Microsoft Yahei";margin:0;padding:0;font-size:12px;color:#000; background:#fff; overflow-x: hidden;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, code, em, img, q, s, strike, strong, syt, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, footer, header, nav, section, audio, video, button, input {-webkit-font-smoothing: antialiased;}
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
img{border:0; vertical-align:middle;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
header, section, footer, aside, nav, main, article, figure { display: block; }
/* Link */
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:none;-webkit-transition: .4s;}
/* Other */
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.f_left{float:left;}
.f_right{float:right;}
.img{vertical-align:middle;}

.hold01{ width:100%; height:auto; margin:0 auto; text-align:center; min-width:1200px; background:#fff; overflow:hidden;}
.div-center{ width:1200px; height:auto; margin:0 auto; position:relative;}
.hold-banner{ width:100%; height:831px; margin:0 auto; position:relative; background:url(../images/banner03.jpg) center no-repeat; overflow:hidden;}

.banner01-01{ position:absolute; top:24px; left:245px; z-index:1;}
.banner-img{ width:1200px; height:490px; margin: 0 auto; overflow:hidden; text-align:center; padding-top:280px;}
.banner-back{ width:100%; height:319px; position:absolute; bottom:-128px; left:0px; z-index:2; background:url(../images/banner08.png) center no-repeat;}
.banner-car{ width:307px; height:auto; position:absolute; top:242px; z-index:3; left:426px;}
div.planet{ position:absolute;top:114px;margin:0px auto;width:1200px;height:1200px;z-index:2; left:0px; background:url(../images/banner07.png) center no-repeat;}
.car03{position: absolute; top: 94px; right: 74px;}
.car02{position: absolute; top: 125px; left: 17px;}
.car04{position: absolute; top: 112px; left: 51px;}
.car05{position: absolute; top: 98px; left: 109px;}
.car06{position: absolute; top: 96px; left: 153px;}
.car07{position: absolute; top: 99px; right: 40px;}
.car08{position: absolute; top: 108px; right: 7px;}
/*¶¯»­*/
.rotate{
 -moz-animation:rotate 7s linear infinite;
 -webkit-animation:rotate 7s linear infinite;
 -o-animation:rotate 7s linear infinite;
 animation:rotate 7s linear infinite;
}
@-moz-keyframes rotate{
	0%{ 
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	100%{
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-o-transform:rotate(360deg);
	}
}
@-webkit-keyframes rotate{
	0%{ 
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	100%{
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-o-transform:rotate(360deg);
	}
}
@keyframes rotate{
	0%{ 
		transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-o-transform:rotate(360deg);
	}
}

.banner-piao{ background:url(../images/car.png) center no-repeat; width:524px; height:335px; margin:0 auto; position:relative; z-index:4; margin-top:180px; text-align:left;}
.banner-sp{ font-size:28px; color:#fff; font-weight:bold; float:left; margin-top: 30px; margin-left: 40px; text-align:left;}
.banner-sp em{ display:block; font-size:14px; font-weight:normal; font-style:normal;    margin-left: 3px;}
.banner-sp02{ float:left; background:url(../images/banner09.png) right no-repeat; font-size:16px; font-weight:bold; color:#fff; height:59px; width:82px; margin-top:30px; margin-left:6px; text-align:center;}
.banner-sp03{ margin-left:14px;}
.banner-sp04{ font-size:14px; color:#b6dcfc; display:inline-block; margin-left:42px; margin-top:16px;}
.banner-sp05{ font-size:18px; font-weight:bold; color:#fff; margin-left:42px; display:inline-block; margin-top:4px;}
.banner-heng{ float:left; margin-right: 20px;}
.banner-img02{ position:absolute; top:130px; right:32px; z-index:2;}
.banner-p{ font-size:18px; color:#333; font-weight:bold; clear:both; margin-left:42px; padding-top:32px;}
.banner-sp06{ font-size:14px; color:#888; float:left; margin-left:42px; margin-top:8px;}
.banner-sp07{ font-size:14px; color:#888; float:right; margin-right:34px; margin-top:8px;}
.banner-sp07:hover{ color:#d52525;}

.waiting{ width:100%; height:424px; background: url(../images/wait06.jpg) center no-repeat; text-align:center;}
.waiting-top{ width:100%; height:auto;}
.wait-title{ font-size:30px; color:#c81324; font-weight:bold; display:block; padding-top:48px;}
.wating-down{ width:996px; height:auto; margin:0 auto; margin-top:124px;}
.wait-form{ float:left; width:196px; height:37px; border-radius:6px; margin-right:52px;}
.wait-form img{ float:left;}
.bm_input{ font-size:16px; color:#999; border:none; background:#fff; height:37px; padding-left:10px; width:138px; border-radius: 0 6px 6px 0; padding-right:10px;}
input {outline:none;}

.btn-select { position: relative; display: inline-block; width: 148px; height: 37px;   color: #999; font-family:"Microsoft Yahei", Arial, Tahoma,"Microsoft Yahei"; font-size:16px; text-align: left; padding-left: 10px; background: #fff; cursor:pointer; border-radius: 0 6px 6px 0;} 
.btn-select .cur-select { position: absolute; display: block; width: 148px; height: 37px; background:url(../images/king_zi.png) no-repeat 118px center; line-height: 37px;}
.btn-select select { position: absolute; top: 0; left: 0; width: 158px; height: 37px; opacity: 0; filter: alpha(opacity: 0;); font-family:"Microsoft Yahei", Arial, Tahoma,"Microsoft Yahei";  font-size:16px; text-align:left;} 
.z_btn{ font-size:18px; color:#fff; background:url(../images/wait05.png) center no-repeat; width:254px; height:56px; display:block; margin:0 auto; border:none; position:relative; top:36px;}
.z_btn:hover{ top:40px;}
input::-webkit-input-placeholder{ /*webkitÄÚºËä¯ÀÀÆ÷*/
color:#999;}
input:-moz-placeholder{/*firefox 1.8-*/
color:#999;	}
input::-moz-placeholder{/*firefox 1.9+*/
color:#999;	}
input:-ms-placeholder{
color:#999;	}

.train{ width:100%; height:665px; background:url(../images/wait07.jpg) center no-repeat;}
.train-tilte{ font-size:40px; color:#fff; font-weight:bold; text-shadow:0 7px 19px rgba(15,54,92,0.24); padding-top:14px; line-height:55px;}
.train-left{ float:left;  text-align:left; margin-top:150px; margin-left:42px;}
.train-left span{ font-weight:bold; font-size:26px; color:#da372f; display:block; margin-bottom:10px;}
.train-left p{ font-size:16px; color:#da372f; line-height:26px; width:351px; font-weight:bold; margin-bottom:30px;}
.train-p{ width:auto !important;}
.train-right{ position:absolute; right:60px;}
.train-down{ width:1114px; height:103px; background:#da372f; margin:0 auto; margin-top:10px; border-radius:4px;}

.train-fit{ float:left; border-right:1px #fff solid; height:64px; width:150px; margin-top:20px; position:relative;}
.interesting-lan{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; display:none;}
.train-fun{ width:250px; height:407px; background:#fff; position: absolute; top: -20px; right: -220px; z-index: 99; border-radius:6px;}
.train-fun p{ font-size:16px; color:#fff; font-weight:bold; background:#6ca10c; border-radius:6px 6px 0 0; height:42px; line-height:42px;}
.train-ti{ background:url(../images/back12.png) 12px 12px no-repeat;}
.train-ti span{ font-size:14px; color:#6ca10c !important; line-height:26px; display:block !important; margin-left:72px; text-align:left;}

.train-fit span{ font-size:14px; color:#fff; margin-top:12px; display:inline-block;}
.train-fit p span{ margin-top:6px;}
.train-fit p img{ margin-left:8px;}
.train-middle{float:left; border-right:1px #fff solid; height:64px; margin-top:20px; padding: 0 44px;}
.train-pu{ float:left; margin: 14px 0; margin-left:12px;}
.train-pu b{ font-size:16px; color:#fff;}
.train-pu span{ font-size:14px; color:#666; display:inline-block; width:139px; height:35px; background:#fff; border-radius:6px; text-align:left; padding-left:10px; line-height:35px; margin-left:12px;}
.train-pu img{ position:relative; top:-2px; margin-left:12px;}
.train-go{ float:left; background:url(../images/train03.png) center no-repeat; height:37px; width:110px; line-height:37px; font-size:14px; color:#fff; margin: 33px 0; margin-left:36px;}
.train-go:hover{ margin-top:37px;}

.originating{ width:100%; background:url(../images/back01_04.jpg) center no-repeat; height:206px;}
.originat-left{ float:left; background:#fff; border-radius:6px; position:relative; padding: 0 18px; margin-left:376px; margin-top:20px;}
.origin01{ position: absolute; left:-10px; top:20px;}
.originat-left span{ font-size:16px; color:#da372f; font-weight:bold; display:block; margin-top:12px; margin-bottom:6px;}
.originat-left p{ font-size:14px; color:#da372f; line-height:24px; text-align:left; width:169px; padding-bottom:8px}
.origin02{ position:absolute; right:-12px; top:13px; z-index:2;}
.origin03{ margin-left:246px;}
.origin03 span{ margin-bottom:20px; margin-top:30px;}
.origin03 p{ padding-bottom:23px;}
.origin04{position: absolute; right:-18px; bottom:-7px; z-index:2;}

.orgin-seand{ background:url(../images/back01_05.jpg) center no-repeat; width:100%; height:375px;}
.origin05{ margin-left:78px; margin-top:34px; padding:0 14px;}
.origin07{ position:absolute; top:-24px; left:-16px; z-index:2;}
.origin06{ position:absolute; bottom:-13px; left:28px; z-index:2;}
.origin05 p{ width:158px; margin-top:24px; padding-bottom:20px;}
.origin05 span{ margin-top:28px;}
.origin08{ margin-top:42px; margin-left:28px;}
.origin08 p{ width:160px; margin-top:16px;}
.origin09{ position:absolute; top:10px; left:-15px; z-index:2;}
.origin010{ margin-top:23px; margin-left:30px;}
.origin010 p{ width:130px; margin:0 auto; margin-top:20px; padding-bottom:34px;}
.origin011{ margin-top:64px; margin-left:28px;}
.origin011 span{ margin-top:28px;}
.origin011 p{ margin-top:20px; padding-bottom:18px;}
.origin012{ margin-top:124px; margin-left:24px;}
.origin012 p{ width:150px; margin-top:14px;}
.origin013{ position:absolute; top:-10px; left:46px; z-index:2;}

.origin-three{ width:100%; background:url(../images/back01_06.jpg) center no-repeat; height:433px;}
.orin-three{ padding:0 30px;}
.orin01{position: absolute; bottom: -12px; left: 28px; z-index: 2;}
.orin02{ position:absolute; top:46px; left:-12px; z-index:2;}
.orin03{ margin-top:88px; margin-left:68px;}
.orin04{ margin-top:88px; margin-left:40px;}
.orin05{ position:absolute; bottom:5px; right:-15px; z-index:2;}
.orin06{ margin-top:70px; margin-left:66px;}
.orin06 p{ width:173px; margin-top:20px;}

.show{ width:100%; background:url(../images/back01_07.jpg) center no-repeat; height:742px;}
.show-title{ font-weight:bold; font-size:26px; color:#da372f; padding-top:86px; margin-bottom:16px; text-align:left; margin-left:40px;}
.show-img{ width:1200px; height:auto; margin:0 auto;}
.show-img img{ margin:0 10px;}