html, body, ol, ul, li, header, menu, nav {font-family:Arial, Helvetica, sans-serif, Microsoft YaHei; font-size:14px; margin:0;padding: 0;border: 0;vertical-align: baseline; list-style-type:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
header, menu, nav, main,footer,section,article {display: block;}/*初始化html5标签*/

/*header*/
.mtop{height:80px;}
header{width:100%; height:80px; color:#333; position:fixed; z-index:999;background:rgba(255,255,255,1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF,endColorstr=#FFF);box-shadow: 0 5px 10px -5px rgba(34,34,34,.1);}
header .logo img{width:120px; display: inline-block; float:left;}
header .logo {width:20%; float:left; margin:28px 0 0 0;}
header .logo .biao{font-size:14px; color:#999; float:left; margin:41px 0 0 15px;}

.mright{position:absolute; right:15px; margin:35px 0 0 0; width:200px; height:25px; display:none;}
.ico-menu{width:28px; height:25px; float:right;}
.ico-home{width:31px; height:25px; float:right;margin:0 20px 0 0;}
.ico-buy{width:31px; height:25px; float:right;margin:0 20px 0 0;}
.cd-menu-icon {display:none-; width:25px;height:22px; background:url(../js/menu/menu.png); display:inline-block;}
.cd-menu-icon2 {display:none-; width:25px;height:22px; background:url(/images/home.png);}

#cd-menu-trigger {position: absolute;right:0px;top:0;height: 100%;width:35px;}
#cd-menu-trigger .cd-menu-text {height:100%; color: #333;font-weight: 600;display: none;}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left: 0;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;}
#cd-menu-trigger .cd-menu-icon::before {bottom: 5px;}
#cd-menu-trigger .cd-menu-icon::after {top: 5px;}
#cd-menu-trigger.is-clicked .cd-menu-icon {background:url(../js/menu/close.png);}

header nav.menu2{float:left; width:78%;margin:0 0 0 2%; display:block;}
header nav.menu2 ul{float:right; margin:28px 0 0 0; }
header nav.menu2 ul li {float:left; margin:0 15px;padding:0 10px 0 10px;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}
header nav.menu2 ul li a{color:#333;cursor: pointer; font-size:20px; line-height:30px; display:inline-block; text-transform-:uppercase;}
header nav.menu2 ul li a:hover,header nav.menu2 ul li.active a {color:#333;text-decoration:none;}

/*menu-cur*/
.menu2 .nav-line{position:absolute;top:78px; left:0; bottom:0; width:100%; height:2px; background:#09F;}
/*menu-cur end*/

/*menu*/
.cd-navigation a {color:#6cac70;text-decoration: none;}
.cd-img-replace {display:inline-block; overflow: hidden;text-indent: 100%;white-space: nowrap;}
.overflow-hidden {overflow: hidden;}
.cd-main-content {min-height:100%;background-color:#fff; z-index:1;padding-top:55px;position: relative; z-index:1;}
.cd-main-content.lateral-menu-is-open {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

@media (max-width:1200px) {
header nav.menu2 ul li{margin:0 25px;}
header .logo img{width:120px; float:left; margin:5px 0 0 10px;}
header .logo .biao{display:none;}
header nav.menu2{float:left; width:75%;margin:0 0 0 0; display:block;}
header nav.menu2 ul li{margin:0 15px;}
}

@media (max-width:1100px) {
.mtop{height:50px;}
header{height:50px;position:fixed; top:0;}
header .logo {margin:8px 0 0 0;}
header .logo img{width:110px; margin:5px 0 0 10px;}
header nav.menu2{display:none;}
.mright{display:block;margin:15px 0 0 0;}
}

@media only screen and (max-width:800px) {
header .logo {margin:10px 0 0 0;}
header .logo img{width:100px; margin:5px 0 0 10px;}
header nav.menu2{display:none;}
}
@media (max-width: 800px) {
header .logo {margin:8px 0 0 0;}
header .logo img{width:100px; margin:5px 0 0 10px;}
header nav.menu2{display:none;}
}


.cd-main-imgnone{height:0; line-height:0; font-size:0;/*img模糊bug 占位*/}
.ontop{position:relative; z-index:1000;}
header{/*position:fixed;top:0;left: 0;
  /*height: 50px;*/width: 100%;z-index: 2; 
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
header.is-fixed {position: fixed;}


#cd-lateral-nav {position:fixed;height:100%;right: -260px;top: 0; padding-bottom:50px;
  /* the secondary navigation is covered by the main element */
  z-index:1;width: 260px;background-color: #1E1E1E;overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(80px);
  -moz-transform: translateX(80px);
  -ms-transform: translateX(80px);
  -o-transform: translateX(80px);
  transform: translateX(80px);
}
#cd-lateral-nav .cd-navigation {margin: 10px 0 0px;}
#cd-lateral-nav .sub-menu {padding: 0 10px 20px 17px;display: none;}
.sub-menu span{line-height:2em; padding:0 0 0 8px; background:url(../js/menu/sanj.png) left center no-repeat;}
#cd-lateral-nav a {display: block;line-height: 2em;padding: 0 2px 0 30px;color: #aab5b7;}
#cd-lateral-nav a.current {background-color:#333;color:#FFF;}
.no-touch #cd-lateral-nav a:hover {color: #FFF;}
@media only screen and (min-width: 768px) {
#cd-lateral-nav .cd-navigation {margin: 20px 0;}
}
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {position:relative;}
#cd-lateral-nav .item-has-children > a::after {
  content: '';display: block;height: 11px;width: 8px;position: absolute;top: 50%;bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background: url("../js/menu/cd-arrow.png") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
#cd-lateral-nav .socials {padding: 0 32px;}
#cd-lateral-nav .socials:after {content: "";display: table;clear: both;}
#cd-lateral-nav .socials a {height: 32px;width: 32px;float: left;padding: 0;
  background-image: url("../js/menu/cd-socials.png");
  background-repeat: no-repeat;
  background-size: 128px 64px;
  background-color: #FFF;
  margin-right: .5em;
  border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {background-position: 0 0;}
#cd-lateral-nav .socials a.cd-github {background-position: -32px 0;}
#cd-lateral-nav .socials a.cd-facebook {background-position: -64px 0;}
#cd-lateral-nav .socials a.cd-google {background-position: -96px 0;}
.no-touch #cd-lateral-nav .socials a:hover {background-color: #4e6361;}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {background-position: 0 -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-github {background-position: -32px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {background-position: -64px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-google {background-position: -96px -32px;}
.icp{float:left; margin:10px 0 0 0; display: inline-block;}
.icp2,.mtel span{margin:10px 0 0 0;display: inline-block;}
/*menu end*/