@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: 10px 0; font-size: 12px; }
#search a{color: #666666; padding: 0 5px;}
#search i{color: #3eb369; font-size: 16px; padding-right: 7px;}
#product{ padding:2.6% 0 4.6%; text-align: center; background: url(../images/index_02.jpg) fixed no-repeat; background-size: cover; color: #fff;}
#product .typename{color: #fff; font-size: 30px; }
#product .iso{font-size: 16px; margin-bottom: 20px;}
#product .row{margin-left: -9px; margin-right: -9px;}
#product .row .col-sm-6{padding-left: 9px; padding-right: 9px;}
#product .subname{display: block;background: #4f4f4f; color: #fff; font-size: 18px; padding: 0 15px; text-align: left; text-decoration: none; line-height: 42px; }
#product .artdes{background: #fff; color: #686767; 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: #2f2f2f;}
#product .artdes a:hover{color: #3EB369;}
#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;overflow: hidden; margin-top: 30px;}
#product .free{ text-decoration: none; width:95px; height: 42px; text-align: right;  color: #fff; position: absolute;line-height: 15px;display:block; padding-top: 14px; padding-right: 15px; z-index: 2; top: 0; right: 0;}
#product .free::after{ background: #e6a600; transform: skew(160deg);  position: absolute; top: 0;content: ""; width: 100%; height: 100%; right: -8px; z-index: -1;   }
@media (max-width:767px){
#product{padding-top: 30px;}
#product .plist{max-width: 420px; margin-left: auto; margin-right: auto;}
}

#video{ padding: 3.3% 0; background: #eeeef0;}
#video .typename{  font-size: 24px; color: #1d1d1d; margin-bottom: 30px;}

#video .typename a.more{color: #3eb37d; font-size: 12px;  font-weight: normal; text-decoration: none;}
#video .typename a:hover.more{color: #3eb37d;}

#video .videocont{background: #fff; padding: 2.8%; }
#video .faqs{background: #fff; padding:2.8%;}
#video .faqlist{ border-bottom: 1px dashed #dedede; color: #a9a8a8; font-size: 12px; line-height: 20px; padding: 14px 15px 14px 30px;}
#video .faqlist::before{content:"\f1ea";font-family: "FontAwesome"; font-size: 16px; color: #3eb37d; margin-left: -30px; position: absolute; }
#video .faqlist:last-child{border-bottom: none;}
#video .faqlist a{color: #4a4a4a; font-size: 14px;margin-bottom: 5px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: block;}
#video #movie_player{width: 100%; height: 344px;}
@media (min-width: 768px) and (max-width: 991px){
#video #movie_player{ height: 244px; }
#video .faqlist{ padding-top: 8px; padding-bottom: 9px; }
}
@media (min-width: 992px) and (max-width: 1199px){
#video #movie_player{height: 304px;}
#video .faqlist{ padding-top: 10px; padding-bottom: 9px; }
}
@media (max-width: 488px){
#video #movie_player{ height: 264px; }
}
@media (max-width: 991px){
#video .col-md-4{margin-top: 30px;}
}
#video .videomore{background: #3eb369; color: #fff;  text-align: center; margin-top: 10px; line-height: 20px; padding: 12px 0; display: block;}
#video a:hover.videomore{background: #282828; color: #fff;}
/*#video .videomore::after{ display: block;  bottom: 0;left:-18px;transform: skew(-30deg); position: absolute; content: ""; top: 0; width: 100%; z-index: -1;}*/

#video .videomore a.more{ color: #20a567; padding-bottom: 12px;}
#video .title{border-bottom: 1px solid #dcdcdc; padding-bottom:10px; margin-bottom: 15px; font-size: 18px; color: #3c3c3c;}
#video ul{list-style: none; margin: 0; padding: 0;}
#video ul li{padding-left: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-right: 5px; padding-top:4px; padding-bottom:4px;}
#video ul li:first-child{padding-top: 0;}
#video ul li a{color: #3eb369;}
#video a:hover,#video .videomore a:hover.more{ color: #3eb37d; text-decoration: none; }
#video li::before{content:"\f03d";font-family: "FontAwesome"; margin-left: -25px;position: absolute; color: #acacac;}
@media (max-width: 767px){
#video ul{margin-top: 15px;}
#video{ padding-top: 30px; padding-bottom: 30px; }
}
@media (min-width: 768px) and (max-width: 1199px){
  #video ul li{ font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
  #video .videomore i{ font-size: 26px; }
}
@media (min-width: 1200px){
#video .faqs{ height: 406px; }
}
#video .wilist{border-bottom: 1px dashed #d1d1d1; padding: 26px 0;}
#video .wilist .row{margin-left: -7px; margin-right: -7px;}
#video .wilist .row .col-xs-4,#video .wilist .row .col-xs-8{padding-left: 7px; padding-right: 7px;}
#video .wilist:first-child{padding-top: 0;}
/*#video .wilist:last-child{border: none;}*/
#video .wilist .col-xs-4{text-align: center;}
#video .wilist a{color: #3eb37d; font-weight: bold; font-size: 14px;}
#video .wilist  p{color: #7c7c7c; margin-top: 5px; margin-bottom: 0; height:76px; overflow: hidden; line-height: 25px;}
#video .wilist:first-child{padding-top: 0;}

#kljscx{padding:4.2% 0 3.6%; text-align: center;}
#kljscx .typename{color: #1d1d1d; font-size: 30px; margin-bottom: 30px;}
#kljscx .typename a{color: #1d1d1d;}
#kljscx p{margin-left: auto; margin-right: auto; margin-bottom: 40px; color: #9c9c9c; max-width: 60%;}
#kljscx .zuhecont .zhjia{ position: relative; }
#kljscx .zuhecont .zhjia::before{content:"\f067"; position: absolute; margin-left: -55.09%; margin-top: 35.2%; font-size: 22px; font-family: FontAwesome; color: #3EB369; }
#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.ctimg{margin-bottom: 15px; text-decoration: none; color: #5f5f5f;  border: 2px solid #ccc; display: block;  overflow: hidden;}
#kljscx .zuhecont span a.ctimg:hover{border-color:#3EB369; }
#kljscx .zuhecont a{color: #7d7d7d; font-size: 14px; font-weight: bold;}
#kljscx .zuhecont a:hover{color: #3EB369; text-decoration: none;}

@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 .zhjia::before{margin-top:32.2%;}
  #kljscx{ padding-top: 30px; padding-bottom: 30px; }
#kljscx .zuhecont span{width: 33.333333%; margin-bottom: 20px;}
#kljscx .zuhecont span:nth-child(4)::before{content: ""}
}
#kljscx .more{display: inline-block;background: #3eb369; color: #fff; padding: 10px 4.6%; margin-top: 6.6%; text-decoration: none;}
#kljscx a:hover.more{background: #282828;}
#links{border-bottom: 1px solid #e8e8e8; padding: 1.6% 0;}
#links a{color: #aeaeae; font-size: 12px;}
#links a:hover{ color: #399f5f; }*/
#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; }

#about{background: #eeeef0; padding: 3.8% 0;}
#about .typename{ padding: 16px 0 30px; font-size: 24px; color: #1d1d1d; position: relative;}
#about .typename span{font-weight: bold;}
#about .more{color: #3eb369;}
#about .ab-cont{background: #fff; padding:30px 25px; color: #606060;}
#about ul{list-style: none; margin: 0; padding: 0;}
#about ul li{border-bottom: 1px solid #eeeef0; padding: 10px 0 3px;}
#about ul li span{background: #3eb369; color: #fff; padding:2px 5px; margin-right: 8px;}
#about ul li p{margin-top: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#about ul li p span{background: #606060;}
#about ul li a{color:#399f5f; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: block;}
#about ul li:last-child{border: none;}
#about .ab-cont .jmk{text-indent: 2em; margin-top: 2.6%; line-height: 30px;}
@media (min-width: 992px) {
#about .ab-cont{ height:370px;}
}
@media (max-width: 991px) {
#about .ab-cont img{display: block; margin-left: auto; margin-right: auto;}
#about .col-md-8{margin-top: 20px;}
}