@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:15px 0 10px;
}

.menu{ float:left; margin-left:23%;}
@media only screen and (max-width:1340px) {
.menu{ margin-left:18%;}
}
@media only screen and (max-width:1240px) {
.menu{ margin-left:15%;}
}
@media only screen and (max-width:1100px) {
.menu{ margin-left:18%;}
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 34px;
    padding:5px 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;
	background: url(../images/rshu.jpg) no-repeat right center;
}
.menu > ul > li:last-child{ background:none;}
.menu > ul > li a {
    text-decoration: none;
    padding:22px 30px 20px;
	line-height:50px;
    display: inline-block;
	color:#333;
	font-size:17px;
	font-weight:normal;
}
.menu > ul > li.active > a {
	color:#2b92d4;
}

 .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 30px;}
.menu > ul > li > ul li a{ font-size:16px;}
.menu > ul > li > ul li:hover a { color: #0274c7; }
.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%;
	padding: 5px 10px;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #777;
    width: 95%;
	line-height:20px;
	
    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;
}

.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:160px;
    left: auto;
    padding:10px 0;
	top:92px;
}

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

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 0;
}
@media only screen and (max-width:1200px) {
.menu > ul > li {
    float: left;
    padding:0 4px 0px;
    margin: 0;
}
.menu > ul > li > ul li {padding:5px 20px;}
.menu > ul > li a { padding:22px 20px 20px; font-size:16px;}
.menu > ul > li > ul > li a {
    color: #777;
    padding: 0;
    width: 95%;
    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:1100px) {
.menu > ul > li a { padding:22px 10px 20px; }

}
@media only screen and (max-width:992px) {
.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) {
	 
	.topnav .container{ padding:0; height:60px;}
	.menu{ margin-left:0; float:none; width:100%;}
	.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{background-color: #fff; width:100%; }
.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 {
  position: absolute;
  top:24px;
  left:0;
  padding:2px;
}
.cd-logo img {
  display: block;
}
.bw{ background-color:#fff; padding:2px;}
@media only screen and (min-width: 1170px) {
  .cd-logo {
    top:25px;
    left:0;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-primary-nav {
    position: static;
    padding: 0;
    height: auto;
    width: auto;
    float: right;
    overflow: visible;
    background: transparent;
  }
  .cd-primary-nav:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media only screen and (max-width:768px) {
.cd-logo img {width:36px; display:none}
.cd-logo {top:3px;  background-color:#fff;}
.topnav{background-color:#fff; height:60px; margin:0px;}
.cd-main-header {
  height:60px;
  z-index: 3;
  float:left;
  visibility:hidden;
}
}
.header{ z-index:9999;}
.ri_gh{ float:right; width:30px; height:90px; margin-right:2%;}
.wechat{ float:right; height:90px; position:relative; cursor:pointer; z-index:1000;}
.chathide{ position:absolute; top:80px; right:0px; max-width:100px; width:0px; height:0px; transition:all 0.3s;}
.wechats{ margin-top:38px;}
.wechat:hover .chathide{ width:100px; height:100px;}
.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; height:20px; margin-top:38px; cursor:pointer; padding-right:2%; width:30px; }

/*导航搜索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:30px;
  height: 26px;
  margin: 0;
  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 center 0px;
}
#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:54px;
  right: 0;
  z-index:9999;
  width: 320px;
  max-height: 0;
  overflow: hidden;
  background-color: #f6f7f8;
}
#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:#fff ;
  background: #0e84ce;
  font-weight:normal;
  border: none;
  cursor: pointer;outline:none;
}

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

    to { transform: translateY(0); opacity: 1; }
}

@media only screen and (max-width:992px) {
.wechat , .ri_gh{ display:none;}	
	
}