/@font-face{font-family:"Ionicons";src:url("../fonts/ionicons.eot?v=2.0.1");src:url("../fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("../fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("../fonts/ionicons.woff?v=2.0.1") format("woff"),url("../fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal}
.menu-container {
    width: 80%;
    margin: 0 auto;
    background: #e9e9e9;
}
.header{ background-color:#fff;}
.menu-mobile {
    display: none;
    padding:9px 0;
}
@media only screen and (min-width:768px) {
.menu{ float:right;background: #fff;}
}
.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding:20px 10px 0;
    float: right;
    position: relative;
    top: 50%;
	color:#444;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}
.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    padding:0;
    margin: 0;
}
.menu > ul > li:last-child{ background:none;}
.menu > ul > li a {
    text-decoration: none;
    padding: 30px 33px 30px;
	line-height:50px;
    display: inline-block;
	color:#333;
	font-size:18px;
	font-weight:normal;
}

 .menu > ul > li > ul {
	border-top:1px solid #eee;
    display: none;
    width: 100%;
    background:#fff;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}
.menu > ul > li > ul li { position: relative; padding:0 20px;}
.menu > ul > li > ul li:hover a { color: #EE1C24; }
.navactive{ border-bottom:1px solid #f36c1b}


.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #777;
    padding: 0;
	font-size: 16px;
    width: 95%;
	line-height:35px;
    display: block;
    border-bottom: 1px solid #ccc;
}
.menu > ul > li > ul > li:last-child a {border-bottom:none;}
.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 150px;
    left: auto;
    padding:0px;
	top:110px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%; text-align: center;
}

.menu > ul > li > ul.normal-sub > li a {    padding: 0;}
@media only screen and (max-width:1200px) {
.menu > ul > li {
    float: left;
    padding:0 4px 0px;
    margin: 0;
}
.menu > ul > li a { padding:22px 17px 20px;}
.menu > ul > li > ul > li a {
    color: #777;
    padding: 0;
    width: 95%;
	line-height:50px;
    display: block;
    border-bottom: 1px solid #ccc;
}
	
.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}
}
@media only screen and (max-width:1000px) {
.menu > ul > li a { padding:22px 10px 20px; font-size:14px;}
}
@media only screen and (max-width:835px) {
.menu > ul > li a { padding:22px 8px 20px; font-size:14px;}
.menu  {margin-left: 150px;}
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width:768px) {
	.menu{ margin-left:0;}
	.ri_gh{ display:none}
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
		padding:0px;
		font-size:14px;
    }
	 
    .menu > ul > li a {
		box-sizing:border-box;
        padding:0 15px;
		line-height:50px;
		border-bottom:1px solid #eee !important;
		border-top:none;
		background-color:#fff;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block; background-color:#fff; z-index:9999;
    }
	#menu01 .w_1200{ width:100%; box-sizing:border-box;   background-color:#fff;}
	.menu-mobile{ padding-left:10px; padding-right:10px; box-sizing:border-box;}
}
@media only screen and (max-width: 1170px) {
.hid{ display:none;}	
}
.menu ul li:last-child a:hover {
	border-bottom:none;
}
.menu ul li:nth-child(8) a:hover {
	border-bottom:none;
}
.topnav{width:100%; background: url(../images/headbg.jpg) repeat-y right;}
.fixedSubNav01{position:fixed;top:0;left:0;z-index:1000; width:100%;background:#fff; border-bottom:1px solid #ececec;}
.cd-main-content, .cd-main-header {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-main-content {
  background: #e2e3df;
  z-index: 2;
}

.nav-is-fixed .cd-main-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.cd-logo { float:left; max-width: 20%; padding-top: 10px;}
.cd-logo img {
  display: block;
}
.bw{ background-color:#fff; padding:2px;}

.ri_gh{ float:right; max-width:10%; height:110px; background: #448832;}
.ri_gh .ri01 a{ color:#fff; font-size:15px;}
.ri_gh .ri01{ float:right; position:relative; padding-top:40px; padding-right:0px;cursor:pointer;}
.ri_gh .ri01 .menu{ display:block; width:25px;height:25px; background: url(../images/list.png) no-repeat; z-index:90;-webkit-transition:all .3s;transition:all .3s;}
.ri_gh .ri01:hover .wio{ display:block;}
.ri_gh .ri02{ float:left; position:relative;  margin-top:40px; cursor:pointer;}

/*导航搜索css*/
.header-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  display: block;
  width: 25px;
  height: 25px;
  margin: 0;
	margin-left: 30px;
  padding: 0;
  outline: none;
  
  border: none;
  cursor: pointer;
}

#toggle-menu {
  float: left;
  background-position: 0 0;
  background-color: #bc0023;
}

#toggle-search {
  float: right;
  background: url(../images/rsou.png) no-repeat;
}
#toggle-search.open:after {
  top: 40px;
}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
  top: 52px;
  left: 50%;
  margin-left: -8px;
  content: "";
  border-color: transparent transparent #e1e4e7;
  border-style: solid;
  border-width: 8px 8px 12px;
}

#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
  background-color: #000;
}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:70px;
  right: 0;
  z-index:9999;
  width: 320px;
  max-height: 0;
  overflow: hidden;
  background-color: #eee;
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
 
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-size:16px;
  height: 60px;
  font-family:'微软雅黑';
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  font-size:16px;
  background: transparent;
  border: none; outline:none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #1c5d9e;
  background: #ddd;
  font-weight:normal;
  border: none;
  cursor: pointer;outline:none;
}

@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}



/*nav*/
/* 主菜单 */
.head{position: relative;width:70%; float: right;background:#fff;height:110px;z-index: 9999}
.head .nav{display: block;}
.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{float:left;position: relative;z-index: 999;}
.head .nav ul li .f_a{line-height:110px;display:block;text-align:center;font-size:18px;color:#333; letter-spacing: 2px;font-weight: bold;}
.head .nav ul li:hover .f_a{ transition:all .3s;color:#EE1C24;}
.head .nav ul li .on { color:#EE1C24;}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#CFCFCF;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#333;font-size:18px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-top: 1px solid rgba(255,255,255,0.5);}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#00923A;color: #fff;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}

@media only screen and (max-width:1199px) {
	.music,.header-button {  margin-left: 15px;}
	
}
.headtel { color:#fff; font-family:Impact; font-size:20px; float:right;  line-height:25px; margin-top:20px;} 
.headtel { margin-bottom:10px; font-size:18px;}
.headtel strong{font-size: 20px;color: #FFFFFF; padding-bottom: 10px; display: block;}
.headtel p{font-size: 20px;font-weight: 600;color: #FFFFFF;}
.headtel p strong{font-size: 20px; display: block; float: left; height: 50px; display: inline-block; padding-bottom: 0; font-weight: 600;color: #FFFFFF;}

/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
	.topnav {background:none; height: 0;}
	.cd-main-header {display: none;}
	.ri_gh {    float: right;    max-width: inherit;    height: auto;    background: #56AF3E;}
	.ri_gh .ri02 {    top: 28px; margin: 0; z-index: 99; right: 80px;position: fixed;}
	.ri_gh .ri02 button { margin:0;}
	.headtel {float:left;}
	#search-form {top:52px;}
	.music {display:none;}
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head,.headtop{display:none}
   .m_img{display:block;height:80px;position:fixed;top:0px;left:0px; padding: 0 15px; background: url(../images/headbg.jpg) repeat-y 67%;width:100%;z-index:9;overflow: hidden;}
   .m_img .headlf{padding-top:10px;float: left;}
   .m_img .headlf .m_logo{height:60px;display: block}
   .m_img .headrg{padding-right:0;padding-top:31px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:10px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:rgba(86,175,62,0.9);height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid rgba(255,255,255,0.4)}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%; padding-bottom: 10px;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:35px;line-height:35px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}
@media screen and (max-width:991px) {
	.m_img{  background: url(../images/headbg.jpg) repeat-y 75%;}
	.ri_gh .ri02 {   right: 16%;}
}
@media screen and (max-width:810px) {
	.ri_gh .ri02 {   right: 11%;}
}

@media screen and (max-width:767px) {
	.m_img{  background:#fff;}
	.topnav {display:none;}
}