@media (max-width: 1190px){ 
	.wrap {
		width: 1000px;
	}
}
.animated {
    animation-delay: .5s;
    -moz-animation-delay: .5s;
    -webkit-animation-delay: : .5s;
}
.animated1 {
    animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: : 1s;
}
.animated2 {
    animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -webkit-animation-delay: : 1.2s;
}
.animated3 {
  	animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -webkit-animation-delay: : 1.5s;
}
#pageContain { overflow: hidden;}
.page { display: none; width: 100%; height: 100%;  position: absolute; top: 0; left: 0;}
.contain { width: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
.index1 { background: url('../images/about_ban.jpg') center no-repeat;background-size: cover;}
.index2 { background: url('../images/ind_bg2.jpg') center no-repeat;background-size: cover;}
.index3 { background: url('../images/ind_bg3.jpg') center no-repeat;background-size: cover;}
.index4 { background: url('../images/ind_bg4.jpg') center no-repeat;background-size: cover;}
.index5 { background: url('../images/ind_bg5.jpg') center no-repeat;background-size: cover;}
.index6 { background: url('../images/ind_bg6.jpg') center no-repeat;background-size: cover;}
.index7 { background: url('../images/ind_bg7.jpg') center no-repeat;background-size: cover;}
.fp-table {
	position:relative;
}
.table-cell {
	position: absolute;
	top: 100px;
	right: 0;
	bottom: 0;
	left: 0;
	height: 70%;
	margin: auto;
}
#navBar { 
	z-index: 3; 
	position: absolute; 
	top: 50%; 
	margin-top: -55px;
	right: 55px;
}
#navBar .active { 
	background: #fff;
	filter:alpha(opacity=100);     
	-moz-opacity:1;              
	opacity:1;
}
#navBar li { 
	cursor: pointer;
	margin-bottom: 20px; 
	transition: all .7s ease; 
	-webkit-transition: all .7s ease;
	border-radius: 50%; 
	text-indent: -999px; 
	width: 6px; 
	height: 6px;
	border:2px solid #fff;
	filter:alpha(opacity=50);     
	-moz-opacity:0.5;              
	opacity: 0.5;
}
/*首页*/

/*第一屏*/
.index1 {
	text-align: center;
}
.index1 .table-cell {
	height: 293px;
}
.index1 .ind-h2-tit {
	color:#1a1a1a;
}
.ind-h2-tit {
	margin-top:5px;
	font-size: 36px;
	color: #1a1a1a;
}
.color-line {
	display: block;
	margin: 40px auto;
	height: 2px;
	width: 120px;
	background: url('../images/com_line.jpg') no-repeat;
	-webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.index1 li {
	color: #000;
}
.index1 .mouse {
	position: absolute;
	left: 50%;
	margin-left: -11px;
	width: 22px;
	height: 39px;
	bottom: 35px;
	background: url('../images/mouse.png') no-repeat;
	-webkit-animation-duration: 2s;
          animation-duration: 2s;
    cursor: pointer;
}

/*第二屏*/
.index2 .table-cell {
	height: 625px;
}
.index2 .left {
	position: absolute;
	left: 40px;
	top: 100%;
	filter:alpha(opacity=0);     
	-moz-opacity:0;              
	opacity:0;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.index2.current .left {
	top: 8%;
	filter:alpha(opacity=100);     
	-moz-opacity:1;              
	opacity:1;
}
.index2.current .left .text img {
	width: 90%;
}
.index2 .left .color-line {
	margin: 20% auto;
}
.index-phone {
	position: absolute;
/*	left: 50%;
	top: -150%;*/
	margin-left: -155px;
	width: 310px;
	height: 627px;
	background: url('../images/phone_bg.png') center no-repeat;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.index-phone .img {
	position: absolute;
    top: 81px;
    left: 23px;
    width: 600px;
    height: 464px;
    overflow: hidden;
}
.index2 .index-phone .img i {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url('../images/index2_bg.png') repeat;
}
.index2 .index-phone .img:hover i {
	display: block;
}
.index2 .index-phone .img img {
	position: relative;
	z-index: 3;
}
.index2.current .index-phone {
	top: 0%;
}
.down-btn a {
	display: block;
	margin: 0 auto 20px;
	width: 280px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 20px;
/*	border-radius: 25px;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;*/
}
/*.down-btn a i {
	display: inline-block;
	margin: -6px 8px 0 0;
	width: 33px;
	height:36px;
	vertical-align:middle;
}
.down-btn a:hover {
	color: #00aaff;
	background:#fff;
}
.down-btn .android i {
	background: url('../images/down_icon.png') 2px 0px no-repeat;
}
.down-btn .android a:hover i, .ft-down-btn.down-btn .android a:hover i{
	background: url('../images/down_icon.png') -47px 0px no-repeat;
}
.down-btn .ios i {
	background: url('../images/down_icon.png') 1px -53px no-repeat;
}
.down-btn .ios a:hover i, .ft-down-btn.down-btn .ios a:hover i{
	background: url('../images/down_icon.png') -46px -53px no-repeat;
}*/
.index-phone img {
	display: block;
	width: 600px;
}
.index2 .fadeInDown {
	right: 30%;
}
.index2 .fadeInUp {
	right: 4%;
}
/*.index2.current .right {
	left: 500px;
	filter:alpha(opacity=100);     
	-moz-opacity:1;              
	opacity:1;
}
.index2 .right dt {
	position: relative;
	width: 135px;
	height: 169px;
}
.index2 .right dt span{
	position: absolute;
	right: 5px;
	top:0;
	width: 135px;
	height: 169px;
	background: url('../images/scanning.png') no-repeat;
}
.index2.current .right dt span {
	-webkit-animation: movex 3s linear infinite;
		    animation: movex 3s linear infinite;
}
@keyframes movex{ 
	0%,100%,15% {
		-webkit-transform: translate(10px,0);
		transform: translate(10px,0);
	}

	5% {
		-webkit-transform: translate(-10px,0);
		transform: translate(-10px,0)
	}
}
@-webkit-keyframes movex{ 
	0%,100%,15% {
		-webkit-transform: translate(10px,0);
		transform: translate(10px,0);
	}

	5% {
		-webkit-transform: translate(-10px,0);
		transform: translate(-10px,0)
	}
}
.index2 .right dt i {
	position: absolute;
	top: 37px;
	width: 4px;
	height: 6px;
}
.index2 .right dt .h-left {
	left: 0;
	background: url('../images/triangle.png') no-repeat;
}
.index2 .right dt .h-right {
	right: 0;
	background: url('../images/triangle.png') -4px 0 no-repeat;
}
.index2 .right dd {
	text-align: right;
	color: #fff;
}
*/


/*第三屏*/
.index3 .table-cell {
	height: 270px;
}
.index3Slide{ width:100%; height:323px; position:relative; }
.index3Slide .bd{ position:relative; margin: auto;height:100%;width:1100px; z-index:0;   }
.index3Slide .bd > ul > li{ zoom:1; vertical-align:middle;width:1200px;height: 270px;}
.index3Slide .prev,
.index3Slide .next{ 
	position:absolute; 
	top:50%; 
	margin-top:-25px; 
	display:block; 
	width:40px; 
	height:50px; 
	background: url('../images/index3_key.png') no-repeat;  
	z-index: 100;
}
.index3Slide .prev {
	left:-110px;
	background-position: 4px 0px;
}
.index3Slide .prev:hover {
	background-position: -110px 0px;
}
.index3Slide .next{ 
	right:-122px;
	background-position: -48px 0px; 
}
.index3Slide .next:hover{
	background-position: -162px 0px; 
}
.slide-tit dd {
	font-size: 36px;
}
.index3 .self-left p span {
	display: block;
}
.index3 .self-left .color-line {
	margin: 60px auto;
}
.index3 .self-left {
	float: left;
	text-align: center;
	color: #fff;
}
.index3 .self-img {
	float: right;
	position: relative;
	width: 760px;
	height: 270px;
	text-align: center;
}
.index3 .self-img img {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	/*margin: auto;*/
    width: 100%;
}

/*第四屏*/
.index4 {
	color: #fff;
}
.index4 .table-cell {
	height: 624px;
}
.index4 .index-phone {
	top: 11%;
}
.index4 .new-left {
	float: left;
	width: 36%;
	margin-top: 140px;
	height: 415px;
}
.index4 .slide-tit dt {
	position: relative;
}
.index4 .color-line {
	margin: 60px auto;
}
.index4 .slide-tit dt i {
	position: absolute;
	top: -27px;
	left: 220px;
	width: 259px;
	height: 54px;
	background:url('../images/dotted.png') no-repeat;
}
.index4 .new-left span {
	display: block;
	font-size: 14px;
	line-height: 24px;
}
.index4Phone{
	position:absolute; 
	right: 0;
	height: 625px;
	width: 64%;
	/*background: url('../images/phone_bg.png') left top no-repeat;*/
}
.phone-box {
	position: absolute;
	top: 81px;
	left: 23px;
	width: 600px;
	height: 464px;
	overflow:hidden; 
}
.index4Phone .bd{ 
	overflow: hidden;
	float: left;
	z-index:1;   
}
.index4Phone .bd li { 
	vertical-align:middle;
	height: 700px;
	width: 600px;
	z-index: -1;
}
.index4Phone .bd li img {
	display: block;
	width: 600px;
    height: 400px;
}
.index4Phone .hd {
	position: absolute;
	right: 0px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 365px;
	height: 370px;
}
.index4Phone .hd li {
	display: none;
}
.index4Phone .hd li.on {
	display: block;
}
.index4Phone .hd dt {
	margin-bottom: 20px;
	font-size: 36px;
}
.index4Phone .hd dd {
	font-size: 14px;
	line-height: 26px;
}
.index4Phone .hd .color-line {
	margin: 70px auto 45px;
}
.index4Phone .next,.index4Phone .prev,.down3 .next, .down3 .prev{ 
	position:absolute; 
	top: 485px; 
	display:block; 
	width:50px; 
	height:50px; 
	background: url('../images/index4_key.png') no-repeat;  
	z-index: 100;
}
.index4Phone .prev ,.down3 .prev{
	left: 24%;
	top: 82%;
	background-position: 15px center;
}
.index4Phone .prev:hover,.down3 .prev:hover {
	background-position: -72px center;
}
.index4Phone .next,.down3 .next{
	left: 51%;
	top: 82%;
	background-position: -29px center; 
}
.index4Phone .next:hover,.down3 .next:hover{
	background-position: -112px center; 
}


/*第五屏*/
.index5 .table-cell {
	height: 440px;
}
.index5 p {
	margin: auto;
	width: 470px;
	text-indent: 2em;
	text-align: center;
	color: #1a1a1a;
	font-size: 14px;
	line-height: 22px;
}
.index5 p+p.fadeInLeftBig {
	animation-delay:.2s;
}
.index5 .color-line {
	margin: 50px auto;
}
.tit-icons {
	margin-bottom: 30px;
	-webkit-animation-duration: 5s;
          animation-duration: 5s;
}
.index5 .index5-line {
	position: absolute;
	top: 100px;
	left: 55px;
	height: 0;
	filter:alpha(opacity=0);     
	-moz-opacity:0;              
	opacity:0;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}
.index5.current .index5-line {
	height: 620px;
	filter:alpha(opacity=100);     
	-moz-opacity:1;              
	opacity:1;
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-15px, 0, 0);
            transform: translate3d(-15px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(15px, 0, 0);
            transform: translate3d(15px, 0, 0);
  }
}


/* 第六屏 */
.index6,.index7 {
	color: #fff;
}
.index6 .ind-h2-tit,.index7 .ind-h2-tit {
	color: #fff;
}
.index6 .table-cell,.index7 .table-cell {
	display: block;
	height: 390px;
}


/* 第七屏 */
.index7 {
	position: relative;
}
.index7 ul {
	position:relative;
	opacity: 0;
	bottom: -270px;
}
.index7 li {
	display: inline-block;
	margin: 0 10px;
	width: 100px;
	height: 100px;
	background:url('../images/share_icon.png') 0 center no-repeat;
	border-radius: 100%;
	transition: all .5s;
	cursor: pointer;
}
.index7 li.share2 {
	background-position: -101px 0;
}
.index7 li.share3 {
	background-position: -201px 0;
}
.index7 li.share4 {
	background-position: -301px 0;
}
.index7 li.share5 {
	background-position: -401px 0;
}
.index7 .copyright {
	position:absolute;
	bottom: 30px;
	left: 35px;
	padding-left: 23px;
	line-height: 22px;
	color: #fff;
	font-size: 12px;
	background:url('../images/copy_logo.png') no-repeat;
}
.index7 li:hover {
	background:url('../images/share_icon_h.png') 0 center no-repeat;
	border: none;
	-webkit-transform: translate(0, -20px);
  	-moz-transform:  translate(0, -20px);
  	-o-transform:  translate(0, -20px);
  	-ms-transform:  translate(0, -20px);
  	transform:  translate(0, -20px);
}
.index7 li.share2:hover {
	background-position: -99px 0;
}
.index7 li.share3:hover {
	background-position: -199px 0;
}
.index7 li.share4:hover {
	background-position: -299px 0;
}
.index7 li.share5:hover {
	background-position: -399px 0;
}




/*app下载*/
/*第一屏*/
.down1 .table-cell {
	height: auto;
}
.down1 .contain{ 
	background: url('../images/gwc_app4_bg.jpg') no-repeat;
	background-size: cover;
}
.down1 .right {
	position: absolute;
	top: 20%;
	right: 10px;
	width: 500px;
	height: 680px;
}
.down1 .color-line,.down2 .color-line,.down3 .color-line {
	margin: 25px 0;
}
.down1 .info {
	margin-bottom: 30px;
	color: #fff;
	font-size: 14px;
	text-align: left;
}
.down1 .down-btn {
	float: left;
}
.down1 .down-btn a {
	margin: 18px 0;
}
/*.down1 .code-box dl {
	float: left;
	margin: 20px 0 0 25px;
	cursor: pointer;
}
.down1 .code-box dt,.down1 .code-box dd {
	float: left;
}
.down1 .code-box dd {
	display: none;
	margin-left: 24px;
}*/
.down1 .wrap {
	position: relative;
}
.down1 .bot {
	position:absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	padding: 45px 0;
	height: 70px;
	background:#fff;
}
.down1 .bot li {
	width: 50%;
	text-align: left;
	color: #1a1a1a;
}
.down1 .bot li img {
	float: left;
	margin-right: 25px;
}
.down1 .bot li h3 {
	margin: 5px 0;
	font-size: 18px;
}
.down1 .bot li p {
	font-size: 12px;
}
.down1 .bot li p a {
	color: #fe5000;
}
.down1 .bot li:first-child {
	position: relative;
	float: left;
}
.down1 .bot li:first-child:before {
	position: absolute;
	content: "";
	top: 5px;
	right: 0;
	width: 1px;
	height: 60px;
	background: #d5d5d5;
}
.down1 .bot li:first-child img {
	margin-left: 100px;
}
.down1 .bot li + li {
	float: right;
}
.down1 .bot li + li img {
	margin-left: 190px;
}

/*第二屏*/
.down2 {
	background: #f4f4f4;
}
.down2 .right {
	position: absolute;
}
.down2 .left {
	position: absolute;
	top: 0;
	left: 100px;
	bottom: 0;
	margin: auto;
	width: 538px;
	height: 483px;
}
.down2 .left p {
	text-align: left;
	font-size: 12px;
}
.down2 .pic  {
	margin-top: 30px;
	float: left;
}
.down2 .right {
	position: absolute;
	top: 0;
	right: -450px;
	bottom: 0;
	margin: auto;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transform:rotateY(90deg);
	-ms-transform:rotateY(90deg); 
	-moz-transform:rotateY(90deg); 	 
	-webkit-transform:rotateY(90deg);
	-o-transform:rotateY(90deg); 	
}
.down2.current .right {
	transform:rotateY(0deg);
	-ms-transform:rotateY(0deg); 
	-moz-transform:rotateY(0deg); 	 
	-webkit-transform:rotateY(0deg);
	-o-transform:rotateY(0deg); 
	right: 60px;
}
.down2 .right img {
	display: block;
	height: 100%;
}




/*第三屏*/
.down3 {
	background: url('../images/app3_ban.jpg') no-repeat;
	background-size: cover;
}
.down3 .table-cell {
	height: 630px;
}
.down3 .picFocus {
	position: relative;
    right: 0;
    height: 630px;
    margin-left: 140px;
    background: url('../images/phone_bg.png') left top no-repeat;
}
.down3 .bd li {
	vertical-align: middle;
    height:464px;
    width: 600px;
    z-index: -1
}
.down3 .bd li img {
	display: block;
	width: 600px;
}
.down3 .picFocus .hd {
	position: absolute;
	top: 20%;
	left: 550px;
	height: 420px;
	width: 600px;
}
.down3 .picFocus .hd dl {
	display: none;
	position:absolute;
	left: 0;
	top: 0;
}
.down3 .picFocus .hd li.on dl {
	display: block;
}
.down3 .picFocus .hd dd {
	text-align: left;
	font-size: 14px;
	color: #fff;
}
.down3 .hd li {
	float: left;
}
.down3 .hd li>  img {
	display: inline-block;
	margin: 270px 20px 0 0;
	vertical-align: middle;
	cursor: pointer;
}
.down3 .hd .on .img1,.down3 .hd .img2 {
	display: none;
}
.down3 .hd .on .img2,.down3 .hd .img1 {
	display: block;
}
.down3 .prev {
	left: -78px;
	top: 320px;
}
.down3 .next {
	left: 370px;
	top: 320px;
}


/*第四屏*/
.down4 .table-cell {
	height: 510px;
}
.down4 .contain{ 
	background: #f4f4f4;
}
.down4 .code {
	margin: 30px auto 50px;
}
.down4 .code dd {
	font-size: 14px;
	color: #898989;
}
.ft-down-btn.down-btn a {
	border: 2px solid #1a1a1a;
	color: #1a1a1a;
}
.ft-down-btn.down-btn li {
	margin: 0 10px;
	display: inline-block;
}
.ft-down-btn.down-btn a:hover {
	border: 2px solid #00aaff;
	color: #00aaff;
}
.ft-down-btn.down-btn .ios i {
	background: url('../images/down_icon.png') -96px -53px no-repeat
}
.ft-down-btn.down-btn .android i {
	background: url('../images/down_icon.png') -97px -0px no-repeat
}
.down4 .foot-copyright {
	position: absolute;
	bottom: 20px;
	margin: auto;
	left: 0;
	right: 0;
}
.bdshare-button-style0-32 a {
	margin: 0  !important;
	width: 100px !important;
	height: 100px !important;
	background:none !important;
}
.mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('../images/mask_bg.png') repeat;
	z-index: 2000;
}
.down-mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 25px;
	width: 500px;
	height: 460px;
	background: #fff;
	border-radius: 5px;
}
.down-mask-top dl {
	float: right;
	margin: 0 64px 0 0;
	text-align: center;
}
.down-mask-top dl:first-child {
	float: left;
	margin: 0 0 0 64px;
}
.down-mask-top {
	margin-top: 20px;
}
.down-mask-top dt img {
	display: block;
	margin: auto;
}
.down-mask-top dd {
	font-size: 18px;
}
.mask-close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 35px;
	height: 35px;
	background: url('../images/down_close.png') center no-repeat;
	cursor: pointer;
}
.line-between {
	position: relative;
    margin: 20px auto 0;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    color: #1a1a1a;
}
.line-between:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	right: 0;
	height: 1px;
	width: 100%;
	background: #d1d1d1;
}
.line-between span {
	position: relative;
	padding: 0 15px;
	background: #fff;
}
.mask-confirm {
	margin-top: 30px;
}
.mask-confirm li {
	margin-bottom: 20px;
}
.mask-confirm li p {
	overflow: hidden;
	font-size: 16px;
	line-height: 22px;
	color: #898989;
}
.mask-confirm li span {
	float: left;
	margin: 3px 8px 0 0;
	height: 14px;
	width: 14px;
	border: 1px solid #fe5000;
	color: #fe5000;
	line-height: 13px;
	text-align: center;
	font-size: 14px;
	border-radius: 100%;
}
/*公务车下载页面*/
.gwc-white {
	background: #f4f4f4;
}
.gwc-black {
	background: #242731;
}
/*第一屏*/
.color-line.line-left {
	margin: 25px 0 0 0;
}
.gwcdown1 .left {
	float: left;
}
.gwcdown1 .text p {
	margin-top: 5px;
	color: #fff;
	font-size: 30px;
	text-align: left;
}
.gwcdown1 .down-btn {
	float: left;
	margin-top: 19px;
}
.gwcdown1 .info {
	margin-bottom: 10px;
	text-align: left;
	color: #fff;
}
.gwcdown1 .info i {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: -2px 5px 0 0; 
	vertical-align: middle;
	background: url('../images/gwc_circle.png') no-repeat;
}
.gwcdown1 .info dt {
	font-size: 24px;
	font-weight: bold;
}
.gwcdown1 .info dd {
	font-size: 16px;
}
.gwcdown1 .color-line.line-left {
	margin: 25px 0;
}
.gwcdown1 .gwc-app1-one {
	position: absolute;
	left: 602px;
	bottom: 0;
}
.gwcdown1 .gwc-app1-two {
	position: absolute;
	left: 510px;
	bottom: -70px;
}
.gwcdown1 .table-cell {
	height: 413px;
}


/*第二屏*/
.gwcdown2 .table-cell {
	height: auto
}
.font-size36 {
	font-size: 36px;
	text-align: center;
}
.gwcdown2 .tit {
	margin: 10% auto 0;
	color: #fff;
}
.gwcdown2 img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10%;
	margin: auto;
}

/*第三屏*/
.gwcdown3 {
	background: #161f2f;
}
.gwcdown3 .table-cell {
	height: 420px;
}
.gwcdown3 .right {
	position: absolute;
	right: -20px;
	width: 776px;
	height: 391px;
}
.gwcdown3 .img {
	position: absolute;
	right: 0;
	bottom: 0;
}
.gwcdown3 .le {
	position:absolute;
	left: 62px;
	top: 0;
}
.gwcdown3 .ri {
	position:absolute;
	left: 432px;
	top: 0;
}
.gwcdown3 .left {
	position: absolute;
	left: 0;
}
.gwcdown3 .tit {
	text-align: left;
	font-size: 44px;
	color: #fff;
}
.gwcdown3 .text {
	text-align: left;
	font-size: 16px;
}
.gwcdown3 .text li {
	margin-top: 22px;
	padding-left:30px;
	color: #fff;
}
.gwcdown3 .text h3 {
	position: relative;
	margin-bottom: 5px;
	font-size: 26px;
	color: #fff;
}
.gwcdown3 .text h3:before {
	position: absolute;
	content: "";
	width: 9px;
	height: 9px;
	left: -28px;
	top: 14px;
	background: url('../images/gwc_app3_point1.png') no-repeat;
}
/*第四屏*/
.gwcdown4 {
	background: url('../images/gwc_app4_bg.jpg') center no-repeat;
	background-size: cover;
}
.gwcdown4 .tit {
	margin-bottom: 60px;
	font-size: 44px;
	color: #fff;
}
.gwcdown4 .table-cell {
	height: 504px;
}
.gwcdown4 .list i {
	display: block;
	margin: 20px auto 30px;
	width: 32px;
	height: 2px;
	background: #898989;
}
.gwcdown4 .list {
	overflow: hidden;
	border-radius: 5px;
}
.gwcdown4 .list li {
	padding: 50px 0 90px;
	float: left;
	width: 33%;
	background: #fff;
}
.gwcdown4 .list li.center {
	position: relative;
	border: 1px solid #d1d1d1;
	border-width: 0 1px 0 1px;
}
.gwcdown4 .list li h3 {
	margin: 12px 0 20px;
	font-size: 24px;
	color: #1a1a1a;
}
.gwcdown4 .list li dl {
	margin-top: 30px;
	font-size: 14px;
	color: #898989;
}
.gwcdown4 .list li dt {
	font-size: 16px;
	color: #1a1a1a;
}

/*第五屏*/
.gwcdown5 {
	background: #f4f4f4;
}
.gwcdown5 .table-cell {
	height: 320px;
}
.gwcdown5 .box {
	position: relative;
	float: left;
	width: 400px;
	height: 321px;
}
.gwcdown5 .img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	width: 100%;
}
.gwcdown5 .right {
	float: right;
	margin-right: 74px;
	text-align: left;
}
.gwcdown5 .tit {
	font-size: 44px;
}
.gwcdown5 .text {
	margin-top: 20px;
}
.gwcdown5 .text li {
	position:relative;
	margin-bottom: 14px;
	padding-left: 26px;
	color: #1a1a1a;
	font-size: 22px;
}
.gwcdown5 .text li span {
	display: inline-block;
	width: 6rem;
}
.gwcdown5 .text li:before {
	position: absolute;
	content: "";
	width: 9px;
	height: 9px;
	left: 3px;
	top: 12px;
	background: url('../images/gwc_app3_point.png') no-repeat;
}

/*第六屏*/
.gwcdown6 {
	background: url('../images/gwc_app6_bg.jpg') center no-repeat;
	background-size: cover;
}
.gwcdown6 .table-cell {
	height: 602px;
}
.gwcdown6 dl {
	margin-bottom: 85px;
	color: #fff;
	font-size: 32px;
}
.gwcdown6 .le {
	float: left;
	margin-left: 3%;
	width: 45%;
}
.gwcdown6 .ri {
	float: right;
	margin-right: 3%;
	width: 45%;
}

/*第七屏*/
.gwcdown7 {
	background: #f4f4f4;
}
.gwcdown7 .gwc-com {
	float: left;
	height: 240px;
}
.gwcdown7 .table-cell {
	height: 520px;
}
.gwc-com {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	text-align:left;
}
.gwc-com dt {
	margin-bottom: 30px;
	font-size: 40px;
}
.gwc-com dd {
	font-size: 22px;
	color: #898989;
	line-height: 44px;
}
.gwcdown7 .box {
	position: relative;
	float: right;
	width: 595px;
	height: 483px;
}
.gwcdown7 .img1 {
	position: absolute;
	top: 0px;
	left: 86px;
}
.gwcdown7 .img2 {
	position: absolute;
	top: 43px;
	right: 128px;
	animation-delay: .8s;
    -moz-animation-delay: .8s;
    -webkit-animation-delay: .8s;
}
.gwcdown7 .img3 {
	position: absolute;
	top: 216px;
	left: 140px;
	animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}
.gwcdown7 .img4 {
	position: absolute;
	top: 360px;
	left: 366px;
	animation-delay-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay : 1s;
}
.gwcdown7 .img4.rotated {
	transform:rotate(2.2);
	-webkit-transform:rotate(2.2);
	-moz-transform:rotate(2.2);
	-o-transform:rotate(2.2);
	-ms-transform:rotate(2.2);
}
/*第8屏*/
.gwcdown8 {
	background: #161f2f url('../images/gwc_app8_bg.png');
}
.gwcdown8 .box {
	position: absolute;
	height: 496px;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.gwcdown8 .table-cell {
	height: 176px;
}
.gwcdown8 .gwc-com {
	right: 0;
}
.gwcdown8 .gwc-com dt {
	color: #fff;
}

/*第九屏*/
.gwcdown9 {
	background: #f4f4f4;
}
.gwcdown9 .table-cell {
	height: 90%;
}
.gwcdown9 dl {
	position: absolute;
	top: 5%;
	left: 53px;
}
.gwcdown9 dt {
	margin-bottom: 25px;
	font-size: 40px;
	text-align: left;
}
.gwcdown9 dd {
	margin-bottom: 15px;
}
.gwcdown9 dd span {
	display: inline-block;
	margin-right: 10px;
	width: 122px;
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	color: #898989;
	border: 1px solid #d1d1d1;
	cursor: pointer;
	border-radius: 4px;
}
.gwcdown9 img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 90%;
}

/*第十屏*/
.gwcdown10 {
	background: #fff;
}
.gwcdown10 .table-cell {
	height: 587px;
}
.gwcdown10 h2 {
	margin:0 0 60px;
    color: #1a1a1a;
    font-size: 34px;
}
.gwcdown10 .list {
	margin-bottom: 80px;
}
.gwcdown10 .list li {
	font-size: 14px;
	color: #898989;
}
.gwcdown10 .code {
	margin-bottom: 65px;
}

/*第十一屏*/
.gwcdown11 .table-cell {
	height: 465px;
}
.gwcdown11 .left {
	position: relative;
	float: left;
	margin-left: 40px;
	width: 438px;
	height: 418px;
}
.gwcdown11 .big {
	position: absolute;
	top: 0;
	left: 0;
	width: 438px;
	height: 418px;
}
.gwcdown11 .small {
	position: absolute;
	left: 140px;
	bottom: -60px;
}
.gwcdown11 .text {
	float: right;
	width: 560px;
}
.gwcdown11 .text h2 {
	text-align: left;
	color: #1d1d1d;
	font-size: 46px;
}
.gwcdown11 .text {
	font-size: 18px;
	line-height: 46px;
	text-align: left;
}
.gwcdown11 .text .color-line {
	margin-bottom: 5px;
}

/*第十二屏*/
.gwcdown12 .table-cell {
	height: 755px;
}
.gwcdown12 .tit {
	margin-bottom: 50px;
}
.gwcdown12 .box {
	position: relative;
	height: 642px;
	width: 824px;
	margin: auto;
}
.gwcdown12 .box .img {
	position: absolute;
	left: 0;
	height: 100%;
}
.gwcdown12 .box .top {
	position: absolute;
	top: 0;
	right: 0;
}
.gwcdown12 .box .bot {
	position: absolute;
	bottom: 0;
	right: 0;
}


/*第十三屏*/
.gwcdown13 .table-cell,.gwcdown14 .table-cell {
	height: auto;
}
.gwcdown13 h2 {
	margin: 7% auto 0;
	color: #fff;
}
.gwcdown13 .case-box {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 75%;
}
.case-line {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 0;
	margin: auto;
	width: 4px;
	background: #9197ac;
	transition: all 1.5s ease-in;
	-webkit-transition: all 1.5s ease-in;
}
.current .case-line {
	height: 100%;
}
.case-list li {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 690px;
	min-height: 138px;
}
.case-box img {
	position: absolute;
} 
.case-box .le .case-text {
	text-align: left;
}
.case-box .ri .case-text {
	text-align: right;
}
.gwcdown13 .one {
	top: -1%;
}
.gwcdown13 .two {
	top: 50%;
	margin-top: -90px;
}
.gwcdown13 .three {
	bottom: 20px;
	height: 177px;
}
.gwcdown13 .case-line:before {
	position: absolute;
	content: "";
	left: 50%;
	margin-left: -5px;
	width: 10px;
	height: 10px;
	background: #9197ac;
	border-radius: 100%;
}
.case-text {
	position: absolute;
	padding: 20px;
	width: 230px;
	min-height: 95px;
	border: 1px solid #2e313b;
	border-radius:8px;
}
.case-text h3 {
	margin-bottom: 8px;
	font-size: 24px;
	color: #f58d76;
}
.case-text p {
	font-size: 18px;
	color: #fff;
}
.case-text i {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 13px;
	height: 23px;
	background: url('../images/case_tips.png') center 0 no-repeat;
}
.case-list .le i  {
	left: -13px;
}
.case-list .ri i {
	right: -13px;
	background-position: center -50px;
}
.case-list .num {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 46px;
	height: 46px;
	font-size: 30px;
	line-height: 46px;
	text-align: center;
	background: #242731;
	border-radius: 100%;
	z-index: 3;
}
.case-list .date {
	top: 0;
	bottom: 0;
	margin: auto;
}
.case-list .le .date {
	left: 142px;
}
.case-list .ri .date {
	right: 142px;
}
.case-list .le .case-text {
	right: 0;
}
.case-list .ri .case-text {
	left: 0;
}
.case-list .one .num {
	border: 2px solid #f68e76;
	color: #f68e76;
}
.case-list .two .num {
	border: 2px solid #ffdd6c;
	color: #ffdd6c;
}
.case-list .three .num {
	border: 2px solid #a1bd70;
	color: #a1bd70;
}
.case-list .two .case-text h3 {
	color: #ffdd6c;
}
.case-list .three .case-text h3 {
	color: #a1bd70;
}
.case-list li:hover .num {
	color: #242731;
}
.gwcdown13 .one:hover .num {
	background: #f68e76;
}
.gwcdown13 .two:hover .num {
	background: #ffdd6c;
}
.gwcdown13 .three:hover .num {
	background: #a1bd70;
}
/*第十四屏*/
.gwcdown14 .case-box {
	height: 100%;
}
.gwcdown14 .one {
	top: 3%;
}
.gwcdown14 .two {
	top: 28%;
	height: 152px;
}
.gwcdown14 .three {
	bottom: 24%;
	height: 177px;
}
.gwcdown14 .four {
	bottom: 2%;
}
.gwcdown14 .one .num {
	border: 2px solid #a07b63;
	color: #a07b63;
}
.gwcdown14 .two .num {
	border: 2px solid #f58d76;
	color: #f58d76;
}
.gwcdown14 .one .case-text h3 {
    color: #a07b63;
}
.gwcdown14 .two .case-text h3 {
    color: #f58d76;
}
.gwcdown14 .four .num {
	border: 2px solid #ff7b10;
	color: #ff7b10;
}
.gwcdown14 .optimizing {
	border:1px solid #d1d1d1;
}
.gwcdown14 .optimizing p {
	text-align: center;
	line-height: 95px;
}
.gwcdown14 .optimizing i {
	background-position: center -101px;
}
.case-list li:hover .case-text {
	background:#2e313b;
	border: 1px solid #2e313b;
}
.case-list .le:hover i {
	background-position: center -24px;
}
.case-list .ri:hover i {
	background-position: center -75px;
}
.gwcdown14 .one:hover .num {
	background: #a07b63;
}
.gwcdown14 .two:hover .num {
	background: #f58d76;
}
.gwcdown14 .three:hover .num {
	background: #a1bd70;
}
.gwcdown14 .four:hover .num {
	background: #ff7b10;
}


/*技术支持*/
.banner {
	display:table;
	padding-top: 100px;
	width: 100%;
}
.banner-tit {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.banner-tit dt {
	margin-bottom: 20px;
}
.banner-tit dd {
	color: #fff;
	font-size: 36px;
}
.banner-tit .color-line {
	margin: 28px auto;
}
.contact-banner {
	position: relative;
	height: 100%;
	background: url('../images/contact_ban.jpg') center no-repeat;	
	background-size: cover;	
}
.contact-banner .table-cell {
	display: block;
	margin-top: 250px;
}
.contact-banner .look-map {
	position: absolute;
	bottom:80px;
	left: 50%;
	margin-left: -60px;
	width:120px;
	line-height: 28px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 20px;
}
.contact-info h2 {
	margin: 60px 0 60px;
	color: #1a1a1a;
	font-size: 36px;
} 
.contact-info .contact-way {
	padding: 30px 0;
	color: #fff;
}
.contact-code {
	margin-top: 68px;
	font-size: 14px;
	color: #fff;
}
.contact-code dd {
	margin-top: 8px;
}
#sel{
	width: 200px;color: #666;z-index: 9999;margin-top: 3px;float: right;
}
#sel>div{
	background: #fff;height: 28px;padding-left: 5px;float: left;
}
#sel>div:hover{
	cursor: pointer;
}