@charset "utf-8";
@import url("../css/common/grid.css");/*网格*/
@import url("../css/common/layout.css");/*整体框架*/
@import url("../css/common/icon.css");/*图标*/
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/banner.css");/*幻灯片*/
@import url("../css/navi/classify_01.css");/*侧栏样式*/
@import url("../css/adorner/01/A_style.css");/*01装饰器*/
@import url("../css/adorner/02/A_style.css");/*02装饰器*/
@import url("../css/links.css");/*友情链接*/
@import url("../css/kefu.css");/*在线客服*/
@import url("../css/common/doc.css");/*自定义文档*/

html{
	overflow-x: hidden;
	}
	
	
/*导航栏样式*/
.nav{
	float: left;
	position: fixed;
	left: 0px;
	height: 100%;
	width: 15%;
	background-image: url(../img/nav_bj.png);
	background-repeat: repeat;
	z-index: 999999;
    -webkit-box-shadow: #333 0px 0px 5px;
    -moz-box-shadow: #333 0px 0px 5px;
    box-shadow: #333 0px 0px 5px;
	}

.nav ul{
	position: absolute;
	top: 5%;
	width:100%;
	}

.nav ul li{
	float: left;
	width: 100%;
	background-image: url(../img/nav_xaintiao.png);
	background-repeat: repeat-x;
	background-position: bottom;
	}
.nav ul li a{
	display: block;
	width: 75%;
	font-family: "微软雅黑", "黑体";
	font-size: 14px;
	color: #FFF;
	height: 40px;
	line-height: 50px;
	padding-left: 25%;
	padding-top: 20px;
	}
.nav ul li a:hover{
	background-repeat: repeat;
	-webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;
	background-color: #0e6eb8;
	}
.nav ul li a img{
	vertical-align: middle;
	margin-right: 8px;
	float: left;
	}
.nav ul li a span{
	color: #FFF;
	text-transform: uppercase;
	text-align: left;
	height: 25px;
	line-height: 10px;
	display: block;
	float: left;
	cursor: pointer;
	}
.nav ul li a span p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-transform: uppercase;
	}
.nav .nav_cur{
	background-color: #0e6eb8;
	}

.nav .dibu{
	position: absolute;
	bottom: 1%;
	}


/*底部样式*/
.dibu{
	width: 100%;
	text-align: center;
	}
.erweima{
	text-align: center;
	margin-left: 12px;
	}
.erweima .weixin{
	background-image: url(../img/erweima_ui.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 34px;
	position: relative;
	display: block;
	background-position: center center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	}
.erweima .weixin span {
    bottom: 30px;
    display: none;
    position: absolute;
    height: 100px;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    cursor: default;
    }
.erweima .weixin span img{
	width: 100px;
	height: 100px;
	}
.erweima a:hover span{
	position: absolute;
	display: block;
	right: 0px;
	z-index: 99999999999999999;
	bottom: 0px;
	}

.erweima p{
	font-size: 14px;
	color: #fff;
	}

.dibu_phone{
	background-image: url(../img/nav_phone.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 100%;
	text-align: center;
	line-height: 13px;
	margin-top: 20px;
	margin-bottom: 20px;
	}
.dibu_phone .dibu_lxfs span{
	text-align: left;
	display: block;
	width: 140px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 30px;
	padding-left: 35px;
	}
.dibu_phone p{
	font-family: "微软雅黑", "黑体";
	font-size: 12px;
	color: #fff;
	padding-top: 5px;
	}

.dibu_phone h3{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	}

.cn_en{
	text-align: center;
	font-family: "微软雅黑", "黑体";
	font-size: 12px;
	color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	}
.cn_en a{
	color: #FFF;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
	}
.cn_en a:hover{
	background-color: #0e6eb8;
	text-decoration: none;
	}
	
.dibu_banquan{
	color: #FFF;
	text-align: center;
	background-image: url(../img/nav_xaintiao.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 10px;
	margin-top: 10px;
	}
.dibu_banquan p{
	font-family: "微软雅黑", "黑体";
	font-size: 11px;
	color: #fff;
	line-height: 18px;
	}
.dibu_banquan a{
	font-family: "微软雅黑", "黑体";
	font-size: 12px;
	color: #FFF;
	}



/*banner*/
.banner{
	height: 695px;
	width: 100%;
	position: relative;
	}
.logo{
	position: absolute;
	left: 16%;
	top: 5%;
	z-index: 9999;
	}
	
.slideBox{
	height: 695px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	width: 1920px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0e6eb8;
	}
.box_skitter { position: relative; background: none; }
    .box_skitter ul { display: none; }
    .box_skitter .container_skitter { overflow: hidden; position: relative; }
    .box_skitter .image { overflow: hidden; }
        .box_skitter .image img { display: none; }
    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
        .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
    .box_skitter .prev_button {
	position: absolute;
	top: 50%;
	left: 15%;
	z-index: 100;
	width: 59px;
	height: 112px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	background-image: url(../img/prev.png);
	background-repeat: no-repeat;
	background-position: left top;
	opacity: 0.3;
}
    .box_skitter .next_button { position: absolute; top: 50%; right: 15%; z-index: 100; width: 59px; height: 112px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../img/next.png) no-repeat left top !important;
	opacity: 0.3;
	 }
    .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width: 1920px; height: 695px; }
    #slideshow ul { display: none; }
#slideshow img{
	width:1920px;
	height:695px;
	}



/*主体样式*/
.main_jz{
	width: 860px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
.sy_main{
	}
.mian_about{
	margin-top: 40px;
	margin-bottom: 80px;
	}
.mian_bt{
	height: 40px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cacaca;
	margin-bottom: 15px;
	}
.mian_bt span{
	height: 38px;
	width: auto;
	position: absolute;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0f6fb8;
	display: block;
	}	
.mian_bt span img{
	vertical-align: middle;
	margin-left: 5px;
	}
		
/*首页公司图片代码*/
.mian_about_img{
	float: left;
	width: 510px;
	height: 315px;
	}
.TB-focus{ width:510px; height:315px; position:relative;  overflow:hidden; }
	.TB-focus .hd { position:absolute; right:15px; bottom:10px; z-index:1; padding-left:2px; }
	.TB-focus .hd li {
	cursor: pointer;
	margin-left: 5px;
	width: 10px;
	height: 10px;
	background: #fff;
	float: left;
	overflow: visible;
	text-align: center;
	text-indent: 9999999999999px;
	border-radius:50%
}
	.TB-focus .hd li.on {
	background: #0359a8;
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 2;
	position: relative;
}
.TB-focus .bd li a img{
	height: 315px;
	width: 560px;
	}


/*公司tab切换*/
.mian_about_right{
	float:right;
	width:340px;
	height:auto;
	}
.mian_about_name{
	font-size: 18px;
	color: #000;
	margin-left: 15px;
	}
.mian_about_tab{
	height: 270px;
	position: relative;
	}
.tabBar .hd{
	position: absolute;
	bottom: 0px;
	}
.tabBar{ width:100%; font-family:"Microsoft YaHei"; }
	.tabBar .hd ul{
	z-index: 5;
	position: relative;
	zoom: 1;
	margin-left: 15px;
}
	.tabBar .hd li{
	float: left;
	height: 35px;
	line-height: 35px;
	margin-right: 15px;
	color: #FFFFFF;
	cursor: pointer;
	background-color: #b0b0b0;
	text-align: center;
	font-family: "微软雅黑", "黑体";
	font-size: 16px;
	width: 115px;
}
	.tabBar .hd li.on{
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	position: relative;
	background-color: #0359a8;
}
	.tabBar .hd li.on span{ font-weight:bold; color:#c00;  }
	.tabBar .bd{
	clear: both;
	position: relative;
	height: 210px;
	overflow: hidden;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5;
	padding-left: 15px;
}
	.tabBar .bd .conWrap{
	width: 320px;
}
	.tabBar .prev,.tabBar .next{ position:absolute; left:10px; top:80px; }
	.tabBar .next{ left:auto; right:10px; }
	.tabBar .prevStop,.tabBar .nextStop{ display:none;  }
	.tabBar .bd p{
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 24px;
	color: #333;
	overflow: auto;
	height: 200px;
}
.tabBar .bd a{
	color: #0359a8;
	}



/*首页专业服务优势*/
.sy_fw{
	margin-top: 40px;
	margin-bottom: 20px;
	clear: both;
	padding-bottom: 40px;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #f0f0f0;
	}
.sy_fw ul{
	width:1030px;
	}
.sy_fw ul li{
	width: 320px;
	float: left;
	margin-right: 20px;
	height: 320px;
	text-align: center;
	}

.baoguan{
	background-image: url(../img/baoguan_ui.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
.tuoche{
	background-image: url(../img/tuoche_ui.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
.haiyun{
	background-image: url(../img/haiyun_ui.png);
	background-repeat: no-repeat;
	background-position: center top;
	}

.baoguan:hover{
	background-image: url(../img/baoguan_ui_hover.png);
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;
	}
.tuoche:hover{
	background-image: url(../img/tuoche_ui_hover.png);
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;
	}
.haiyun:hover{
	background-image: url(../img/haiyun_ui_hover.png);
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;
	}

.sy_fw ul li h3{
	font-family: "微软雅黑", "黑体";
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-top: 147px;
	}

.sy_fw ul li p{
	font-family: "微软雅黑", "黑体";
	font-size: 12px;
	line-height: 20px;
	color: #666;
	height: 80px;
	overflow: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
	}
.sy_fw ul li a{
	line-height: 30px;
	text-align: center;
	height: 30px;
	width: 90px;
	background-color: #959595;
	font-size: 12px;
	color: #fff;
	border-radius: 3px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	}
.sy_fw ul li a:hover{
	-webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;
	background-color: #0f6fb8;
	text-decoration: none;
	}




/*首页走马灯样式*/
.sy_link{
	margin-top: 40px;
	margin-bottom: 20px;
	clear: both;
	padding-bottom: 40px;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #f0f0f0;
	}
.picMarquee-left{ overflow:hidden; position:relative; }
.picMarquee-left .hd{

}
.picMarquee-left .hd a:hover{
	background-color: #0070b2;
	text-decoration: none;
	cursor: pointer;
	}
.picMarquee-left .hd .prev{
	display: block;
	width: 18px;
	height: 110px;
	overflow: hidden;
	cursor: pointer;
	background-color: #959595;
	color: #FFF;
	font-family: "宋体";
	font-size: 21px;
	line-height: 110px;
	text-align: center;
	position: absolute;
	right: 0px;
	z-index: 999999999999;
	margin-top: 10px;
}
.picMarquee-left .hd .next{
	margin-top: 10px;
	z-index: 999999999999;
	background-color: #959595;
	height: 110px;
	width: 18px;
	color: #FFF;
	font-family: "宋体";
	font-size: 21px;
	text-align: center;
	display: block;
	line-height: 110px;
	left: 0px;
	position: absolute;
}
.picMarquee-left .bd{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{
	width: 190px;
	height: 105px;
	display: block;
	padding: 1px;
	border: 1px solid #ccc;
}
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }

.picMarquee-left .bd .picList a{
	display: none;
	}
.picMarquee-left .bd .picList li a{
	display: block;
	}

/*信息查询样式*/
.sy_chaxun{
	margin-top: 40px;
	clear: both;
	padding-bottom: 40px;
	}
.sy_chaxun ul li{
	float: left;
	margin-right: 25px;
	width: 190px;
	background-image: url(../img/yuandian.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 10px;
	margin-top: 10px;
	}
.sy_chaxun ul li a{
	font-family: "微软雅黑", "黑体";
	font-size: 14px;
	color: #575757;
	text-indent: 15px;
	display: block;
	}
.sy_chaxun ul li a:hover{
	color: #0e6eb8;
	}

.dibu_more{
	height: 120px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	width: 1920px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #0e6eb8;
	}


/*内页导航栏样式*/
.nye_nav{
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: 100%;
	}
.nye_nav li{
	float: left;
	margin-right: 10px;
	}
.nye_nav li a{
	text-align: center;
	display: block;
	font-family: "微软雅黑", "黑体";
	font-size: 14px;
	color: #333;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	border: 1px solid #ddd;
	}
.nye_nav .nye_nav_cur{
	background-color: #0e6eb8;
	border: 1px solid #0e6eb8;
	color: #FFF;
	}
.nye_nav li a:hover{
	background-color: #0e6eb8;
	border: 1px solid #0e6eb8;
	color: #FFF;
	text-decoration: none;
	-webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;
	}


.nye_con{
	width: 100%;
	height: auto;
	}

.about{
	width: 100%;
	margin-top: 50px;
	}
.about h3{
	border-bottom: 1px solid #ddd;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	}
.about h3 p{
	color: #0e6eb8;
	border-bottom: 2px solid #0e6eb8;
	display: inline-block;
	height: 30px;
	margin-bottom: -2px;
	margin: 0 auto;
	font-size: 24px;
	font-weight: normal;
	}

.about_zw{
	padding: 10px;
	}
.about_zw ul{
	width:360px;
	}


/*新闻样式*/
.ind_news_main{
	height: 130px;
	width:620px;
	}
.ind_news_title{
	font-size: 16px;
	font-weight: normal;
	color: #333;
	margin-top: 5px;
	}
.ind_news_title a:hover{
	text-decoration: none;
	 }
.ind_news_main p{
	height: 65px;
	overflow: auto;
	}

.ind_news_list .Slim{
	color: #333;
	}
.ind_news_list .Slim a:hover{
	text-decoration: none;
	}
.ind_news_list span{
	color: #999;
	font-size: 12px;
	}


/*合作客户样式*/
.Links li{
	float: left;
	margin-bottom: 15px;
	margin-right: 13px;
	margin-left:10px;
	}

.Links ul li img {
	height: 105px;
	width: 190px;
	border: 1px solid #ddd;
	}


/*留言样式*/
.liuyan{
	width: 100%;
	}
.liuyan .liuyan_chahua{
	width:240px;
	height:260px;
	}
.liuyan ul{
	width:285px;
	}
.liuyan li{
	margin-bottom: 15px;
	}
.liuyan li span{
	font-size: 14px;
	font-weight: normal;
	color: #333;
	text-indent: 12px;
	}
.liuyan_chahua img{
	height: 260px;
	width: 240px;
	margin-right: 5px;
	}

.liuyan .yanzma{
	width: 80px;
	height: 28px;
	float: left;
	line-height: 28px;
	padding-left: 8px;
	margin-right: 18px;
	}
.liuyan .code{
	width: 80px;
	float: left;
	height: 30px;
	margin-right: 5px;
	overflow: hidden;
	}
.liuyan .code img{
	height: 30px;
	width: 80px;
	}
.liuyan a{
	float: left;
	}


.hr .adorn{
	width:820px;
	}
.hr h2 img{
	margin-right:5px;
	}
.hr li{
	font-size: 14px;
	}
.hr_xx{
	width:820px;
	}
.hr_xx h3{
	font-size:16px;
	}
.hr_xx h3 img{
	margin-right:5px;
	}
.hr_xx li{
	font-size: 14px;
	}

/*mini*/
.mini{
	float: left;
	position: fixed;
	left: 0px;
	height: 100%;
	width: 15%;
	background-image: url(../img/nav_bj.png);
	background-repeat: repeat;
	z-index: 999999;
    -webkit-box-shadow: #333 0px 0px 5px;
    -moz-box-shadow: #333 0px 0px 5px;
    box-shadow: #333 0px 0px 5px;
	}

.mini ul{
	position: absolute;
	top: 5%;
	width:100%;
	}

.mini ul li{
	float: left;
	width: 100%;
	background-image: url(../img/nav_xaintiao.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom:1px;
	padding-top:1px;
	}
.mini ul li a{
	display: block;
	width: 75%;
	font-family: "微软雅黑", "黑体";
	font-size: 13px;
	color: #FFF;
	height: auto;
	line-height:normal;
	padding-left: 25%;
	padding-top: 8px;
	float:left;
	}
.mini ul li a:hover{
	background-repeat: repeat;
	-webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;
	background-color: #0e6eb8;
	}
.mini ul li a img{
	vertical-align: middle;
	margin-right: 8px;
	float: left;
	}
.mini ul li a span{
	color: #FFF;
	text-transform: uppercase;
	text-align: left;
	height: auto;
	line-height: 10px;
	display: block;
	float: left;
	cursor: pointer;
	}
.nav ul li a span p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-transform: uppercase;
	}
.nav .nav_cur{
	background-color: #0e6eb8;
	}

.nav .dibu{
	position: absolute;
	bottom: 1%;
	}



.about_zw ul{
	margin-left: 7px;
	margin-right: 10px;
	}
.about_zw ul p{
	font-size: 14px;
	}

a[title="广州大码头集装箱查询"]:after{
	content:"　";
}

a[title="通关状态／结关查询"]:after{
	content:"　　";
}