*{margin: 0; padding: 0; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
a:hover,a:active,a:link,a:visited{text-decoration: none;}
li{list-style: none;}
.padT80{padding-top: 80px;}
.padB80{padding-bottom: 80px;}

.padT30{padding-top: 30px;}
.padB30{padding-bottom: 30px;}

.title-sty1 h2{font-size: 24px; color: #1E50AE;}
.title-sty1 h2 span{color: #888; font-size: 20px;}
.bgGrey{background-color: #F6F6F6;}
.nav li{border-bottom: 1px dotted #EEEEEE;}
/*head-bot-sty1*/
.head-bot-sty1 .top{background-color: #1E50AE;}
.head-bot-sty1 .logo{color: #FFFFFF;}
.head-bot-sty1 .logo h1{font-size: 28px; margin: 0; line-height: 75px;}
.head-bot-sty1 .logo h1 span{font-size: 20px;}
.head-bot-sty1 .logo h1 i{font-size: 16px; margin-left: 20px;}
.head-bot-sty1 .top p{font-size: 24px; color: #FFFFFF; line-height: 80px; font-family: georgia; margin-bottom: 0;}
.head-bot-sty1 .top p span{padding-right: 20px;}
.head-bot-sty1 .navbar{margin-bottom: 0;}
.head-bot-sty1 .navbar-default{border: none; background-color: #FFFFFF;}
.head-bot-sty1 .navbar li a{padding:20px 35px; font-size: 15px; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{ color: #1E50AE; font-weight: bold; background-color: #FFFFFF;}
.carousel-control.left,.carousel-control.right{background-image: none;}

/*about-bot-sty1*/
.about-bot-sty1 img{width:90%;}
.about-bot-sty1 p{font-size: 15px; color: #666; line-height: 2;}
.about-bot-sty1 a{margin-top: 20px;}
.contact-class { position: fixed; top: 20%; right: 0; width: 110px; height: 218px; z-index: 10; overflow: hidden; }
.contact-class .cc1{width: 100%; height: 100%; background-image: url("../images/contact_us_1.png");}

 .btn-primary{border:none; background-color: #1E50AE; padding:10px 20px;}
 .btn-primary:hover{background-color: #2A67D9;}
/*advantage-bot-sty1*/
.advantage-bot-sty1{ background: url(../images/ad/adbg.png);}
.advantage-bot-sty1 .title-sty1 h2{ color: #FFFFFF;}
.advantage-bot-sty1 .title-sty1 h2 span{color: #FFFFFF;}
.advantage-bot-sty1 li{text-align: center;}
.advantage-bot-sty1 li h3,.advantage-bot-sty1 li p{color: #FFFFFF; line-height: 1.8;}
.advantage-bot-sty1 li img{width:50%; max-width: 100%;}
/*service-bot-sty1*/
.service-bot-sty1 li h3,.service-bot-sty1 li p{line-height: 1.8;}
.service-bot-sty1 li h3{color: #666;}
.service-bot-sty1 li p{color: #888888;}
.service-bot-sty1 li{text-align: center;}
.service-bot-sty1 li:hover h3{color: #1E50AE;}
.service-bot-sty1 li:hover p{color: #444444;}
/*space*/
.space {background: url(../images/space.png);}
.space h2,.space p{line-height: 1.8; color: #FFFFFF; text-align: center;}
/*news-bot-sty1*/
.news-bot-sty1 .newsList{margin-top: 40px;}
.news-bot-sty1 .newsList li{padding:10px 0; border-bottom: 1px dashed #aaa;}
.news-bot-sty1 .newsList li a{color: #888888;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news-bot-sty1 .newsList li a:hover{color: #1E50AE;}
.news-bot-sty1 .newsCon img{float: left;}
.news-bot-sty1 .newsCon div{margin-left: 230px;}
.news-bot-sty1 .newsCon{margin-top: 50px;}
.news-bot-sty1 .newsCon h3{line-height: 1.8; color: #666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news-bot-sty1 .newsCon p{line-height: 1.8; color: #888;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.news-bot-sty1 .newsCon p span{padding-right: 10px;}
.news-bot-sty1 .newsCon a:hover h3{color: #167ED4;}
/*footer footer-bot-sty1*/
.footer-bot-sty1{background: url(../images/footer.jpg);}
.footer-bot-sty1 p{color: #FFFFFF;}
.footer-bot-sty1 form{width:100%; padding-left:30%;}
.footer-bot-sty1 form input{width:100%; height: 35px; font-size: 16px; padding-left: 20px; line-height: 35px;}
.footer-bot-sty1 form textarea{ height: 100px; width: 100%;}
.footer-bot-sty1 form p{padding:10px; margin: 0;}
.footer-bot-sty1 form p:nth-child(1){padding-top: 0;}
.footer-bot-sty1 .address p{border-bottom: 1px solid #CCC; padding-bottom: 30px; line-height: 1.8;}
.footer-bot-sty1 .address div{ margin-top: 50px;}
.footer-bot-sty1 .address div:after{display: block; clear: both; content: '';}
.footer-bot-sty1 .address div img{width: 20%;; float: left; margin-bottom: 10px;}
.footer-bot-sty1 .address div ul{margin-left: 20px;  float: left; width: 73%;}
.footer-bot-sty1 .address div ul li span{padding-right: 10px;}
.footer-bot-sty1 .address div ul li{color: #FFFFFF; line-height: 25px;}
.footer-bot-sty1 .bottom-navigate {
	/* text-align: center; */
	
	padding-left: 5%;
	color: #FFFFFF;
}
.footer-bot-sty1 .bottom-navigate p{
	border-bottom: 1px solid #CCC; 
	padding-top: 20px;
	line-height: 50px;
	font-size: 22px;
}


.footer-bot-sty1 .bottom-navigate ul{
	margin-top: 20px; 
}
.footer-bot-sty1 .bottom-navigate ul li{
	color: #FFFFFF; 
	line-height: 35px;
	font-size: 16px;
}
.footer-bot-sty1 .bottom-navigate ul li a{
	color: #FFFFFF; 
}

.footer-bot-sty1 form a{margin-top: 10px;}
.footer-bot-sty1 .reserve{border-top: solid 1px #2d2d2d; margin-top: 30px; padding-top: 30px; text-align: center;}
.footer-bot-sty1 .reserve a{color:#FFFFFF;}


/*PG*/
.abPg .banner img,.conPg .banner img,.nePg .banner img,.serPg .banner img{width:100%;}
/*abSer*/
.abSer li{text-align: center;}
.abSer li img{max-width: 100%; width:auto}
.abSer li h3{line-height: 1.8; color: #666;}
.abSer li p{line-height: 1.8; color: #888;}
/*serPg*/
 .serCase li img,.serList li img{width:100%;}
.serList li p,.serCase li p{text-align: center; font-size: 18px; padding-top: 10px;}
/*nePg*/
.nePg .neliTime{width:80px; height: 80px; float: left; margin-top:20px; text-align: center; background-color: #167ED4;}
.nePg .neliTime h3,.nePg .neliTime p{color: #FFFFFF;}
.nePg .neliTime h3{margin-top: 15px;}
.nePg .neliCon{margin-left: 100px; display: block;}
.newsList ul{padding-top: 60px; }
.newsList ul li{padding:20px 0; border-bottom: 1px dashed #aaa;}
.newsList ul li:last-child{border-bottom: none;}
.newsList ul li h3{color: #666; font-size: 20px;}
.newsList ul li p{color: #888;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsList ul li a:hover h3{color: #167ED4;}
.page{text-align: center;}
.page ul{border: none; padding-top:20px;}
.page li.active{background-color: #167ED4; color: #FFFFFF;}
.newsDetail>div{text-align: center;}
.newsDetail>div img{width:50%; margin:-20px 30px 20px; float: left; }
.newsDetail>div {line-height: 2; color: #888; margin:10px 0; text-align: left; font-size: 15px;}
.newsDetail-boot-sty1 h2{color: #666; text-align: center;}
.newsDetail-boot-sty1 p{color: #888; text-align: center;}
/*conPg*/
.conPg .contact li{text-align: center; font-size: 16px; color: #888;}
.conPg .contact li p{margin-top: 40px;}
.map iframe{border:none;}
.map{position: relative;}
.map .loader{position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}

.change{
	padding-top: 20px;
	padding-left: 20px;
	float: left;
	width: 100px;
}
.change button{
	background-color: #ffffff;
	border: none;
	outline: none;
	color: #101112;
}

/*留言板*/
.message-board{
	padding-left: 10px;
	z-index: 10;
	position: fixed;
	bottom: 50px;
	width: 250px;
	
}

.big-message-board{
	display: none;
	z-index: 10;
	position: fixed;
	bottom: 20%;
	left: 35%;
	width: 30%;
	/* border: #848787 solid 2px; 
	border-radius: 10px;*/
}


.message-title{
	padding-top: 10px;
	padding-left: 20px;
	font-size: 20px;
	height: 50px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #568aec;
}


.message-title-bg{
	float: left;
	width: 50%;
	height: 180px;
	background: url('../images/phone-kefu.png') center left no-repeat;
	
}

.message-hidden-class{
	margin-right: 10px;
	float: right;
	width: 20px;
	display: block;
}
.message-hidden-class img{
	width: 20px;
	height: 20px;
}
.message-show-class{
	margin-right: 10px;
	float: right;
	width: 20px;
	display: none;
}
.message-show-class img{
	width: 20px;
	height: 20px;
}

.message-content{
	display: block;
	height: 240px;
	background-color: #e5ebeb;
	
	padding-left: 4px;
	padding-right: 4px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.message-content div{
	background-color: white;
	margin-bottom: 5px;
	border:#8f8c8c solid 1px;
	border-radius: 5px;
}
.message-content input{
	box-shadow:0 0 0 60px white inset; 
	border: none;
	outline: none;
	width: 190px;
	height: 29px;
}
.message-content img{
	padding-left: 10px;
	width: 30px;
	height: 20px;
}
.message-content textarea{
	margin-top: 2px;
	width: 230px; 
	border: none; 
	outline: none; 
	resize:none;
}
.message-content button{
	background-color: #46a8ea; 
	border: none; 
	border-radius: 5px; 
	margin-left: 80px; 
	margin-top: 5px;
	height: 30px; 
	width: 80px
}


.big-message-content{
	display: block;
	height: 240px;
	background-color: #e5ebeb;
	
	padding-left: 4px;
	padding-right: 4px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.big-message-content div{
	background-color: white;
	margin-bottom: 5px;
	border:#8f8c8c solid 1px;
	border-radius: 5px;
}
.big-message-content input{
	box-shadow:0 0 0 60px white inset; 
	border: none;
	outline: none;
	width: 90%;
	height: 29px;
}
.big-message-content img{
	padding-left: 10px;
	width: 30px;
	height: 20px;
}
.big-message-content textarea{
	margin-top: 2px;
	margin-left: 2%;
	width: 95%;
	border: none; 
	outline: none; 
	resize:none;
}
.big-message-content button{
	background-color: #46a8ea; 
	border: none; 
	border-radius: 5px; 
	margin-left: 80px; 
	margin-top: 5px;
	height: 30px; 
	width: 80px
}

.button-class{
	background-color: #e5ebeb; 
	border: none;
	padding-left: 25%;
}


.service{
	padding-top: 30px;
	margin-left: 10%;
	width: 80%;
	
}

.sea-service-class{
	padding-top: 20px;
	margin-top: 10px;
}

.sea-service-detail-class{
	margin-bottom: 40px;
	min-height: 200px;
	width: 50%;
	padding-right: 10px;
}

.sea-service-detail-font{
	padding-left: 30px;
}

.sea-service-detail-class p{
	font-size: 24px;
}

.sea-service-detail-class img{
	padding-top: 30px;
	width: 100px;
	height: 100px;
}

.transport-product{
	margin-bottom: 100px;
}

.transport-product img{
	margin-left: 10%;
	width: 600px;
	height: 200px;
	padding-left: 50px;
}

.transport-product-class{
	padding-top: 35px;
	padding-left: 35px;
	float: left;
	width: 40%;
	height: 100%;
}

.route-price-class{
	width: 80%;
	margin-left: 10%;
	text-align: center;
	
}

.route-price{
	padding-top: 40px;
	margin-left: 2px;
	float: left;
	width: 24%;
}

.route-name-bg-class{
	height: 50px;
	background-color: #4587e3;
	
}
.route-name-class{
	height: 50px;
	padding-top: 10px;
	font-size: 24px;
	background: url('../images/hot.png') center left no-repeat;
}

.eng-route-name-bg-class{
	height: 70px;
	background-color: #4587e3;
}

.eng-route-name-class{
	height: 70px;
	padding-top: 10px;
	font-size: 20px;
	background: url('../images/eng-hot.png') center left no-repeat;
}

.route-price-describe li{

	list-style: none;
	line-height: 40px;
}

.route-transport-describe{

	min-height: 250px;

}

.lione{
	background-color: #e0e3e6;
	font-size: 16px;
}

.pc-immediately-consult-class{
	font-size: 16px; 
	/* padding: 0px 40px 0px 40px; */
	
	border-radius: 5px;
	height: 40px;
	width: 100%;
	color: #ffffff;
	background-color:rgb(66, 144, 208, 0.7);

	border: none; 
	border-radius: 5px; 
	outline: none;
}

.mb-immediately-consult-class{
	font-size: 16px; 
	/* padding: 0px 40px 0px 40px; */
	border-radius: 5px;
	height: 40px;
	color: #ffffff;
	background-color:rgb(66, 144, 208, 0.7)
}


.chooseusfont{
	text-align: center;
	font-size: 38px;
	color: #327ee7;
	text-decoration: blink;
	text-shadow: 6px 6px 6px #CCCCCC;
	margin-bottom: 60px;
	margin-top: 60px;
}

.choosenum{
	float: left;
    background-color: #f1f3f6;
    border-radius: 60px;
    font-size: 36px;
    color: #327ee7;
    height: 60px;
    width: 60px;
    font-weight: bolder;
    text-align: center;
    margin-right: 28px;
}

.whychoose{
	padding-left: 15px;
	padding-right: 15px;
	width: 50%;
	height: 100px;
	padding-bottom: 25px;
}

.chooseus-class{
	border: #aec4da solid 1px;
	border-radius: 15px;
	margin-left: 10%;
	padding:0 10px 30px 10px;
	width: 80%;
	margin-bottom: 50px;
}

.bottom-suspension{
	display: none;
}

.route-about-class{
	padding-left: 10%;
	text-align: center;

}


.route-message-class{
	padding-top: 50px;
	float: left;
	width: 28%;
}

.route-message-class img{
	border: #6fb3ef solid 1px;
	width: 80%;
}

.route-message-describe{
	padding: 5px 20px 5px 20px;
}
.route-message-describe p{
	text-align: left;
}

@media (min-width: 768px) {
	.pc-immediately-consult-class{
		display: block;
	}

	.pc-immediately-consult-class:hover{
		color: #167ED4;
	}

	.mb-immediately-consult-class{
		display: none;
	}
	.route-about-class .route-message-class:hover{
		width: 30%;
		padding-top: 20px;
		border: #5d8db8 solid 2px;
		border-radius: 3px;
	}


	.route-price-class .route-price:hover{
		width: 26%;
		padding-top: 20px;
		padding-left: 3px;
		padding-right: 3px;
		border: #327ee7 solid 1px;
		border-radius: 3px;
	}

	.footer-bot-sty1 .bottom-navigate p:hover{
		font-size: 25px;
	} 
	
	.footer-bot-sty1 .bottom-navigate ul li a:hover{
		color: #3f95db;
	} 
}

/*responsive*/
@media (max-width: 768px) {

	.pc-immediately-consult-class{
		display: none;
	}

	.mb-immediately-consult-class{
		display: block;
	}

	.message-board{
		display: none;
	}
	.big-message-board{
		display: none;
	}

	.transport-product{
		margin-top: 100px;
		margin-bottom: 100px;
		margin-left: 5%;
		width: 90%;
		background: url('../images/fengexian1.png') center bottom no-repeat;
	}

	.transport-product img{
		margin-left: 2%;
		width: 100%;
		/* height: 200px; */
		padding-left: 0px;
	}
	.transport-product-class{
		width: 100%;
	}

	.route-about-class{
		padding-left: 8%;
	
	}
	.route-message-class{
		width: 90%;
		margin-bottom: 30px;
	}
	
	

	.service{
		padding-top: 30px;
		width: 80%;
	}
	.sea-service-detail-font{
		padding-left: 3px;
	}
	.sea-service-detail-class{
		margin-bottom: 20px;
		width: 100%;
	}

	.route-price-class{
		width: 90%;
		margin-left: 6%;
		
	}

	.route-price{
		padding-top: 40px;
		width: 100%;
	}

	.whychoose{
		width: 100%;
	}

	.padT80{padding-top: 30px;}
	.padB80{padding-bottom: 30px;}

	.head-bot-sty1 .top p,.head-bot-sty1 .top h1 i{/* display: none; */}

	.head-bot-sty1 .logo h1{line-height: 40px;font-size: 26px;}
	.head-bot-sty1 .navbar li a{padding: 10px 20px;}
	.abImg{text-align: center; margin-bottom: 20px 0;}
	.service-bot-sty1 li{margin-bottom: 20px;}
	.news-bot-sty1 .newsCon{margin-top: 20px;}
	.news-bot-sty1 .newsCon img{float: none;}
	.news-bot-sty1 .newsCon div {margin-left: 0;}
	.footer-bot-sty1 form{padding-left: 0;}

	.bottom-suspension{
		border: #e3e0e0 solid 1px;
		padding-top: 8px;
		height: 35px;
		width: 100%;
		background-color: #ffffff;
		display: block;
		padding-left: 10px;
		z-index: 10;
		position: fixed;
		bottom: 0px;
	}
	.bottom-suspension-a{
		margin-top: -9px;
		padding-top: 8px;
		height: 35px;
		border-radius: 5px;
		float: left;
		width: 40%;
		text-align: center;
		color: #101112;
		background-color: #5095d1;
		margin-right: 10%;
	}
	.bottom-suspension-a img{
		width: 20px;
		height: 20px;
	}
}