@charset "utf-8";
/* CSS Document */
#crumbs{ color: #666666; padding: 7px 0;text-transform: capitalize;}
#crumbs a{color: #666666;}
#crumbs a:hover{color: #45B058; text-decoration: none;}
#main{background: #f0f1f3; padding: 30px 0;color: #636363;}
#main h1,#main .c-otit{color: #5a6162; font-size: 24px; margin: 0 0 20px; font-weight: bold; }
#main .c-otit{margin-top: 30px;}
#main .content{background: #fff; padding: 20px;}
#main .content .pjlist{ background: #fff; text-align: center; position: relative; display: block; color: #fff; text-decoration: none; margin: 10px 0 20px; }
#main .pjlist span{ display: block; padding: 12px 5px; line-height: 18px; background: #545c5e;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#main a:hover.pjlist span{background: #45B058;}
#main .pjimg{ display: block; position: relative; overflow: hidden;  }
#main .pjimg::before{ z-index: 2; transform: scale(0); width: 100%; height:100%; left: 0; top: 0; position: absolute; content: "";  background: rgba(0,0,0,.5);transition:all 0.3s ease;opacity:0;}
#main .pjimg::after{z-index: 3;transform: scale(0);content:"\f065"; font-family: FontAwesome; color: #fff; font-size: 28px; top: 50%; left: 50%; position: absolute; margin-left: -10px; margin-top: -10px; transition:all 0.3s ease;opacity: 0;}
#main .pjlist:hover .pjimg::before{ transform: scale(1);opacity: 1; }
#main .pjlist:hover .pjimg::after{transform: scale(1);opacity: 1;}
#main a:hover.pjlist{ background: #28a7e6; color: #fff; }
#main .pjlist img{transition:all 0.3s ease; z-index: 1;}
#main a:hover.pjlist img{ transform: scale(1.2); }
#main .sidebar{background: #fff;}
#main .sidebar .sidetit{background: #45B058; color: #fff; font-size: 20px; border-bottom: 3px solid #389c6e; padding: 9px 20px; font-weight: bold;}
#main .sidebar a.collapsed{ text-transform: capitalize; border-bottom: 1px solid #f0f1f3; display:block; position:relative; font-size: 16px; padding:10px 10px 10px 40px;  color: #5a6162; outline: none;text-decoration: none; line-height: 18px;}
#main .sidebar a.collapsed:after{ position:absolute;content:"\f219";font-family: FontAwesome;transform:translate(0, 0); line-height:30px; color:#45B058; left:15px; top:2px; font-size:12px;}
#main .sidebar ul.catelist{ margin: 0; padding: 0; list-style: none; }
#main .sidebar ul.catelist li{ line-height: 18px;  }
#main .sidebar ul.catelist li a{ color: #5c6060; display: block; padding:6px 10px 6px 40px;  font-size: 12px; font-weight: normal;  text-decoration: none;}
#main .sidebar ul.catelist li a:hover{background: #e7f4e9; color: #5c6060;}
#main .sidebar .panel-group a:hover{ color: #45B058; text-decoration: none; }
#main .sidebar .typename {color: #d1dcde; padding-left: 15px; margin-bottom: 15px; margin-top: 40px;}
#main .sidebar .typename span{font-size: 18px; color: #3d4344; padding-right: 10px;}
#main .sidebar .typename a{color: #45B058; padding-left: 10px; font-size: 12px;}
#main .sidebar .caserow{padding:0 15px; }
#main .sidebar .caserow{margin-left: -5px; margin-right: -5px; line-height: 20px;}
#main .sidebar .caserow .col-sm-5,#main .sidebar .caserow .col-sm-7{padding-left: 5px; padding-right: 5px;}
#main .sidebar .caserow img{margin-top: 6px;}
#main .sidebar .caserow a{color: #666d6e; font-size: 12px;}
#main .sidebar .caserow .time{color: #908d8d; margin-top: 6px; font-size: 12px;}
#main .sidebar .caserow .time i,#main .sidebar .newsul li .time i{color: #45B058; padding-right: 5px;}
#main .sidebar .caselist{border-bottom: 1px dotted #f0f1f3; padding:15px 0;}
@media (max-width:767px) {
#main .sidebar .caserow{ text-align: center; }
#main .sidebar .caserow img{margin-bottom: 5px;}
}
#main .sidebar .newsul{margin: 0; padding: 0; list-style: none;}
#main .sidebar .newsul li{padding: 10px 15px; border-bottom: 1px solid #f0f1f3; line-height: 20px; padding-left: 38px; position: relative;}
#main .sidebar .newsul li:before{ content:"\f05b";font-family: FontAwesome;transform:translate(0, 0); line-height:30px; color:#45B058; left:15px; top:5px; font-size:14px; position: absolute;}
#main .sidebar .newsul li:last-child{border: none;}
#main .sidebar .newsul li:first-child{margin-top: 10px;}
#main .sidebar .newsul li .time{color: #a9a8a8; font-size: 12px; margin-top: 5px;}
#main .sidebar .newsul li a{color: #5a6162;}
#main .mailtit{background: #45B058; color: #fff; text-align: center; font-size: 18px; padding: 8px 0; margin-left: -20px; margin-right: -20px; margin-top: 30px;}
#main .mailbody{max-width: 608px; margin: 0 auto;}
#main .mailbody p{ margin:20px 0; color: #909697; font-size: 12px; line-height: 20px;}
#main .mailbody p b{color: #767b7c; font-style: italic;}
#main .mailbody p span{color: #45B058; font-weight: bold; font-size: 14px;}
#main .mailbody label span{color: #3eb369;}
#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:40px;}
#main .mailbody .mailbtn{ font-weight: bold; font-size: 16px; font-weight: normal;  background-color: #45B058; color: #fff; width: 147px; height: 38px; line-height: 38px; margin: 15px 10px 0 0; border: none; text-transform: uppercase;transition:all 0.3s ease;}
#main .mailbody .mailbtn:hover{ background:#3a3a3a; color: #fff;}
#main .mailbody .tips{color: #45B058; font-size: 12px;}
@media (max-width:565px) {
#main .mailbody .tips{ display: block; margin-top: 5px; }
}
/*product.htm*/
#main .catename{background: #e7f4e9; font-size: 16px; color: #545c5e; font-weight: bold; padding:5px 10px; margin-bottom: 15px; margin-top: 10px; text-transform: capitalize;}
#main .catename a{color: #545c5e; text-decoration: none;}
#main .quick-nav{color: #d4d5d5;}
#main .quick-nav a{padding: 0 5px;color: #8e918f;}
#main .quick-nav a:hover{color: #45B058; }
@media (min-width:992px) {
#main .quick-nav{ text-align: right; }
}
@media (max-width:991px) {
#main .quick-nav{margin-bottom: 15px;}
}
#main .nlist{border-bottom: 1px dotted #cacaca; padding: 2.6% 0;  padding-bottom: 27px;}
#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: #767b7c; margin:8px 0 3px; text-indent:0; }
#main .content .nlist .time{color: #908d8d; font-size: 12px;}
#main .content .nlist .time i{color: #45B058; padding-right: 5px;}
#main .content .nlist .more{ float: right; margin-top: 20px; background: #45B058; color: #fff; width: 116px; height: 27px; line-height: 27px; text-align: center; display: block; text-decoration: none;}
#main .content .nlist a:hover.more{background: #39a761;}
@media (max-width:767px) {
  #main .nlist{text-align: center;}
  #main .nlist .title{ margin-top: 8px; display: block; }
}
@media (min-width:768px) {
#main .nlist{position: relative;}
}
#main .page{ margin:50px 0 80px; list-style:none; text-align: center; }
#main .page  a{  color:#45B058; text-decoration:none;border: 1px solid #45B058; width: 100%;padding:2px 10px;margin-right:5px;}
#main .page  a:hover,#main .page .crrent{background:#45B058;color: #fff;}
#main .content .videos{position: relative; overflow: hidden; margin-bottom: 25px;}
#main .content .videos .plist{text-decoration: none;}
#main .content .videos .plist .box-img{display: block; position: relative;}
#main .content .videos .plist .box-img::before {color:#fff;z-index: 3;content:"\f01d";font-family: "FontAwesome";font-size: 5rem;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);transition: all 0.3s ease 0s;}
#main .content .videos a:hover .box-img::before {color: #3eb369;}
#main .content .videos a:hover .box-img::after{background: rgba(0,0,0,0.4); z-index:2; width: 100%; height: 100%; top: 0; left: 0; position: absolute; content: "";transition: all 0.3s ease 0s;}
#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; }
/*news*/
#main .content ul.news{list-style: none; margin: 0; padding: 0;}
#main .content ul.news li{border-bottom: 1px dotted #cbcbcb; padding: 5px 90px 5px 0;color: #5a6162; position: relative; padding-left: 25px;}
#main .content ul.news li span{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#main .content ul.news li a{color: #5a6162; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display:block;}
#main .content ul.news li::before {color: #45B058;z-index: 3;padding-right: 5px;content:"\f1ea";font-family: "FontAwesome";position: absolute; margin-left: -25px;}
#main .content ul.news li a:hover{color: #45B058; text-decoration: none;}
#main .newsnav{margin-bottom: 20px; }
#main .newsnav a{display: inline-block; background: #f0f1f3; color: #5a6162; padding: 3px 25px; margin-right: 4px;}
#main .newsnav a:hover,#main .newsnav a.active{background: #45B058; color: #fff; text-decoration: none;}
#main .company{display: inline-block; border: 1px solid #ededed; color: #5a6162; font-size: 18px; font-weight: bold; padding: 20px 20px 20px 80px; }
#main .content .adds{padding:18px 0 18px 20px ; line-height: 20px; color: #5A6162;}
#main .content .adds span{display: block; margin: 10px 0;}
#main .content .adds::before{content:"\f041";font-family: "FontAwesome"; margin-left: -20px; position: absolute;color: #9eb1b5;}
#main .content .adds a{color: #5A6162;}
#main .content .adds i{padding-right: 10px; color: #9eb1b5;}
#main .content .email{border-top:1px solid #9eb1b5; border-bottom:1px solid #9eb1b5; text-align: center; padding: 6.6% 0; font-size: 16px; font-weight: bold; margin-top: 3.65%; }
#main .content .email a{color: #45B058;}
#main .content .email i{padding-right: 10px;}
#main .content a{color: #45b058;}
/*article_article*/
#main .art-product{margin-bottom: 30px;}
#main .art-product a{color:  #636363;}
#main .art-product a:hover{color:  #45b058;}
#main .art-product i{color:  #45b058; font-size: 16px;}
#main .parameter{list-style: none; margin: 0; padding: 10px 0 0; border-top: 1px solid #e8e8e8; margin-bottom: 20px;}
#main .parameter li{color: #636363; margin: 7px 0; padding-left: 0;}
#main .parameter li::before{content: "";}
#main .parameter li b{color: #636363;}
#main a.online{margin-right: 10px;text-decoration: none; width: 194px; height: 38px; display:inline-block; background: #45B058; color: #fff; font-size: 18px; text-align: center; line-height: 38px; margin-bottom: 15px;}
#main a:hover.online{background: #39a761; color: #fff;}
#main .tel{font-size: 24px; font-weight: bold; color: #545c5e;}
#main .down{font-size: 12px; color: #cc0000;margin-top: 20px;text-transform: capitalize;}
#main .down a{color: #666666; text-decoration: none; padding: 0 5px;}
#main .down a i{font-size: 14px; padding-right: 5px; color: #d71e1d;}
#main .down a:hover{color: #d71e1d;}
#main h2,#main h3{background: #e7f4e9; border-bottom: 3px solid #45B058; font-size: 18px; color: #45B058; padding: 8px 10px; font-weight: bold; margin-bottom: 20px;}
#main h2 a{text-decoration: none;}
#main h4{font-size: 16px; color: #45B058;}
#main .art-body table{border: 1px solid #cfcfcf; text-align: center; width: 100%;}
#main .art-body table th{background: #ddd; text-align: center; color: #666; border:1px solid #CFCFCF;padding: 5px;}
#main .art-body table td{ border:1px solid #cfcfcf; padding:3px 5px;}
#main table tr:nth-child(odd) {background: #efefef;}
#main .re-tit{background: #e5f0ec; margin-top: 30px; padding: 6px 10px; font-size: 16px; color: #545c5e; margin-bottom: 20px; font-weight: bold;}
#main .recommend{margin-left: -5px; margin-right: -5px;}
#main .recommend .col-sm-4{padding-left: 5px; padding-right: 5px;}
#main .recommend .col-sm-4 a{display: block; text-decoration: none; margin-bottom: 10px;}
#main .recommend .col-sm-4 a span{background: #666666; color: #fff; padding: 7px 0; display: block; text-align: center; line-height: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#main .recommend .col-sm-4 a:hover span{background: #45B058;}
@media (min-width:992px) {
	#main .down{margin-top: 8px; float: right;}
}
@media (max-width:767px) {
 #main .art-product h1{margin-top: 10px;}
}
@media (max-width:499px) {
#main .online{ display: block; margin-bottom: 10px; }
}
 
 /*404*/
.error{ max-width:724px; margin:0 auto;}
.error .title_404{padding-top:3.6%;  color:#45B058; font-size:40px; 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-size:18px; color:#545e60; margin-top: 1.23%; margin-bottom: 10px;}
.error .found p{color: #8a8a8a; margin-bottom: 40px;}
.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; padding-bottom:15px;}
.error .listtit{ font-size:14px; color:#545e60; margin-bottom:20px; }
.error .choose ul{ list-style:none; margin:0px; padding:0px;}
#main .error  ul li{ width:269px;  border: 1px solid #ededed; margin-right:20px; text-transform:capitalize; font-size:14px; margin: 5px auto; text-align: center; padding: 0;}

.error .choose ul li a{ color:#636363; height:39px;line-height:39px; text-decoration:none; display: block; }
#main .error .choose ul li a:hover{background: #45B058; color: #fff;}
 .sm404c li { line-height:30px; }
}
.sm404c li a { color:#009844; }
.text-404{ text-align:center; display:block; color:#45B058; margin:50px 0px;}
.content ul{list-style: none; margin: 0; padding: 0;}
.content ul li{padding-left: 22px;}
.content ul li::before {color: #45B058;z-index: 3;padding-right: 5px;content:"\f013";font-family: "FontAwesome";position: absolute; margin-left: -22px;}
.error  ul li::before{content: "";}