/* css document */
#crumbs{ color: #666666; padding: 7px 0;}
#crumbs a{color: #666666;}
#crumbs a:hover{color: #1998d6; text-decoration: none;}
#main{background: #f0f1f3; padding: 30px 0;color: #636363;}
#main h1{color: #5a6162; font-size: 24px; margin: 0 0 20px; font-weight: bold;}
#main .content{background: #fff; padding: 20px;}
#main .content p{text-indent:2em}
#main .content p.tel,#main .content p.add,#main .content p.website{text-indent:0;}
#main .articlec h1{text-align:center;margin:10px 0}
#main .articlec .time_info{text-align:center;padding:5px;color:#999;border-bottom:1px dashed #ddd;padding-bottom:15px;margin-bottom:15px;}
#main .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; text-transform:capitalize; background: #545c5e;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#main a:hover.pjlist span{background: #1998d6;}
#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: #3fcdef; color: #fff; font-size: 20px; border-bottom: 3px solid #1998d6; padding: 9px 20px; font-weight: bold;}
#main .sidebar .panel-group .panel   .panel{ margin-top: 0; }
#main .sidebar .panel-group .panel-heading{ border-bottom: 1px solid #f0f1f3;}
#main .sidebar .panel-heading a{ display:block; position:relative; font-size: 16px; padding-left:25px; color: #5a6162; width: 100%; height: 100%; outline: none;text-decoration: none; line-height: 18px;}
#main .sidebar .panel-heading a:after{ position:absolute;content:"\f147";font-family: fontawesome;transform:translate(0, 0); line-height:30px; color:#1998d6; left:0; top:-5px; font-size:18px;}
#main .sidebar .panel-heading a.collapsed:after{content:"\f196";}
#main .sidebar .panel-group .panel-body{ border: none !important; padding: 0;  }
#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; }
#main .sidebar ul.catelist li a:hover{background: #e5f0ec; color: #5c6060;}
#main .sidebar .panel-group a:hover{ color:#1998d6; 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: #1998d6; 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 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: #1998d6; 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 .caserow a{ font-size: 14px; }
}
#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;}
#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: #3fcdef; 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;}
#main .mailbody p b{color: #767b7c; font-size: 14px;}
#main .mailbody p span{color: #1998d6; 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: #1998d6; 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: #1998d6; font-size: 12px;}
@media (max-width:565px) {
#main .mailbody .tips{ display: block; margin-top: 5px; }
}
/*product.htm*/
#main .catename{background: #e5f0ec; font-size: 16px; color: #545c5e; font-weight: bold; padding:8px 15px; margin-bottom: 15px; margin-top: 10px;}
#main .catename a{color:#545c5e}
#main .quick-nav{color: #d4d5d5;}
#main .quick-nav a{padding: 0 5px;color: #8e918f;border-right:1px solid #ddd;padding-right:8px}
#main .quick-nav a:last-child{border:none;}
#main .quick-nav a:hover{color: #1998d6; }
@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: #1998d6; padding-right: 5px;}
#main .content .nlist .more{background: #1998d6; color: #fff; width: 116px; height: 27px; line-height: 27px; text-align: center; display: block; font-size: 12px; text-decoration: none;}
#main .content .nlist .more:hover{background: #4ad695; }
@media (max-width:767px) {
  #main .nlist{text-align: center;}
  #main .nlist .title{ margin-top: 8px; display: block; }
  #main .content .nlist .more{ margin-left: auto; margin-right: auto;  margin-top: 20px;}
}
@media (min-width:768px) {
#main .nlist{position: relative;}
#main .content .nlist .more{ bottom: 20px; position: absolute; right: 0;}
}
#main .page{ margin:20px auto 0; list-style:none; text-align: center; }
#main .page  a{  color:#1998d6; text-decoration:none;border: 1px solid #1998d6;padding:2px 10px;margin-right:5px;}
#main .page  a:hover,#main .page .current{background:#1998d6;color: #fff;}
@media (max-width:996px) {
#main .page a{margin-bottom:10px;display:inline-block;padding:2px 8px;}
}
#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: 1;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: 10px 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: #1998d6;z-index: 1;padding-right: 5px;content:"\f1ea";font-family: "fontawesome";position: absolute; margin-left: -25px;}
#main .content ul.news li a:hover{color: #1998d6; text-decoration: none;}
#main .newsnav{margin-bottom: 20px; }
#main .newsnav a{display: inline-block; background: #f0f1f3; color: #5a6162; padding: 3px 25px; margin-right: 4px; margin: 3px 1px;}
#main .newsnav a:hover,#main .newsnav a.active{background: #1998d6; color: #fff; text-decoration: none;}
#main .company{display: inline-block; border: 1px solid #ededed; color: #5a6162; font-size: 18px; font-weight: bold; background:#ededed url(/uploads/image/nimages/sr-logo.png) no-repeat 20px center; padding: 20px 20px 20px 80px; }
#main address p{ padding-left: 55px; position: relative; margin-bottom: 20px; margin-top: 25px; color: #636363; }
#main address p.tel::after,address p.add::after,address p.website::after{font-family: fontawesome; position: absolute; left: 0; top: 0; font-size: 30px; color: #1998d6;}
#main address p.tel a{color: #636363; font-size: 25px; text-decoration: none; font-weight: bold;}
#main address p.add::after{content:"\f278";}
#main address p.tel::after{content:"\f095";}
#main address p.website::after{content:"\f17d";}
#main address p.website a{ color: #4b94e6; }
/*article_article*/
#main .art-product{margin-bottom: 30px;}
#main .parameter{list-style: none; margin: 0; padding: 10px 0 0; border-top: 1px solid #e8e8e8;}
#main .parameter li{color: #636363; margin: 7px 0;}
#main .parameter li b{color: #636363;}
#main .online{margin-right: 10px; margin-top:4.6%; text-decoration: none; width: 194px; height: 38px; display:inline-block; background: #1998d6; color: #fff; font-size: 18px; text-align: center; line-height: 38px;}
#main a:hover.online{background: #39a761;}
#main .tel{font-size: 20px; font-weight: bold; color: #545c5e;}
#main .down{font-size: 12px; color: #cc0000; margin-top: 25px;}
#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{background: #e5f0ec; border-bottom: 3px solid #1998d6; font-size: 18px; color: #1998d6; padding: 8px 10px; font-weight: bold; margin-bottom: 20px;}
#main .art-body p{ text-indent: 2em; }
#main .art-body table,#main .articlec table {border: 1px solid #cfcfcf; text-align: center;}

#main .art-body table th,#main .articlec table th{background: #ddd; text-align: center; color: #666; border-color: #cfcfcf;padding: 10px 5px;}
#main .art-body table td{ border-color: #cfcfcf; padding:6px 5px;}
#main table tr:nth-child(even) {background: #efefef;}
#main .re-tit{background: #e5f0ec; margin-top: 30px; padding: 6px 10px; font-size: 16px; color: #545c5e; margin-bottom: 20px;}
#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: #1998d6;}
#main .recommend .col-sm-6{padding-left: 5px; padding-right: 5px;}
#main .recommend .col-sm-6 a{display: block; text-decoration: none; margin-bottom: 10px;}
#main .recommend .col-sm-6 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-6 a:hover span{background: #1998d6;}
@media (max-width:767px) {
 #main .art-product h1{margin-top: 10px;}
 #main .articlec h1{line-height:24px;font-size:20px;}
}
@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:#1998d6; 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: 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; padding-bottom:15px;}
.error .listtit{ font-size:14px; color:#545e60; margin-bottom:20px; }
.error .choose ul{ list-style:none; margin:0px; padding:0px;}
.error  ul li{ width:269px;  border: 1px solid #ededed; margin-right:20px; text-transform:capitalize; font-size:14px; margin: 5px auto; text-align: center;}
.error .choose ul li a{ color:#636363; height:39px;line-height:39px; text-decoration:none; display: block; }
.error .choose ul li a:hover{background: #1998d6; color: #fff;}
 .sm404c li { line-height:30px; }
}
.sm404c li a { color:#009844; }
.text-404{ text-align:center; display:block; color:#1998d6; margin:50px 0px;}
#main .diyrow{ margin-left: -3px; margin-right: -3px; }
#main .diyrow .col-sm-4,#main .diyrow .col-sm-3,#main .diyrow .col-sm-6,#main .diyrow .col-md-4,#main .diyrow .col-md-3,#main .diyrow .col-md-6,#some .diyrow .col-sm-3{ padding: 3px; }
#main .articlec embed,#main .articlec iframe ,#main .art-body  embed, #main .art-body  iframe{width: 520px; margin: 0 auto; display: block; height: 360px;}
@media (min-width:768px) and (max-width:991px) {
	#main .articlec embed,#main .articlec iframe ,#main .art-body  embed, #main .art-body  iframe { width: 430px; height: 320px; }
}
@media (max-width:559px){
#main .articlec embed,#main .articlec iframe ,#main .art-body  embed, #main .art-body  iframe {  width: 100%; height: 280px;}
}