body{background: #fff;overflow-x: hidden;}
#banner {overflow: hidden;}
#banner .slides{list-style: none; margin: 0; padding: 0;}
#product{padding: 32px 0 3.6%; background: #333436 url(../images/index_02.jpg) fixed no-repeat; background-size: cover;}
@media (min-width: 768px) {
#product .col-md-9{ float: right; }
}
#product .search{ margin-left: -4px; margin-right: -4px; font-size: 12px; color: #fefefe; }
#product .search .col-sm-9,#product .search .col-sm-3{padding-left: 4px; padding-right: 4px;}
#product .search .searbg{background: #454545; padding:3px 0 3px 2.6%; border-radius: 4px; font-size: 12px;}
#product .search .searbg a{color: #c5c5c5;}
#product .getprice{background: #3eb37d; display: block; text-align: center;font-size:16px; color: #fff; text-decoration: none; border-radius: 4px; line-height: 32px;}
#product .getprice i{color: #fff; padding-right: 8px; font-size: 20px;  }
@media (max-width: 767px) {
#product .getprice{ margin-top: 10px; }
}
#product .sidebar{background: #fff; margin-top: 32px;}
#product .sidebar .title{text-align: center; font-size: 18px; color: #494949; background: #3eb37d; padding-top: 5.6%; padding-bottom: 5.6%;}
#product .sidebar .title b{display: block; color: #fff; font-size: 30px; margin-bottom: 5px;}
#product .panel{background: none; border: none; box-shadow: none;}
#product .panel-group{ margin-bottom: 50px; }
#product .panel-group .panel + .panel{ margin-top: 0; }
#product .panel-group .panel-heading{ border-bottom: 1px solid #e6e6e6;padding: 0; }
#product .panel-heading a{transition:all 0.3s ease; font-size: 18px; background:#f5f5f5 url(../images/small-logo-g.png) no-repeat; background-position: 15px center; display:block; position:relative; padding:20px 0 20px 45px; color: #3eb37d; width: 100%; height: 100%; outline: none;text-decoration: none; line-height: 18px;}
#product .panel-heading a.collapsed{ color: #343434; background-color:#fff;}
#product .panel-group .panel-body{ border: none !important; padding: 0; }
#product ul.catelist{ margin:0; padding: 0; list-style: none; }
#product ul.catelist li{ line-height: 18px; padding: 7px 0 7px 40px;border-bottom: 1px solid #e6e6e6; font-size: 12px; position: relative; }
#product .panel:first-child ul.catelist li:nth-child(2) a::after{ background: url(../images/new.gif) no-repeat; content: ""; position: absolute; top:50%; margin-top: -4px; margin-left: 8px; width: 27px; height: 9px; }
#product .panel:first-child ul.catelist li:first-child a::after{ background: url(../images/hot-1.gif) no-repeat; content: ""; position: absolute; top:50%; margin-top: -4px; margin-left: 8px; width: 21px; height: 9px; }
#product ul.catelist li::before{content:"\f105";font-family: FontAwesome; position: absolute; margin-left: -15px; color: #c1c1c1;}
#product ul.catelist li a{ color: #515151;  }
#product ul.catelist li i{ font-size: 12px; }
#product ul.catelist li a:hover{ color: #3eb37d; text-decoration: none; }
@media (min-width: 992px) {
#search{ padding-top: 20px; padding-bottom: 20px; }
}
#product .content{margin: 32px 0; background: #fff; }
#product .nav-tabs{background: #f4f4f4;}
#product .tab-content{border: 0; padding: 3.2% 2.3% 1.2% 2.3%; border-top: none;}
#product .nav-tabs > li > a{outline: none; font-size: 18px; color: #636363;  border-radius: 0; border-top: 0; padding-top: 13px; padding-bottom: 13px;}
#product .nav-tabs > li:first-child > a{border-left: 0;}
#product .plist{display: block; text-decoration: none; background: #636363;}
#product .plist .titname{transition:all 0.3s ease;display:table-cell; vertical-align: middle; background: #636363; color: #fff; padding-left: 15px; height: 45px; font-size: 16px;  width: 100%; padding-right: 58px; line-height: 18px; }
#product .free{ text-decoration: none; width: 85px; height: 45px;  color: #fff; position: absolute; font-weight: bold; line-height: 16px; padding-left: 14px; z-index: 2; bottom: 0; right: -28px;}
#product .free span{position: absolute; top: 50%; margin-top: -16px;}
#product .free::after{ background: #3eb37d;  position: absolute; bottom: 0;transform: skew(165deg); content: ""; width: 100%; height: 100%; left: 0; z-index: -1;   }
#product .product-s{position: relative; overflow: hidden; margin-bottom: 19px;}
#product a:hover .box-img::before { opacity: 1;transform: translate(-50%, -50%) rotate(90deg);}
#product .plist .box-img::before {color:#34c26e;z-index: 3;content:"\f055";font-family: "FontAwesome";font-size: 4rem;left: 50%;opacity: 0;position: absolute;top: 50%;transform: translate(-50%, -50%);transition: all 0.3s ease 0s;}
#product .plist .box-img::after{ opacity: 0;transition: all 0.3s ease 0s;content: ""; background: rgba(0,0,0,0.5); position: absolute;  width: 100%; height: 100%; top: 0; left: 0; display: block;}
#product a:hover .box-img::after{opacity: 1;}
#product .plist .box-img{ overflow: hidden;display: block; position: relative;}
#product .plist .box-img img{ transition:all 0.3s ease;}
#product a:hover .box-img img{ transform: scale(1.2); } 
#product .content .diyrow{margin-left: -9px; margin-right: -9px;}
#product .content .diyrow .col-sm-6{ padding-left: 9px; padding-right: 9px; }
@media (min-width: 374px) {
#product .nav-tabs > li > a{padding-left: 30px; padding-right: 30px;}
}
#video{ padding: 3.3% 0; background: #f2f2f2;}
#video .typename{background: #3eb37d; padding: 12px 26px; font-size: 20px; color: #252525; position: relative;}
#video .typename::before{ content: ""; position: absolute; border: 9px solid transparent; border-top-color:#3eb37d; margin-bottom:-18px; bottom:0;  }
#video .typename span{color: #fff;}
#video .typename a.more{color: #fff; font-size: 12px; float: right; font-weight: normal; text-decoration: none;}
#video .typename a:hover.more{color: #252525;}
#video .videocont{background: #fff; padding: 2.8%; }
#video .faqs{background: #fff; padding: 2.8%;}
#video .faqlist{ border-bottom: 1px dashed #808080; color: #a9a8a8; font-size: 12px; line-height: 20px; padding: 14px 15px 14px 25px;}
#video .faqlist::before{content:"\f059";font-family: "FontAwesome"; font-size: 16px; color: #3eb37d; margin-left: -25px; 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 iframe{width: 100%; height: 364px;}
@media (min-width: 768px) and (max-width: 991px){
#video iframe{ height: 244px; }
}
@media (min-width: 992px) and (max-width: 1199px){
#video iframe{height: 304px;}
}
@media (max-width: 488px){
#video iframe{ height: 264px; }
}
#video .videomore{position: relative; overflow: hidden;z-index: 1; padding:7px 15px; color: #545353; text-align: center; font-size: 12px; margin-top: 10px;}
#video .videomore::after{ display: block; background: #dbdbdb; 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 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: 6px; padding-bottom: 6px;}
#video ul li:first-child{padding-top: 0;}
#video ul li a{color: #6d6d6d;}
#video a:hover,#video .videomore a:hover.more{ color: #3eb37d; text-decoration: none; }
#video li::before{content:"\f0da";font-family: "FontAwesome"; margin-left: -15px;position: absolute;}
@media (max-width: 767px){
#video ul{margin-top: 15px;}
}
@media (min-width: 768px) and (max-width: 1199px){
	#video ul li{ font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
}
#case{padding: 4.26% 0 5.56%; color: #575757;}
#case .casetit{font-size: 36px; color: #323232; font-style: italic; text-align: center; margin-bottom: 24px; border-bottom: 1px solid #eeeeee; padding-bottom: 2.6%; margin-bottom: 4.6%;}
#case .casetit span{color: #3eb37d; font-style: normal; font-weight: bold;}
@media (max-width: 991px){
#case .casetit{ font-size: 24px; line-height: 30px;}
}
#case .casetit2{ color: #3eb37d; font-size: 12px; margin-bottom: 25px;}
#case .casetit2 span{font-size: 24px; color: #575757; padding-right: 10px;}
#case .casetit2 span b{font-size: 22px;color: #3eb37d;}
#case .casetit2 a{padding-left: 10px;color: #3eb37d;}
#case .case{ margin-bottom: 30px; padding: 10px; display: block; text-align: center; border: 1px solid #e9e9e9; font-size: 14px; color: #777777; text-decoration: none;transition:all 0.3s ease;}
#case .case .title{display: block;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
#case .case .caseimg{display: block;overflow: hidden;margin-bottom: 5px;}
#case .case .caseimg img{transition:all 0.3s ease;}
#case a:hover.case{background: #e9e9e9;color: #777777;}
#case a:hover.case img{ transform: scale(1.2); }
@media (max-width: 767px) {
#case .min-center{margin-bottom: 20px;}
#case {padding-top: 6.65%;}
#case .casetit2{text-align: center;}
}
#case .wilist{border-bottom: 1px dashed #d1d1d1; padding: 20px 0;}
#case .wilist img{border-radius: 50%;}
#case .wilist:first-child{padding-top: 0;}
#case .wilist:last-child{border: none;}
#case .wilist .col-xs-4{text-align: center;}
#case .wilist a{color: #444444; font-weight: bold; font-size: 14px;}
#case .wilist a:hover{color: #3eb37d;}
#case .wilist  p{color: #7c7c7c; font-size: 12px; margin-top: 5px; margin-bottom: 0; height: 96px; overflow: hidden;}
@media (min-width: 1200px) {
#case .col-sm-5{padding-left: 3.6%;}
}
@media (max-width: 991px) {
#case{padding-bottom: 10.6%;}
}
#youshi{background: #f2f2f2; padding: 2.4% 0 5.1%; position: relative; }
@media (min-width: 768px) {
#youshi::before{ content: ""; background: #f2f2f2; height: 30px;position: absolute; top: -30px;transform: skew(-34deg); right: -1%;  width: 66%;}
}
#youshi .caption{ max-width: 600px; margin: 0 auto 5.1%; ;}
#youshi .caption .cap-left{ font-weight: bold; color: #444; font-size: 45px; font-style: italic; font-weight: bold;height: 54px; line-height: 54px; margin-bottom: 15px;}
#youshi .caption .cap-left span{color: #3eb37d; font-size: 62px; font-family: Arial;}
#youshi .caption .cap-right{color: #3eb37d; font-size: 18px; padding-top: 10px; line-height: 22px;}
#youshi .caption .title{font-size: 18px; color: #343434; }
#youshi .caption .title span{color: #42a466; padding-left: 15px;}
@media (min-width: 622px) {
#youshi .caption .cap-left{ float: left;  margin-bottom: 0;}
#youshi .caption .cap-right{height: 54px; float: left;  padding-left: 25px;}
}
#youshi .yscont{background: #fff; padding: 15.6% 6.5% 10.6%;}
#youshi .yscont .circle{ font-size: 36px; font-weight: bold; background: #76c7a2; width: 118px; height: 118px; line-height: 118px; text-align: center; color: #fff; margin: 0 auto; border-radius: 50%; position: relative;}
#youshi .yscont .circle::before{width:140px; height: 140px; border: 5px solid #3eb37d; content: "";  position: absolute; left: 0; border-radius: 50%; margin-left: -11px; margin-top: -11px;}
#youshi .yscont .ystit{ color: #898989; max-width: 242px; margin: 10.6% auto 6.6%; text-align: center; }
#youshi .yscont .ystit .firstline{border-bottom: 1px dashed #e6e6e6; color: #444444; font-weight: bold; font-size: 18px; padding-bottom: 5px; margin-bottom: 2px;}
#youshi .yscont ul{list-style: none; margin: 0; padding: 0;}
#youshi .yscont  li{padding-left: 15px; color: #7c7c7c; font-size: 12px; line-height: 22px; margin: 10px 0;}
#youshi .yscont  li::before{content:"\f0da";font-family: "FontAwesome"; margin-left: -15px;position: absolute;}
#youshi .yscont  li span{color: #3eb37d;}
#youshi .yscont .circley{background: #fddd69;}
#youshi .yscont .circley::before{ border-color: #dbc05c; } 
#youshi .yscont .circleo{background: #fe9561;}
#youshi .yscont .circleo::before{ border-color: #fd8244; } 
@media (max-width: 767px) {
#youshi .yscont{ margin-bottom: 30px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
#youshi .yscont{ height: 481px; }
}
@media (min-width: 1200px) {
#youshi .yscont{ height: 509px; }
}
@media (min-width: 768px) and (max-width: 991px) {
#youshi .yscont{height: 517px;}
#youshi .yscont .ystit{font-size: 12px;}
}
#pklump{background:url(../images/pk-g.jpg) repeat; color: #fff; padding-top: 2.4%; position: relative; text-align: center; font-size: 36px; line-height: 55px;}
#pklump::after{ content: ""; background: url(../images/pk-gray2.jpg) repeat; height: 100%; top: 0; position: absolute; transform: skew(-34deg);  width: 36%; left: 50%;}
#pklump::before{content: ""; width: 50%; background: url(../images/pk-gray.jpg) repeat; height: 120%; position: absolute;bottom: 0;transform: skew(-34deg); z-index:1; left: 56%;  }
@media (min-width: 1200px) {
#pklump span.pk{padding-left:8.3%; padding-right:8.3%; font-size: 136px; font-weight: bold; text-shadow: 3px 3px 3px #565555; }
}
@media (max-width: 1199px) {
#pklump span.pk{ font-size: 76px; }
}
@media (max-width: 547px) {
#pklump span.pk{ display: block; font-size: 56px; }
#pklump{font-size: 24px; line-height: 45px;}
#pklump::before{left: 66%;}
}
#pklump span.black{ color: #323232; }
#pklump .container{z-index: 2; position:relative;}
#kljpk{ margin-top: 3.3%; }
#kljpk .pkbox{position: relative;overflow: hidden;color: #fff;  max-width: 1009px; margin: 0 auto 15px; min-height: 180px;}
@media (min-width: 768px) {
#pklump span.sj{position: relative;}
#pklump span.sj::before{ content: ""; position: absolute; border: 15px solid transparent; border-top-color:#e98451; bottom:-45px; left: 50%; margin-left: -7px; }
#kljpk .pkbox{ background: url(../images/pk-gray.jpg) repeat; }
#kljpk .pkbox::before{width: 50%; background:#54c28f; height: 100%; content: ""; position: absolute; z-index: 2;}
#kljpk .pkbox::after{ border: 12px solid #fff; content: ""; position: absolute; width: 300px; height: 240px;transform: rotate(65deg) skew(38deg) translateY(-45%);background: #54c28f; right: 48.5%; z-index: 1; top: 50%;}
#kljpk .pkbox .other{padding-left: 7.8%;}
}
#kljpk .pkbox .row{position: relative; z-index: 3;}
#kljpk .pkbox .row .row{margin-left: -8px; margin-right: -8px;}
#kljpk .pkbox .row .row .col-xs-5{margin-top: 10px; text-align: center;padding-left: 20px; padding-right: 8px;}
#kljpk .pkbox .row .row .col-xs-7{padding-left: 8px; padding-right: 8px;}
#kljpk .pkbox .row .other .row .col-xs-5{padding-right: 20px; padding-left: 8px;}
#kljpk .pkbox .left,#kljpk .pkbox .right{position: absolute; bottom: 0; z-index: 4;color: #fff; font-size: 18px; text-align: center; width: 78px; line-height: 30px; font-weight: bold;}
#kljpk .pkbox .left::before,#kljpk .pkbox .right::before{ content: ""; position: absolute; width: 116px; height: 30px; background: #e98451;  z-index:-1; bottom: 0;transform: skew(45deg);left: -15px; }
#kljpk .pkbox .right{right: 0;}
#kljpk .pkbox .right::before{transform: skew(-45deg);}
#kljpk .pkbox .row .row .col-xs-7{font-size: 12px; font-family: "宋体";  padding-top: 20px; padding-bottom: 20px;}
#kljpk .pkbox .row .row .col-xs-7 p{line-height: 18px; margin-bottom: 0;}
#kljpk .pkbox .row .row .col-xs-7 span{ color: #343434; font-size: 18px; font-family: "微软雅黑"; font-weight: bold;}
@media (min-width: 768px) and (max-width: 991px) {
#kljpk .pkbox::after{transform: rotate(75deg) skew(56deg) translateY(-15%); right: 41.5%;}
}
@media (max-width: 767px) {
	#kljpk .pkbox .col-sm-6{background: url(../images/pk-g1.jpg) repeat;}
	#kljpk .pkbox .other{background: url(../images/pk-gray.jpg) repeat; }
	#kljpk .pkbox .left,#kljpk .pkbox .left::before{top: 0;}
	#kljpk .pkbox{padding-left: 15px; padding-right: 15px;}
	#kljpk .pkbox .left{left: 0;}
	#kljpk .pkbox .left::before{transform: skew(-45deg);}
	#kljpk .pkbox .right{right: 0;}
	#pklump{overflow-x: hidden;}
}
#about{background: #eeeef0; padding: 3.8% 0; margin-top: 2.6%;}
#about .typename{background: #3eb37d; padding: 13px 26px; font-size: 20px; color: #252525; position: relative;}
#about .typename::before{ content: ""; position: absolute; border: 9px solid transparent; border-top-color:#3eb37d; margin-bottom:-18px; bottom:0; }
#about .typename span{color: #fff; font-weight: bold;}
#about .typename a.more{color: #fff; font-size: 12px; float: right; font-weight: normal; text-decoration: none;}
#about .typename a:hover.more{color: #252525;}
#about .ab-cont{background: #fff; padding: 15px; color: #606060;}
#about ul{list-style: none; margin: 0; padding: 0;}
#about .ab-cont ul li{border-bottom: 1px solid #eeeef0; padding: 10px 0 3px;}
#about .ab-cont ul li span{background: #3eb37d; color: #fff; padding:2px 5px; margin-right: 8px;}
#about .ab-cont ul li p{margin-top: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#about .ab-cont ul li p span{background: #606060;}
#about .ab-cont ul li a{color:#399f5f; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: block;}
#about .ab-cont ul li:last-child{border: none;}
#about ab-cont .jmk{text-indent: 2em; margin-top: 2.6%; line-height: 30px;}
#about .title{ color: #3eb37d; font-size: 12px; margin-bottom: 25px;}
#about .title span{font-size: 20px; color: #575757; padding-right: 10px;}
#about .title span b{font-size: 19px;color: #3eb37d;}
#about .title a{padding-left: 10px;color: #3eb37d;}
#about .txtindent{text-indent: 2em; color: #787878; font-size: 12px;}
#about .txtindent a{color: #3eb37d;}
#about .about{margin-bottom: 3.6%;}
@media (min-width: 992px) {
#about .col-md-8{ padding-right: 4.6%; }
}
#about .effect{display: block; margin-bottom:5px; }
@media (max-width: 767px) {
#about .title{ text-align: center; }
}
#about .picture{text-align: center;}
/*@media (max-width: 991px) {
#about .ab-cont img{display: block; margin-left: auto; margin-right: auto;}
}*/
/*#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; }
#touch{background: #ececec; padding: 3.6% 0;}
#touch .mailbody{background: #fff; border-radius: 10px;  box-shadow: 0 0 4px 4px rgba(98,98,98,0.2); padding: 5.2% 6.6% 2.1%;}
#touch .mailbody .mailtit{color: #45b058; border-bottom: 1px solid #d5d5d5; font-weight: bold; font-size: 32px; margin-bottom:8px; text-transform: uppercase; padding-bottom: 14px;}
#touch .mailbody p{ color: #282828; font-size: 12px; line-height: 20px; margin-bottom: 2.8%; }
#touch .mailbody p em{font-weight: bold;}
#touch .mailbody .form-group{ margin-bottom: 15px;}
#touch .mailbody .form-control{background:#fff; color: #9e9e9e; font-size: 16px; font-size: 12px; background: #eef2f6; box-shadow: none;}
#touch .mailbody  input.form-control{   height:46px;}
#touch .mailbody .mailbtn{ border-radius: 10px;  font-weight: bold;  background-color: #45b058; color: #fff; padding: 12px 6.6%; margin: 27px 0 0; border: none; display: block;  text-transform: uppercase;transition:all 0.3s ease;}
#touch .mailbody .mailbtn:hover{ background:#3a3a3a; color: #fff;}
@media (min-width: 1200px) {
#touch{background: #ececec;}
}
.flexslider .slides{ margin: 0; padding: 0; list-style: none; }
.flex-caption a{background: #43aa55; color: #fff; width: 162px; height: 42px; line-height: 42px; display: block; text-align: center; border-radius: 7px; position: absolute; left: 50%; margin-left: -81px;}
.pictures {position: relative; text-align: center; margin-bottom: 20px;}
.pictures p{margin-top: 5px; margin-bottom: 0;}
.pictures a{color:#333; }
.pictures a:hover{color: #399f5f;}
.pictures .flex-direction-nav a{opacity: 1; top: 45%;}
.pictures .flex-direction-nav a::before{font-size: 46px;}
.pictures .flex-direction-nav .flex-next{right: 15px;}
.pictures .flex-direction-nav .flex-prev{left: 10px;}