@charset "utf-8";
/* CSS Document */
#sjban{ padding-top: 3.2%; padding-bottom: 2.3%; border-top:1px solid #eae9e9;}
#sjban h1{ color: #474747;  padding:0; margin: 0; text-align: center; font-size: 28px;}
#sjban h2{background: #0a9d4b; color: #fff; font-size:16px; display: inline-block; font-weight: bold; padding:0 9.6%; margin: 2.1% 0 4.2%; position: relative; height: 54px; line-height: 54px;}
#sjban h2::before,#sjban h2::after{  content: ""; border: 27px solid transparent; border-top-color:#0a9d4b; border-bottom-color:#0a9d4b; position: absolute; top: 0;  }
#sjban h2::before{left: 0; margin-left: -27px; }
#sjban h2::after{right: 0; margin-right: -27px;}
#sjban .tel{ color: #4b4b4b; font-size: 18px; font-weight: bold; }
#sjban .col-sm-7{text-align: center;}
#sjban .col-sm-7 p{text-align: left; color: #323232; line-height: 30px; margin-bottom: 2.8%;}
#sjban .col-sm-7 p b{color: #0a9d4b;}
#sjban .col-sm-7 .sbtn{ margin: 15px 0; text-decoration: none; margin-left: 36px; background: #ec1c1c; color: #fff; font-size: 20px; width: 198px; height: 56px; text-align: center; display: inline-block; line-height: 56px; border-radius: 5px;}
#sjban .col-sm-7 a{color: #4b4b4b; text-decoration: none;}
@media (min-width: 991px) {
#sjban h1{ font-size: 43px;}
#sjban h2{ font-size: 21px; line-height: 54px;}
}
@media (min-width: 768px) {
  #sjban{background: url(../images/sj-ban.jpg) top center no-repeat; border: none;}
  #sjban .col-sm-7{float: right;}

}
.zttitle{text-align: center; font-size: 24px; color: #505050; font-weight: bold; position: relative; margin-bottom: 40px;}
.zttitle a{text-decoration: none;color: #505050;}
.zttitle::after{content: ""; width: 28px; height: 3px; background: #009946; position: absolute; bottom: -15px; left: 50%; margin-left: -14px;}
#intro{padding: 3.6% 0 2.4%; text-align: center;}
#intro p{margin-bottom: 2.4%; line-height:30px;}
#intro .embed-responsive{ margin-bottom: 8px; }
#youshi{background: #009944; padding: 3.1% 0; text-align: center; min-height: 369px;}
#youshi .zttitle,#honor .zttitle,#contact .zttitle,#jgyoushi .zttitle,#hot .zttitle{color: #fff;}
#youshi .zttitle::after,#honor .zttitle::after,#contact .zttitle::after,#jgyoushi .zttitle::after,#hot .zttitle::after{ background: #fff; }
#youshi .col-sm-3 .circle{ width: 130px; height: 130px; border-radius: 50%; background: #fff; display: inline-block; margin-top: 10.6%; }
#youshi .col-sm-3 .circle p{margin: 50% auto 0;transform: translateY(-50%);}
#jgt{padding: 3.2% 0; text-align: center;}
@media (min-width: 395px) {
#youshi .col-sm-3 .circle{width: 166px; height: 166px;}
}
@media (max-width: 394px) {#youshi .col-sm-3 {height: 154px;}}
#parameter{padding: 2.6% 0; background: #efefef;}
#parameter table{background: #fff; font-size: 12px; color: #646464;}
#parameter table {border-color: #c8c8c8; text-align: center;}
#parameter table th,#parameter table td{border-color: #c8c8c8; vertical-align: middle; text-align: center;}
#parameter table th{background: #7b7b7b; color: #fff; padding: 15px 5px; font-size: 14px;}
#parameter table td{padding: 7px 5px; line-height: 25px;}
#parameter table .text-left{text-align: left; width:270px; padding-left: 12px;}

#parameter .nav-pills{text-align: center; margin-bottom: 20px; margin-top: 40px;}
#parameter .nav-pills li{display: inline-block; float: none;}
#parameter .nav-pills > li > a{ background: #fff; border: 1px solid #dcdcdc; color: #646464; display:inline-block;}
#parameter .nav-pills > li.active > a{background: #009944; color: #fff;}
@media (min-width: 453px) {
#parameter .nav-pills > li>a{padding-left: 47px; padding-right: 47px; font-size: 16px;}
}
#parameter ol{margin: 0 0 0 14px;; padding: 0;}
#parameter ol li{text-align: left;}
#parameter .qbtitle{text-align: center; color: #009944; font-size: 16px; font-weight: bold; margin-top: 2.4%; margin-bottom: 2.3%;}
#parameter .qbcont{ text-align: center; }
#parameter .qbcont img{display: block; margin: 0 auto 2.6%;}
#parameter .qbcont b{font-size: 14px;}
#parameter .qbcont p{margin-top: 1.8%;}
#parameter .vs{color: #505050; font-size: 60px; line-height: 80px;}
@media (min-width: 768px) {
 #parameter .vs{padding-top: 5.6%;}
}
@media (min-width: 992px) {
#online{background: url(../images/onlinebg.jpg) left center no-repeat;}
  #online::after{background: #2e2e2e; content: ""; position: absolute; top: 0; bottom: 0; width: 100%; left: 24.5%; transform: skew(30deg); z-index:1;}
#online .col-md-8 p{text-shadow: 1px 1px 2px #1c1c1c;}
#online .col-md-8{padding-left: 8.6%;}
#online .container .col-sm-3{text-align: right;}
}
#online{background-color:#2e2e2e;  padding: 3.6% 0 2.6%; position: relative; color: #fff; font-size: 24px; overflow: hidden;}
#online .container{z-index: 2; position: relative;}
#online .sbtn{ text-decoration: none;background: #ec1c1c; color: #fff; font-size: 20px; width: 198px; height: 56px; text-align: center; display: inline-block; line-height: 56px; border-radius: 5px;}
#online span{display: block; font-size: 18px; margin-top: 15px;}
#online .col-md-8 p{margin-bottom: 0; font-weight: bold; line-height: 30px; }
@media (max-width: 767px) {
#online{ text-align: center; }
#online .sbtn{ margin-top: 15px; }
}
#zuhe{padding: 2.3% 0 1.2%}
#zuhe .zuhecont .zhjia{ position: relative; }
#zuhe .zuhecont .zhjia::before{content:"\f067"; position: absolute; margin-left: -55.09%; margin-top: 42.2%; font-size: 22px; font-family: FontAwesome; color: #b1b1b1; }
#zuhe .zuhecont span{ border-radius: 8px; display: block; float: left; text-align: center; font-size: 12px; color: #5f5f5f; width: 16.66666666%; padding-left: 15px; padding-right: 15px;line-height: 18px;}
#zuhe .zuhecont span a{ text-decoration: none; color: #5f5f5f;  border: 1px dashed #cdcdcd; display: block; padding-top: 10px; padding-bottom: 10px; border-radius: 8px;}
#zuhe .zuhecont img{ display: block;margin-left: auto; margin-right: auto; max-width: 100%; margin-bottom: 10px;}
@media (min-width:768px) and (max-width:992px) {
#zuhe .zuhecont span{width: 33.333333%;  margin-bottom: 20px;}
#zuhe .zuhecont span:nth-child(4)::before{content: ""}
#zuhe .zuhecont .zhjia::before{margin-left: -54.09%;margin-top: 32.2%;}
}
@media (max-width:767px){
#zuhe .zuhecont span{width: 33.333333%; margin-bottom: 20px;}
#zuhe .zuhecont span:nth-child(4)::before{content: ""}
}

#zuhe .arrows{text-align: center; margin-top: 15px; margin-bottom: 20px;}
@media (min-width:992px){
#zuhe .description{overflow: hidden; background:url(../images/description.jpg) left center no-repeat; color: #fff; position: relative; padding-left: 53%; padding-top: 30px; padding-bottom: 30px; padding-right: 2.3%;}
#zuhe .description::after{background-color: #323232; content: ""; top: 0; bottom: 0; position: absolute; width: 100%; left: 48%;transform: skew(-17deg);}
}
#zuhe .description p{position: relative; z-index: 1; margin-bottom: 0; text-indent: 2em;line-height: 28px;}
#honor{background-color:#009944; padding: 2.4% 0; margin-top: 2.1%; }
@media (min-width:768px){
#honor .col-sm-6:first-child{text-align: right;}
}
#honor .honors{margin-top: 40px;}
@media (max-width:767px){
#honor{ text-align: center; }
#honor img{margin-bottom: 15px;}
}
#mattofin{ padding: 2.8% 0; text-align: center;}
#mattofin p{margin-bottom: 2.8%;}
#mattofin .arrows{ position: relative; }
#mattofin .arrows::before{content:"\f054"; position: absolute; margin-left: -52.09%; margin-top: 22.2%; font-size: 40px; font-family: FontAwesome; color: #45b578; }
@media  (max-width:992px){
#mattofin .arrows::before{font-size: 20px;}
}

#mattofin .row{padding-top: 15px; padding-bottom: 15px; line-height: 18px;}
#mattofin .row img{display: block; margin:0 auto 10px; } 
#labroom{padding: 2.8% 0; background:url(../images/labroom.jpg) center center no-repeat fixed; background-size: cover; color: #b8b8b8; text-align: center;}
#labroom .zttitle{color: #fff;}
#labroom .col-lab{width: 20%; padding-left: 15px; padding-right: 15px; float: left; margin-top: 30px;}
#labroom .col-lab img{margin-bottom: 5px;}
@media  (max-width:991px){
#labroom .col-lab{ width: 33.3333333%; }
}
@media  (max-width:500px){
#labroom .row{ margin-left: -5px; margin-right: -5px; }
#labroom .col-lab{ padding-left: 5px; padding-right: 5px; margin-top: 10px; }
}
@media  (max-width:386px){
#labroom .col-lab{ line-height: 18px; height: 122px; }
}
#parts{padding: 2.4% 0; text-align: center;}
#parts a.box-img{display: block; position: relative; margin-bottom: 10px; border: 1px solid #aaaaaa; margin-top: 15px;}
#parts a:hover.box-img::before { opacity: 1;transform: translate(-50%, -50%);}
#parts a.box-img::before {color:#fff;z-index: 3;content:"\f002";font-family: "FontAwesome";font-size: 4rem;left: 50%; opacity: 0;position: absolute;top: 50%;transform: translate(-50%, -50%);transition: all 0.3s ease 0s;}
#parts a.box-img::after{ opacity: 0;transition: all 0.3s ease 0s;content: ""; background: rgba(0,153,68,0.7); position: absolute;  width: 100%; height: 100%; top: 0; left: 0; display: block;}
#parts a:hover.box-img::after{opacity: 1;}
#parts .title{ color: #646464; display: block; margin-bottom: 10px; }
#parts a:hover.title{color: #009946; }
#case{padding: 2.8% 0; background: #dddddd;}
#case .onedes{ background: #fff; padding: 10px 15px; }
#case .onedes a{color: #323232; font-size: 16px; font-weight: bold;}
#case .caselist{background: #fff;}
#case .caselist .case{padding: 22px 20px 22px; transition:all 0.3s ease;}
#case .caselist .case:hover{background: #009944; color: #fff;}
#case .caselist .case .title{color: #505050; font-weight: bold; font-size: 16px;}
#case .caselist .case:hover .title{color: #fff;}
#case .caselist .case .no{font-size: 72px; float: left; margin-right: 3.6%; height: 104px; line-height: 76px;}
#case .first{background: #fff;}
@media  (max-width:992px){
#case .first{text-align: center; padding-top: 10px;}
}
#case .more{width: 206px; height: 38px; line-height: 38px; text-align: center; color: #fff; display: block; margin: 0 auto; background: #009944; text-decoration: none;margin-top: 30px;}
#learnmore{padding: 2.8% 0 2.1%;}
#learnmore .learns{border: 1px solid #dcdcdc; display: block;text-decoration: none;color: #646464;  margin-bottom: 20px;}
#learnmore .learns .row{padding: 10.5% 2.3%; margin-left: -5px; margin-right: -5px;}
#learnmore .learns span{display: block; background: #575757; color: #fff; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 16px; }
#learnmore a:hover.learns{border-color: #009946; }
#learnmore a:hover.learns span,#learnmore a:hover.learns p::before{background:#009946;}
#learnmore .col-xs-6{display: table-cell; vertical-align: middle; float: none; padding-left: 5px; padding-right: 5px;}
#learnmore .col-xs-6:first-child{text-align: center;}
#learnmore p{margin-bottom: 0;}
#learnmore p::before{width: 32px; height: 2px; background: #575757; content: ""; position: absolute; margin-top: -10px;}
@media  (min-width:1200px){
#learnmore .learns .row{ height: 255px;}
}

#contact label{font-weight: normal;color: #fff;}
#contact .form-group{ margin-bottom:15px; border: none;}
#contact .form-control{background:#fff; color: #9e9e9e; font-size: 16px;  border: 1px solid #d5d5d5; box-shadow: none; border-radius: 0; font-size: 12px;}
#contact  input.form-control{   height:46px;}
#contact .mailbtn{ font-weight: bold; font-size: 18px; font-weight: normal;  background-color: #065027; color: #fff; width: 225px; height: 54px; line-height: 54px; margin: 15px 0 0; border: none; display: block;  text-transform: uppercase;transition:all 0.3s ease;}
#contact .mailbtn:hover{ background:#3a3a3a; color: #fff;}
@media (min-width:1200px){
#contact .mailbody{width: 80%; margin-left: auto; margin-right: auto; }
}

#contact{background: #009944; padding: 2.8% 0 2.1%;}
/*#contact .myform{max-width: 670px; margin: 0 auto;}
#contact .myform .form-group{ margin-bottom: 15px; border: none;}
#contact .myform .form-control{background:#fff; color: #9e9e9e; font-size: 16px; border:none;  box-shadow: none; font-size: 12px;}
#contact .myform  input.form-control{   height:46px;}
#contact .myform .mailbtn{ border-radius: 5px; font-size: 16px;  font-weight: bold;  background-color: #065027; color: #fff; width: 100%; padding-top: 10px; padding-bottom: 10px; margin: 27px auto 0; border: none; display: block;  text-transform: uppercase;transition:all 0.3s ease;}
#contact .myform .mailbtn:hover{ background:#3a3a3a; color: #fff;}*/


/*秸秆专题*/
#jgban{ padding-top: 2.6%; padding-bottom: 2.3%; border-top:1px solid #eae9e9;}
#jgban h2{ color: #505050; font-size:24px; line-height: 30px; display: inline-block; font-weight: bold; margin: 4.6% 0 3.2%;  border-bottom: 1px solid #bea892; padding-bottom:8px;}
#jgban h2 span{color: #009944;}
#jgban .col-sm-7{text-align: center;}
#jgban .col-sm-7 p{color: #fb4c4c; font-size: 16px; margin-bottom:3.8%;  line-height: 30px; margin-left: auto; margin-right: auto;}

#jgban .col-sm-7 .keli img{ display: block; margin: 0 auto 10px;}
@media (min-width: 580px) {
#jgban .col-sm-7 p{max-width: 382px;}
#jgban .col-sm-7 .keli{padding: 0 11.6%;}
}
@media (min-width: 1200px) {
#jgban h2{ font-size: 30px; line-height: 54px;}
}
@media (min-width: 768px) {
  #jgban{background: url(../images/jg-ban.jpg) top center no-repeat; border: none;}
  #jgban .col-sm-7{float: right;}
  #jgban .col-sm-5{text-align: right;}
}
@media (max-width: 767px) {
    #jgban .col-sm-7{ margin-bottom: 30px; }
}
#jgintro{ padding: 2.8% 0; }
#jgintro p{text-indent: 2em;}
#jgintro img{display: block; margin: 0 auto 15px;}
#jgyoushi{background: #009944;text-align: center;padding: 3.1% 0;}
#jgyoushi .ysdes{color: #fff;}
#jgyoushi .jgrow{margin: 0;}
#jgyoushi .jgrow .col-sm-3{padding: 0;  }
@media (min-width: 768px) {
#jgyoushi .jgrow  p{ margin-top:23.6%;}
#jgyoushi .jgrow{background: #1db25f;}
}
@media (max-width: 767px) {
#jgyoushi .jgrow img{margin-bottom: 15px;}
}
#production{padding: 2.8% 0 1.1%; text-align: center;}
#production img{display: block; margin: 0 auto 10px;}
#production b{color: #009944; font-size: 16px;}
#production .arrows{ position: relative; margin-bottom: 20px; }
#production .arrows::before{content:"";  width: 45px; height: 45px; position: absolute; margin-left: -58.09%; margin-top: 74.2%; font-size: 40px; font-family: FontAwesome; color: #45b578; }
@media  (min-width:992px){
#production .arrows::before{background: url(../images/arrows-l.png) no-repeat;}
}
@media  (min-width:460px) and (max-width:767px){
  #production .arrows::before{background: url(../images/arrows-l.png) no-repeat;}
  #production .arrows:nth-child(3)::before{background: none;}
}
@media  (max-width:991px){
#production .arrows::before{font-size: 20px;}
}
#hot{background: #484848; padding: 2.8% 0;}
#hot .hotbox{background: #fff; padding-bottom: 20px; margin-top: 20px; }
#hot .hotbox a.machine{display: block; text-decoration: none;}
#hot .hotbox a.machine span.title{background: #bf7979; color: #fff; display: block; text-align: center; padding: 12px 0;font-size: 16px;}
#hot .hotbox a.machine .box-img{position: relative; display: block;}
#hot .hotbox a.machine .box-img img{display: block;}
#hot .hotbox a.machine:hover .box-img::before { opacity: 1;transform: translate(-50%, -50%);}
#hot .hotbox a.machine .box-img::before {color:#fff;z-index: 3;content:"\f0c1";font-family: "FontAwesome";font-size: 4rem;left: 50%; opacity: 0;position: absolute;top: 50%;transform: translate(-50%, -50%);transition: all 0.3s ease 0s;}
#hot .hotbox a.machine .box-img::after{ opacity: 0;transition: all 0.3s ease 0s;content: ""; background: rgba(0,153,68,0.7); position: absolute;  width: 100%; height: 100%; top: 0; left: 0; display: block;}
#hot .hotbox a.machine:hover .box-img::after{opacity: 1;}
#hot .hotbox a.machine:hover span.title{background: #009944;}
#hot .hotbox p{padding:15px 20px 0;}
#hot .hotbox a.more{border: 1px solid #a0a0a0; color: #646464; padding: 0 15px; float: right; margin-right: 15px; font-size: 12px; text-decoration: none;}
#hot .hotbox a:hover.more{background: #009944; color: #fff; border-color: #009944;}
#huanbao{padding-top: 2.8%; text-align: center;}
#huanbao .title{background: #595959; padding: 5px 25px; border-radius: 20px; color: #fff; display: inline-block; }
#huanbao  p{text-indent: 2em; margin-top: 5px;}
#huanbao img.mt{margin-bottom: 15px;}
#huanbao .hbtitle{color: #e10a0a; text-align: center; font-size: 24px; padding: 15px 45px; line-height: 35px; display: inline-block; position: relative;}
#huanbao .hbtitle::before{content:"\f10d";font-family: "FontAwesome"; font-size: 32px; margin-top: -7px; position: absolute; margin-left: -45px; }
#huanbao .hbtitle::after{content:"\f10e";font-family: "FontAwesome"; font-size: 32px; margin-top:7px; position: absolute; right:0; top: 0; }
#huanbao .hbpcenter{text-align: center; max-width: 728px; margin-left: auto; margin-right: auto;}
#huanbao  .yttit{background: #009944; color: #fff; text-align: center; padding: 2.1% 0; font-size: 16px;}
#huanbao .cltitle{font-size: 18px;  margin-bottom: 15px; font-weight: bold;}