@charset "utf-8";
/* CSS Document */
#banner .bx-controls-direction a{background: url(../images/arrow.png) no-repeat; width: 35px; height: 64px;opacity: 0.7;}
#banner .bx-controls-direction a.bx-prev{ left: -80px; }
#banner .bx-controls-direction a:hover.bx-prev,#banner .bx-controls-direction a:hover.bx-next{opacity: 1;}
#banner .bx-controls-direction a.bx-next{background-position: -35px top;right: -80px;}
#banner .bx-wrapper:hover .bx-controls-direction a.bx-prev{left:30px;}
#banner .bx-wrapper:hover .bx-controls-direction a.bx-next{right:30px;}
#banner .bx-wrapper{overflow: hidden;}
#search{ padding: 7px 0; font-size: 12px; background: #e4e4e4; border-bottom: 1px solid #d9d7d8; }
#search a{color: #666666; padding: 0 5px;}
#search .btn{background: #00923f; padding:2px 26px; font-size: 14px; border-radius: 15px; color: #fff; float: right;}
#product{ padding:2.6% 0 3.6%; text-align: center;}
.typename{font-size: 28px; color: #000; text-align: center; display: inline-block; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
.typename::before,.typename::after{width: 22px; height: 5px; background: #00923f; content: ""; position: absolute; margin-top: 10px;}
.typename::before{margin-left: -42px;}
.typename::after{ margin-left: 20px; }
.typename a{color: #000; text-decoration: none;}
.typename a:hover{color:#00923f; }
#product .row{margin-left: -9px; margin-right: -9px;}
#product .row .col-sm-6{padding-left: 9px; padding-right: 9px;}
#product .subname{display: block;background: #676767; color: #fff; font-size: 18px; padding: 0 15px; text-align: left; text-decoration: none; line-height: 45px; margin-top: 20px;}
#product .artdes{background: #00923F; color: #fff; text-align: left; padding: 15px; line-height: 22px; font-size: 13px;}
#product .artdes p{font-size: 12px;}
#product .artdes ul{list-style: none; margin: 0; padding: 0;}
#product .artdes ul li{padding: 2px 0;}
#product .artdes a{color: #fff;}
#product .typebox{ text-align: center; margin: 10px 0;}
#product .typebox a{display: inline-block; background: #E3E3E3; padding: 6px 32px;font-size: 16px; color: #000; margin: 0 2.3%;border-radius: 20px; text-decoration: none;}
#product .typebox a:hover{background: #00923f; color: #fff; }
#product .plist{position: relative;}
#product .free{font-size: 12px; text-decoration: none; width: 45px; height: 45px;  color: #fff; position: absolute;line-height: 15px;display:block; padding-top: 8px; padding-left: 4px; z-index: 2; top: 0; right: 0;}
#product .free::after{ background: #00923f;  position: absolute; bottom: 0;content: ""; width: 100%; height: 100%; left: 0; z-index: -1;   }
@media (max-width:767px){
#product{padding-top: 30px;}
}
#kljscx{padding:0 0 3.6%; text-align: center;}
#kljscx p{width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
#kljscx .zuhecont .zhjia{ position: relative; }
#kljscx .zuhecont .zhjia::before{content:"\f067"; position: absolute; margin-left: -55.09%; margin-top: 42.2%; font-size: 22px; font-family: FontAwesome; color: #b1b1b1; }
#kljscx .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;}
#kljscx .zuhecont span a{ text-decoration: none; color: #5f5f5f;  border: 1px dashed #cdcdcd; display: block; padding-top: 10px; padding-bottom: 10px; border-radius: 8px;}
#kljscx .zuhecont img{ display: block;margin-left: auto; margin-right: auto; max-width: 100%; margin-bottom: 10px;}
@media (min-width:768px) and (max-width:992px) {
#kljscx .zuhecont span{width: 33.333333%;  margin-bottom: 20px;}
#kljscx .zuhecont span:nth-child(4)::before{content: ""}
#kljscx .zuhecont .zhjia::before{margin-left: -54.09%;margin-top: 32.2%;}
}
@media (max-width:767px){
#kljscx .zuhecont span{width: 33.333333%; margin-bottom: 20px;}
#kljscx .zuhecont span:nth-child(4)::before{content: ""}
}
#video{background: #e3e3e3; padding:2.8% 0; text-align: center;}
#video .videocont{background: #fff; padding: 20px; }
#video ul{list-style: none; margin: 0; padding: 0;}
#video ul li{padding-left: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-right: 5px; padding-top: 5px; padding-bottom: 6px; text-align: left;}
#video ul li:first-child{padding-top: 0;}
#video ul li a{color: #6d6d6d;}
#video a:hover,#video .videomore a:hover.more{ color:#00923f; text-decoration: none; }
#video li::before{content:"\f0da";font-family: "FontAwesome"; margin-left: -15px;position: absolute;}
#video .more{background: #676767; margin-top: 15px; color: #2fc972; padding: 7px 0; font-weight: bold;}
#video .more a{color: #fff;}
#video iframe{width: 100%; height: 364px;}
@media (max-width: 767px){
#video ul{margin-top: 15px;}
#video .typename{margin-top: 30px;}
}
@media (min-width: 768px) and (max-width: 1199px){
  #video ul li{ font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
  #video #movie_player{height: 304px;}
}
@media (min-width: 768px) and (max-width: 991px){
#video #movie_player{ height: 244px; }
}
@media (max-width: 488px){
#video #movie_player{ height: 264px; }
}
#video .gzcont{background: #00923f; padding: 20px; color: #fff;}
#video .gzcont a{color: #fff;}
#video ul li{ padding-left: 22px; }
#video .gzcont li::before{content:"\f138"; color: #fff; margin-left: -22px;}
#faqs{ padding: 2.6% 0; text-align: center; }
#faqs .faqcont{background: #ebebeb; padding: 20px; text-align: left;}
#faqs .faqcont ul{list-style: none; margin: 0; padding: 0;}
#faqs .faqcont ul i{padding-right: 5px;}
#faqs .faqcont ul li a{color: #464646;}
#faqs .faqcont ul li{ margin: 9px 0; line-height: 20px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#faqs .faqcont p{text-indent: 2em;}
#faqs .faqcont a{color: #00923f;}
#faqs img{display: block;}
#faqs .zzrycont{padding-left: 45px; padding-right: 45px;}
#faqs .bx-wrapper .bx-controls-direction a{margin-left: -55px;}
#faqs .bx-wrapper .bx-next{right: 0; margin-right: -45px;}
#faqs .bx-controls-direction a{background: url(../images/zzry.png) no-repeat; width: 20px; height:29px;transition:none;}
#faqs  .bx-controls-direction a.bx-next{ background-position: -20px -29px; }
#faqs .bx-controls-direction a:hover.bx-prev{background-position: left -29px;}
#faqs .bx-controls-direction a:hover.bx-next{background-position: -20px 0;}
@media (max-width: 767px){
  #faqs .typename{margin-top: 30px;}
}
#project{ padding: 3.91% 0 2.1%; overflow: hidden;  overflow: hidden; background: #0ba04b url(../images/pjbg.jpg) no-repeat; text-align: center; line-height: 18px;}
#project .typename{color: #fff; margin-bottom: 20px;}
#project .typename::before,#project .typename::after{background: #fff;}
#project p{color: #191919; font-size: 18px; margin-bottom: 30px;}
#project a{color: #fff;}
#project img{display: block; margin-bottom: 10px; border: 4px solid #fff;}
#project .bx-controls-direction a{background: url(../images/pj.png) no-repeat; width: 25px; height: 39px;opacity: 0.7;}
#project .bx-controls-direction a:hover.bx-prev,#project .bx-controls-direction a:hover.bx-next{opacity: 1;}
#project  .bx-controls-direction a.bx-next{background-position: -25px top;}
@media (min-width: 1300px){
#project  .bx-controls-direction a.bx-next{right: -60px;}
#project .bx-controls-direction a.bx-prev{ left: -60px; }
}
#links{border-bottom: 1px solid #e8e8e8; padding: 1.6% 0;}
#links ul{margin: 0; padding: 0; list-style: none;}
#links ul li{margin-left: 5px; margin-right: 5px;}
#links ul li,#links b{float: left;}
#links a{color: #aeaeae; font-size: 12px;}
#links a:hover{ color: #399f5f; }