@charset "utf-8";
/* CSS Document */

/******************************Í·²¿******************************/
.header{ width:100%; min-width:980px; height:auto; background:#fff; }
.header .heaer-content{ width:100%; min-width:980px; height:auto; overflow:hidden; background:#1662af; }
.header .heaer-content .header-top{ width:980px; height:35px; line-height:35px; margin:0 auto; font-size:16px; color:#fff; }
.header .header-top p{ padding:0 20px; font-size:16px; color:#fff; }
.header .header-bottom{ width:980px; height:100px; margin:0 auto; position: relative;}
.header .header-bottom .logo{ display:block; width:370px; height:98px;padding-left:20px; }

.header .menu{ width:978px; height:40px; margin:0 auto; background:#fafafa; border:1px solid #ececec; box-shadow: 2px 10px 30px rgba(219,219,219,1), -2px 30px 30px rgba(219,219,219,1);
    -webkit-box-shadow: 2px 10px 30px rgba(219,219,219,1), -2px 30px 30px rgba(219,219,219,1); }
.header .menu>ul{ width:100%; line-height:40px; margin:0 auto; }
.header .menu>ul>li{ width:115px;height:40px; float:left; text-align:center; background:url(/statics/images/nav-bg.png) right center no-repeat; }
.header .menu>ul>li>a{ display:block; font-size:14px; color:#666; text-decoration:none; }
.header .menu>ul>li>a>span{ display:inline-block; font-size:14px; margin-left:5px; }
.header .menu>ul>li:last-child{ margin-right:0; background:none; }
.header .menu>ul>li>a.change{font-weight:bold;}
.header .menu>ul>li>a.change span{height:30px;width:80%;background:#1662af;color:#FFF;display:block;margin:0 auto;line-height:30px;margin-top:5px;}
.header .menu>ul>li.subnav{ position:relative; }
.header .menu>ul>li.subnav>ul{ width:230px; height:auto; position:absolute; top:41px; left:0; z-index:10; display:none;}
.header .menu>ul>li.subnav>ul>li{ border:1px solid #ececec;height:40px; line-height:40px;display:block; background:#fdfdfd; }
.header .menu>ul>li.subnav>ul>li>a{ display:block; font-size:14px; color:#666;  text-decoration:none; }
.header .menu>ul>li.subnav>ul>li>a>span{ display:inline-block; font-size:14px; margin-left:5px; }
.header .menu>ul>li.subnav>ul>li>a:hover{ background:#fafafa; }

.header .menu>ul>li.subnav>ul>li.sub-subnav{ position:relative; }
.header .menu>ul>li.subnav>ul>li.sub-subnav>ul{ width:135px; height:auto; position:absolute; top:-1px; left:229px; z-index:15; display:none; }
.header .menu>ul>li.subnav>ul>li.sub-subnav>ul>li{ border:1px solid #ececec; line-height:40px;background:#fdfdfd; }
.header .menu>ul>li.subnav>ul>li.sub-subnav>ul>li>a{ display:block; font-size:14px; color:#666;  text-decoration:none; }
.header .menu>ul>li.subnav>ul>li.sub-subnav>ul>li>a:hover{ background:#fafafa; }

.fixed{position:fixed;top:0;z-index:9999;} 
.fixed .header-bottom{display:none;}
.fixed .menu{width:100%;height:60px;border:none;box-shadow:none;-webkit-box-shadow:none;}
.fixed .menu ul{width:980px;line-height:60px;}
.fixed .menu>ul>li{height:60px;}
.fixed .menu>ul>li.subnav>ul{top:61px;}
.fixed .menu>ul>li>a.change span{margin-top:15px;}

/******************************Î²²¿******************************/
.footer{ width:100%; min-width:980px; margin:0 auto; height:auto; background:#dededd; overflow:hidden; padding:50px 0 60px; }
.footer .footer-content{ width:880px; margin:0 auto; height:auto; }
.footer .footer-box1{ width:144px; height:auto; float:left; }
.footer .footer-box1>h3{ font-size:16px; color:#1662af;font-weight:normal;}
.footer .footer-box1>h3>a{ font-size:16px; color:#1662af; text-decoration:none; }
/*.footer .footer-box1>h3>a:hover{ color:#0046ba; }*/
.footer .footer-box1 li a{ font-size:14px; color:#1662af; line-height:30px; }
.footer .footer-box1 li.big>a{ font-size:14px; color:#1662af; line-height:30px; font-weight: 600;}
.footer .footer-box1 li a:hover{ color:#0046ba; }
.footer .footer-box1 span{ display:block; font-size:14px; color:#1662af; line-height:30px; }
.footer .footer-box1 .ewm{width:240px;height:110px;margin:10px 0 0;}
.footer .footer-box1 .ewm a{display:inline-block; width:110px; height:110px; margin-right:10px; }
.footer .footer-box1 .ewm img{ display:block; width:100%; height:auto; }
.footer .copyright{ min-width:880px; margin:0 auto; padding:40px 0 0; text-align:center; font-size:14px; color:#666;line-height:30px;}
.footer .copyright img{vertical-align:middle;}
.header-bottom ul.nav {
  height: 100%;
  float:right;
}
.header-bottom ul.nav > li {
  position: relative;
  float: left;
  width: 100px;
  height: 100%;
  text-align: center;
  border-left: 1px solid #d5d3d3;
  border-right: 1px solid #d5d3d3;
  margin-left: -1px;
  -webkit-transition: width 0.5s, background-color 0.5s, border 0.5s;
  -moz-transition: width 0.5s, background-color 0.5s, border 0.5s;
  -ms-transition: width 0.5s, background-color 0.5s, border 0.5s;
  -o-transition: width 0.5s, background-color 0.5s, border 0.5s;
  transition: width 0.5s, background-color 0.5s, border 0.5s;
}
.header-bottom ul.nav > li.search input {
  line-height: 70px;
}
.header-bottom ul.nav > li > p {
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  font-family: 'Î¢ÈíÑÅºÚ', Arial;
  color: #1662af;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -ms-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
}
.header-bottom ul.nav > li .icon {
  margin: 0 auto;
}

.header-bottom ul.nav > li .icon.search {
  background-image: url('/statics/images/top.png');
  background-position: 6px -8px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
}

.header-bottom ul.nav > li .icon.city {
  background-image: url('/statics/images/top.png');
  background-position: 4px -76px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
}

.header-bottom ul.nav > li .icon.call {
  background-image: url('/statics/images/top.png');
  background-position: 6px -150px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
}

.header-bottom ul.nav > li .icon.follow {
  background-image: url('/statics/images/top.png');
  background-position: 4px -230px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
}


.header-bottom ul.nav > li .icon.arrive {
  background-image: url('/statics/images/top.png');
  background-position: 2px -445px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
}

.header-bottom ul.nav > li .arrow {
  background-image: url('/statics/images/top.png');
  background-position: -2px -303px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 8px;
  margin: 0 auto;
}

.header-bottom ul.nav > li:hover {
  background-color: #1662af;
  border-color: #1662af;
}
.header-bottom ul.nav > li:hover > p {
  color: #a9a8a8;
}

.header-bottom ul.nav > li:hover .arrow {
  background-image: url('/statics/images/top.png');
  background-position: -2px -321px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 8px;
}

.header-bottom ul.nav > li:hover > ul {
  display: block;
  z-index:99;
}
.header-bottom ul.nav > li:hover .icon.search {
  background-image: url('/statics/images/top.png');
  background-position: 6px -37px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
}

.header-bottom ul.nav > li:hover .icon.city {
  background-image: url('/statics/images/top.png');
  background-position: 4px -108px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
}

.header-bottom ul.nav > li:hover .icon.call {
  background-image: url('/statics/images/top.png');
  background-position: 6px -184px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
}

.header-bottom ul.nav > li:hover .icon.follow {
  background-image: url('/statics/images/top.png');
  background-position: 4px -262px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
}

.header-bottom ul.nav > li:hover .icon.arrive {
  background-image: url('/statics/images/top.png');
  background-position: 2px -485px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
}

.header-bottom ul.nav > li ul {
  display: none;
  position: absolute;
  width: 210px;
  top: 107px;
  left: 50%;
  margin-left: -130px;
  z-index: 99;
  padding: 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #f1f1f1;
  filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95; 
}
.header-bottom ul.nav > li ul .arrow_up {
  background-image: url("../images/top.png");
  filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95;
  background-position: 118px -380px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 230px;
  height: 7px;
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: -115px;
}
.header-bottom ul.nav > li ul li p,
.header-bottom ul.nav > li ul li a {
  padding: 10px;
  color: #0164a7;
  font-size: 14px;
  text-align: left;
}


.header-bottom ul.nav > li ul li:hover a {
  padding: 10px;
  color: #fff;
  font-size: 14px;
  text-align: left;
}
.header-bottom ul.nav > li ul li a {
  text-decoration: none;
  display: block;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.header-bottom ul.nav > li ul li a:hover {
  background-color: #0164a7;
}
.header-bottom ul.nav > li ul li p {
  border-bottom: 1px solid #0164a7;
}

.dropdown:hover .dropdown-menu > .parent .dropdown-menu {
  position: relative;
  width: 100%;
  box-shadow: none;
  padding: 0;
}

.dropdown:hover .dropdown-menu > .parent {
  width: 33.3%;
  float: left;
}

.dropdown:hover .dropdown-menu > .parent.title > a {
  cursor: default;
  color: #024f7f;
}

.dropdown:hover .dropdown-menu > .parent.title > a:hover,
.dropdown:hover .dropdown-menu > .parent.title > a:active,
.dropdown:hover .dropdown-menu > .parent.title > a:focus {
  background-color: #448FD2;
  opacity: 1;
}

.dropdown:hover .dropdown-menu > .parent .dropdown-menu li a {
  width: 100%;
  white-space: normal;
}

.navbar-nav,
.navbar-nav>li {
  float: none;
  display: inline-block;
}

.navbar-nav>li>a {
  padding: 20px 30px;
}

.navbar-nav-submenu.navbar-nav,
.navbar-nav-submenu.navbar-nav>li>a {
  padding: 0;
}

.navbar-nav-submenu.navbar-nav .sub-menu li.title {
  color: #fff;
}

.navbar-nav-submenu.navbar-nav>li>a,
.navbar-nav-submenu.navbar-nav>li>a:hover,
.navbar-nav-submenu.navbar-nav>li>a:active,
.navbar-nav-submenu.navbar-nav>li>a:focus {
	text-decoration:none;
  background-color: transparent;
  opacity: 1;
}

.navbar-nav-submenu.navbar-nav>li:hover .search-box-title,
.navbar-nav-submenu.navbar-nav>li:hover a span,
.navbar-nav-submenu.navbar-nav>li:hover .sub-menu span {
  color: #fff;
}

.navbar-nav-submenu .dropdown>a>span {
  display: block;
}

.navbar-nav-submenu.navbar-nav>li>a span {
  font-family:"Î¢ÈíÑÅºÚ";
  font-size: 14px;
  line-height: 30px;
  padding: 15px 10px 5px;
  transition: color 0.5s;
  color:#0164a7;
}

.sub-menu li.title.title-barcode {
    display: block;
    margin: 0 0 10px 0;
    text-align:center;
}
.sub-menu li.title.title-barcode a{
    display: block;
    text-align:center;
}
.sub-menu li.title.title-barcode a:hover{
    background: none;
    text-align:center;
}
.sub-menu li.title.title-barcode a img{
	width:93px;
}
