*{font-family:"微软雅黑","苹方";-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin:0; padding:0; border: none;box-sizing: border-box; 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;}
: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:block; width:100%;}
.mbs-app{display:none; width:100%;}
/*head*/
.head{float: left;width: 100%;height:104px;}
.headbox{ margin: auto;display: block; width: 1360px;height: 104px;}
.head-logo{float: left;display: flex;align-items: center;height: 104px;cursor: pointer;}
.head-logo img{width:100px;height: 100px; margin-top: 0;margin-left: 0;}
.head-h{margin-left: 14px; float: left;height: 104px;display: flex;flex-direction: column;align-items: center;    justify-content: center;}
.head-h h1{font-size: 36px;font-weight: bold;color: #111111;letter-spacing: 1px;}
.head-h div{font-size: 12px;color: #666666;}
.head-right{float: right;height: 104px;display: flex;align-items: center;}
.head-right .head-right-but{cursor: pointer; background: #e8f7ef;color: #009c4b;height: 36px;line-height: 36px;font-size: 14px;font-weight: bold; text-align: center;padding: 0 26px;border-radius: 100px;}
.head-right .head-right-but a{color: #009c4b;}
.head-right .head-right-but:hover a{color: #fff;}
.head-right .head-right-but:hover{background: #009c4b;color: #fff;}
.head-right .head-right-txt{margin-left: 13px; border: 1px solid #009c4b;padding: 0 24px; color: #009c4b;height: 36px;font-size: 16px;font-weight: bold;display: flex;align-items: center;justify-content: center;border-radius: 100px;}
.head-right .head-right-txt img{width:27px;height: 27px;margin-right: 10px;}
.nav{float: left;width: 100%;height:52px;background: #009c4b;}
.navbox{margin: auto;display: block; width: 1360px;height: 52px;}
.nav ul{width: 100%;height: 52px;display: flex;align-items: center;justify-content: center;}
.nav li{width: 164px;position: relative;z-index: 10; text-align: center;height:52px;line-height: 52px; box-sizing: border-box;}
.nav li a{font-size: 16px; color: #fff;}
.nav li.active a{color: #fff;font-weight: normal;}
.nav li a:hover{ color: #fff;}
/* .nav li.active{background: #007a3b;} */
.nav li:hover{background: #007a3b;}
.nav li .head-li{position: absolute;opacity:0;height:0px;padding:20px 0 16px 0; background: #fff; top:52px;background:#fff url(../images/icon3.png) no-repeat top center;background-size: 164px 11px;left: 0;right: 0; width: 164px;overflow: hidden; transition:All 0.3s ease-in-out;z-index:2; -webkit-transition:All 0.3s ease-in-out;  -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; z-index:1;}
.nav li .head-li .head-lis{float: left;width:100%; padding: 0 0; box-sizing: border-box; height: 40px; line-height: 40px;}
.nav li:hover .head-li{opacity:1;height:auto;overflow:inherit;transition:All 0.3s ease-in-out;z-index:200; -webkit-transition:All 0.3s ease-in-out;  -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
.nav li .head-li .head-lis a{font-size: 14px; color: #666666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.nav li .head-li .head-lis:hover{color: #009c4b;}
.nav li .head-li .head-lis a:hover{ color: #009c4b;}
/*轮播图*/
.banner{float: left;width: 100%;position: relative;z-index: 5;overflow: hidden;transform: translate3d(0,0,0);}
.banner .flexslider { position: relative; width: 100%; height: 540px; 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: 540px;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: 12px; height: 12px; margin: 0 4px; *display: inline; zoom: 1;}
.banner .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;}
.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:74px;border-radius: 100px; height: 74px; background:rgba(0, 0, 0, 0.4) url("../images/left.png") no-repeat 50% 50%; left:0%; top: 0%; margin: 220px 0 0 10%;}
.banner .flex-direction-nav .flex-next { width: 74px;border-radius: 100px; height: 74px; background:rgba(0, 0, 0, 0.4) url("../images/right.png") no-repeat 50% 50%; right: 0%; top: 0%; margin: 220px 10% 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: 220px 0 0 10%;}
.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: 220px 10% 0 0;}
/*1f*/
.mbs-banner{float: left;width: 100%;height: 500px;padding: 50px 0 0 0; background: #fff;overflow: hidden;position: relative;}
.mbs-bannerbox{margin:auto;display:flex;align-items: center;justify-content:space-between;width: 1360px;}
.mbs-banner-left{width: 657px;height: 400px;overflow: hidden;}
.mbs-banner-left .mbsbanner{width: 657px;height: 400px;overflow: hidden;position: relative;z-index: 5;overflow: hidden;transform: translate3d(0,0,0);}
.mbs-banner-left .mbsbanner .mbsflexslider { position: relative; width: 100%; height: 400px; 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: 400px;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: 58px;line-height: 58px;font-size: 15px;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:44px;border-radius: 100px; height: 44px; background:rgba(0, 0, 0, 0.4) url("../images/left.png") no-repeat 50% 50%;background-size:24px 24px; left:0%; top: 0%; margin: 178px 0 0 5%;}
.mbs-banner-left .mbsbanner .flex-direction-nav .flex-next { width: 44px;border-radius: 100px; height: 44px; background:rgba(0, 0, 0, 0.4) url("../images/right.png") no-repeat 50% 50%;background-size:24px 24px;  right: 0%; top: 0%; margin: 178px 5% 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:24px 24px;  left: 0%; top: 0%;  margin: 178px 0 0 5%;}
.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:24px 24px;  right: 0%; top: 0%;  margin: 178px 5% 0 0;}
/*1f*/
.mbs-tab{width: 670px;height: 400px;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%; transition:All 0s ease-in-out;
    -webkit-transition:All 0s ease-in-out;}
.mbs-tab-top ul li a{color: #555;font-size: 15px;transition:All 0s ease-in-out;
    -webkit-transition:All 0s ease-in-out;}
.mbs-tab-top ul li a:hover{color: #009c4b;transition:All 0s ease-in-out;
    -webkit-transition:All 0s ease-in-out;}
.mbs-tab-top ul li.active{font-weight: bold; border-bottom:3px solid #009c4b; transition:All 0s ease-in-out;
    -webkit-transition:All 0s ease-in-out;}
.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: 50px;}
.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: 5px;height:5px;background: #009c4b;margin: 0 10px 0 9px; border-radius: 100px;overflow: hidden;}
.mbs-tab-bot ul li .mbs-li p{width: 75%;font-size: 15px;color: #111; 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: 14px;color: #aaaaaa;position: absolute;right: 0;}
.mbs-tab-bot ul li .mbs-li:hover span{color: #009c4b;text-decoration:underline;}
/*2f*/
.mbs-tt{width: 100%;height: 511px;display: flex;flex-direction: column; overflow: hidden; float: left; background: url(../images/banner3.jpg) center center no-repeat;background-size: 1920px 511px;}
.mbs-tth{width: 100%;text-align: center;font-size:36px;color: #111111;margin:50px 0 0 0; font-weight: bold;}	
.mbs-tt-box{width: 1360px;margin: auto;    position: relative;top: -40px;}
.mbs-tt-box ul{width: 100%;display: flex;align-items: center;justify-content:space-around;}
.mbs-tt-box ul li{ width: 270px; height: 270px;position: relative;cursor: pointer;}
.mbs-tt-box ul li .mbss1{ width: 270px;height: 320px;float: left;margin-left: 10px;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: 80px;width: 100%;padding: 0 0px;box-sizing: border-box; text-align: center;font-size: 26px;color: #009c4b;font-weight: bold;}
.mbs-tt-box ul li p{position: absolute;max-height:140px; scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; 
  overflow-x: hidden;
  overflow-y: auto; top:120px;width: 100%;padding: 0 20px;box-sizing: border-box; text-align: center;font-size: 14px;line-height: 24px; color: #666666;font-weight: normal;}
.mbs-tt-box ul li p::-webkit-scrollbar{
display: none;
width: 0;
height: 0;
color: transparent;
}

/*3f*/
.mbs-zs{width: 100%;float: left;}
.mbs-zs-box{width: 1360px; margin: auto;margin-top: 40px;display: flex;align-items: center;justify-content: space-between;}
.mbs-zs-box div{width: 438px;height: 270px;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.8);
    filter: brightness(0.8);}
.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: 270px;
	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: 44px 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: 50px;}
.mbs-wm-box{width: 1360px;margin: auto;margin-top: 40px;display: flex;align-items: center;justify-content: center;}
.wm-left{width: 230px;height: 360px;background:#009c4b url(../images/icon2.png) right bottom no-repeat;background-size: 117px 117px; position: relative;}
.wm-lefts{position: absolute;top:42px;left:58px; color: #fff;font-size: 30px;letter-spacing: 4px; font-weight: bold;  writing-mode: vertical-rl;
  text-orientation: upright;}
.wm-lefta{position: absolute;top:42px;left:130px;color: #fff;font-size: 30px;letter-spacing: 4px;font-weight: bold;  writing-mode: vertical-rl;
  text-orientation: upright;}
.wm-right{width: 1124px;background: #fff;height: 360px;padding: 40px 56px;font-size: 14px;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:9;  }
.wm-right a{color: #009c4b;font-size: 15px;position: absolute;right:56px;bottom: 40px;}
.wm-right a:hover{color: #00af7e;text-decoration: underline;}
/*二级*/
.mbs-banners{float: left;width: 100%;height: 470px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.mbs-banners img{height: 470px;}
.mbs-conterbox{width: 1360px;margin: auto;display: flex;align-items:flex-start;justify-content: space-between; margin-top: 46px;margin-bottom: 100px;}
.mbs-conter{width: 100%;display: flex;align-items: center;justify-content: center;}
.mbs-conter .left{width: 262px;display: flex;flex-direction: column;}
.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: 2px;}
.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:1056px;display: flex;flex-direction: column;}
.mbs-conter .mbs-rcon{width: 100%;height:46px;background: #f8f8f8;margin-bottom: 38px; 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;padding-left: 4%;padding-right: 4%;width: 100%;padding-bottom: 65px;border-bottom: 1px solid #eeeeee;}
.mbs-conter .mbs-rcon-con h1{font-size: 40px;font-weight: normal;color: #444444;width: 100%;margin-top: 6px;margin-bottom: 20px; text-align: center;}
.mbs-conter .mbs-rcon-con div{font-size: 14px;color: #444444;line-height: 38px;}
.mbs-conter .mbs-rcon-con div img, .mbs-conter .mbs-rcon-con div video{margin: auto;display: block;max-width: 100%;}
/*产品展示*/
.mbs-rcon-conA{width: 100%;}
.mbs-rcon-conA .mbs-list{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;}
.mbs-rcon-conA .mbs-list div{width: 340px;height: 210px;display:flex;align-items: center;justify-content: center;overflow: hidden;margin: 0 18px 25px 0;}
.mbs-rcon-conA .mbs-list div:nth-child(3n){margin: 0 0 0 0;}
.mbs-rcon-conA .mbs-list div img{width: 100%;min-height: 210px;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-hotline{display: flex;flex-direction: column;padding-left: 4%;padding-right: 4%;width: 100%;margin-top: 10px; padding-bottom: 65px;border-bottom: 1px solid #eeeeee;}
.hotline{width: 725px;height: 416px;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%;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #444444;margin-bottom: 26px;}
.hotline-li span{width: 60px;}
.hotline-li div{width: 425px;}
.hotline-li div img{height: 42px;margin-left: 14px;cursor: pointer;}
.hotline-li div input{width: 425px;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: #00af7e;}
/*新闻中心*/
.mbs-rcon-news{width: 100%;}
.mbs-news{width: 100%;position: relative;top: -30px;}
.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: 75%;font-size: 15px;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: 14px;color: #aaaaaa;position: absolute;right: 0;}
.mbs-news .mbs-li:hover span{color: #009c4b;text-decoration:underline;}
.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;}
/*footer*/
.mbs-foot{width: 100%;float: left;background:#333333;height: 260px;}
.mbs-box{width: 1360px;margin: auto;margin-top: 55px; display: flex;align-items: flex-start;justify-content: center;}
.mbs-foot-rvm{width: 126px;}
.mbs-foot-rvm img{width: 100%;}
.mbs-foot-ul{margin-left:36px;display: flex;flex-direction: row;}
.mbs-foot-li{width: 110px;display: flex;flex-direction: column;}
.mbs-foot-li div{font-size: 14px;color: #fff;margin-bottom: 12px;font-weight: bold;}
.mbs-foot-li div a{color: #bbbbbb;font-weight: normal;}
.mbs-foot-li div a:hover{color: #fff;}
.mbs-foot-ri{margin-left: 100px; width: 310px;display: flex;flex-direction: column;}
.mbs-foot-ri div{font-size: 14px;color: #bbbbbb;margin-bottom: 3px;}
.mbs-foot-ri div a{font-size: 14px;color: #bbbbbb;}
.mbs-foot-ri div a:hover{color: #fff;}
.mbs-foot-ri .mbs-foot-ris{margin-top: 10px;}