/*header*/
.header{ width:100%; height:72px; }
.header{ box-shadow: 0 0 4px rgba(208, 208, 208, .7); }
.hfixed{position:fixed; left:0; top:0; z-index: 4; background:#fff; border-bottom:1px solid #d6d6d6; -webkit-box-shadow: 0 2px 5px  rgba(214,214,214,.5); -moz-box-shadow: 0 2px 5px rgba(214,214,214,.5); -o-box-shadow: 0 2px 5px  rgba(214,214,214,.5); box-shadow: 0 2px 5px  rgba(214,214,214,.5); }
.header .header_inner{ width:1200px; height:72px; margin:0 auto;}
.header .header_inner a.logo{ display:block;float:left; margin:17px 0; width:280px; height:38px; line-height:38px; background:url(../images/logo.png) no-repeat center; background-size: 100% auto; text-indent:-9999px; position:relative;}
.header .header_inner a.mm_menu{ display: none; }

/*nav*/
.header .header_inner .nav{ display:inline-block; float:right;  margin: 18px 0; position:relative;}
.header .header_inner .nav li{ display:block; float:left; padding:0 0; margin: 0 0 0 16px;  font-size:16px; position:relative;}
.header .header_inner .nav li > a{ display:block; padding: 10px 20px; height: 16px; line-height: 16px; font-size: 16px; text-align: center; font-weight: 500; overflow: hidden; border-radius: 18px; -webkit-border-radius: 18px; -o-border-radius: 18px; -moz-border-radius: 18px; }
.header .header_inner .nav li > a i{ padding:0 0 0 2px; font-size: 14px; color: #666; }
.header .header_inner .nav li > a:hover{ color:#2f4eff; text-decoration:none;}
.header .header_inner .nav li > a.hover{ color:#2f4eff;}
.header .header_inner .nav li > a.on{  background: #2f4eff; color: #fff;}
.header .header_inner .nav li > a.hover i{ color:#2f4eff;}
.header .header_inner .nav li > a span{ font-size:10px!important; font-family:Arial, Helvetica, sans-serif; color:#666; line-height:1.4em;}
.header .header_inner .nav li .submenu{ min-width:120px; padding:7px 0; background: #fff;  position:absolute; border:1px solid #f0f0f0; top:36px; left:4px; z-index: 4;  display: none; }
.header .header_inner .nav li .submenu{ -webkit-box-shadow: 0 0 6px rgba(208, 208, 208, .4); -moz-box-shadow:  0 0 6px rgba(208, 208, 208, .4); -o-box-shadow:  0 0 6px rgba(208, 208, 208, .4); box-shadow:  0 0 6px rgba(208, 208, 208, .4); }
.header .header_inner .nav li .submenu{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.header .header_inner .nav li .submenu:before{content: '';  position: absolute; width: 10px; height: 10px; top: -6px;  margin-left:26px; background: #fff; z-index: 3; border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg);  /* IE 9 */
  -moz-transform:rotate(45deg);   /* Firefox */
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  -o-transform:rotate(45deg);   /* Opera */
}
.header .header_inner .nav li .submenu a{ display: block; white-space: nowrap; padding:12px 16px; height:16px; line-height: 16px; font-size: 14px;  }
.header .header_inner .nav li .submenu a:hover{ background: rgba(51, 85, 255, .08); color:#2f4eff; }
.ico_png{ position:absolute; top:8px; right:125px; z-index:9;}



@media screen and (min-width:1024px) and (max-width:1200px){

.header .header_inner{ width: 1024px; }
.header .header_inner .nav li{ margin: 0 0 0 8px; }
.header .header_inner .nav li > a{ padding: 10px 14px;}
.header .header_inner .nav li .submenu{ left: 0; }

}

@media screen and (min-width:769px) and (max-width:1024px){

.header .header_inner{ width: 768px; }
.header .header_inner .nav{ margin:22px 0; }
.header .header_inner a.logo{ width:202px;  height: 28px; margin-top: 20px; }
.header .header_inner .nav li{ margin: 0 0 0 8px ; }
.header .header_inner .nav li > a{ padding: 6px 8px; font-size:14px;}
.header .header_inner .nav li .submenu{ top: 28px; left: -10px; }
.header .header_inner .nav li .submenu:before{width: 6px; height: 6px; top: -4px;}

}

@media screen and (max-width:768px){

/*header*/
.header{ width:100%; height:54px; }
.header{ box-shadow: 0 0 4px rgba(208, 208, 208, .7); }
.hfixed{position:fixed; left:0; top:0; z-index: 4; background:#fff; border-bottom:1px solid #d6d6d6; -webkit-box-shadow: 0 2px 5px  rgba(214,214,214,.5); -moz-box-shadow: 0 2px 5px rgba(214,214,214,.5); -o-box-shadow: 0 2px 5px  rgba(214,214,214,.5); box-shadow: 0 2px 5px  rgba(214,214,214,.5); }
.header .header_inner{ width:100%; height:54px; margin:0 auto;}
.header .header_inner a.logo{ display:block;float:left; margin:11px 0 11px 12px; width:240px; height:32px; line-height:32px; background:url(../images/logo.png) no-repeat center; background-size: auto 32px; text-indent:-9999px; position:relative;}
.header .header_inner a.mm_menu{ display: block; width: 54px; height: 54px; float: right; margin: 0 8px 0 0;}
.header .header_inner a.mm_menu i.iconfont{ display: block; width: 54px; height: 54px; line-height: 54px; text-align: center; font-size: 28px; color: #424242}
.header .header_inner a.mm_menu:hover, .header .header_inner a.mm_menu:hover i{ color:#2f4eff;}

/*nav*/
.header .header_inner .nav{ display:block; float: none; margin: 0;  width:100%; position:relative; position: absolute; top:54px; left: 0; z-index: 9; background:#fff; display: none; }
.header .header_inner .nav{ -webkit-box-shadow: 0 2px 6px #d6d6d6; -moz-box-shadow: 0 2px 6px #d6d6d6; -o-box-shadow: 0 2px 6px #d6d6d6; box-shadow: 0 2px 6px #d6d6d6; }
.header .header_inner .nav li{ display:block; float: none; margin: 0;  font-size:16px; border-bottom:1px solid #f0f0f0; position:relative;}
.header .header_inner .nav li > a{ display:block; padding:18px 12px; height:16px; line-height: 16px; text-align:left;}
.header .header_inner .nav li > a i{ padding:0 0 0 2px; font-size: 14px; color: #666; }
.header .header_inner .nav li > a:hover{ color:#2f4eff; text-decoration:none;}
.header .header_inner .nav li > a.on{  background: none; color: #2f4eff;}
.header .header_inner .nav li > a.hover{ color:#2f4eff;}
.header .header_inner .nav li > a.hover i{ color:#2f4eff;}
.header .header_inner .nav li > a span{ font-size:10px!important; font-family:Arial, Helvetica, sans-serif; color:#666; line-height:1.4em;}
.header .header_inner .nav li .submenu{ border-radius: none; box-shadow: none; left: auto; top: auto; }
.header .header_inner .nav li .submenu{ width:100%; padding:7px 0; background: #fff; border-top:1px solid #e6e6e6; position: relative;  display: none; }
.header .header_inner .nav li .submenu:before{content: '';  position: absolute; width: 12px; height: 12px; top: -7px;  margin-left:20px; background: #fff; z-index: 3; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg);  /* IE 9 */
  -moz-transform:rotate(45deg);   /* Firefox */
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  -o-transform:rotate(45deg);   /* Opera */
}
.header .header_inner .nav li .submenu a{ display: block; padding:12px 14px; height:24px; line-height: 24px; color: #666; font-size: 16px;  }
.header .header_inner .nav li .submenu a:hover{ background: rgba(51, 85, 255, .08); color:#2f4eff; }
.ico_png{ position:absolute; top:8px; right:125px; z-index:9;}

}