@media only screen and (max-width: 1430px), only screen and (max-device-width: 1430px) {
    .width1430 {
        width: 95% !important;
    }
    .map-img{
    	width: 48%;
    	overflow: hidden;
    	height: auto;
    }
    .map-img img{
    	width: 100%;
    }
    .route-case{
    	width: 48%;
    }
    .route-bus .con,.self-driving .driving-box .con{
    	display: flex;
    	margin-left: 10px;
    }
    .route-bus .con span,.self-driving .driving-box span{
    	width: auto;
    	flex: 1;
    }
    .route-bus .con h1,.self-driving .driving-box h1{
    	width: 47px;
    }
    .route-case .route-title span{
    	font-size: 18px;
    }
    .return-route .con{
    	display: flex;
    }
    .route-bus,.driving-box{
    	display: flex;
    }

	.footer{
	    width: 100%;
	    background: #006DCA;
	    padding: 30px 0;
	 
	}
	.footer  p{
	    font-family: Microsoft YaHei, Microsoft YaHei;
	    font-weight: 400;
	    font-size: 16px;
	    color: #FFFFFF;
	    line-height: 30px;
	    text-align: center;
	    width: 95%;
	    margin:0 auto;
	}

	#prevBtn{
	    font-size:60px;
	    color:#006DCA;
	    background: none;
	}
	#nextBtn{
	    font-size:60px;
	    color:#006DCA;
	    background: none;
	}
	.picMarquee-left{
		width: 99%;
		overflow: hidden;
	}
}

@media only screen and (max-width: 1024px), only screen and (max-device-width:1024px) {
	.map-img{
    	width: 100%;
    }
    .route-case{
    	width: 100%;
    	margin-top: 20px;
    }
    .route-bus .con,.self-driving .driving-box .con{
    	width: 96%;
    }
    .return-two{
    	margin-top: 5px;
    }
}


@media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
	.container .box{
		margin: 20px 15px;
	}
	.headline-center{
		width: 60%;
		margin:20px auto;
	}
	.headline-center img,.top .logo img{
		width: 100%;
	}
	.top .logo{
		width: 60%;
	}

	.com-title {
	    font-size: 20px;
	    padding-bottom: 12px;
	}
	.route-case .route-title{
		height: auto;
		padding: 5px 0;
	}
	.route-case .route-title img {
	    width: 12px;
	}
	.route-case .route-title span{
		font-size: 16px;
		margin-left: 6px;
	}
	.map-img .check img {
	    width: 15px;
	}
	.route-case .route-title img{
		margin-left: 10px;
	}
	.map-img .check{
		width: 111px;
    	height: 35px;
    	    bottom: 10px;
	}
	.map-img .check span{
		font-size: 14px;
	}
	.route-bus {
	    margin: 5px 5px 0 5px;
	}
	.return-title{
		padding: 0 10px;
		height: 32px;
	}
	.return-title img{
		width: 15px;
	}
	.return-title span{
		font-size: 16px;
	}
	 .route-bus .con h1,.self-driving .driving-box h1{
    	font-size: 15px;
    	line-height: 28px;
    }
    .route-bus .con span,.self-driving .driving-box span,.return-route .con span{
    	font-size: 14px;
    	line-height: 26px;
    }
    .route-bus img {
	    margin-top: 7px;
	}
	.return-route .con img{
		margin-top: 5px;
	}
	.route-bus img, .route-taxi img,.self-driving .driving-box img,.return-route .con img{
	    width: 17px;
	}
	.route-bus {
        margin: 5px 5px 0 5px;
    }
    .return-route .name {
	    font-weight: bold;
	    font-size: 16px;
	    color: #006DCA;
	    padding: 10px 0;
	}
	.return-route .con {
	    margin-bottom: 5px;
	}
	.return-route .hint {
	    font-size: 14px;
	    line-height: 25px;
	    color: #666666;
	    padding-bottom: 15px;
	}
	.picMarquee-left .bd ul li .pic img {
		width: 288px;
		height: 205px;
	}
	.route-bus .con h1, .self-driving .driving-box h1 {
        width: 37px;
    }
    .route-bus .con span, .self-driving .driving-box span, .return-route .con span {
        font-size: 14px;
        line-height: 28px;
    }
    .line{
    	padding-bottom: 10px;
    }
    .footer p {
        font-family: Microsoft YaHei, Microsoft YaHei;
        font-weight: 400;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 30px;
        text-align: center;
        width: 95%;
        margin: 0 auto;
    }

    .com-mar{
    	margin-top: 10px;
    }
    .com-mar2{
    	margin-top: 20px;
    }

}