/* top */
.top{  width:100%; height:40px; background:#efefef; }
.top .top_inner{  width:1200px; height:40px; line-height: 40px; font-size: 14px; margin: 0 auto; }
.top .top_inner .top_left{ display: inline-block; text-align: left;  height:40px; line-height: 40px; float: left; font-size: 0; }
.top .top_inner .top_left a{ display: inline-block; height: 16px; line-height: 1em;  margin: 12px 36px 12px 0;   font-size: 14px; position: relative;  color: #666; }
.top .top_inner a:hover{ color: #D03B35 }
.top .top_inner .top_right{ display: inline-block; text-align: right;  height:40px; line-height: 40px; float: right; color: #666; }
.top .top_inner .top_right i{ font-size: 15px; }

/*header*/
.header{ width:100%; height:auto; border-top:5px solid #900;}
.header{  background:#fff;position:fixed;left:0;right:0;top:0;z-index:100;}
/*.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:120px;  margin:0 auto; position: relative;}
.header .header_inner a.logo{ display:block;float:left; margin:15px; width:700px; height:90px; line-height:100px; background:url(../images/logo.png) no-repeat center; background-size: 100% auto; text-indent:-9999px; position:relative;}

.header .header_inner .search{ width: 220px; height: 34px; padding: 0 20px; border: 1px solid #d6d6d6; background:#fff; position: absolute; right: 10px; top: 43px; }
.header .header_inner .search{ -webkit-border-radius: 18px;  -moz-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px }
.header .header_inner .search input{ display: block; width: 100%; height: 34px; line-height: 34px; font-size: 14px; border: none; outline: none; }
.header .header_inner .search button{ display: block; width: 48px; height: 32px; line-height: 32px;  border: none; outline: none; background:#AC1F17; color: #f0f0f0; cursor: pointer; position: absolute; right: 1px; top: 1px; }
.header .header_inner .search button{-webkit-border-radius: 18px;  -moz-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px }
.header .header_inner .search button i{ display: block; font-size: 18px;  }
.header .header_inner .search button:hover{ background: #D03B35; color: #fff; }

.header a.mm_menu{ display: none; }

/*nav*/
.header .nav{ width: 100%; height: 48px; box-shadow:0 2px 6px rgba(0,0,0,0.4);}
.header .nav .nav_inner{ width: 1200px; height: 48px; margin: 0 auto; position:relative;}
.header .nav{ background:#AC1F17; }
.header .nav li{ display:block; float:left; padding:0 0; margin: 0 11px;  font-size:18px; position:relative;}
.header .nav li > a{ display:block; padding: 16px 20px; height: 16px; line-height: 16px; font-size: 18px; text-align: center; font-weight: 500; overflow: hidden; color: #f0f0f0 }
.header .nav li > a i{ padding:0 0 0 2px; font-size: 12px; color: #fff; }
.header .nav li > a:hover{ background: #D03B35; color: #fff; text-decoration:none;}
.header .nav li > a.hover{ color:#fff;}
.header .nav li > a.on{  background: #D03B35; color: #fff;}
.header .nav li > a.hover i{ color:#fff;}
.header .nav li > a span{ font-size:10px!important; font-family:Arial, Helvetica, sans-serif; color:#666; line-height:1.4em;}
.header .nav li .submenu{ min-width:130px; padding:7px 0; background: #fff;  position:absolute; border:1px solid #f0f0f0; top:48px; left:0px; z-index: 4;  display: none; }
.header .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 .nav li .submenu{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.header .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 .nav li .submenu a{ display: block; white-space: nowrap; padding:12px 16px; height:16px; line-height: 16px; font-size: 14px;  }
.header .nav li .submenu a:hover{ background: rgba(208, 59, 53, .1); color:#AC1F17; }
.ico_png{ position:absolute; top:8px; right:125px; z-index:9;}



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

.top .top_inner{  width:1024px; }

.header .header_inner{ width: 1024px; }

.header .nav .nav_inner{ width: 1024px; }
.header .nav li{ margin: 0 0 0 0 ; }
.header .nav li > a{ padding: 16px ;}
.header .nav li .submenu{ left: 0; }

}

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

.top .top_inner{  width:768px; }
.header .header_inner{ width: 768px; }
.header .header_inner a.logo{  margin:27px 0; width:480px; height:46px; line-height:46px;  }
.header .header_inner .search{ width: 180px; }
/*.header .header_inner a.logo{ width: 265px; height: 36px; margin: 18px 0; }*/
.header .nav .nav_inner{ width: 768px; }
.header .nav li{ margin: 0 6px 0 0 ; }
.header .nav li > a{  padding: 16px 11px ; font-size:14px;}
.header .nav li .submenu{ left: -4px; }

}

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

.top .top_inner{  width:auto; padding:0 14px; font-size: 12px; }
.top .top_inner .top_left a{ margin: 14px 12px 14px 0; font-size: 12px;}
/*header*/
.header{ width:100%; height:94px; position: relative; }
.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:272px; height:32px; line-height:32px; background:url(../images/logo.png) no-repeat center; background-size: 100% auto; text-indent:-9999px; position:relative;}

.header .header_inner .search{ display: block; width: calc(100% - 68px); left: 14px; top: 54px; height: 28px; line-height: 28px; border-color: #e9e9e9; }
.header .header_inner .search input{ height: 28px; line-height: 28px; }
.header .header_inner .search button{ height: 26px; line-height: 26px; }

.header a.mm_menu{ display: block; width: 54px; height: 54px; position: absolute; right: 8px; top: 0; color: #f0f0f0;}
.header a.mm_menu i.iconfont{ display: block; width: 54px; height: 54px; line-height: 54px; text-align: center; font-size: 28px; color: #242424}
.header a.mm_menu:hover, .header .header_inner a.mm_menu:hover i{ color:#fff;}


/*nav*/
.header .nav{ display:block; height: auto; float: none; margin: 0;  width:100%;  position:relative; position: absolute; top:54px; left: 0; z-index: 9; background:#fff; display: none; }
.header .nav .nav_inner{height: auto; }
.header .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 .nav li{ display:block; float: none; margin: 0;  font-size:16px; border-bottom:1px solid #f0f0f0; position:relative;}
.header .nav li > a{ display:block;  height:16px; line-height: 16px; text-align:left; background:#fff; color: #242424; }
.header .nav li > a{ -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.header .nav li > a i{ padding:0 0 0 2px; font-size: 14px; color: #666; }
.header .nav li > a:hover{ background:#fbdedd; color:#AC1F17; text-decoration:none;}
.header .nav li > a.on{  background: none; color: #AC1F17;}
.header .nav li > a.hover{ color:#AC1F17;}
.header .nav li > a.hover i{ color:#AC1F17;}
.header .nav li > a span{ font-size:10px!important; font-family:Arial, Helvetica, sans-serif; color:#666; line-height:1.4em;}
.header .nav li .submenu{ border-radius: none; box-shadow: none; left: auto; top: auto; }
.header .nav li .submenu{ width:100%; padding:7px 0; background: #fff; border-top:1px solid #e6e6e6; position: relative;  display: none; }
.header .nav li .submenu{ -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.header .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 .nav li .submenu a{ display: block; padding:12px 20px; height:24px; line-height: 24px; color: #666; font-size: 16px;  }
.header .nav li .submenu a:hover{  color:#AC1F17; }
.ico_png{ position:absolute; top:8px; right:125px; z-index:9;}

}