﻿@charset "utf-8";
/* CSS Document */
/** 清除内外边距 **/ 
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td, /* table elements 表格元素 */ img/* img elements 图片元素 */ { margin: 0; padding: 0; }
/** 设置默认字体 **/ 
body, button, input, select, textarea { font: 12px/1.5 'microsoft yahei', '宋体', tahoma, Srial, helvetica, sans-serif; color:#333; }
body { background-color: #fff; }
form { display:block; }
em { font-style:normal; }
/** 重置列表元素 **/ 
ul, ol, li { list-style: none; }
/** 重置超链接元素 **/ 
a { text-decoration: none; color:#333; }
a:hover { text-decoration:none; color:#2f318b; }
/** 重置图片元素 **/ 
img { border:0px; }
/** 重置表格元素 **/ 
table { border-collapse: collapse; border-spacing: 0; }
.al { float:left; }
.ar { float:right; text-align:right; }
.ac { text-align:center; }
.fl { float:left; }
.fr { float:right; }
.clear, .cb { clear:both; text-indent:-9999px; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: #222; font-weight: normal; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; }
/* Hides from IE-mac \*/
* html .clf { height: 1%; }
.clf, .clearfix { display: block; }
.clf:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* End hide from IE-mac */
.w { width:1200px; margin:0 auto; }
.mb20 { margin-bottom:20px; }
.mt20 { margin-top:20px; }
.hide { display: none!important; }
.red { color:#f00!important; }
.green{ color:#aed828!important; }
.blue {color:#2377cf!important;}
.rel { position:relative; }
.hot { display:block; position:absolute; top:3px; left:85px; width:17px; height:13px; background:url("../images/hot.gif") no-repeat 0 0; }
.hot2 { display:block; position:absolute; top:3px; left:85px; width:22px; height:13px; background:url("../images/hot02.gif") no-repeat 0 0; }
.new { display:inline-block; *display:inline;
*zoom:1;
width:22px; height:10px; background:url("../images/new.gif") no-repeat 0 0; margin-left:5px; }
.hot1 { display:inline-block; *display:inline;
*zoom:1;
width:25px; height:9px; background:url("../images/hot1.gif") no-repeat 0 0; margin-left:5px; }
.tj { display:inline-block; *display:inline;
*zoom:1;
width:17px; height:12px; background:url("../images/tj.gif") no-repeat 0 0; margin-left:5px; }
.clear { clear: both; text-indent: -9999px }
.clearfix:before, .clearfix:after { content: " "; display: table }
.clearfix:after { clear: both }
/*header*/
.header {width:100%;position:fixed;top:0;height: 94px;z-index:9999;background-color: rgba(47,49,139,0.7);}
.header:hover { background-color: #fff;  transition: opacity .6s ease, background .6s ease, box-shadow .6s ease;
}
.header.solid {
    position: fixed;
    background:#fff;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}
.header-logo { margin-top:10px; float:left }
.header-logo .header-brand { display:block; height:48px; }
.header-logo .header-brand1 { display:none;  }
.header.solid .header-logo .header-brand, .header:hover .header-logo .header-brand {display:none;}
.header.solid .header-logo .header-brand1, .header:hover .header-logo .header-brand1 {display:block;}
.header .mico { background-image:url(../images/sTel.png); background-repeat:no-repeat;width:20px;height:20px; display:inline-block; vertical-align:middle;
}
    .header i.mico.iphone {  background-position:0px 0;
    }
     .header i.mico.iemail {  background-position:0px -20px;
    }
.header.solid i.mico.iphone, .header:hover i.mico.iphone{background-position:-20px 0;
}
.header.solid i.mico.iemail, .header:hover i.mico.iemail{background-position:-20px -20px;
}
/*navbar*/
.header-navbar { float:right; }
.navbar>li {padding: 32px 0;float:left;position: relative;}
.navbar>li:hover .menu_dropdown { display:block;}
.navbar li b { cursor: pointer; margin: 14px 8px 0 3px; font-size: 0; border-style:solid dashed dashed; border-width:4px; height:0; width:0; line-height:0%; position:absolute; border-color:#ccc transparent transparent; -webkit-transition:-webkit-transform .2s ease-in;
-webkit-backface-visibility:hidden; -moz-transition:-moz-transform .2s ease-in;
 -o-transition:-o-transform .2s ease-in;
 transition:transform .2s ease-in;
}
    .navbar li.show_smallmenu .menu_dropdown{
        padding:0;
        -webkit-box-shadow: 0 0 6px 0 rgba(8,8,8,.2);
        box-shadow: 0 0 6px 0 rgba(8,8,8,.2);
        opacity: 0;
        -webkit-transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
        -moz-transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
        -o-transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
        transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
    }
        .navbar li.show_smallmenu:hover .menu_dropdown {
            opacity: 1;
            -webkit-transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
            -moz-transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
            -o-transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
            transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
        }
.navbar li:hover b { border-color:#2f318b transparent transparent; -moz-transform:rotate(180deg); -moz-transform-origin:50% 30%; -webkit-transform:rotate(180deg); -webkit-transform-origin:50% 30%; -o-transform:rotate(180deg); -o-transform-origin:50% 30%; transform:rotate(180deg); transform-origin:50% 30%; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.navbar li a { display:block; padding:0px 20px; line-height:30px; height:30px; color:#fff; font-size:15px; overflow:hidden; }
.header.solid .navbar li a,.header:hover .navbar li a  {color:#444;
}
.navbar li a:hover { color:#2377cf; }
#nav > li > a > span { display: inline-block; height:30px; line-height:30px; position: relative;  -webkit-transition: all ease-out .3s;
 -moz-transition: all ease-out .3s;
 -o-transition: all ease-out .3s;
 transition: all ease-out .3s;
}
#nav > li:hover > a span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); color:#2f318b; }
#nav > li > a span:after { content: attr(data-title); width: 100%; position: absolute; left: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.header-right { float:right; }
.navbar-right li {padding:0;float:left;padding: 32px 0;}
.navbar-right li a { font-size:14px; color:#eee; border-radius:3px; padding:5px 20px; line-height:20px; height:20px; color:#fff; display:block; }
.header.solid .navbar-right li a, .header:hover .navbar-right li a {color:#2f318b;
}
.navbar-right li a.nav_help { margin-right:10px; }
.navbar-right li a:hover { color:#2f318b;  }
/*导航下拉*/
.menu_dropdown {position:absolute;left:0;top: 94px;width: 150px;background-color:#fff;overflow:hidden;padding:15px 0 0;position: absolute;display: none;}

.menu_dropdown li{ padding:10px 0;}
.menu_dropdown li a{ font-size:14px;}
.menu_dropdown li a:hover{ color:#2f318b !important;}
.menu_dropdown_item { margin-bottom:20px; color:#333; padding-left:100px; }
.m_d_i_tit { height:50px; width:120px; line-height:50px; color:#fff; float:left; }
.m_d_i_tit h2 { font-size:16px; color:#000; display:inline-block; padding-left:20px; }
.m_d_i_tit .fa { color:#999; font-size:18px; float:right; margin-top:16px; }
.m_d_i_con { width:920px; float:left; margin-left:20px; }
.m_d_i_con ul li { float:left; margin:0; margin-left:20px; width:255px; padding:10px 15px 15px; }
.m_d_i_con ul li:hover { background-color:#f4f4f4; }
.m_d_i_con ul li a { padding:0; height:auto; }
.m_d_i_con ul li a h3 { color:#333; font-size:14px; display:inline-block; }
.m_d_i_con ul li:hover a h3 { color:#2f318b; }
.m_d_i_con p { color:#787878; font-size:12px; }
/*--------------------footer-------------------------*/
.footer {background: #2f318b;width:100%;padding: 30px 0 30px 0;color:#333; margin-top: 60px;}
.footer_l { }
.footer_weixin { display:block;height: 74px;
    margin-right: 40px;
    margin-top: 18px;}
.footer_l_nav a {float:left;color: #fff;font-size:14px;}
.footer_l_nav a:hover { color:#e62129; }
.footer_l_nav span {float:left;font-size:14px;margin:0 15px;color: #2f318b;}
.footer_l p {color: #fff;line-height:25px;margin-top:10px;font-size:13px;}
.footer_l p a {color: #fff;}
.footer_l p a:hover { color:#e62129; }
.footer_r { }
.footer_r_o { float:left; }
.footer_r_o p { text-align:right }
.footer_r_o p.p1 {color: #fff;font-size:16px;line-height:20px;background-position:-230px -158px;padding-left:20px;display:inline-block;float:right;position: relative;}
.footer_r_o p.p2 {color: #e62129;font-size:34px;line-height:36px;margin:8px 0 12px 0;font-family: Impact;}
.footer_r_o p.p3 {color: #fff;font-size:12px;line-height:12px;}
.footer_r_o p.p3 a { color:#999; }
.footer_r_o p.p3 a:hover { color:#0885ce }

.footer_r .p1 .icon-phone:before{ content: ""; background: url(../images/fo_call.png) no-repeat;position:absolute; width:28px; height:28px; left:-20px; top:-3px; }

/*运单查询*/
  .search{
    width:800px;
    margin:20px auto;
    height:50px;
    border-radius:4px;
    overflow:hidden;
  }
  .search input{
    width:670px;
    height:100%;
    border:0;
    float:left;
    padding-left:10px;
    font-size:16px;
    background-color:#f0f0f0;
    outline:none;
  }
  .search input:nth-child(4){
    width:120px;
    padding:0;
    background-color: #0060ab;
    color:white;
    cursor:pointer;
  }