@import url("../../../css/font-awesome.min.css");
@import url("font.css");
html, body{ padding: 0; margin: 0;}
body{   background-color: #f2f2f2;  font-family: Arial,Helvetica,Verdana,"微软雅黑";    font-size: 14px;    line-height: 22px;color: #666;  position: relative; -webkit-text-size-adjust: none;}
body *{ text-shadow: none;}
ol, ul, li, dl, dt, dd{ list-style: none; padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6{ line-height: 1; font-weight: bold;margin: 20px 0 10px 0; list-style: none;}
h1, h2, h3{ font-size: 18px;}
h4, h5, h6{ font-size: 16px;}
form, input, textarea{ padding: 0; margin:0; border-radius: 0; border:none; }
input[type="submit"], input[type="reset"], input[type="button"], textarea{-webkit-appearance:none;}
p{  margin: 0;padding: 0;}
a, a:link, a:active, a:visited, a:hover{color: inherit; text-decoration: none;}
nav:not(.mm-menu){display: none;}
.clear{ clear: both; }
/**/
.loading {position: fixed; width: 100%; height: 200%; background-color: #fff; top: 0; left: 0; z-index: 35; overflow: hidden; }
.loading .loader { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 25%; left: 50%; margin-top: -20px; margin-left: -20px; text-align: center; background: url(../images/loading.gif) no-repeat center;}
/*loading end*/
#page{padding-top: 50px;}
.header{background: #fff; font-size: 16px;font-weight: bold;color: #fff;line-height: 50px;-moz-box-sizing: border-box;box-sizing: border-box;   width: 100%;height: 50px;   padding: 0 5px; box-shadow: 0 0 3px rgba(0,0,0,.1);  position: fixed;  top: -90px;  z-index: 3;}
.header.on{top: 0;transition: all 0.5s ease-out 0s;}
.header.fixed{position: fixed;top: 0;left: 0;}
.footer.fixed{osition: fixed;bottom: 0;left: 0;}
  #header a.mm_btn {background: center center no-repeat transparent;display: block;width: 30px;height:30px; padding: 5px; position: absolute; right:5px; top:5px; z-index: 12; }
  #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
  #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
  #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #00904a; position: absolute; left: 0; top: 14px;/*transition: transform .2s ease .2s;-webkit-transition: -webkit-transform .2s ease .2s;*/-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
  #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
  #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
  #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
  #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
  #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
  #header .mm_btn.is_active .menu_bar_item {transform: translateZ(0) rotate(45deg);transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform: translateZ(0) rotate(45deg);-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;}
  /*菜单弹出方向*/
  .mm-menu_offcanvas{left: auto!important;}
  .mm-menu{right: 0!important;}
  .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
  .mm-slideout{z-index: 10!important;}
  .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform: translate(-80vw,0)!important;-ms-transform: translate(-80vw,0)!important;transform: translate(-80vw,0)!important;-webkit-transform: translate3d(-80vw,0,0)!important;transform: translate3d(-80vw,0,0)!important;/*transform: translate3d(80vw,0,0)!important;*/}
  .mm-wrapper_opened .mm-menu_fx-menu-slide {-webkit-transform: translate(0,0)!important;-ms-transform: translate(0,0)!important;transform: translate(0,0)!important;-webkit-transform: translate3d(0,0,0)!important;transform: translate3d(0,0,0)!important;}
  /**/
  #menu{ color:rgba(0,0,0,.8);}
  #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
  #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
  #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
  #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
  /* #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);} */
  #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
  #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
  #menu .mm-listitem a{font-size: 16px;}
/*栏目结束*/
#header .logo{ margin: auto; text-align: left; height:50px; padding: 0px 0;}
#header .logo img{ max-height: 50px; }
#header i{ position: absolute; right:48px; top: 8px; padding: 0px 10px; height: 35px; font-size: 24px; line-height: 35px; color: #00904a;}
#header i.current{color: #111; background: #fff; transition: 0.5s all; border-radius: 3px;}
.lang-container{ width:100vw; height: 100%; background: #111; padding: 10px 0; position: fixed; right:0px; top: 50px; text-align: center;  z-index: 11; transition: 0.5s all;}
.lang-container{    transition: transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.1s; transform: translate3d(0,100%,0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.1s; -webkit-transform: translate3d(0,100%,0); }
.lang-container.current{display: block; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);}
.lang-container a{ display: block; line-height: 40px; color: #ccc; font-size: 14px;  border-bottom: 1px solid rgba(255,255,255,.05);}
/**/
.banner{position: relative;}
.swiper-container {width: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide 
{
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.swiper-slide img{ width: 100% }
.banner .swiper-pagination-bullet-active{background:  #fff; opacity: 1!important;}
.banner .swiper-pagination-bullet{width:30px; height:1px; opacity: .8; border-radius: 0;}
/*Banner结束*/
.container{background: #f2f2f2; overflow: hidden;}
.container .wrap{margin:10px 0; background: #fff; padding: 20px 0px 30px 0px; text-align: center;}
.inner-container{ padding: 0 15px; }
.container .wrap .content-header {text-align: left; border-bottom: 1px solid #efefef; margin-left: 15px; padding-bottom: 10px; position: relative;}
.container .wrap .content-header .title{ font-size: 18px; margin: 0; color: #333; display: inline-block; /*font-weight: bold;*/ font-family: "PingFangSC";}
.container .wrap .content-header .sub-title{ color: #999; font-size: 14px; display: inline-block; text-transform: uppercase; padding-left: 5px;}
.container .wrap .content-header a{display: block;}
.container .wrap .content-header a:after{content: '';border-top: 1px solid #999;border-left: 1px solid #999;box-sizing: content-box;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 6px;right:15px;}
.content .wrap .more {margin: 30px auto 0 auto;display: inline-block;line-height: 36px;padding: 0 80px; background:#5c5c5c;border: 1px solid rgba(0, 0, 0, 0.15);color: #fff;}
/**/
.item-count{padding: 10px 0!important;}
.item-count .content-list{ overflow: hidden; }
.item-count ul.content-list li{width: 50%; height: auto; float: left; text-align: center; margin: 10px 0; color: #333;}
.item-count ul.content-list li div { border-right: rgba(0,0,0,.08) 1px solid; padding: 20px 0;}
.item-count ul.content-list li:nth-child(2n) div {border-right: none;}
.item-count ul.content-list li p.number{ position: relative; }
.item-count ul.content-list li p.title {height: auto; overflow: hidden; font-size: 12px;  color: #959595; padding: 0 10px;}
.item-count ul.content-list li p.number .count-num{font-size: 34px; font-family: "PingfangScThin";}
.item-count ul.content-list li p.number .count-plus{font-size: 12px; color: #959595; vertical-align: top;}
.item-count ul.content-list li div:after { content: ''; position: relative; display: block; width: 60%; height: 1px; background: rgba(0,0,0,.08); margin: 0 auto; top:30px;}
.item-count ul.content-list li:nth-child(3) div:after, .item-count ul.content-list li:nth-child(4) div:after{ background: transparent; }
/*count end*/
.item-intro{padding-bottom: 10px!important;}
.intro-container{ padding: 30px 0 20px 0; position: relative;}
.intro-content{line-height: 24px; text-align: left;}
.intro-content .img{}
.intro-content .img img{max-width: 100%; width: 100%;}
.intro-content p{ line-height: 24px; margin: 10px 0; }
/*intro end*/
.item-img{padding-bottom: 50px!important;}
.img-container{ padding: 30px 0 20px 0; position: relative;}
.img-container p{font-size: 14px; padding: 4px 0 8px 0;}
.img-container .img-pagination{bottom: -25px!important;}
.img-container .more{ margin-top: 60px!important;  }
.img-container .swiper-slide a{background: #f7f7f7;}
/*img end*/
.news-container{ padding:0 0 20px 0; }
.news-container .content-list li{ padding: 26px 0; border-bottom: 1px solid #e9e9e9;  text-align: left;}
.news-container .content-list li:last-child{border-bottom: none; padding-bottom: 0;}
.news-content{}
.news-content .title{font-size: 14px; color: #333;  transition: all .3s linear;}
.news-content .date{ color: #9f9f9f; margin: 0px 0 10px 0; display: inline-block;}
.news-content .description{ font-size: 13px; color: #999; line-height: 22px; }
/*news end*/
.item-graphic{}
.graphic-container{padding: 0px 0 20px 0;}
.graphic-container .graphic-img{width:40%;}
.graphic-container .graphic-img img{ float: left; width: 100%; }
.graphic-container .graphic-info{ margin-left: 42%; text-align: left; padding-left: 5px;}
.graphic-container .content-list{}
.graphic-container .content-list li{ overflow: hidden; padding: 26px 0; border-bottom: 1px solid #e9e9e9;  text-align: left;}
.graphic-container .content-list li:last-child{border-bottom: none; padding-bottom: 0;}
.graphic-container .content-list li .title{ color: #333; font-size: 16px;}
.graphic-container .content-list li .content{ line-height: 22px; color: #999; margin-top: 10px; font-size: 14px;}
/*graphic end*/
.item-contact{}
.contact-container{padding: 20px 0 0 0;}
.contact-container .content-list{}
.contact-container .content-list li{ overflow: hidden; padding: 5px 0; text-align: left;  font-size: 14px; color: #666; display: block;}
.contact-container .content-list li.title{font-size: 18px; font-weight: bold;}
.contact-container .content-list li i{width: 25px; height: 20px;}
.contact-container .content-list li i.fa:before{}
.contact-container .content-list li span{ display: inline-block; }
.message-box{ padding: 20px 0 0 0; }
.message-box input[type='text'], .message-box textarea{ width: calc(100% - 40px);border: 1px solid #ececec;height: 18px;line-height: 18px;vertical-align: middle;color: #333;padding: 10px 20px;margin-bottom: 10px;transition: all 0.3s ease-out 0s;background-color: transparent;}
.message-box textarea{ height: 100px;}
.message-box  .submit {background-color: #5f5f5f; height: 48px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width: 100%;color: #ffffff;font-size: 16px;padding: 5px 0;cursor: pointer;}
.message-box input[name="verify"]{width: calc(50% - 40px);float: left;}
.message-box #captcha_src{float: left;height:40px;margin-left: 10px;}
#online {width: 70%;margin: 0 15%;position: fixed;background: rgba(243,243,243,.95);box-shadow: 0 5px 10px rgba(0,0,0,.1);bottom: 40px;height: 40px;border-radius: 40px;z-index: 10;}
#online a {width: 25%;float: left;height: 100%;line-height: 40px;text-align: center;font-size: 18px;position: relative;}
.mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0, 0, 0);background: rgba(0, 0, 0, .6);overflow-y: auto;z-index: 100;display: none;}
.wechat-container{width: 150px;border-radius: 20px;height: auto;padding: 20px 20px 0 20px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -95px;margin-top: -105px;}
.wechat-container .qrcode{ height: auto; text-align: center;}
.wechat-container .qrcode img{max-width: 100%;}
.wechat-container p{ text-align: center; line-height: 40px; }
/*联系我们结束*/

/*内页*/
.container-wrap{padding:40px 0 ; background: #fff;}
.container-wrap .inner-container{padding-bottom: 20px;}

/*子栏目*/
.container .sub-category, .back-bar {width:100%; height:40px;line-height:40px; text-align: left; background: #333;  position: fixed; top: -40px; z-index: 2; box-shadow: 0 0 5px rgba(0,0,0,.3);}
.sub-category.on, .back-bar.on{top: 50px;transition: all 0.5s ease-out 0s;}
.container .sub-category .title{ font-size: 16px; margin: 0; color: #ccc; text-indent: 1em; display: inline-block; font-family: "PingFangSC";}
.container .sub-category .sub-title{ color: #999; font-size: 14px; display: inline-block; text-transform: uppercase; padding-left: 5px;}
.container .sub-category i.down{ position: absolute; right: 0px; width: 95%; height: 32px; padding-top:8px; padding-right: 20px;text-align: right; font-size: 24px; color: #ccc;}
.container .sub-category a{display: block;}
/*
.container .sub-category a:after{content: '';border-top: 1px solid #999;border-left: 1px solid #999;box-sizing: content-box;-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);display: block;width: 10px;height: 10px;margin: auto;position: absolute;top: 6px;right:20px;}*/

.sub-category-container{ width:100vw; height: 100%; background: #111; position: fixed; z-index: 12; overflow-y:auto; top: 50px; transition: transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.1s; transform: translate3d(0,100%,0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.1s; -webkit-transform: translate3d(0,100%,0);}
.sub-category-container.open{ transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); }
.sub-category-container .header-line{ height: 40px; line-height: 40px;  color: #ccc; border-bottom:1px solid rgba(255,255,255,.1); font-size: 16px; text-align: center; position: relative; }
.sub-category-container .header-line i{ position: absolute; right: 0px; width: 60px; height: 40px; font-size: 20px; color: #fff; }
.sub-category-container .header-line i:before{content:""; display: block; position: absolute; top: 19px; right: 20px; height:2px; width:15px; background: #ccc; transform: rotate(45deg);}
.sub-category-container .header-line i:after{content:""; display: block; position: absolute; top: 19px; right: 20px; height:2px; width:15px;  background: #ccc;transform: rotate(-45deg);}
.sub-category-container .content{padding: 5px 0 20px 0; text-align: left;}
.sub-category-container dl{border-bottom: 1px dotted rgba(255,255,255,.05);}
.sub-category-container dl dt{ display: block; line-height: 40px; padding:0 2em; }
.sub-category-container dl dt a{ display: block; color: #ccc; font-size: 14px;  transition: 0.2s all; }
.sub-category-container dl dd{ padding:5px 3em 10px 3em; }
.sub-category-container dl dd a{ display: inline-block; margin:0 10px; font-size: 12px; color: #888;}
/**/
.back-bar a{ padding-left: 2em; line-height: 40px; color: #ccc; font-size: 16px; display: block; }
.back-bar a:before{content: '';border-bottom: 2px solid #ccc;border-right: 2px solid #ccc;box-sizing: content-box;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 15px; left:15px;}
/*子栏目结束*/

/*产品列表*/
.img-wrap .inner-container{padding-top: 20px;}
.img-list-container{ padding:30px 0 0 0; }
.img-list-container ul li{ display: block; float: left; margin-right: 15px; margin-bottom: 15px; width: calc(50% - 7.5px); }
.img-list-container ul li:nth-child(2n){margin-right:0;}
.img-list-container ul li a{ display: block; background: #f2f2f2;}
.img-list-container ul li img{width: 100%;}
.img-list-container ul li p{text-align: center; font-size: 14px; padding: 4px 0 8px 0;}

/*产品详情*/
.img-detail-container{ overflow: hidden;   }
.img-detail-container .img-title{height:40px; line-height:40px; text-align:center; margin-bottom:5px;font-size: 18px;}
.img-detail-container .img-detail-swiper{position: relative;}
.img-detail-container .img-detail-swiper .swiper-pagination{ bottom: 0 }
.img-detail-container .img-content{padding:10px 0;}
.img-detail-container .img-content .header-line{ height: 40px; line-height: 40px; font-size: 16px; border-bottom: 1px solid #efefef; }
.img-detail-container .img-content .description{ padding:10px 0; line-height: 24px; }
.img-detail-container .img-content .description table {
    width: 100%!important;
    margin-bottom: 1.6rem;
    border-spacing: 0!important;
    border-collapse: collapse!important;
    padding: 0!important;
    border: 0;
}
.img-detail-container .img-content .description table td{border:1px solid #ccc!important; padding:0!important;}
.img-detail-container .img-content .description p{ margin: 10px 0; }

/*新闻列表*/
.news-list-container ul li{ padding: 26px 0; border-bottom: 1px solid #e9e9e9;  text-align: left;}
.news-list-container ul li:last-child{border-bottom: none; padding-bottom: 0;}
.news-wrap .inner-container{padding-top: 20px;}
.news-detail-container .news-content{ line-height: 24px; }
.news-detail-container .news-content p{margin:10px 0;}
.news-detail-container .news-content img{max-width: 100%;}
.news-detail-container .news-title{font-size: 16px; color: #333;}
.news-detail-container .news-info{ padding:5px 0 10px 0; color:#999; border-bottom: 1px solid #efefef;}

/*图文列表*/
.graphic-list-container{padding: 0px 0 20px 0;}
.graphic-list-container .graphic-img{}
.graphic-list-container .graphic-img img{width: 100%; }
.graphic-list-container .graphic-info{text-align: left; padding-left: 5px;}
.graphic-list-container ul li{ overflow: hidden; padding: 26px 0; border-bottom: 1px solid #e9e9e9;  text-align: left;}
.graphic-list-container ul li:last-child{border-bottom: none; padding-bottom: 0;}
.graphic-list-container ul li .title{ color: #333; font-size: 16px;}
.graphic-list-container ul li .content{ line-height: 22px; color: #999; margin-top: 10px; font-size: 14px;}

/*人才招聘*/
.recruitment-list-container{padding-top: 30px;}
.recruitment-list-container .inner-container{padding-top: 20px;}
.recruitment-wrap ul.recruitment-list{border-bottom:1px solid #eee ; overflow: hidden;}
.recruitment-wrap ul.recruitment-list li{display: block; float: left;  height: 40px; line-height: 40px; text-indent: 1em; color: #333;}
.recruitment-wrap ul.recruitment-list li:first-child{width: 50%; text-indent: 1em;}
.recruitment-wrap ul.recruitment-list li:nth-child(2){width: 20%; text-align: center;}
.recruitment-wrap ul.recruitment-list li:last-child{width: calc(30% - 5px); padding-right: 5px; text-align: center;}

.recruitment-wrap .header-line {overflow:hidden; border-bottom: 2px solid #ccc!important; font-weight: bold;}
.recruitment-wrap .recruitment-desc{ display: none; padding:15px 5px; line-height: 24px; border-bottom: 1px solid #eee; color: #666;}
.recruitment-wrap ul li.on{background: #333;  transition: 0.5s all;}
.recruitment-wrap ul li.on ul li{color: #fff;}

/*分页*/
#pages{ text-align: center; }
#pages li{ display: inline-block; min-width:35px; height: 35px; line-height: 35px; background: #f7f7f7; color: #333; font-family: Arial; margin-right: 5px; text-align: center;}
#pages li.active{ background: #333; color: #fff;}
/*分页结束*/
.footer{ background: #f2f2f2; padding: 10px; text-align: center; font-size: 12px; color: #999;}