@charset "utf-8";
/* reset */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
	display: block;
}
ol,
ul,
li {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
strong {
	font-weight: bold;
}
input {
	outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0;
}
address {
	font-style: normal;
}
html,
body,
button,
input,
select,
textarea {
	font-size: 10px;
	outline: medium none;
	font-family: Microsoft Yahei, Arial, sans-serif;
}
body {
	background: #ffffff;
	font-size: 12px;
	font-family: Microsoft Yahei, "宋体", sans-serif;
	color: #626262;
}
input,
select,
textarea {
	font-family: Microsoft Yahei, Arial, "宋体";
}
a {
	text-decoration: none;
	color: #626262;
}
a:hover {
	color: #ebc71f;
	text-decoration: none;
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*,
*:before,
*:after {
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
.yahei {
	font-family: Microsoft Yahei, Arial, Tahoma, Verdana, sans-serif;
}
.song {
	font-family: "宋体";
}
.ui-left {
	float: left;
}
.ui-right {
	float: right;
}
.ui-clr {
	display: block;
	zoom: 1;
	
}
.ui-group{margin-bottom:12px;}
.ui-clr:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
.clear {
	_display: inline-block;
	_width: 100%;
}
.hide {
	display: none;
}
.tc {
	text-align: center;
}
.to {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mt4 {
	margin-top: 4px;
}
.mt5 {
	margin-top: 5px;
}
.mt6 {
	margin-top: 6px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt18 {
	margin-top: 18px;
}
.mt22 {
	margin-top: 22px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb6 {
	margin-bottom: 6px;
}
.mb8 {
	margin-bottom: 8px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb12 {
	margin-bottom: 12px;
}
.mb14 {
	margin-bottom: 14px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb16 {
	margin-bottom: 16px;
}
.mb18 {
	margin-bottom: 18px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb22 {
	margin-bottom: 22px;
}
.mb24 {
	margin-bottom: 24px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb42 {
	margin-bottom: 42px;
}
.mr15 {
	margin-right: 15px;
}
.mr25 {
	margin-right: 25px;
}
.ft12 {
	font-size: 12px;
}
.ft14 {
	font-size: 14px;
}
.ft16 {
	font-size: 16px;
}
.text-center {
	text-align: center;
}
/*
 * IndexPage Css Style
 */

.container {
	width: 100%;
	height: auto;
	min-width: 1200px;
}
.wrap {
	width: 1200px;
	margin: 0 auto;
	position: relative;   
}
/*header start*/

.header {
	height: 76px;
}
.header-logo {
	float: left;
}
.header-logo img {
	margin-top: 8px;
}
.header-search {
	float: right;
	position: relative;
}
.header-search input {
	border-radius: 9px;
	border: 1px solid #C6C6C6;
	height: 27px;
	line-height: 23px;
	text-indent: 8px;
	margin-top: 27px;
	padding-right: 20px;
	  width: 150px;
	    font-size: 14px;
		color:#6a6a6a;
	/*background: url(../img/magnifier.jpg) 110px center no-repeat;*/
}
.header-search .icon-magnifier {
	width: 30px;
	height: 30px;
	display: inline-block;
	background:url(../img/magnifier.jpg) no-repeat;
	position: absolute;
	right: -40px;
	top: 31px;
}

.header-search span i{
	width: 150px;
	height: 150px;
	display: inline-block;
	/*background: url(../img/twoDimension_code.jpg) center center no-repeat;*/
	position: absolute;
	right: 0;
	top: 40px;
	display: none;
}
.header-search span:hover i{
	display: block;
}
/*header end*/
#iconbar			{ margin-top:19px;}
#iconbar li			{
	float:left;
	position:relative;
	margin-right:10px;
	overflow:hidden;
}
#iconbar .bj{
	background:url(../../html5/images/tel-bj.png) no-repeat;
}
#iconbar a {
	text-decoration: none;
	outline: none;
	color:#d00000;
	display: block;
	width: 31px;
	height:32px;
	cursor:pointer;
}
#iconbar span	{
	width: 140px;
	height: 30px;
	position: absolute;
	display: none;
	line-height:30px;
	padding-left: 10px;
	font-family:"微软雅黑";
	font-size:14px;
	color:#767676;
}

/*nav start*/

.nav {
	height: 44px;
	background: url(../img/nav_bg.jpg) repeat-x;
	z-index: 2;
	position: relative;
}
.nav .nLi {
	float: left;
	width: 169px;
	height: 44px;
	line-height: 44px;
	background: url(../img/nav_li_bg.jpg) left center no-repeat;
	position: relative;
}
.nav .nLi-last {
	background: url(../img/nav_li_bg.jpg) right center no-repeat;
}
.nav .nLi a {
	display: block;
	font-size: 14px;
	color: #FFF;
	text-align: center;
}
.nav .sub {
	background: url(../img/nav_sub_bottom.png)center bottom no-repeat;
	display: none;
	padding-bottom: 10px;
	position: absolute;
	width: 169px;
	left: 0;
	top: 44px;
}
.nav .sub li {
	background: url(../img/nav_sub_li_bottom.jpg) left bottom repeat-x;
	background-color: #0062AC;
}
.nav .on h3 a {
	background: url(../img/nav_focus_bg.jpg) left center repeat-x;
}
.nav .sub li a:hover {
	background: url(../img/nav_sub_li_bottom.jpg) left bottom repeat-x;
	background-color: #1C58A9;
}
/*nav end*/
/*banner start*/

.banner {
	position: relative;
}
.slideBox {

	height: 502px;
	overflow: hidden;
	position: relative;
}
.slideBox .bd {
	height: 100%;
	position: relative;
	z-index: 0;
}
.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}
.slideBox .bd li  a{  display: block;  width: 100%;  height: 100%;}
.slideBox .bd img {
	width: 100%;
	height: 502px;
	display: block;
}
.slideBox .hd {
	position: absolute;
	height: 30px;
	left: 400px;
	z-index: 1;
}
.slideBox .hd li {
	float: left;
	width: 20px;
	height: 6px;
	background: #ccc;
	margin-right: 2px;
	/*text-indent: 10000px;*/
	
	cursor: pointer;
}
.slideBox .hd li.on {
	background: #8E5C31;
}
.slideBox .prev,
.slideBox .next {
	position: absolute;
	width: 32px;
	height: 58px;
	background: url(../img/arrow.png) no-repeat;
}
.slideBox .arrowWrap {
	position: absolute;
	width: 1200px;
	height: 502px;
	left: 0;
	top: 0;
	right: 0;
	bottom: auto;
}
.slideBox .prev {
	background-position: -10px -206px;
	left: 0;
	top: 50%;
	margin-top: -19px;
}
.slideBox .next {
	background-position: -10px -142px;
	right: 0;
	top: 50%;
	margin-top: -19px;
}
.slideBox .prev:hover {
	background-position: -10px -10px;
}
.slideBox .next:hover {
	background-position: -10px -74px;
}
/*slideBox-text*/

.slideBox-text {
	position: absolute;
	left: 50%;
	  margin-left: -500px;
	top: 87px;
	width: 650px;
	height: 160px;
	background: url(../img/slideBox_text_bg.png) repeat;
	/*background-color: #fff;*/
	
	z-index: 1;
}
.slideBox-text .bd {
	position: absolute;
	width: 610px;
	overflow: hidden;
	color: #fff;
	padding: 20px 0 0 20px;
}
.slideBox-text .bd h3 {
	font-size: 20px;
	line-height: 36px;
}
.slideBox-text .bd p {
	line-height: 20px;
}
.slideBox-text .bd .more {
	display: inline-block;
	width: 88px;
	height: 23px;
	background: url(../img/more_1.jpg) center center no-repeat;
	text-indent: -10000px;
	margin-top: 20px;
}
.slideBox-text .hd {
	position: absolute;
	right: 20px;
	bottom: 12px;
}
.slideBox-text .hd li {
	float: left;
	width: 20px;
	height: 6px;
	background: #fff;
	margin-right: 4px;
	text-indent: -10000px;
	cursor: pointer;
}
.slideBox-text .hd li.on {
	background: #8E5C31;
}
/*subMenu*/

.subMenu {
	position: absolute;
	left: 48%;
	bottom: 265px;
	margin-left: -461px;
}
.subMenu .nLi {
	float: left;
	width: 240px;
	height: 25px;
	margin-right: 8px;
	position: relative;
}
.subMenu .nLi h3 {
	padding-left: 5px;
	line-height: 25px;
	height: 25px;
	background: url(../img/subMenu_title_bg.png) left top no-repeat;
}
.subMenu .nLi ul li {
	/*text-indent: initial;*/
}
.subMenu .nLi:hover > h3 {
	background: url(../img/subMenu_title_white.jpg) left top repeat-x;
}
.subMenu .nLi:hover > h3 a {
	/*background: url(../img/subMenu_title_white.jpg) left top repeat-x;*/
	/*background: none;*/
	
	color: #fff;
}
.subMenu .sub {
	display: none;
	left: 0;
	bottom: 25px;
	position: absolute;
	width: 240px;
	background-color: #fff;
}
.subMenu .sub h3 {
	/*text-indent: -10000px;*/
	
	color: #fff;
	background: url(../img/subMenu_titleFocus_bg.png) center center no-repeat;
}
.subMenu .sub-li {
	padding: 25px 0 25px 10px;
	line-height: 18px;
	font-weight: 600;
}
.subMenu .sub-pic {} .subMenu .sub-pic img {
	position: absolute;
	right: 38px;
	top: 33px;
}
.subMenu .sub-pic-1 img {
	right: 38px;
	top: 33px;
}
.subMenu .sub-pic-2 img {
	right: 38px;
	top: 49px;
}
.subMenu .sub-pic-3 img {
	right: 38px;
	top: 49px;
}
.subMenu .sub-pic-4 img {
	right: 38px;
	top: 39px;
}
/*banner end*/
/*content start*/

.indexContent {
	padding-top: 25px;
}
.indexContent-left,
.indexContent-middle,
.indexContent-right {
	float: left;
	height: 255px;
}
.indexContent-left {
	width: 380px;
	overflow: hidden;
}
.indexContent-middle {
	width: 507px;
	overflow: hidden;
	margin-left:23px;
}
.indexContent-right {
	width: 260px;
	float: right;
}
.indexContent-title {
	position: relative;
	background: url(../img/icon.png) no-repeat;
}
.indexContent-left .indexContent-title {
	width: 385px;
	height: 32px;
	background-position: -10px -86px;
}
.indexContent-right .indexContent-title {
	width: 260px;
	height: 32px;
	background-position: -10px -124px;
}
.indexContent-left-content-text a p{ color:#2f2f2f;}


.more-2 {
	position: absolute;
	right: 6px;
	top: 0;
	display: inline-block;
	padding-right: 15px;
	margin: 3px 3px 0 0;
	background: url(../img/more_2.jpg) right center no-repeat;
	color:#979797;
	  font-weight: 100;
}
.indexContent-left-content {
	padding-top: 20px;
}
.indexContent-left-content-pic {
	width: 181px;
}
.indexContent-left-content-pic img {
	width: 100%;
}
.indexContent-left-content-text {
	width: 186px;

}
.indexContent-left-content-text h4 {
	line-height: 20px;
	color: #000;
	font-size:13px;
	padding-bottom: 4px;word-break:keep-all;
white-space:nowrap;        
}
.indexContent-left-content-text p {
	line-height: 24px;
}
.indexContent-middle {} .slideTxtBox .hd {
	height: 51px;
	position: relative;
}
.slideTxtBox .hd li {
	float: left;
	font-size: 15px;
	color: #000;
	height: 40px;
	line-height: 34px;
	margin-right: 10px;
	cursor: pointer;
	background: url(../img/tab-01.png)  no-repeat;
	width:120px;
	text-align: center;
}
.slideTxtBox .hd li.on {
	background: url(../img/tab-02.png)  no-repeat;
	color: #fff;
}
.slideTxtBox .bd {

	overflow: hidden;
}
.slideTxtBox .bd li {
	border-top: 1px dashed #ccc;
	font-size: 12px;
	line-height: 35px;
	height: 35px;
	padding-left: 20px;
	background: url(../img/arrow_1.jpg) left center no-repeat;
}
.slideTxtBox .bd li a {
	color: #000;
}
.slideTxtBox .bd li a span {
	float: right;
}
.slideTxtBox .bd .ui-left {
	width: 75px;
}
.slideTxtBox .bd .ui-left img {
	width: 100%;
}
.slideTxtBox .bd .ui-right {
	width: 422px;
}
.slideTxtBox .bd .ui-right h4 {
	color: #000;
	font-size:13px;
	padding-bottom:8px;
}
.slideTxtBox .bd .ui-right p {
	color: #828282;
}
.slideBox-2 {
 margin-top:18px;
	overflow: hidden;
	width: 260px;
	height: 182px;
	position: relative;
}
.slideBox-2 .hd {
	z-index: 1;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.slideBox-2 .hd li {
	float: left;
	width: 20px;
	height: 20px;
	text-align: center;
	background-color: #000;
	cursor: pointer;
	color: #fff;
	line-height: 20px;
	margin-right: 2px;
}
.slideBox-2 .hd li.on {
	background-color: #8E5C31;
}
.slideBox-2 .bd {
	height: 100%;
	z-index: 0;
}
/*content end*/
/*footer start*/

.footer {} .footer-link {
	background-color: #0081C6;
	padding-bottom: 40px;
}
.footer-copyright {
	background-color: #1C58A9;
}
.footer-group {
	width: 132px;
	float: left;
	position: relative;
	color: #fff;
}
.footer-group dd a,
.footer-group dl a {
	color: #fff;
}
.footer-link .group-address {
	width: 220px;
}
.footer-link dl {
	color: #fff;
	margin-top: 35px;
}
.footer-link dt,
.footer-link dd {} .footer-link dt {
	font-size: 16px;
	margin-bottom: 24px;
}
.footer-link dd {
	line-height: 24px;
	padding-left: 22px;
	background: url(../img/ft_arrow.jpg) left center no-repeat;
	margin-bottom: 2px;
}

.footer-link .group-link {
	width: 220px;
}
.footer-link .group-link dd a {
	color: #fff;
}
.footer-copyright p {
	color: #fff;
	font-size: 14px;
	padding: 25px 0 20px;
	text-align: center;
}
/*footer end*/
/*
 * 分页Page Style Css
 */
/*banner start*/

.banner-picBox {
	width: 100%;
	height: 225px;
	
}
/*.banner-picBox img {
	width: 100%;
	height: 225px;
}*/
/*banner end*/
/*content start*/
/*sidebar */

.sidebar {
	position: absolute;
	left: 0;
	top: 0;
	width: 250px;
	margin: 0 0 0 10px;
}
.sidebar-title {
	height: 56px;
	width: 229px;
	background: url(../img/sidebar_title_bg.jpg) left center no-repeat;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 56px;
	font-weight: normal;
}
.sidebar li {
	position: relative;
	line-height: 36px;
	background-color: #FCFCFC;
	border: 1px solid #E7E7E7;
	border-top: none;
	width: 229px;
}
.sidebar li a.sub-a {
	padding-left: 25px;
	font-size: 14px;
	display: block;
}
.sidebar li a.sub-a i {
	position: absolute;
	right: 0;
	top: 0;
	width: 12px;
	height: 12px;
	display: inline-block;
	background: url(../img/arrow_2.png) center center no-repeat;
	margin-top: 13px;
	margin-right: 3px;
}
.sidebar li:hover{ background:url(../img/libg.png) repeat-x;}
.sidebar li:hover a.sub-a{ color:#fff;}
.sidebar li:hover a.sub-a i{background: url(../img/arrow_2_1.png) center center no-repeat;}



.sidebar li.on a.sub-a i{
	background: url(../img/arrow_2_1.png) center center no-repeat;
}
.sidebar li.on {
	background: url(../img/sidebar_li_bg.jpg) left top repeat-x;
}
.sidebar li.on a.sub-a {
	color: #fff;
}
.sidebar-pic {
	border: 1px solid #E7E7E7;
	margin-top: 10px;
	width: 229px;
	height: 140px;
}
.sidebar-pic img {
	width: 100%;
	height: 100%;
}
ul.sub-nav{ display:none;}
.sidebar li.on ul.sub-nav{display: block!important;}


ul.sub-nav li{ border:none; border-right:1px #e7e7e7 solid; width:228px; border-bottom:1px #bdbdbd dashed; background:#f6f6f6;}
ul.sub-nav li:hover{ background:#f6f6f6; background-image:none;}
ul.sub-nav li a{ display:block; padding-left:45px; font-size:13px; background: url(../img/ico11.png) 34px 50%  no-repeat; color:#5b5b5b;}
ul.sub-nav li a:hover{ color:#bd6e25;}


/*main*/

.main {
	margin: 13px 0 20px 250px;min-height: 400px;
}
.main-title {
	position: relative;
	height: 55px;
	border-bottom: 1px solid #E7E7E7;
}
.main-title h3 {
	line-height: 54px;
	font-size: 16px;
	font-weight: normal;
}
.main-title span {
	position: absolute;
	right: 0;
	top: 25px;
	padding-left: 20px;
	background: url(../img/icon_address.jpg) left center no-repeat;
	line-height: 20px;
}
.text-1 {
	margin: 40px 0 0 20px;
}
.text-1 p {
	line-height: 26px;
}
.text-2,
.text-3 {
	margin: 28px 0 0 10px;
	font-size: 14px;
}
.text-2 h4 {
	font-size: 14px;
	color: #000;
	margin: 8px 0;
}
.text-2 p,
.text-3 p {
	line-height: 26px;
}
.text-2 .pic {
	margin-top: 55px;
}
.text-3 .pic {
	margin-top: 35px;
}
.text-3 h3 {
	font-weight: normal;
}
/*新闻列表*/
.tk-main {
	min-height: 400px;
}
.news-list {
	margin: 20px 10px 0;
}
.news-list li {
	border-bottom: 1px dashed #D7D7D7;
	padding: 20px 0;
}
.list-pic,
.list-content {
	float: left;
	FONT-SIZE: 16px;
}
.list-pic {
	width: 148px;
	height: 82px;
}
.list-content {
	width: 750px;
	margin-left: 20px;
	position: relative;
}
.list-pic img {
	width: 100%;
	height: 100%;
}
.list-content h4 {
	font-size: 14px;
	color: #000;
	line-height: 26px;
}
.list-content p {
	line-height: 24px;
}
.list-content a {
	position: absolute;
	right: 4px;
	bottom: 2px;
	color: #6CC4E8;
}
.list-content a:hover {
	text-decoration: underline;
}
.list-content .data {
	position: absolute;
	right: 4px;
	top: 2px;
}
.list-cfd,
.list-mdd {
	float: center;
}
.list-cfd {
	width: 100px;
	height: 20px;
}
.list-mdd {
	width: 100px;
	margin-left: 20px;
	position: relative;
}
.tk-container {
	width: 100%;
	height: auto;
	min-width: 950px;
}
.tk-wrap {
	width: 950px;
	margin: 0 auto;
	position: relative;   
}
.tk-list {
	margin: 0px 0px 0;
}
.tk-list li {
	border-bottom: 1px dashed #D7D7D7;
	padding: 0px 0;
}
.tk-ui-clr {
	display: block;
	zoom: 1;
	
}
.freight_table {
	WIDTH: 100%; FONT-SIZE: 14px
}
.freight_table THEAD {
	BACKGROUND-COLOR: #1f639a; COLOR: #fff
}
.freight_table THEAD TH {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px
}
.freight_table TBODY TD {
	TEXT-ALIGN: center; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
TBODY TD.feight_pol_pod {
	TEXT-ALIGN: left; PADDING-LEFT: 10px
}
.price_color {
	COLOR: #ff6600
}
.tr_bg1 {
	BACKGROUND-COLOR: #fff; CURSOR: pointer
}
.tr_bg2 {
	BACKGROUND-COLOR: #eaf0f9; CURSOR: pointer
}
.search_button {
	BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; BACKGROUND-COLOR: #f60; WIDTH: 100.9px; FONT-FAMILY: "Microsoft YaHei"; FLOAT: right; HEIGHT: 46px; COLOR: #fff; FONT-SIZE: 16px; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px
}
.search_button:hover {
	BACKGROUND-COLOR: #e35b00
}
.search_pol {
	POSITION: relative; FLOAT: left
}
.search_pod {
	POSITION: relative; FLOAT: left
}
.search_pol SPAN {
	LINE-HEIGHT: 45px !important; FLOAT: left; COLOR: #888888; MARGIN-LEFT: 15px; FONT-SIZE: 16px
}
.search_pod SPAN {
	LINE-HEIGHT: 45px !important; FLOAT: left; COLOR: #888888; MARGIN-LEFT: 15px; FONT-SIZE: 16px
}
.search_pol INPUT {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 40px; WIDTH: 170px; HEIGHT: 40px; COLOR: #323232; MARGIN-LEFT: 5px; FONT-SIZE: 16px; VERTICAL-ALIGN: top; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 2px
}
.search_pol INPUT:focus {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium
}
.search_pod INPUT {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 40px; WIDTH: 240px; HEIGHT: 40px; COLOR: #323232; MARGIN-LEFT: 5px; FONT-SIZE: 16px; VERTICAL-ALIGN: top; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 2px
}
.search_pod INPUT:focus {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium
}
.index_search {
	BACKGROUND-COLOR: #fff; MARGIN: 0px auto; WIDTH: 670px; HEIGHT: 45px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.6)
}
.freight_search {
	PADDING-BOTTOM: 20px; BACKGROUND-COLOR: #eaf0f9; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 20px
}
.fright_message {
	MARGIN: 10px 0px; FONT-SIZE: 16px
}
.fright_message SPAN {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; COLOR: #f60; FONT-SIZE: 22px; PADDING-TOP: 0px
}
/* citySelector */
.citySelector{font:12px/1.5 tahoma,arial,\5b8b\4f53;background:#fff;text-align:left;}
.cityslide{width:250px;list-style:none;margin:0;padding:0;border:1px solid #85BEE5;border-right-color:#3485C0;border-bottom-color:#3485C0;box-shadow:2px 2px 3px rgba(0,0,0,0.3);margin-top:5px;}
.cityslide li{list-style:none;overflow:hidden;height:24px;padding:4px 5px;}
.cityslide li.on{background:#9CD9FF;color:#fff;}
.cityslide li b{font-weight:normal;}
.cityslide li.empty{background:#fff2e8;color:#666;}
.cityslide li.empty em{color:red;font-style:normal;}
.cityname{float:left;}
.cityspell{float:right;}
.cityBox{width:320px;border:1px solid #85BEE5;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,0.3);margin-top:5px;}
.cityBox ul{margin:0;padding:0;overflow:hidden;}
.cityBox ul li{float:left;list-style:none;padding:2px 4px;border:1px solid #85BEE5;cursor:pointer;margin-left:4px;display:inline;background:#E1EFFE;}
.cityBox ul li.on{background:#fff;border-bottom-color:#fff;position:relative;}
.hide{display:none;}
p.tip{color:#666;line-height:20px;padding:5px;margin:0;text-indent:3px;}
.hotCity{border-top:1px solid #85BEE5;margin-top:-1px;clear:left;overflow:hidden;padding-bottom:5px;padding-top:5px;_margin-bottom:8px;}
.cityTab{overflow:hidden;}
.cityTab dl{margin:0;padding:0;overflow:hidden;}
.cityTab dl dt{float:left;padding-left:3px;color:#F30;text-indent:5px;font-family:"Lucida console","consolas","courier new";line-height:22px;font-size:14px;width:20px;}
.cityTab dl dd{margin-left:2px;float:left;width:290px;}
.cityTab dl dd a{padding-left:5px;width:66px;line-height:22px;display:inline-block;color:#000;text-decoration:none;}
.cityTab dl dd a:hover{text-decoration:underline;color:red}

/*招聘手风琴效果*/

.sideMenu {} .sideMenu-wrap {
	margin: 30px 40px 0;
}
.sideMenu h3 {
	cursor: pointer;
	line-height: 50px;
	border-bottom: 1px dotted #E7E7E7;
	padding-left: 20px;
	background: url(../img/arrow_3.jpg) left center no-repeat;
}
.sideMenu li {
	padding: 10px 0 10px 20px;
}
.page {
	text-align: center;
}
.page li {
	padding: 5px 10px;
	border: 1px solid #E7E7E7;
	display: inline-block;
	margin-right: 5px;
}
.page li.on {
	border: 1px solid #FF7800;
}
.page li.on a {
	color: #FF7800;
}
/*content end*/


.scrolltop{width:188px;height:125px;overflow:hidden;}
.scrolltop li  {

	background-color: #0067b4;
	  height: 28px;
  line-height: 28px;
  padding: 0 8px;
  margin-bottom: 4px;

}




.fl{

	float:left;

	display:inline;

}
.clearfix {

	zoom: 1;

}
.section-2{	
	background:url(../images/section-bj2.png) center no-repeat;
	width:100%;
	height:500px;
	text-align:center;
	position:relative;
}
.section-3{	
	background:url(../images/section-bj3.png) center no-repeat;
	width:100%;
	height:550px;
	text-align:center;
	position:relative;
}
.section-4{	
	background:url(../images/section-bj4.png) center no-repeat;
	width:100%;
	height:620px;
	text-align:center;
	position:relative;
}
.section-5{	
	background:url(../images/section-bj5.png) center no-repeat;
	width:100%;
	height:330px;
	text-align:center;
	position:relative;
}
#section-2{
	position:relative;
	left:0px;
	top:50px;
}
#section-3{
	position:relative;
	left:0px;
	top:50px;
}
#section-4{
	position:relative;
	left:0px;
	top:50px;
}
#section-5{
	position:relative;
	left:0px;
	top:50px;
}
.M-what-top{
	text-align:center;
	height:80px;
	line-height:80px;
	font-size: 30px;
	color: #000;
}
.M-bottom-border{
	background:url(/html5/images/border-bottom.png) no-repeat center;
	height:3px;
	width:100%;
}
.M-top-border{
	background:#f0f0f0;
	height:3px;
	width:100%;
}
.M-what-title{
	margin-top:40px;
	font-family:"微软雅黑";
	font-size:24px;
	color:#898989;
	margin-bottom:80px;
}
.M-what{
	margin:0 auto;
	width:985px;
}
.M-design-bottom{
	height:41px;
	overflow:hidden;
	text-align:center;
	padding-top:0px;
}
.M-design-title span{
	font-family:"微软雅黑";
	font-size:18px;
	color:#545454;
	display:block;
}
.M-design-title font{
	font-family:"Segoe UI";
	font-size:14px;
	color:#d5d5d5;
	display:block;
}
.M-btn{
	width:162px;
	height:31px;
	display:block;
	line-height:31px;
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
	color:#ffffff;
}
.M-design{
	text-align:center;
	display:block;
	width:165px;
	margin-right:90px;
	position:relative; left:0px;top:10px;
}
.Brand{
	text-align:center;
	display:block;
	width:165px;
	margin-right:90px;
	position:relative; left:0px;top:10px;
}
.move{
	text-align:center;
	display:block;
	width:165px;
	margin-right:90px;
	position:relative; left:0px;top:10px;
}
.ui{
	text-align:center;
	display:block;
	width:165px;
	position:relative; left:0px;top:10px;
}
.M-design-ico{
	background:url(/html5/images/design-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin-bottom:32px;
	margin-left:18px;
	+margin-left:0px !important;
}
.Brand-ico{
	background:url(/html5/images/brand-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin-bottom:32px;
	margin-left:18px;
	+margin-left:0px !important;
}
.move-ico{
	background:url(/html5/images/move-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin-bottom:32px;
	margin-left:18px;
	+margin-left:0px !important;
}
.ui-ico{
	background:url(/html5/images/ui-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin-bottom:32px;
	margin-left:18px;
	+margin-left:0px !important;
}
.ui:hover em{
	background:url(/html5/images/ui-ico-hover.png) no-repeat;
}
.move:hover em{
	background:url(/html5/images/move-ico-hover.png) no-repeat;
}
.Brand:hover em{
	background:url(/html5/images/brand-ico-hover.png) no-repeat;
}
.M-design:hover em{
	background:url(/html5/images/design-ico-hover.png) no-repeat;
}
.M-new-btn{
	background:url(/html5/images/new-btn.png) no-repeat;
	width:136px;
	height:38px;
	display:block;
	line-height:38px;
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
	color:#ffffff;
	position:absolute;
	left:50%;
	bottom:0px;
	margin-left:-68px;
}
.M-new-btn:hover{
	background:url(/html5/images/new-btn-hover.png) no-repeat;
	width:136px;
	height:38px;
	display:block;
	line-height:38px;
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
	color:#ffffff;
	position:absolute;
	left:50%;
	bottom:0px;
	margin-left:-68px;
}
.M-link{
    margin:0 auto;
	width:990px;
	height:200px;
	position:relative;
}
.M-link-pic{
	border: 1px solid #E7E7E7;
	width: 200px;
	height: 76px;
	float:left; 
	display:inline;
	margin-top:28px;
	margin-right:45px;
}
.M-link-pic:hover{
	border: 1px solid #009ED6;
	width: 200px;
	height: 76px;
	float:left; 
	display:inline;
	margin-top:28px;
	margin-right:45px;
}
.M-link-pic img {
	width: 100%;
	height: 100%;
}