@charset "utf-8";
/* CSS Document */
body { background-image:url(../images/body_bg.jpg); background-position:center top; background-repeat:repeat-x; color:#000; background-color:#fff;}
.clear { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
a { color:#b10043; }
a:hover { text-decoration:none; color:#3166cc; }
.margin_bottom { margin-bottom:10px; }
.main { width:980px; margin:0 auto; background-color:#fff; }
.head { background-image:url(../images/head.jpg); background-position:right top; background-repeat:no-repeat; }
.logo { float:left; height:80px; width:313px; margin-top:10px; margin-left:10px; margin-bottom:10px; }
.a_logo { display:block; width:313px; height:80px; background-image:url(../images/logo.jpg); background-position:center center; background-repeat:no-repeat; }
.link { float:right; margin-top:4px; padding-right:20px; color:#b10043; }
.language { margin-right:1em; color:#ff6600; font-weight:bold;}
.menu { clear:both; background-image:url(../images/menu_bg.jpg); background-repeat:repeat-x; background-position:center center; height:51px; }
.menu_ul { height:51px; padding-left:50px;  }
.menu_ul li { float:left; width:115px; height:51px; position:relative; }
.menu_ul li a { display:inline-block; }
.menu_1 { width:150px; height:51px; background-image:url(../images/menu.jpg); background-repeat:no-repeat; background-position:left top; }
.menu_1:hover { background-image:url(../images/menu_hover.jpg); }
.menu_2 { width:150px; height:46px; background-image:url(../images/menu.jpg); background-repeat:no-repeat; background-position:left -51px; }
.menu_2:hover { background-image:url(../images/menu_hover.jpg); background-repeat:no-repeat; background-position:left -51px; }
.menu_3 { width:150px; height:51px; background-image:url(../images/menu.jpg); background-repeat:no-repeat; background-position:left -98px; }
.menu_3:hover { background-image:url(../images/menu_hover.jpg); background-repeat:no-repeat; background-position:left -98px; }
.menu_4 { width:150px; height:51px; background-image:url(../images/menu.jpg); background-repeat:no-repeat; background-position:left -149px; }
.menu_4:hover { background-image:url(../images/menu_hover.jpg); background-repeat:no-repeat; background-position:left -149px; }
.menu_5 { width:150px; height:51px; background-image:url(../images/menu.jpg); background-repeat:no-repeat; background-position:left -200px; }
.menu_5:hover { background-image:url(../images/menu_hover.jpg); background-repeat:no-repeat; background-position:left -200px; }
.menu_6 { width:150px; height:51px; background-image:url(../images/menu.jpg); background-repeat:no-repeat; background-position:left -251px; }
.menu_6:hover { background-image:url(../images/menu_hover.jpg); background-repeat:no-repeat; background-position:left -251px; }
.menu_7 { width:150px; height:51px; background-image:url(../images/menu.jpg); background-repeat:no-repeat; background-position:left -302px; }
.menu_7:hover { background-image:url(../images/menu_hover.jpg); background-repeat:no-repeat; background-position:left -302px; }
.menu_8 { width:150px; height:51px; background-image:url(../images/menu.jpg); background-repeat:no-repeat; background-position:left -353px; }
.menu_8:hover { background-image:url(../images/menu_hover.jpg); background-repeat:no-repeat; background-position:left -353px; }
span.now { position: absolute; left:0px; top:0; display:inline-block; width:7px; height:51px; background-image:url(../images/a_now.jpg); background-repeat:no-repeat; }
.menu ul li ul { position:absolute; top:51px; left:0; }
.menu ul li ul li { width:140px; height:27px; }
.menu ul li ul li a { width:140px; height:26px; display:block; line-height:26px; padding-left:10px; background-color:#244487; border-bottom:1px solid #2c539e; border-left:1px solid #244487; border-right:1px solid #244487; text-decoration:none; color:#fff; font-size:14px; }
.menu ul li ul li a:hover { color:#fff; background-color:#3164cd; border-bottom:1px solid #00236f; font-weight:bold; }
.menu ul li ul li a.now { color:#3898c0; background-image:url(../images/sub_spot.jpg); background-position:left; background-repeat:no-repeat; }
.ul_pro { }
.container { background-image:url(../images/content_bg.jpg); background-position:center 137px; background-repeat:no-repeat; }
.index_show { height:298px; }
.pic { margin: 0px; overflow: hidden; width:980px; height: 298px; cursor: pointer; text-align:right; }
.play { margin-top: -30px; margin-left: 900px; position: absolute; }
.play a { display: block; float: left; margin-right:5px; width: 17px; line-height:17px; height: 17px; text-align: center; text-decoration:none; color:#FFFFFF; font-size:13px; font-weight:bold; background-color:#3164cd; }
.play a:hover { }
.adsshow { float:left; width:980px; height:298px; clear:both; margin-bottom:10px; }
.index_content { width:950px; height:280px; margin:0 auto; padding-left:30px; padding-top:10px; background-image:url(../images/index_content_bg.jpg); background-position:10px bottom; background-repeat:no-repeat; }
.more_index { text-align:right; }
.index_part1 { width:260px; float:left; margin-right:60px; }
.title_part1 { background-image:url(../images/txt3.jpg); background-position:left center; background-repeat:no-repeat; height:60px; border-bottom:2px solid #000; }
.span_icon1 { float:right; display:block; width:60px; height:60px; background-image:url(../images/icon3.jpg); background-position:center center; background-repeat:no-repeat; }
.word_part1 { font-size:14px; padding:10px; height:150px; }
.index_part2 { width:260px; float:left; margin-right:60px; }
.title_part2 { background-image:url(../images/txt2.jpg); background-position:left center; background-repeat:no-repeat; height:60px; border-bottom:2px solid #000; }
.span_icon2 { float:right; display:block; width:60px; height:60px; background-image:url(../images/icon2.jpg); background-position:center center; background-repeat:no-repeat; }
.word_part2 { font-size:14px; padding:10px; height:150px; }
.index_part3 { width:260px; float:left; }
.title_part3 { background-image:url(../images/txt1.jpg); background-position:left center; background-repeat:no-repeat; height:60px; border-bottom:2px solid #000; }
.span_icon3 { float:right; display:block; width:60px; height:60px; background-image:url(../images/icon1.jpg); background-position:center center; background-repeat:no-repeat; }
.word_part3 { font-size:14px; padding:10px; height:150px; }
.foot { width:950px; margin:0 auto; background-image:url(../images/foot_bg.jpg); background-position:center top; background-repeat:no-repeat; height:100px; background-color:#eaebef; line-height:50px; padding-left:10px; }
/*about*/
.about_show { height:139px; background-image:url(../images/about_show.jpg); background-position:center top; background-repeat:no-repeat; }
.sea_show { height:139px; background-image:url(../images/sea_show.jpg); background-position:center top; background-repeat:no-repeat; }
.air_show { height:139px; background-image:url(../images/air_show.jpg); background-position:center top; background-repeat:no-repeat; }
.train_show { height:139px; background-image:url(../images/train_show.jpg); background-position:center top; background-repeat:no-repeat; }
.caselogistic_show { height:139px; background-image:url(../images/caselogistic_show.jpg); background-position:center top; background-repeat:no-repeat; }
.alllogistic_show { height:139px; background-image:url(../images/alllogistic_show.jpg); background-position:center top; background-repeat:no-repeat; }
.cases_show { height:139px; background-image:url(../images/career_show.jpg); background-position:center top; background-repeat:no-repeat; }
.partener_show { height:139px; background-image:url(../images/cases_show.jpg); background-position:center top; background-repeat:no-repeat; }
.career_show { height:139px; background-image:url(../images/partener_show.jpg); background-position:center top; background-repeat:no-repeat; }
.contact_show { height:139px; background-image:url(../images/contact_show.jpg); background-position:center top; background-repeat:no-repeat; }
.website_show { height:139px; background-image:url(../images/website_show.jpg); background-position:center top; background-repeat:no-repeat; }

.content_layout { padding-top:20px; width:950px; margin:0 auto; background-image:url(../images/glob.jpg); background-position:30px bottom; background-repeat:no-repeat;}
.left { float:left; width:170px; margin-right:40px; padding-left:40px; min-height:400px;_height:400px; }
.left dl { width:140px; margin-left:10px; padding-top:10px;}
.left dt { width:140px; height:60px; text-indent:-9999px; margin-bottom:10px; }
.left dd { height:30px; line-height:30px; width:130px; background-image:url(../images/dd_bg.jpg); background-position:right bottom; background-repeat:repeat-x; }
.left dd a { padding-left:10px;  font-weight:bold; background-image:url(../images/dd_a_bg.jpg); background-position:left; background-repeat:no-repeat; }
.left dd a:hover { padding-left:10px;  background-image:url(../images/dd_a_bg_h.jpg); background-position:left; background-repeat:no-repeat; }
.left dd a.now { padding-left:10px; color:#3166cc; font-weight:bold; background-image:url(../images/dd_a_bg_h.jpg); background-position:left; background-repeat:no-repeat; }

.dt_about { background-image:url(../images/dt_about.jpg); background-position:-12px bottom; background-repeat:no-repeat; }
.dt_pro { background-image:url(../images/dt_pro.jpg); background-position:-12px bottom; background-repeat:no-repeat; }
.dt_cases { background-image:url(../images/dt_cases.jpg); background-position:-12px bottom; background-repeat:no-repeat; }
.dt_partener { background-image:url(../images/dt_partener.jpg); background-position:-12px bottom; background-repeat:no-repeat; }
.dt_career { background-image:url(../images/dt_career.jpg); background-position:-12px bottom; background-repeat:no-repeat; }
.dt_contact { background-image:url(../images/dt_contact.jpg); background-position:-12px bottom; background-repeat:no-repeat; }
.dt_website { background-image:url(../images/dt_website.jpg); background-position:-12px bottom; background-repeat:no-repeat; }

.right { float:left; width:700px; padding-top:10px; }
.title { padding-left:10px; clear:both; margin-bottom:10px; font-size:16px; font-weight:bold; color:#000; background-image:url(../images/line.jpg); background-position:left 28px; background-repeat:no-repeat; height:30px; }
.content { clear:both; width:660px; line-height:150%; margin-bottom:20px; color:#666; }
.content p {  padding-left:10px; background-image:url(../images/ul_spot.jpg); background-position:left 10px; background-repeat:no-repeat; margin-bottom:10px;}
.content h4 { padding-left:10px; font-weight:bold; background-image:url(../images/ul_spot.jpg); background-position:left 10px; background-repeat:no-repeat; margin-bottom:10px; color:#000; }
.content_layout_bottom { clear:both; background-image:url(../images/index_content_bg.jpg); background-position:400px bottom; background-repeat:no-repeat; height:50px; }

.yui-g { width:660px; padding-left:10px;}
.pro_intro { padding-left:10px; }
.pro_intro_left { width:450px; float:left; }
.pro_i_l_p { margin-bottom:10px; }
.pro_i_l_contact { clear:both; }
.pro_i_l_qq { float:left; width:200px; }
.por_i_l_msn { float:left; width:250px; }
.pro_img { float:left; margin-right:10px; }
.pro_txt { float:left; }
.pro_intro_right { float:right; width:150px; }
.pro_intro_right a { display:block; text-align:center; }

.seatrain_table { }
.seatrain_table { width:600px; border-left:1px solid #ccc; border-top:1px solid #ccc; }
.seatrain_table tr.bg { background-color:#f7f7f7; }
.seatrain_table th { padding:6px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.seatrain_table td { padding:6px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.seatrain_table thead { background-color:#3166cc; color:#fff; }
.seatrain_table tfoot { }
.seatrain_table tbody { }

.contact_table { width:650px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; zoom:1; margin-bottom:10px; }
.contact_table caption { font-size:14px; text-align:left; font-weight:bold; margin-bottom:20px; padding-top:20px; color:#3166cc; }
.contact_table caption span { font-size:12px; color:#666; font-weight:normal; }
.contact_table tr.bg { background-color:#f7f7f7; }
.contact_table tr.bg_blue { background-color:#3166cc; color:#fff; }
.contact_table tbody th { padding:6px; border-left:1px solid #ccc; border-top:1px solid #ccc; }
.contact_table tbody td { padding:6px; border-left:1px solid #ccc; border-top:1px solid #ccc; }
.contact_table td.spot { background-image:url(../images/ul_spot.jpg); background-position:4px center; background-repeat:no-repeat; padding-left:10px; }
.contact_table thead { }
.contact_table thead th { background-color:#3166cc; color:#fff; padding:6px; border-top:1px solid #ccc; border-left:1px solid #ccc; }
.contact_table thead td { padding:6px; border-top:1px solid #ccc; border-left:1px solid #ccc; }
.contact_table tfoot { }
.contact_table tbody { }

.ul_pro_sea { padding-left:10px; line-height:150%; background-image:url(../images/ul_spot.jpg); background-position:left 10px; background-repeat:no-repeat; }
.ul_pro_sea span { color:#999; }

.ul_website { padding-left:10px; }
.ul_website .margin_b { margin-bottom:20px; }
.ul_website dt { clear:both; margin-bottom:0px; font-weight:bold; background-image:url(../images/ul_spot.jpg); background-position:left; background-repeat:no-repeat; padding-left:10px; margin-top:20px; }
.ul_website dt a { font-size:16px; }
.ul_website dt a:hover { }
.ul_website dd { font-weight:normal; float:left; margin-right:10px; padding-left:10px; }
.ul_website dd a { }
.ul_website dd a:hover {  }

/*popup*/
.popup { font-size:12px; width:100%; position:absolute; left:0; top:0; z-index:9; display:none; padding-bottom:10px; }
.popup_iframe { width:100%; position:absolute; left:0; top:0; border:0; z-index:8; background-color:#fff; filter:alpha(opacity=50); opacity:0.5; }
.popup_layout_content_img3 { position:absolute; left:50%; top:0; margin-left:-480px; margin-top:10px; width:960px; padding-bottom:18px; z-index:10; border:10px #3166cc solid; background-color:#fff; }
.popup_layout_content_img2 { position:absolute; left:50%; top:0; margin-left:-270px; margin-top:10px; width:540px; padding-bottom:18px; z-index:10; border:10px #3166cc solid; background-color:#fff; }
.popup_layout_content_img { position:absolute; left:50%; top:0; margin-left:-350px; margin-top:10px; width:700px; padding-bottom:18px; z-index:10; border:10px #3166cc solid; background-color:#fff; }
.popup_table_caption { text-align:left; font-size:14px; padding-left:1em; padding-bottom:4px; margin-bottom:4px; color:#3166cc; line-height:20px; vertical-align:bottom; background-image:url(../img/titleline.gif); background-position:left bottom; background-repeat:no-repeat; width:100%; margin-bottom:10px; margin-top:10px; }
.popup_table_caption span.cap_left { display:inline-block; float:left; font-weight:bold; }
.popup_table_caption span.cap_right { position:absolute; background:#fff; display:block; left: 100%; top: 15px; border:10px #3166cc solid; border-left:0; }
.popup_table_caption span.cap_right a { height:30px; width:30px; text-align:center; font:14px Verdana; line-height:30px; display:block; text-indent:0px; }
.popup_table_caption span.cap_right a:hover { text-decoration:none; }
.popup_table_caption span.cap_right2 { position:absolute; background:#fff; display:block; left: 100%; top: 80px; border:10px #ff8b00 solid; border-left:0; }
.popup_table_caption span.cap_right2 a { height:30px; width:100px; text-align:center; font:14px Verdana; line-height:30px; display:block; text-indent:0px; }
.popup_table_caption span.cap_right2 a:hover { text-decoration:none; }
.popup_border { border-bottom:1px solid #ccc; margin-bottom:0px; }
.popup_time { text-indent:1em; text-align:left; color:#666; }
.popup_content { padding:20px; padding-top:0; padding-bottom:0px; }
.popup_content img { }
.popup_content p { text-align:left; text-indent:2em; line-height:18px; margin-top:10px; }
.popup_table { width:100%; }
.btm_right { text-align:right; margin-top:10px; margin-right:5px; }
.btm_right a { display:inline-block; padding-left:5px; height:22px; line-height:22px; color:#666; text-decoration:none; background-image:url(../images/links_btn_01.gif); background-position:left; background-repeat:no-repeat; cursor:pointer; }
.btm_right a em { display:inline-block; padding-right:0.8em; padding-left:0.5em; height:22px; font-size:103%; font-family:tahoma; font-style:normal; background-image:url(../images/links_btn_02.gif); background-position:right; background-repeat:no-repeat; }
