#art-ban{background: url(/uploadfile/202201/inside-banner.jpg) no-repeat center center; height: 199px; }
#crumbs{color: #7f7f7f; line-height: 34px;}
#crumbs a{color: #7f7f7f;}
#crumbs i{color: #5fc0e9; padding-right: 5px;}
#main{background: #f3f3f3; padding-bottom:30px;}
.content{background: #fff; border: 1px solid #e5e5e5; padding-bottom: 30px; margin-top: 30px;}
h1{font-size: 24px; background: #e5f3ff; color: #0095df;  padding:12px 30px ;margin-top: 0; border-left: 4px solid  #0095df; font-weight: bold; margin-bottom: 30px;}
/*.col-sm-8  h1{font-size: 24px;}*/
.content h2{color: #292929; font-weight: bold; font-size: 16px;position: relative; padding-left:52px;}
#main .content h2 a{color: #292929; text-decoration: none;}
.content h2::before {color: #0095df;z-index:1;padding-right: 5px;content:"\f013";font-family: "FontAwesome";position: absolute; margin-left: -22px; font-weight: normal;}
.content .product{border-bottom: 1px solid #e5e5e5; padding:10px 30px 20px;}
.col-sm-8  h2{padding-left: 22px;}
#main .content .dedebody h2{padding-left: 0; font-size: 18px;}
#main .content .dedebody h2::before{content: "";}
h3,h4{font-size: 14px; font-weight: bold; color: #292929;}
#main .content .pjlist{ background: #fff; text-align: center; position: relative; display: block; color: #3a3a3a; text-decoration: none; margin: 10px 0 20px; transition:all 0.3s ease;}
#main .pjlist span{ display: block; padding: 12px 5px; line-height: 18px; background: #cccccc;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition:all 0.3s ease;}
#main a:hover.pjlist span{background: #0095df; color: #fff;}
#main .pjimg{ display: block; position: relative; overflow: hidden;  }
#main a:hover.pjlist{ background: #0095df; color: #fff; }
#main .pjlist img{transition:all 0.3s ease; z-index: 1;}
#main a:hover.pjlist img{ transform: scale(1.2); }
@media (max-width:767px){
.content .product{padding-left: 15px; padding-right: 15px;}
h1{padding-left: 15px; padding-right: 15px;}
.content h2{padding-left: 35px; padding-right: 15px;}
}
#main .mailtit{background: #0095df; color: #fff; text-align: center; font-size: 24px; padding: 12px 0; margin-top: 30px; font-weight: bold;}
#main .mailbody{max-width: 638px; margin: 0 auto; padding: 0 15px;}
#main .mailbody p{ margin:20px 0; color: #666666; font-size: 12px; line-height: 20px;}
#main .mailbody p b{color: #333333; 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: 3; font-size: 12px;}
#main .mailbody  input.form-control{   height:45px;}
#main .mailbody .mailbtn{ font-weight: bold; font-size: 16px; border-radius: 5px; font-weight: normal;  background-color: #0095df; color: #fff; width:250px; height: 47px; line-height: 47px; margin: 15px auto 10px  auto; display: block; 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; }
}
#main .nlist{padding: 2.6% 20px;  padding-bottom: 27px;}
#main .nlist .title{color: #4b4948; font-weight: bold; font-size: 15px; text-transform: uppercase;}
#main .nlist a:hover.title{ color: #0095df; text-decoration: none; }
#main .content .nlist p{color: #606060; margin:8px 0 13px; }
#main .content .nlist .more{color: #0095df;}
@media (max-width:767px) {
  #main .nlist{text-align: center;}
  #main .nlist .title{ margin-top: 8px; display: block; }
}
.sidebar{background: #e5e5e5; padding-top: 29px;}
.sidebar .sidetit{background: #d0d0d0; border-left: 3px solid #0095df; display: block; font-size: 24px; color:#0095df; text-transform: uppercase; text-decoration: none; padding: 12px 15px 8px;}
.sidebar ul.catelist{list-style: none; margin: 0; padding:15px 20px;line-height: 20px;}
.sidebar ul.catelist > li > a{color: #292929;text-transform: uppercase; font-weight: bold; display: block; margin-top: 8px;}
.sidebar ul.catelist a:hover{color: #0095df; text-decoration: none;}
.sidebar ul.catelist ul{list-style: none; margin: 8px 0 0 ; padding: 0 0 15px ; border-bottom: 1px solid #cbcbcb;}
.sidebar ul.catelist li{padding: 6px 0; }
.sidebar ul.catelist ul a{color: #404040;}
.sidebar ul.catelist>li:last-child ul{border: none;}
.sidebar ul li i{padding-right: 7px; color: #0095DF;}
.sidebar ul.news{list-style: none; margin: 0; padding: 15px;}
.sidebar ul.news li{ position: relative; padding:10px 0 10px 35px; font-weight: bold;}
.sidebar ul.news li a{color:  #292929; display:block;}
.sidebar ul.news li::before {color: #0095df;z-index: 1;padding-right: 5px;content:"\f1ea";font-family: "FontAwesome";position: absolute; margin-left: -35px;}
.sidebar ul.news li a:hover{color: #0095df; text-decoration: none;}
.sidebar .pjcont{padding: 15px 15px 30px; text-align: center; line-height: 22px;}
.sidebar .pjcont img{margin-bottom: 10px;}
.sidebar .pjcont a{color: #292929;}
.address{padding-left: 25px; padding-top: 8.6%;}
.address i{color: #0095df; padding-right: 5px;}
.address ul{list-style: none; margin: 0; padding: 0;}
.address ul li{margin:10px 0;}
.address .mail{font-size: 18px;}
.address .mail a{color: #0095df;}
#main .c-otit{color: #494949; font-size: 24px; margin: 0 0 20px; border-top: 1px solid #e5e5e5; padding: 20px;}
#main .c-otit{margin-top: 30px;}
.map{margin:0 20px;}
.dedebody{padding: 0 8.2%;}
@media (max-width:767px) {
.dedebody{padding: 0 15px;}	
}
.dedebody ul{list-style: none; margin: 0 0 0 10px; padding:0px;}
.dedebody ul li{padding:2px 0 2px 18px;}
.dedebody ul li::before {color: #0095DF;z-index: 3;padding-right: 5px;content:"\f111";font-family: "FontAwesome";position: absolute; margin-left: -18px; font-size: 8px;}
.error  ul li::before{content: "";}
.dedebody ul li h4{margin-top: 5px;}
.clientrow{margin-left: -6px; margin-right: -6px; margin-top: 30px;}
.clientrow .col-sm-4{padding-left: 6px; padding-right: 6px; text-align: center; margin-bottom: 12px; }
.clientrow .col-client{border: 1px solid #efefef; font-size: 11px; line-height: 16px;}
/*404*/
.oops{font-size:62px; color: #0095df; font-weight: bold; font-style: italic; margin-bottom: 40px; margin-top: 6.3%;}
.nottit{ font-size: 18px; color: #484848;  margin-bottom:8px; font-weight: bold; font-style: italic;}
.nottit span{font-size: 30px;}
.p-404{color: #9a9a9a; margin-bottom: 6.6%;}
.opt-tit{ font-size:16px; color: #4b4948; font-weight: bold; }
.option404 {padding-bottom: 4.6%;}
.option404 ul{margin-left: 20px; padding: 0 15.6% 0 0;}
.option404 ul li i{ padding-right: 10px; }
.option404 ul li a{color: #0095df;}
.option404 ul li a:hover{ color: #429bf7; }
.option404 ul li::after{ content: "" !important ;}
.option404 .search{ background: #36baff url( ../images/search.jpg) no-repeat; border: none; width: 32px; height: 32px; }
.option404 input.text{ border: 1px solid #e0dfdf; width: 261px; height: 32px;}
.option404 form{ display: inline-block; }
#main .content .pagination{ margin:5.6% 20px 0; list-style:none; text-align: center; }
#main .content .pagination  a{  text-decoration:none;border: 1px solid #0095df; padding:6px 12px;margin-right:5px;  color:#0095df;}
#main .content .pagination  a:hover,#main .pagination .active{background:#0095df;color: #fff;}
#main table{text-align: center; width: 100%; border: 1px solid #999;}
#main table th{text-align: center; background:#E5E5E5; border: 1px solid #999; line-height: 20px; padding: 8px 0; color:#292929;}
#main table td{border: 1px solid #999; padding: 6px 0;}
#main .content a{color: #0095df}
#main .content a:hover{ color: #004182}

#main .getprice{display:block; background: #0095df; color: #fff; text-align: center; padding:18px 0; font-weight: bold; font-size: 18px; margin-top: 40px; text-decoration: none;}