/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; 
   -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; 
}/**/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
b,strong {
  font-weight: bold;
}

img {
  border: 0;
}
body {
  position: relative;/**/
  overflow-x: hidden;
  width: 100%; margin:0;
}

/**/ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul li {
  margin: 0;
}
 @media screen and (max-width:1024px)
 {
.pull-left {float:left;}
}
 @media screen and (min-width:1025px)
 {
.pull-left {
 width:480px;display:block; position:absolute; left:50%;margin-left:-240px;}
}

.pull-right {
  float: right;
}

.dropdown .caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid gray;
  content: "";
}
.dropdown:hover{ background:#025095;}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.container {
  font-family: 'Lato', Sans-serif;
  width: 95%; height:58px;
  margin: 0 auto;
}
.container.navbar {
  width: 100%;
}
.container:before, .container:after {
  content: "";
  display: table;
  clear: both;
}

.layout-right-content {
  /*color: #ffdede;
  color: #005bac;*/
}
 @media screen and (min-width:1025px)
 { }
.the-header{ height:3px; width:100%; background:#fd8f00; /**/position:relative; z-index:8888888;}

/* cbFlyNav Req Styles */
.layout-left-flyout {
  height: 100%;
  position: fixed;
  visibility: hidden;
  z-index: 0;
  -moz-transition: visibility 0 linear 0.2s;
  -o-transition: visibility 0 linear 0.2s;
  -webkit-transition: visibility 0 linear;
  -webkit-transition-delay: 0.2s;
  transition: visibility 0 linear 0.2s;
  background: #383838;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-perspective: 1000;
  -webkit-perspective: 1000;
  perspective: 1000;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.layout-left-flyout.isCbFlyNavActive {
  visibility: visible;
  z-index: 1;
  -moz-transition: z-index 0 linear 0.2s;
  -o-transition: z-index 0 linear 0.2s;
  -webkit-transition: z-index 0 linear;
  -webkit-transition-delay: 0.2s;
  transition: z-index 0 linear 0.2s;
}

.cbFlyNav-wrap {
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
  width: 270px;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-perspective: 1000;
  -webkit-perspective: 1000;
  perspective: 1000;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.cbFlyNav-wrap > nav {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -moz-transition: -moz-transform 0 ease-in-out;
  -o-transition: -o-transform 0 ease-in-out;
  -webkit-transition: -webkit-transform 0 ease-in-out;
  transition: transform 0 ease-in-out;
  /*    height: 100%;
      overflow-y: auto;
      overflow-x: hidden;*/
}

.nav-collapse {
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.layout-right-content {
  -moz-transition: -moz-transform 0.2s ease-in-out;
  -o-transition: -o-transform 0.2s ease-in-out;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-perspective: 1000;
  -webkit-perspective: 1000;
  perspective: 1000;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  /* NOTE! Put container bg here so you don't
     get any clipping when the content is 
     transitioning. Any tips on alternate 
     solutions are welcome.
  */
  background: #fff;
}

.layout-right-content.isCbFlyNavActive {
  -moz-transform: translate3d(270px, 0, 0);
  -webkit-transform: translate3d(270px, 0, 0);
  transform: translate3d(270px, 0, 0);
  min-width: 320px;
}

.icon-cbmore {
  content: "";
  float: right;
  margin-top: 4.5px;
  padding: 4.5px;
  box-shadow: 1px -1px 0 0px #FFF inset;
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.nav-flyout-navmask, .nav-flyout-contentmask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.nav-flyout-contentmask {
  z-index: 1;
}

.nav-flyout-navmask {
  right: 180px;
  z-index: 1;
}

/* Menu Toggle */
/*.btn-navbar {
  position: absolute;
  width: 100%;
  height:58px;
  padding: 4px 0;
  display: block;
  z-index: 1;
}

.btn-navbar-navtoggle {
  left: 10px;
}*/

/*.btn-navbar .icon-bar {
  display: block;
  width: 28px;
  height: 4px;
  background-color: #ffffff;
  margin: 16px auto 0 auto;
}*/
.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}

@media screen and (min-width: 1025px) {
  .btn-navbar {
    display: none;
  }
}
/* Navbar Styles */
.navbar {
  height: 58px;
  margin: 0;
  position: relative;
  background: #005bac;
  width: 100%;
  font-family:Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 1024px) {
  .navbar .nav-collapse {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .navbar {
    height: auto;
    position: relative;
    background: #005bac;
    margin-bottom: 10px;
    width: 100%;
    padding: 0 10px;
  }
}
/* Mobile First Nav */
.the-nav ul.nav-flyout {
  display: block;
  margin-bottom: 15px;
  float: none;
  height: 100%;
}
.the-nav ul.nav-flyout > li {
  float: none;
  display: block;
  width: 270px;
}
.the-nav ul.nav-flyout li a {
  color: #FFF;
  display: block;
  text-decoration: none;
  padding: 11px 15px;
  margin-right: 0;
}
.the-nav ul.nav-flyout li a:hover {
  background: #005bac;
}
.the-nav ul.nav-flyout .dropdown {
  position: static;
}
.the-nav ul.nav-flyout .dropdown .subnav {
  float: none;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: auto;
  width: 0;
  min-width: 0;
  margin: 0;
  list-style: none;
  z-index: 1000;
  background: #595959;
  transition: width .2s ease-in-out;
}
.the-nav ul.nav-flyout .dropdown .subnav > li {
  width: 180px; padding:0px!important;
}
.subnav li a{ display:block; width:100%;}
.the-nav ul.nav-flyout .dropdown .subnav.is-subnav-visible {
  width: 180px;
}
.the-nav.is-inactive ul.nav-flyout > li > a {
  opacity: .2;
 
}
.the-nav.is-inactive ul.nav-flyout > li.is-active > a {
  opacity: 1;
  background: #005bac;
}

/* Large Screen Styles*/
@media screen and (min-width: 1025px) {
  .container {
    width: 100%;
	height:58px;
    margin: 0 auto;
  }

  .the-nav {
    display: block;
  }

  .the-nav .nav {
    display: block;
  }

  .the-nav .nav-pill:after {
    content: "";
    display: table;
    clear: both;
  }

  .the-nav > .nav {
    /*margin: 0;*/
    line-height: normal;
  }

  .the-nav > .nav > li {
    display: inline-block;
    margin-bottom: 0;
    position: relative;
  }

  .the-nav > .nav > li .caret {
    margin-top:29px;
    margin-left: 4px;
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
  }

  .the-nav > .nav > li a {
	  height:58px; 
    display: block;
   /* padding: 20px 10px 10px;*/
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
  }

  .the-nav > .nav > li:nth-of-type(1) > a {
    padding-left: 0;
  }

  .the-nav > .nav > li:last-of-type > a {
    padding-right: 0;
  }

  /* Active State */
  .the-nav > .nav > li:hover > a {
    color: #ffffff;
  }

  .the-nav > .nav > li:hover .subnav {
    display: block;
  }

  .the-nav > .nav > li:hover .caret {
    border-top-color: #c7e0fa;
    border-bottom-color: #c7e0fa;
  }

  /* Subnav */
  .nav > li > .subnav {
    display: none;
    position:absolute;
    top: 100%;
    left:0;
    margin: 0;
    padding: 0;
	width:100%;
   /**/min-width: 1440px;
    background:#FFF;
	border-bottom:2px #005bac solid;
	z-index:100000;

  }

  .nav > li > .subnav > li {
	 display:block; 
	 float:left;
	 margin-bottom: 0;
  }

  .nav > li > .subnav > li a {
    color: #A7A7A7;
    -moz-transition: all, 0.2s;
    -o-transition: all, 0.2s;
    -webkit-transition: all, 0.2s;
    transition: all, 0.2s;
  }

  .nav > li > .subnav > li:hover a {
    /*background: #005bac;
    color: white;*/
	color:#005bac;
  }
}
/* General Mobile First Styles */
.hidden-sm {
  display: none;
}

@media screen and (min-width: 1025px) {
  .visible-sm {
    display: none;
  }

  .hidden-sm {
    display: block;
  }
}


@media screen and (min-width:1025px)
 {
.logo_box{ width:320px; height:58px; position:absolute; left:0;  margin-right:15px;}
.logo_box img{ display:block;width:100%; height:auto;}
 }
 @media (min-width: 481px) and (max-width: 1024px)
 {
.logo_box{ width:320px; height:58px; display:block; position:absolute; left:50%; margin-left:-160px;}
.logo_box img{ display:block;width:100%; height:auto;}
 }
 
 @media (min-width: 376px) and (max-width: 480px)
 {
.logo_box{ width:70%; height:58px; display:block; position:absolute; left:50%; margin-left:-35%;}
.logo_box img{ display:block;width:100%; max-width:320px; height:auto; margin:0 auto;}
 }
  @media (min-width: 320px) and (max-width: 375px)
 {
.logo_box{ width:70%; height:58px; display:block; position:absolute; left:50%; margin-left:-35%; }
.logo_box img{ display:block;width:100%; height:auto; position:absolute; top:10%;}
 }
 
 
 /*---搜索框--*/
@media screen and (min-width:1025px)
 {
.logo_box{ width:320px; height:58px;  margin-right:15px;}
.mobie_home{ display:none;}
.navbar .logo_box,.navbar ul{display:block; float:left;}
.navbar .pull-left{ width:480px;display:block; position:absolute; left:50%; margin-left:-240px;}
.navbar .pull-left li{float:left;width:auto;height:58px;line-height:58px;text-align:center;  padding-left:17px;padding-right:17px; }
.navbar .pull-left li a{color:#FFF;font-family:"微软雅黑";/**/ font-size:14px;width:auto;height:58px; display:block; text-align:center; margin:0 auto;}
#mobie_search{ display:none;}
 }
 @media (min-width: 481px) and (max-width: 1024px)
 {
.logo_box{ width:320px; height:58px; display:block; position:absolute; left:50%; margin-left:-160px;}
.mobie_home{ width:58px; height:58px;float:left;}
#mobie_search{ width:58px; height:58px;float:right;}
.mobie_home img,#mobie_search img{ width:100%; height:auto;}
 }
 
 @media (min-width: 376px) and (max-width: 480px)
 {
.logo_box{ width:70%; height:58px; display:block; position:absolute; left:50%; margin-left:-35%;}
.logo_box img{ display:block;width:100%; max-width:320px; height:auto; margin:0 auto;}
.mobie_home{ width:15%; height:58px; float:left;}
#mobie_search{ width:15%; height:58px;float:right;}
.mobie_home img,#mobie_search img{ width:80%; height:auto; display:block; margin:0 auto; margin-top:10%;}

 }
  @media (min-width: 320px) and (max-width: 375px)
 {
.logo_box{ width:70%; height:58px; display:block; position:absolute; left:50%; margin-left:-35%; }
.logo_box img{ display:block;width:100%; height:auto; position:absolute; top:10%;}
.mobie_home{ width:15%; height:58px;float:left;}
#mobie_search{ width:15%; height:58px;float:right;}
.mobie_home img,#mobie_search img{ width:80%; height:auto; display:block; margin:0 auto; margin-top:15%;}
 }
 
.open{background:url(../image/s_bg.png) no-repeat; background-size:20px 10px; background-position: center bottom;}
.close{ background:#005bac;}
.logo_box img{ display:block;width:100%; height:auto;}
 
 
 
 /*-------------*/
 @media screen and (min-width:1025px)
 {

.navbar .search{ width:290px; height:22px; float:right; border-radius:13px; border:2px solid #FFF; margin-top:18px; margin-right:3%; overflow:hidden;}
.navbar .search .select{ width:64px;height:22px; float:left; border-right:2px #FFF solid;}
.navbar .search .select select{ width:52px;height:20px; margin-bottom:1px; line-height:22px; background-color:transparent; text-align:center; color:#FFF; outline:none; margin-left:12px;border:none;}
.navbar .search .select select option{ background:#005bac; text-indent:10px; text-align:center; border:none; outline:none;}
.navbar .search .select select option:hover{ background-color:transparent; background:#069;}
.navbar .search input{ border:0; width:175px; text-indent:5px; background-color:transparent; color:#fff; height:20px; margin-top:1px; line-height:20px; outline:none;}
.navbar .search button{ width:22px; height:22px; display:block; float:right; background-image:none; border:0; outline:none; background-color:transparent; margin-right:4px;}
.navbar .search button:hover{ cursor:pointer;}
.navbar .search button img{ margin-top:2px; margin-right:2px;}
.s_pic2{ display:none;}
 }
  @media screen and (max-width:1024px)
 {
.navbar .search{ width:100%; height:50px; position:absolute; top:58px; background:#065296;overflow:hidden; display:none; z-index:10000;}
.navbar .search .select{ display:block; position:absolute; left:5%; z-index:100000; border-right:1px solid #999; height:24px; margin-top:13px; background-color:transparent;}
.navbar .search .select select{ width:65px;height:24px; margin-bottom:1px; line-height:24px; text-align:center; color:#666; outline:none; padding-left:12px;z-index:100000; background-color:transparent; font-size:14px;}
.navbar .search .select select option{/* background:#005bac; */text-indent:10px; text-align:center; border:none; outline:none; height:30px; line-height:30px;}
.navbar .search .select select option:hover{ background-color:transparent; background:#069;}
.navbar .search input{ display:block; border:0; width:76%; height:30px; position:absolute; /*left:50%;*/right:20%;text-indent:80px; background-color:#FFF; color:#333;line-height:30px; margin-top:10px; outline:none;border-radius:15px;z-index:10010; font-size:14px;}
.navbar .search button{ width:15%; height:30px; display:block; border-radius:15px; position:absolute; left:81%; background:#fff; border:0; outline:none; margin-top:10px;}
.navbar .search button:hover{ cursor:pointer;}
.s_pic2{ height:60%; width:auto; display:block; margin:0 auto; }
.s_pic1{ display:none;}
 }
.navbar_cur{ background:#025095; background-image:url(../image/nav_cur.png); background-repeat:no-repeat; background-position:50% 100%;}
.navigation-down{position:absolute;top:58px;left:0px;width:100%; height:44px;}
.navigation-down .nav-down-menu{width:100%; height:44px;margin:0;background:#fff;position:absolute;top:0px; border-bottom:3px #e4e3e3 solid;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;/*width:1100px;*/width:50%; margin:0 auto;position:relative;}
.navigation-down .nav-down-menu dl{float:left; line-height:44px; margin-right:25px;}
.navigation-down .nav-down-menu dd a{color:#424242;font:normal 14px/30px "microsoft yahei"; line-height:44px; display:block; height:42px; padding:0px 10px;}
.navigation-down .nav-down-menu dd a:hover{color:#353535; border-bottom:2px #005bac solid;}