html {
	font-size: 16px;
}
@media only screen and (min-width: 320px) {
	html {
		font-size: 15.147px !important;
	}
}

@media only screen and (min-width: 375px) {
	html {
		font-size:16px !important;
	}
}

@media only screen and (min-width: 400px) {
	html {
		font-size: 17.06666px !important;
	}
}
@media only screen and (min-width: 414px) {
	html {
		font-size: 17.664px !important;
	}
}
@media only screen and (min-width: 480px) {
	html {
		font-size: 20.48px !important;
	}
}
*{font-family:"微软雅黑","苹方";-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin:0; padding:0; border: none; outline: none;list-style: none; text-decoration: none; vertical-align: middle;}
input[type=button], input[type=submit], input[type=file], button {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; -webkit-appearance: none; outline: none; } 
select{appearance:none; -moz-appearance:none;-webkit-appearance:none;}
img{height:auto;display:inline-block;}
a{display:block;height:auto;cursor:pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html{ width:100%; height:100%;}
body{ width:100%; height:100%; margin:auto; background-color:#fff;}
a:hover{ transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;}
:hover{ transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;}
.mbs-pc{display:none; width:100%;overflow: hidden;}
.mbs-app{display:block; width:100%;overflow: hidden;}
/*head*/

/*1f*/
.mbs-banner{float: left;width: 100%;height: auto;padding: 0.1rem 0 0 0; background: #fff;overflow: hidden;position: relative;}
.mbs-bannerbox{margin:auto;display:flex;align-items: center;flex-direction: column; justify-content:space-between;width: 100%;}
.mbs-banner-left{width: 100%;height: 14.25rem;overflow: hidden;}
.mbs-banner-left .mbsbanner{width: 100%;height: 14.25rem;overflow: hidden;position: relative;z-index: 5;overflow: hidden;transform: translate3d(0,0,0);}
.mbs-banner-left .mbsbanner .mbsflexslider { position: relative; width: 100%; height: 14.25rem; overflow: hidden; transform: translate3d(0,0,0); z-index:1}
.mbs-banner-left .mbsbanner .slides { position: relative; z-index: 1;transform: translate3d(0,0,0);}
.mbs-banner-left .mbsbanner .slides li { height: 14.25rem;transform: translate3d(0,0,0);overflow: hidden;position: relative;}
.mbs-banner-left .mbsbanner .slides li a{ width:100%;position: absolute;bottom: 0;left: 0;right: 0; display:block;color:#fff;height: 2.5625rem;line-height:  2.5625rem;font-size: 0.875rem;text-align: center; background: rgba(0, 0, 0, 0.4);}
.mbs-banner-left .mbsbanner .flex-control-nav { position: absolute; bottom: 20px;display: none;  z-index: 2; width:100%; text-align: center;}
.mbs-banner-left .mbsbanner .flex-control-nav li { display: inline-block; width: 12px; height: 12px; margin: 0 4px; *display: inline; zoom: 1;}
.mbs-banner-left .mbsbanner .flex-control-nav a { display: inline-block; width: 12px; height: 12px; line-height: 40px; overflow: hidden; -webkit-border-radius: 100%; border-radius:100%; cursor: pointer; background-color:#fff; font-size:0;}
.mbs-banner-left .mbsbanner .flex-control-nav .flex-active { background-color: #009c4b;}
.mbs-banner-left .mbsbanner .flex-direction-nav{ position: absolute; z-index: 10001;left: 0;right: 0; width: 100%;top: 0;}
.mbs-banner-left .mbsbanner .flex-direction-nav a{ display: block; z-index: 10002; position: absolute; font-size: 0;}
.mbs-banner-left .mbsbanner .slides li a:hover{text-decoration:underline;}
.mbs-banner-left .mbsbanner .flex-direction-nav .flex-prev { width:2.5rem;border-radius: 100px; height: 2.5rem; background:rgba(0, 0, 0, 0.4) url("../images/left.png") no-repeat 50% 50%;background-size: 1.2rem 1.2rem;  left:0%; top: 0%; margin: 6.2rem 0 0 6%;}
.mbs-banner-left .mbsbanner .flex-direction-nav .flex-next { width: 2.5rem;border-radius: 100px; height: 2.5rem; background:rgba(0, 0, 0, 0.4) url("../images/right.png") no-repeat 50% 50%;background-size: 1.2rem 1.2rem; right: 0%; top: 0%; margin: 6.2rem 6% 0 0;}
.mbs-banner-left .mbsbanner .flex-direction-nav .flex-prev:hover { background:rgba(0, 0, 0, 0.5) url("../images/left.png") no-repeat 50% 50%;background-size: 1.2rem 1.2rem;   left: 0%; top: 0%;  margin: 6.2rem 0 0 6%;}
.mbs-banner-left .mbsbanner .flex-direction-nav .flex-next:hover {background:rgba(0, 0, 0, 0.5) url("../images/right.png") no-repeat 50% 50%;background-size: 1.2rem 1.2rem;   right: 0%; top: 0%;  margin: 6.2rem 6% 0 0;}
/*1f*/
.mbs-tab{width: 100%;height: auto;overflow: hidden;display: flex;flex-direction: column;}
.mbs-tab-top{width: 100%;height: 46px;}
.mbs-tab-top ul{width: 100%;height: 46px;line-height: 46px; background: #f8f8f8;}
.mbs-tab-top ul li{text-align: center;float: left;width: 25%;}
.mbs-tab-top ul li a{color: #555;font-size: 0.9375rem;}
.mbs-tab-top ul li a:hover{color: #009c4b;}
.mbs-tab-top ul li.active{font-weight: bold; border-bottom:3px solid #009c4b;}
.mbs-tab-top ul li.active a{color: #009c4b;}
.mbs-tab-bot{width: 100%;}
.mbs-tab-bot ul{width: 100%;display: flex;flex-direction: column;padding: 10px 0;}
.mbs-tab-bot ul li{width: 100%;display: none; position: relative;line-height: 3rem;}
.mbs-tab-bot ul li.actives{display:block;}
.mbs-tab-bot ul li .mbs-li{display: flex;align-items: center;width: 100%;position: relative;cursor: pointer;}
.mbs-tab-bot ul li .mbs-li div{width: 0.3rem;height:0.3rem;background: #009c4b;margin: 0 10px 0 1rem; border-radius: 100px;overflow: hidden;}
.mbs-tab-bot ul li .mbs-li p{width: 50%;font-size: 0.9375rem;color: #444; text-overflow: ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.mbs-tab-bot ul li .mbs-li:hover p{color: #009c4b;text-decoration:underline;}
.mbs-tab-bot ul li .mbs-li span{font-size: 0.875rem;color: #aaaaaa;position: absolute;right: 4%;}
.mbs-tab-bot ul li .mbs-li:hover span{color: #009c4b;text-decoration:underline;}
/*轮播图*/
.banner{float: left;width: 100%;position: relative;z-index: 5;overflow: hidden;transform: translate3d(0,0,0);}
.banner .flexslider { position: relative; width: 100%; height: 23.4375rem; overflow: hidden; transform: translate3d(0,0,0); z-index:1}
.banner .slides { position: relative; z-index: 1;transform: translate3d(0,0,0);}
.banner .slides li { height: 23.4375rem;transform: translate3d(0,0,0);overflow: hidden;}
.banner .slides li a{ width:100%; height:540px; display:block;}
.banner .flex-control-nav { position: absolute; bottom: 20px; z-index: 2; width:100%; text-align: center;}
.banner .flex-control-nav li { display: inline-block; width: 8px; height: 8px; margin: 0 4px; *display: inline; zoom: 1;}
.banner .flex-control-nav a { display: inline-block; width: 8px; height: 8px; line-height: 40px; overflow: hidden; -webkit-border-radius: 100%; border-radius:100%; cursor: pointer; background-color:#fff; font-size:0;}
.banner .flex-control-nav .flex-active { background-color: #009c4b;}
.banner .flex-direction-nav{ position: absolute; z-index: 10001;left: 0;right: 0; width: 100%;top: 0;}
.banner .flex-direction-nav a{ display: block; position: absolute; font-size: 0;}
.banner .flex-direction-nav .flex-prev { width:2.5rem;border-radius: 100px; height: 2.5rem; background:rgba(0, 0, 0, 0.4) url("../images/left.png") no-repeat 50% 50%;background-size: 1.2rem 1.2rem;  left:0%; top: 0%; margin: 10.5rem 0 0 6%;}
.banner .flex-direction-nav .flex-next { width: 2.5rem;border-radius: 100px; height: 2.5rem; background:rgba(0, 0, 0, 0.4) url("../images/right.png") no-repeat 50% 50%; background-size: 1.2rem 1.2rem; right: 0%; top: 0%; margin: 10.5rem 6% 0 0;}
.banner .flex-direction-nav .flex-prev:hover { background:rgba(0, 0, 0, 0.5) url("../images/left.png") no-repeat 50% 50%; left: 0%; top: 0%;  margin: 10.5rem 0 0 6%;}
.banner .flex-direction-nav .flex-next:hover {background:rgba(0, 0, 0, 0.5) url("../images/right.png") no-repeat 50% 50%; right: 0%; top: 0%;  margin: 10.5rem 6% 0 0;}
/*2f*/
.mbs-tt{width: 100%;height: 35rem;display: flex;flex-direction: column; overflow: hidden; float: left; background: url(../images/banner3.jpg) center center no-repeat;background-size: auto 35rem;}
.mbs-tth{width: 100%;text-align: center;font-size:2rem; color: #111111;margin:50px 0 0 0; font-weight: bold;}	
.mbs-tt-box{width: 100%;margin: auto;    position: relative;top: -0px;}
.mbs-tt-box ul{width: 100%;padding: 0 2%;box-sizing: border-box; display: flex;flex-direction: row;flex-wrap: wrap; justify-content: center; align-items: initial;}
.mbs-tt-box ul li{ width: 44%; height: 13rem;position: relative;cursor: pointer;margin-left: 10px;margin-right: 10px;}
.mbs-tt-box ul li .mbss1{ width: 100%;height:13rem;margin-left: 0;margin-right: 0;float: left;overflow: hidden;transform:rotate(120deg);}
.mbs-tt-box ul li .mbss2{ width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}
.mbs-tt-box ul li .mbss3{ width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;background: #fff;}
.mbs-tt-box ul li .mbss3:hover{background: #009c4b;}
.mbs-tt-box ul li .mbss3:hover .mbss4{color: #fff;}
.mbs-tt-box ul li .mbss3:hover p{color: #fff;text-decoration: underline;}
.mbs-tt-box ul li .mbss4{position: absolute;top: 2.8rem;width: 100%;padding: 0 0;box-sizing: border-box; text-align: center;font-size: 0.875rem;color: #009c4b;font-weight: bold;}
.mbs-tt-box ul li p{position: absolute;top:4rem;width: 100%;padding: 0 0.5rem;box-sizing: border-box; text-align: center;font-size: 0.5rem;line-height: 1.4rem; color: #666666;font-weight: normal;}
/*3f*/
.mbs-zs{width: 100%;float: left;}
.mbs-zs-box{width: 100%; margin: auto;margin-top: 2rem;padding: 0 4%; display: flex;flex-direction: column; align-items: center;justify-content: space-between;}
.mbs-zs-box div{width: 100%;height: 12.375rem;margin-bottom:0.625rem; display: flex;align-items: center;justify-content: center;overflow: hidden;
transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;}
.mbs-zs-box div:hover{  -webkit-filter: brightness(0.6);
    filter: brightness(0.6);}
.mbs-zs-box div:hover img{transform:scale(1.1);
    -webkit-transform:scale(1.1);
	transition:All 0.4s ease-in-out;
	    -webkit-transition:All 0.4s ease-in-out;
	    -moz-transition:All 0.4s ease-in-out;
	    -o-transition:All 0.4s ease-in-out;}
.mbs-zs-box div a{width: 100%;height: 100%;}
.mbs-zs-box div a img{width: 100%;min-height:  12.375rem;
	transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;}
.mbs-zs-gd{width: 100%;padding: 1rem 0 4rem 0;display: flex;align-items: center;justify-content: center;}
.mbs-zs-gd a{width: 152px;height: 42px;line-height: 42px; background: #009c4b;color: #fff;text-align: center;font-size: 15px;border-radius: 100px;}
.mbs-zs-gd a:hover{background: #00af7e;color: #fff;}
/*4f*/
.mbs-wm{float: left;width: 100%;background: #f8f8f8;padding-bottom: 2rem;}
.mbs-wm-box{width: 100%;margin: auto;padding: 0 4%;margin-top: 2rem;display: flex;flex-direction: column; align-items: center;justify-content: center;}
.wm-left{width: 100%;height: 6rem;background:#009c4b url(../images/icon2.png) right bottom no-repeat;background-size:4rem 4rem; position: relative;}
.wm-lefts{position: absolute;top:1.2rem;left:2rem; color: #fff;font-size: 1.375rem;letter-spacing: 4px; font-weight: bold;  writing-mode: horizontal-tb;
  text-orientation: upright;}
.wm-lefta{position: absolute;top:3.1rem;left:2rem;color: #fff;font-size:  1.375rem;letter-spacing: 4px;font-weight: bold;  writing-mode: horizontal-tb;
  text-orientation: upright;}
.wm-right{width: 100%;background: #fff;height: auto;padding: 2rem 2rem 4rem 2rem;font-size: 0.875rem;color: #333333;line-height: 28px;position: relative;}
.wm-right div{width: 100%;font-size: 14px;color: #333333;line-height: 28px;
display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:18;  }
.wm-right a{color: #009c4b;font-size: 15px;position: absolute;right:2rem;bottom: 1.8rem;}
.wm-right a:hover{color: #00af7e;text-decoration: underline;}
/*底部*/
.mbsfooter{float: left;width: 100%;padding: 1.8rem 1rem 1.8rem 1.4rem;display: flex;align-items: center;background: #f1f1f1;}
.mbsfooter-img{width: 5.4rem;height: 5.4rem;margin-right: 0.625rem;}
.mbsfooter-img img{width:  5.4rem;height: 5.4rem;}
.mbsfooter-box{width: 78%;display: flex;flex-direction: column;}
.mbsfooter-box p{color: #666666;font-size: 0.75rem;word-break: break-all;margin-bottom: 0.2rem;}
.mbsfooter-box a{color: #666666;font-size: 0.75rem;}
.telright{position: fixed; right: 1rem;bottom: 6rem;width:2.6rem;height: 2.6rem;z-index: 10;border-radius: 100px; overflow: hidden; }
/*二级*/
.mbs-banners{float: left;width: 100%;height: 14.6875rem;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.mbs-banners img{height: 14.6875rem;}
.mbs-conterbox{width: 100%;margin: auto;display: flex;flex-direction: column; align-items:flex-start;justify-content: space-between; margin-top: 2rem;margin-bottom: 0;}
.mbs-conter{width: 100%;display: flex;align-items: center;justify-content: center;}
.mbs-conter .left{width:100%;display: flex;flex-direction: column;padding: 0 4%;}
.mbs-conter .mbs-hl{width: 100%;height: 56px;margin-bottom: 10px; font-size: 20px;font-weight: bold; display: flex;align-items: center;background: #009c4b;color: #fff;}
.mbs-conter .mbs-hl img{width:22px;height: 22px;margin: 0 4px 0 28px;position: relative;top: 1px;}
.mbs-conter .mbs-hr{width: 100%;height: auto;}
.mbs-conter .mbs-hr a{width: 100%;background: #fff;color: #999999;font-size: 14px;height: 50px;display: flex;align-items: center;padding-left: 28px;}
.mbs-conter .mbs-hr a.active{background: #f8f8f8;color: #009c4b;}
.mbs-conter .mbs-hr a:hover{background: #f8f8f8;color: #009c4b;}
.mbs-conter .right{width:100%;display: flex;flex-direction: column;padding: 0 4%;}
.mbs-conter .mbs-rcon{width: 100%;height:46px;background: #f8f8f8;margin-bottom: 44px;margin-top: 10px; padding-left: 36px;display: flex;align-items: center;}
.mbs-conter .mbs-rcon a{font-size: 14px;color: #777777;display: flex;align-items: center;}
.mbs-conter .mbs-rcon a:hover{color: #009c4b;}
.mbs-conter .mbs-rcon a.active{color: #009c4b;}
.mbs-conter .mbs-rcon a:nth-last-child(1) span{opacity: 0;color:#f8f8f8;}
.mbs-conter .mbs-rcon-con{display: flex;flex-direction: column;width: 100%;padding-left: 1%;padding-right: 1%; padding-bottom: 4rem;border-bottom: 1px solid #eeeeee;}
.mbs-conter .mbs-rcon-con h1{font-size: 2rem;margin-top: 2rem;margin-bottom: 0.4rem; font-weight: normal;color: #444444;width: 100%;text-align: center;}
.mbs-conter .mbs-rcon-con div{font-size: 0.875rem;color: #444444;line-height: 2.2rem;}
.mbs-conter .mbs-rcon-con div img, .mbs-conter .mbs-rcon-con div video{margin: auto;display: block;max-width: 100%;}
.telright a img{width:2.6rem;height: 2.6rem;}
/*产品展示*/
.mbs-rcon-conA{width: 100%;margin-top: 1rem;}
.mbs-rcon-conA .mbs-list{width: 100%;display: flex;flex-direction: column;flex-wrap: wrap;}
.mbs-rcon-conA .mbs-list div{width: 100%;height: 13.125rem;display:flex;align-items: center;justify-content: center;overflow: hidden;margin: 0 0 0.4rem 0;}
.mbs-rcon-conA .mbs-list div:nth-child(3n){margin: 0 0 0.4rem 0;}
.mbs-rcon-conA .mbs-list div img{width: 100%;min-height:13.125rem;transition:All 0.4s ease-in-out;cursor: pointer;
	-webkit-transition:All 0.4s ease-in-out;}
.mbs-rcon-conA .mbs-list div img:hover{
	-webkit-filter: brightness(0.8);
	    filter: brightness(0.8);
	transform:scale(1.1);
    -webkit-transform:scale(1.1);
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
}
/*新闻中心*/
.mbs-rcon-news{width: 100%;}
.mbs-news{width: 100%;position: relative;top: 0;}
.mbs-news .mbs-li{height: 50px; display: flex;align-items: center;width: 100%;position: relative;cursor: pointer;}
.mbs-news .mbs-li div{width: 5px;height:5px;background: #009c4b;margin: 0 10px 0 9px; border-radius: 100px;overflow: hidden;}
.mbs-news .mbs-li p{width: 50%;font-size: 0.9375rem;color: #111; text-overflow: ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.mbs-news .mbs-li:hover p{color: #009c4b;text-decoration:underline;}
.mbs-news .mbs-li span{font-size: 0.875rem;color: #aaaaaa;position: absolute;right: 0;}
.mbs-news .mbs-li:hover span{color: #009c4b;text-decoration:underline;}
/*合作热线*/
.mbs-rcon-hotline{display: flex;flex-direction: column;padding-left: 0%;padding-right: 0%;width: 100%;margin-top: 10px; padding-bottom: 65px;border-bottom: 1px solid #eeeeee;}
.hotline{width: 100%;height: 26rem;margin: auto; border-bottom: 1px solid #eeeeee;border-left: 1px solid #eeeeee;border-right: 1px solid #eeeeee;}
.hotline-h{width: 100%;background: #009c4b;height: 52px;color: #ffffff;margin-bottom: 42px; font-weight: bold;display: flex;align-items: center;justify-content: center;}
.hotline-li{width: 100%;padding: 0 4%; display: flex;align-items: center;justify-content: center;font-size: 14px;color: #444444;margin-bottom: 26px;}
.hotline-li span{width: 4rem;}
.hotline-li div{width: 100%;}
.hotline-li div img{width: 6rem; height: 42px;margin-left: 8px;cursor: pointer;}
.hotline-li div input{width: 100%;height: 44px;border: 1px solid #e4e4e4;padding: 0 10px 0 16px;box-sizing: border-box;}
.hotline-li div input:focus{border: 1px solid #009c4b;}
.hotline button{margin: auto;display: block;font-size: 16px; margin-top: 15px;cursor: pointer; background: #009c4b;color: #fff;text-align: center;width: 162px;height: 44px;color: #fff;}
.hotline button:hover{background: #007a3b;}
.njsh-anniu{float: left;width: 100%; padding: 25px 0 58px 0;text-align: center;border-bottom: 1px solid #eeeeee;}
.njsh-anniu li.active{color: #fff;background-color: #009c4b;}
.njsh-anniu li{cursor: pointer; display:inline-block;border: 1px solid #dddddd;border-radius: 0; height: 28px;line-height: 26px; width:40px;  margin: 0 7px 5px 7px; color: #666666;font-size: 14px;}
.njsh-anniu li:hover{ color: #fff;background-color: #009c4b;}
.njsh-anniu li a{width: 100%; display:inline-block;height: 26px;color: #666666;font-size:14px;}
.njsh-anniu li:hover a{ color: #fff;}
/**/
.apphead{padding-left: 0.4rem; display: flex;flex-direction: column;line-height: normal;height: 3.4375rem;justify-content: center;}
.apphead h1{font-size: 1.125rem;color: #111111;}
.apphead p{font-size: 0.37rem;color: #666666;}
.apphead-a{position: absolute;right: 3.4rem;top: 0.75rem; } 
.apphead-a a{ cursor: pointer; background: #e8f7ef; color: #009c4b; height: 2rem;line-height: 2rem;font-size: 0.78125rem; font-weight: bold;text-align: center; padding: 0 1.1rem; border-radius: 100px;}
/*手机右侧滑出样式*/
a#cd-logo {display: block;float: left; height:100%;}
a#cd-logo img { display: block; width:3.5rem;}
header img.left{ float:left; overflow:hidden; height: auto; margin:0px 0px 0px 0.625rem;}
header img.right{ float:right;width:3.2rem; height: auto; margin:0.1rem 0.2rem 0px 0px;}
header{ height:3.437rem; width:100%;background: #fff; line-height:3.437rem; position: fixed;top: 0; left: 0;z-index:3;
  -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(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}
.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  height: 100%;
  background-color:#fff;
  z-index: 2;
  padding-top:3.4375rem;
    padding-bottom:4.5rem;
    height: 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;
}
.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}
header .is-fixed { position: fixed;}
#cd-top-nav { position: absolute; top: 0; right: 120px; height: 100%;display: none;}
#cd-top-nav ul {height: 100%;padding-top: 18px;}
#cd-top-nav li {display: inline-block;margin-right: 1em;}
#cd-top-nav a {display: inline-block; padding: .5em;color: #FFF;text-transform: uppercase;font-weight: 600;}
#cd-top-nav a.current {background-color: #242e30;}
.no-touch #cd-top-nav a:hover { color: rgba(255, 255, 255, 0.7);}
@media only screen and (min-width: 768px) {#cd-top-nav { display: block;}}
a#cd-menu-trigger { position: absolute;right: 0;top: 0; height: 100%; width: 50px;}
a#cd-menu-trigger .cd-menu-text {height: 100%; text-transform: uppercase; color: #FFF;font-weight: 600; display: none;}
a#cd-menu-trigger .cd-menu-icon {
  opacity:0;
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left:40%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width:40px;
  height:40px;
  background-color: #FFF;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  opacity:0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
#cd-menu-trigger .cd-menu-icon::before { bottom: 5px; display:none;}
#cd-menu-trigger .cd-menu-icon::after {top: 0px;}
#cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0);}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color: white;}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {#cd-menu-trigger {width: 110px; padding-left: 1.25em;}
  #cd-menu-trigger .cd-menu-text {display: inline-block;line-height: 70px;}
  #cd-menu-trigger .cd-menu-icon { left: auto;right: 1.25em;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
#cd-lateral-nav {z-index:555; position: fixed;height:100%;
  right:-40%;
  top: 0;
  /* the secondary navigation is covered by the main element */
  width:40%;
      box-shadow: 0px 0px 5px #adadad;
  background-color:#ffffff;
  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(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
#cd-lateral-nav .cd-navigation { margin:0px;}
#cd-lateral-nav .sub-menu { display:none;padding:10px 10px 10px 10px;box-sizing: border-box;width: 100%; display: none;position: absolute;background: #f1efe1; z-index: 999;}
#cd-lateral-nav .sub-menu li{height: 32px;line-height: 32px;overflow: hidden;}
li.item-has-children{ height:50px; line-height:50px; }
li.item-has-childrens{ height:50px; line-height:50px; }
#cd-lateral-nav a {border-bottom:1px solid #f1f1f1;display: block;font-size:0.75rem; color:#000;text-align:center;}
#cd-lateral-nav a.current { background-color: #3a4a4d; 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(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  /* 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;text-transform: uppercase;/* this is the right arrow to show that the item has a submenu  */}
#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("../img/cd-arrow.svg") 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("../img/cd-socials.svg");
  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;}
/*手机右侧滑出样式*/











@media screen and (min-width: 310px) and (max-device-width:330px){
	.njsh-huiyuan li{width: 46.3%;}
}