#main {padding: 1.63% 0 3.23% ;background: #f2f2f2;}
#main .search{ margin-left: -4px; margin-right: -4px; font-size: 12px; color: #fefefe; margin-bottom: 2.8%; }
#main .search .col-sm-9,#main .search .col-sm-3{padding-left: 4px; padding-right: 4px;}
#main .search .searbg{background: rgba(0,0,0,0.5); padding:3px 0 3px 2.6%; border-radius: 4px;color: #c5c5c5; font-size: 12px;}
#main .search .searbg a{color: #c5c5c5;}
#main .search .searbg b,#main .search .searbg a:hover{color: #fff; text-decoration: none;}
#main .getprice{background: #3eb37d; display: block; text-align: center;font-size:16px; color: #fff; text-decoration: none; border-radius: 4px; line-height: 32px;}
#main .getprice i{color: #fff; padding-right: 8px; font-size: 20px;  }
@media (max-width: 767px) {
#product .getprice{ margin-top: 10px; }
}
#main .content{background: #fff; padding:0 15px 25px 15px;}
#main .content h1{ margin-top: 0; color: #3c3c3c; font-weight: bold; font-size: 18px; border-bottom: 1px solid #eeeef0; padding-bottom: 10px;  margin-bottom: 20px; background: url(../images/small-logo-g.png) left 3px no-repeat; padding-left: 30px;}
#main .content h1 a{color: #3c3c3c;}
@media (min-width: 768px) {
#main .fr{ float: right; }
#main .content{padding-left: 25px; padding-right: 25px; padding-top: 18px;}
}
#main .sidebar .title{text-align: center; font-size: 18px; color: #494949; background: #3eb37d; padding-top: 5.6%; padding-bottom: 5.6%;}
#main .sidebar .title b{display: block; color: #fff; font-size: 30px; margin-bottom: 5px;}
#main .panel{background: none; border: none; box-shadow: none;}
#main .panel-group{ margin-bottom: 50px; background: #fff; border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
#main .panel-group .panel + .panel{ margin-top: 0; }
#main .panel-group .panel-heading{ border-bottom: 1px solid #e6e6e6;padding: 0; }
#main .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;}
#main .panel-heading a.collapsed{ color: #343434; background-color:#fff;}
#main .panel-group .panel-body{ border: none !important; padding: 0; }
#main ul.catelist{ margin:0; padding: 0; list-style: none; }
#main ul.catelist li{ line-height: 18px; padding: 7px 0 7px 40px;border-bottom: 1px solid #e6e6e6; position: relative; }
#main ul.catelist li::before{content:"\f105";font-family: FontAwesome; position: absolute; margin-left: -15px; color: #c1c1c1;}
#main .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; }
#main .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; }
#main ul.catelist li a{ color: #515151;  }
#main ul.catelist li i{ font-size: 12px; }
#main ul.catelist li a:hover,#main ul.catelist li a.selected{ color: #3eb37d; text-decoration: none; }
#search{background: #fff;}
@media (min-width: 992px) {
#search{ padding-top: 20px; padding-bottom: 20px; }
}
#main .sidebar .contact{background: #fff;}
#main .sidebar .contact .adds{padding:8.6% 8.7%;}
#main .sidebar .contact .adds .tel{font-size: 16px; font-weight: bold; color: #565555;}
#main .sidebar .contact p{font-size: 12px; margin: 10px 0; color: #636363;}
#main .sidebar .contact p b{color: #3eb37d; font-size: 14px; }
#main .sidebar .contact a{color: #3eb37d; font-size: 20px; font-weight: bold;}
#main .sidebar  .typename{background: #3eb37d; padding: 13px 20px; font-size: 18px; font-weight:bold; color: #252525; position: relative;}
#main .sidebar  .typename::before{ content: ""; position: absolute; border: 9px solid transparent; border-top-color:#3eb37d; margin-bottom:-18px; bottom:0;  }
#main .sidebar  .typename span{color: #fff;}
#main .nlist{border-bottom: 1px solid #eeeef0; padding: 2.6% 0;}
#main .nlist:last-child{border-bottom: none;}
#main .nlist .title{color: #4b4948; font-weight: bold; font-size: 15px;}
#main .nlist .title i{color: #34c26e; padding-right: 15px;}
#main .nlist a:hover.title{ color: #45b058; text-decoration: none; }
#main .content .nlist p{color: #636363; margin:8px 0 3px; text-indent:0; }
@media (max-width:767px) {
	#main .nlist{text-align: center;}
	#main .nlist .title{ margin-top: 8px; display: block; }
}
#main .sidebar .bgfff{background: #fff;}
#main ul.pagelist {margin: 3.6% 0; list-style: none;}
#main ul.pagelist li{float: left;margin: 5px 5px;}
#main ul.pagelist li a{border: 1px solid #CCC;padding: 2px 12px; color: #3c3c3c;}
#main ul.pagelist li.thisclass {   color: #3eb37d;}
#main ul.pagelist li a:hover{color: #3eb37d; text-decoration: none; border-color: #3eb37d; }
#main .content .read{color: #242424; font-weight: bold; margin-top: 4.6%; border-bottom: 1px solid #eeeef0; padding-bottom: 5px;}
#main .content .readul{list-style: none; margin: 10px 0; padding: 0;}
#main .content .readul li{padding-left: 15px;padding-right: 15px;}
#main .content .readul li a{color: #929292;}
#main .content .readul li::before{content:"\f0da";font-family: FontAwesome; position: absolute; margin-left: -15px; color: #c1c1c1;}
@media (min-width:610px) {
	#main .content .readul li{width: 50%; float: left; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
}
/*product.htm*/
#main .content .plist{display: block; text-decoration: none;}
#main .content .product-s .plist .titname{ transition:all 0.3s ease; vertical-align: middle; display: table-cell; width: 1%; background: #636363; color: #fff; padding-left: 15px; height: 45px; font-size: 16px; padding-right: 58px; line-height: 18px; }
#main .content .free{ text-decoration: none; width: 85px; height: 45px;  color: #fff; position: absolute; font-weight: bold; line-height: 16px;display: flex;align-items: center; padding-left: 14px; z-index: 2; bottom: 0; right: -28px;}
#main .content .free::after{ background: #3eb37d;  position: absolute; bottom: 0;transform: skew(165deg); content: ""; width: 100%; height: 100%; left: 0; z-index: -1;   }
#main .content .product-s{position: relative; overflow: hidden; margin-bottom: 10px; margin-top: 15px;}
#main .content .product-s a:hover .box-img::before { opacity: 1;transform: translate(-50%, -50%) rotate(90deg);}
#main .content .product-s .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;}
#main .content .product-s .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;}
#main .content .product-s a:hover .box-img::after{opacity: 1;}
#main .content .product-s .plist .box-img{ overflow: hidden;display: block; position: relative;}
#main .content .product-s .plist .box-img img{ transition:all 0.3s ease;}
#main .content .product-s a:hover .box-img img{ transform: scale(1.2); } 
#main .content .content .diyrow{margin-left: -9px; margin-right: -9px;}
#main .content .content .diyrow .col-sm-6{ padding-left: 9px; padding-right: 9px; }
#main .sidebar .faqs{background: #fff;}
#main .sidebar .faqsul{margin: 0; padding: 0; list-style: none;}
#main .sidebar .faqsul li{padding: 10px 15px 10px 35px; border-bottom: 1px dotted #c9c9c9;}
#main .sidebar .faqsul li::before{content:"\f059";font-family: "FontAwesome"; color: #3eb37d; position: absolute; margin-left: -20px;}
#main .sidebar .faqsul li:last-child{border: none;}
#main .sidebar .faqsul li:first-child{margin-top: 10px;}
#main .sidebar .faqsul li .time{color: #a9a8a8; font-size: 12px;}
#main .sidebar .faqsul li a{color: #555555; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block;}
/*faqs.htm*/
#main .faqlist{list-style: none; margin: 0; padding: 0;}
#main .faqlist li{padding: 13px 0 13px 23px; border-bottom: 1px solid #eeeef0;}
#main .faqlist li span{float: right; color: #a9a8a8; font-size: 12px;}
#main .faqlist li::before{content:"\f059";font-family: "FontAwesome"; color: #3eb37d; position: absolute; margin-left: -23px;}
#main .faqlist li a{color: #3c3c3c; font-weight: bold;}
#main .faqlist li p{color: #636363; margin-top: 5px; margin-bottom: 0;}
#about .ab-cont{background: #fff; padding: 15px; color: #606060;}
#main ul.cjgz{list-style: none; margin: 15px; padding: 0;}
#main ul.cjgz li{border-bottom: 1px solid #eeeef0; padding: 10px 0 3px;}
#main ul.cjgz li span{background: #3eb37d; color: #fff; padding:2px 5px; margin-right: 8px;}
#main ul.cjgz li p{margin-top: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#main ul.cjgz li p span{background: #606060;}
#main ul.cjgz li a{color:#399f5f; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: block;}
#main ul.cjgz li:last-child{border: none;}
/*product-article.htm*/
#main .flex-control-thumbs li{border-right: 1px solid #fff;border-left: 1px solid #fff;}
#main .flex-control-thumbs li:first-child{border-left: none;}
#main .flex-control-thumbs li:last-child{border-right: none;}
#main #bdshare{float: none; line-height: 25px; height: 35px;}
#main #bdshare span.bds_more, #main #bdshare a{height: 25px; padding-top: 0;}
#main .parameter{list-style: none; margin: 0; padding: 0;}
#main .parameter li{color: #636363; font-size: 12px; margin: 5px 0;}
#main .parameter li b{color: #3a3939;}
#main .online{margin-top: 6.6%; text-decoration: none; width: 220px; height: 49px; border-bottom: 6px solid #39a761; display: block; background: #3eb37d; color: #fff; font-size: 18px; text-align: center; line-height: 49px;}
#main .online i{font-size: 24px;}
#main a:hover.online{background: #39a761;}
#main .freefone{padding-left: 40px; color: #a6a6a6; line-height: 18px; margin-top: 5.6%; margin-bottom: 15px;}
#main .freefone::before{content:"\f095"; font-family: "FontAwesome"; position: absolute; color: #848484; font-size: 32px; margin-left: -40px; margin-top: 10px;}
#main .freefone a{color: #3eb37d; font-size: 18px; font-weight: bold;}
#main .down{font-size: 12px; color: #cc0000; margin-top: 20px;}
#main .down a{color: #666666; text-decoration: none;}
#main .down a i{font-size: 14px; padding-right: 5px;}
#main .down a:hover{color: #3eb37d;}
#main .zuhe{border: 1px solid #e6e6e6; margin-top: 5.6%;}
#main .zuhe .title{border-bottom:1px solid #e6e6e6; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; font-weight: bold;}
#main .zuhe .zuhecont{padding: 15px 0;}
#main .zuhe .zuhecont img{border: 1px solid #e6e6e6;}
#main .zuhe .zuhecont .zhjia,#main .zuhe .zuhecont .gwc{ position: relative; }
#main .zuhe .zuhecont .zhjia::before,#main .zuhe .zuhecont .gwc::before{content: "+"; position: absolute; margin-left: -54.99%; margin-top: 22.2%; font-size: 18px; }
#main .zuhe .zuhecont .gwc::before{content: "=";}
#main .zuhe .zuhecont span{display: block; float: left; text-align: center; font-size: 12px; color: #5f5f5f; width: 20%; padding-left: 15px; padding-right: 15px;line-height: 18px;}
#main .zuhe .zuhecont span a{color: #5f5f5f; }
#main .zuhe .zuhecont img{ display: block;margin-left: auto; margin-right: auto; max-width: 100%; margin-bottom: 5px;}
@media (min-width:768px) and (max-width:992px) {
#main .zuhe .zuhecont span{width: 33.333333%; height: 130px;}
#main .zuhe .zuhecont span:nth-child(4)::before{content: ""}
}
@media (max-width:540px){
#main .zuhe .zuhecont span{width: 33.333333%; height: 127px; }
#main .zuhe .zuhecont span:nth-child(4)::before{content: ""}
}
#main .intrtop{background: #636363; margin-top: 25px; color: #fff; font-size: 16px; overflow: hidden; margin-left: -25px; margin-right: -25px;}
@media (max-width:767px){
#main .intrtop{margin-left: -15px; margin-right: -15px;}
}
#main .tab-content{padding: 2.4% 0; }
#main .intrtop .nav-tabs{border: none;}
#main .intrtop .nav-tabs > li > a{white-space: nowrap;z-index: 2; background: none; position: relative; color: #fff; outline: none; font-size: 16px;padding: 15px 58px;  border-radius: 0; border: none; margin-right: 0;}
#main .intrtop .nav-tabs > li > a::after{position: absolute;width: 100%; height: 100%; background: #8c8b8b;transform: skew(20deg); content: ""; left: 0; top: 0; z-index: -1; }
#main .intrtop .nav-tabs > li.active > a::after{background: #3eb37d;}
#main .intrtop .nav-tabs > li:first-child > a{padding-left: 77px; margin-left: -10.3%;}
@media (max-width:392px){
#main .intrtop .nav-tabs > li > a{padding-left: 30px; padding-right: 30px;}
}
#main h2{font-size: 16px; border-bottom: 1px solid #d6d6d6; padding-bottom:8px; color: #3eb37d; padding-left: 20px; font-weight: bold;}
#main h2::before{content:"\f013"; position: absolute; color: #c1c1c1;font-family: FontAwesome; margin-left: -20px; font-weight: normal;}
#main h3{font-size: 15px; font-weight: bold;}
#main .content p{text-indent: 2em;}
#main .mailbody{border-top: 1px solid #eeeef0; margin-top: 3.6%;  padding:3.05% 0 2.45%; }
#main .maildes{font-size: 12px; color:#939393; margin-bottom: 2.6%; padding-left: 4.6%;}
#main .mailbody .title{ font-size: 18px; font-weight: bold; padding-left: 4.6%;}
#main .mailbody .title span{color: #3eb37d;}
#main .mailbody label{font-weight: normal;}
#main .mailbody label span{color: #3eb37d;}
#main .mailbody .form-group{ margin-bottom:5px; border: none;}
#main .mailbody .form-control{background:#fff; color: #9e9e9e; font-size: 16px;  border: 1px solid #d5d5d5; box-shadow: none; border-radius: 0; font-size: 12px;}
#main .mailbody  input.form-control{   height:46px;}
#main .mailbody .mailbtn{ font-weight: bold; font-size: 18px; font-weight: normal;  background-color: #3eb37d; 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;}
#main .mailbody .mailbtn:hover{ background:#3a3a3a; color: #fff;}
@media (min-width:1200px){
#main .mailbody{width: 80%; }
}
#main .hint{border-top: 1px solid #eeeef0; margin-top: 2.4%; padding-top: 10px; text-align: center; font-size: 12px;}
#main .hint a{ color: #3eb37d; font-size: 18px; font-weight: bold; }
#main .recommend{margin-top: 2.4%;}
#main .retop{background: #636363; margin-top: 25px; color: #fff; font-size: 16px; overflow: hidden; margin-left: -25px; margin-right: -25px; margin-bottom: 2.4%;}
#main .retop span{position: relative; width: 196px; display: block; height: 36px; z-index: 2; text-align: center; line-height: 36px; padding-left: 45px;}
#main .retop span::after{ position: absolute;width: 100%; height: 100%;background: #3eb37d;transform: skew(20deg); content: ""; left: 0; top: 0; z-index: -1; }
#main .retop span{ margin-left: -45px;}
#main .recommend .product-s .plist .titname{padding-right: 15px; overflow: hidden; text-align: center;}
@media (min-width:992px){
#main .recommend .product-s{margin-bottom: 0;}
}
#main .content .videos{position: relative; overflow: hidden; margin-bottom: 25px;}
#main .content .videos .plist .box-img::before {color:#fff;z-index: 3;content:"\f144";font-family: "FontAwesome";font-size: 5rem;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);transition: all 0.3s ease 0s; margin-top: -21px;}
#main .content .videos a:hover .box-img::before {color: #3eb37d;}
#main .content .videos .titname{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px; transition:all 0.3s ease;display:block; color: #3c3c3c; height: 20px; text-align: center; font-size: 16px;  width: 100%; line-height: 20px; overflow: hidden; }
#main .welcome{font-size: 24px; text-align: center; line-height: 1.2;}
#main .welcome span{ color:#3eb37d; display: block; font-size: 30px; }
#dituContent{width: 100%; height: 326px; margin: 2.4% 0 5.6%;}
#dituContent img{max-width: none;}
#main .company{background:url(../images/con-logo.jpg) no-repeat left center; line-height: 38px; font-size: 18px; padding-left: 58px; color: #3c3c3c; font-weight: bold; }
#main .tel{ font-size: 16px; font-weight: bold; margin-top: 2.1%; }
#main .tel a{color: #3eb37d; font-size: 20px;}
#main p.adds{ text-indent: 0; font-size: 12px; margin-top: 10px; }
#main p.adds a{color: #636363; }
#main ul.about{margin: 0; padding: 0; list-style: none;}
#main ul.about li{border-bottom: 1px solid #eeeef0; padding: 8.2% 0; text-align: center;}
#main ul.about li i{color: #d8d8d8; font-size: 20px; padding-right: 10px;}
#main ul.about li a{color: #00923f; font-size: 18px;}
#footer,#copyright{background: #fff;}
#main .content table{border-collapse: collapse; text-align: center; border-color: #dcdbd5;}
#main .content table th{background: #3eb37d; color: #fff;border-color: #dcdbd5; padding-top: 5px; padding-bottom: 5px; text-align: center;}
#main .content table td{border-color: #dcdbd5; padding-top: 3px; padding-bottom: 3px;}
#main .content table tr:nth-child(even){background: #e6e5de;}
#main .pagepn{margin-top:5.6%;}
#main .pagepn a{color: #3eb37d;}
@media (min-width:992px){
#main .pagepn .next{text-align: right;}
}
/*404*/
.error{ max-width:724px; margin:0 auto;}
.error .title_404{padding-top:3.6%;  color:#3EB37D; font-size:60px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center; line-height:55px;}
.error .found{ color:#444242; line-height:20px; font-size:14px; margin-bottom:2.4%; text-align:center; }
.error .found .looking{ font-weight:bold; font-size:16px; color:#545e60; margin-top: 1.23%; margin-bottom: 3.6%;}
.error .choose{ margin-bottom:50px;margin:0 auto; }
.error  .title{ font-weight:bold; font-size:18px; margin-bottom:4.6%;  color:#545e60; text-align:center;border-bottom:1px #cccccc dotted; padding-bottom:15px;}
.error .listtit{ font-size:14px; color:#545e60; margin-bottom:20px; }
.error .choose ul{ list-style:none; margin:0px; padding:0px;}
.error .listpro ul li,.error .or-choose li{ background:url(../images/li_404.jpg) no-repeat; width:269px; height:29px; margin-bottom:8px; padding-left:45px; margin-right:20px; text-transform:capitalize; font-size:14px;}
.error .choose ul li a{ color:#3EB37D; line-height:29px; text-decoration:none; }
.error .or-choose span{ color:#60a47b; font-size:14px;}
.error .or-choose li a{ text-decoration:underline;}
 .sm404c li { line-height:30px; }
.sm404c li a { color:#009844; }
.text-404{ text-align:center; display:block; color:#003300; margin:50px 0px;}
@media (min-width:725px){
.error .listpro{width:50%; border-right:1px dotted #bebdbd; float:left;}
.error .or-choose{ float:right; width:50%;}
.error .or-choose ul{ float: right; }
.error .listtit{padding-left: 15.6%;}
}
@media (max-width:724px){
.error .listpro ul li,.error .or-choose ul li{margin-left: auto; margin-right: auto;}
.error .listtit{ text-align: center; margin-top: 35px; }
}
#main .tags{ margin-bottom: 25px;}
#main .tags a{background: #f2f2f2; border: 1px solid #e6e6e6; color: #515151; padding: 4px 22px;}
#main .tags a:hover{color: #fff; background: #3eb37d; text-decoration: none;}
 #main .date {
     background: #efefef;
     text-align: center;
     font-size: 0.85em;
     color: #888888;
     padding: 0.85% 0;
     margin: 2.36% 0 2.986%;
 }
 
 #main .p-r-55 {
     padding-right: 3.81%;
 }

 #main .pagebody ul{list-style: none; margin:0; padding:0;}
#main .pagebody ul li{padding-left: 25px;/* font-family:comic sans ms,cursive;*/ }
#main .pagebody ul li::before {color:#3EB369;z-index: 3;padding-right: 5px;content:"\f005";font-family: "FontAwesome";position: absolute; margin-left: -25px;}
#main .pagebody iframe{width: 100%; max-width: 510px; height: 360px; margin: 0 auto; display: block;}
.liketitle{font-weight: bold; background:#EAE7E7; color: #242424; padding: 5px 15px; margin-top: 30px; }
ul.aqlist{list-style: none; margin: 0; padding: 0;}
#main ul.aqlist li{border-bottom: 1px dotted #ccc; padding: 15px 0;}
#main ul.aqlist li::before{content: "";}
ul.aqlist li b{color:#00923F;}
ul.aqlist li{color: #000;}
#main ul.aqlist li p{margin: 10px 0 0; color: #636363; text-indent: 0;}
.fc-msg-title{text-align: center; font-size: 24px; margin-top: 40px; display: block;margin-bottom: 20px;}