html, body, ol, ul, li, header, menu, nav {font-family:Arial, Helvetica, sans-serif; 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标签*/

/*langu*/
.langu{line-height:20px; margin:15px 0 0 0; float:right; position:absolute; right:10%;}
.langu a:link{padding:0 25px; color:#333;}
header:hover .langu a:link{color:#f60;}
.langu a span{width:10px; height:10px; background:url(../images/img.png) no-repeat 0 -538px; padding:0 5px; margin-left:3px;}
.ch{background:url(../images/cn.png) no-repeat 0 4px; display:inline-block; padding:0 5px}
.en{background:url(../images/cn.png) no-repeat 0 -42px; display:inline-block;}
/*langu end*/

/*header*/
.mtop{height:0;}
.fixedtop{width:100%; z-index:999;}
header{width:100%; height:85px; color:#FFF; 
/*top:0; position:fixed;*/
z-index:999;background:rgba(255,255,255,1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF,endColorstr=#FFF);}
header .logo img{height: 75px;display: block;}
header .logo {width:18%; float:left; margin:5px 0 0 0;}

.mright{position:absolute; right:20px; 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 25px 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(../js/menu/home.png);}

#cd-menu-trigger {position: absolute;right:0px;top:0;height: 100%;width:35px;}
#cd-menu-trigger .cd-menu-text {height:100%; color: #FFF;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:80%;margin:0 0 0 2%; display:block;}
header nav.menu2 ul{float:right; margin:40px 0 0 0; clear:right;}
header nav.menu2 ul li {float:left; margin:0 35px;padding:0 5px 0 5px;
	-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:#222;cursor: pointer; font-size:15px; line-height:30px; display:inline-block; text-transform:uppercase;}
header nav.menu2 ul li a:hover,header nav.menu2 ul li.active a {color:#222;text-decoration:none;}

/*menu-cur*/
.menu2 .nav-line{position:absolute; z-index:-1;bottom:0px; left:0; bottom:0; width:50px; height:5px; background:#eaaa0f;}
/*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;}
}
@media (max-width:1000px) {
header .logo {width:23%; float:left; margin:13px 0 0 10px;}
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:899px) {
.mtop{height:50px;}
header{height:50px;position:fixed; top:0;}
header .logo {width:35%; margin:5px 0 0 10px;}
header .logo img {height:100%; max-height:45px; max-width:143px;}
header nav.menu2{display:none;}
.mright{display:block;margin:15px 0 0 0;}
}

.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:#363b3c;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;font-weight: 100;}
#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*/