.newsNav { padding: 10px 0px; }
.newsNav ul { }
.newsNav li { float: left; padding: 0px 25px 0px 0px; }
.newsNav li a { font-size: 15px; color: rgb(51, 51, 51); line-height: 54px; display: block; padding: 0px 15px; }
.newsNav li a:hover { color: rgb(246, 150, 3); }
.newsNav li.on a { color: rgb(246, 150, 3); }
.newsContainer { padding: 0px 400px 0px 0px; }
.newsLeftWrap { width: 100%; float: left; }
.newsLeftHull { border: 1px solid rgb(235, 235, 235); background: rgb(255, 255, 255); border-radius: 4px; padding: 0px 20px; margin-bottom: 24px; }
.newsLeftHull .title { border-bottom: 1px dotted rgb(222, 222, 222); }
.newsLeftHull .title a { display: block; line-height: 60px; color: rgb(51, 51, 51); font-size: 16px; }
.newsLeftHull .title a i { float: right; color: rgb(113, 116, 127); }
.newsLeftHull .title a:hover { color: rgb(246, 150, 3); }
.newsLeftHull .list { }
.newsLeftHull .list ul { overflow: hidden; }
.newsLeftHull .list li { border-top: 1px dotted rgb(222, 222, 222); margin-top: -1px; }
.newsLeftHull .list li a { display: block; line-height: 24px; padding: 16px 0px; }
.newsLeftHull .list li a i { float: left; font-size: 14px; color: rgb(199, 199, 199); }
.newsLeftHull .list li a h2 { float: left; margin: 0px 30px 0px 10px; font-size: 14px; color: rgb(51, 51, 51); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px; }
.newsLeftHull .list li a span { float: left; font-size: 14px; color: rgb(190, 189, 190); margin: 0px 20px 0px 0px; }
.newsLeftHull .list li a .tag { border-radius: 30px; border: 1px solid rgb(4, 45, 135); color: rgb(4, 45, 135); padding: 0px 10px; }
.newsLeftHull .list li a .views { }
.newsLeftHull .list li a .more { float: right; margin: 0px; color: rgb(190, 189, 190); padding: 0px 10px; }
.newsLeftHull .list li a:hover h2 { color: rgb(246, 150, 3); }
.newsLeftHull .list li a:hover .more { background: rgb(246, 150, 3); border-radius: 30px; color: rgb(255, 255, 255); }
.newsLeftHull .readMore { border-top: 1px dotted rgb(222, 222, 222); line-height: 62px; text-align: center; }
.newsLeftHull .readMore a { font-size: 16px; color: rgb(113, 116, 127); }
.newsLeftHull .readMore a:hover { color: rgb(246, 150, 3); }
.newsLeftHull2 { padding: 0px 30px; }
.newsLeftHull2 .title { position: relative; border-bottom: 1px solid rgb(242, 242, 242); }
.newsLeftHull2 .title span { float: left; border-bottom: 3px solid rgb(246, 150, 3); height: 60px; line-height: 1; padding: 30px 0px 0px; font-weight: bold; }
.newsLeftHull2 .list { }
.newsLeftHull2 .list li { border-top: 1px solid rgb(248, 248, 248); }
.newsLeftHull2 .list li a { padding: 17px 0px; }
.newsLeftHull2 .list li a h2 { margin: 0px 30px 0px 5px; }
.newsLeftHull2 .list li a .tag { border-radius: 2px; background: rgb(246, 150, 3); color: rgb(255, 255, 255); border: none; padding: 0px 5px; margin: 0px 7px 0px 5px; }
.newsLeftHull2 .list li a .views { float: right; color: rgb(138, 138, 138); margin: 0px; }
.newsLeftHull2 .list li.first { }
.newsLeftHull2 .list li.first a { padding: 30px 0px 30px 360px; }
.newsLeftHull2 .list li.first img { float: left; margin-left: -360px; width: 330px; }
.newsLeftHull2 .list li.first img + div { float: left; width: 100%; display: block; margin-bottom: 20px; }
.newsLeftHull2 .list li.first a .tag { }
.newsLeftHull2 .list li.first a h2 { font-size: 20px; max-width: 480px; margin: 0px 0px 0px 5px; }
.newsLeftHull2 .list li.first a .desc { font-size: 14px; line-height: 26px; height: 78px; color: rgb(76, 76, 76); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; float: left; width: 100%; margin: 0px 0px 60px; }
.newsLeftHull2 .list li.first a .bd { text-align: right; color: rgb(246, 150, 3); }
.newsLeftHull2 .list li.first a .bd span { float: left; color: rgb(137, 137, 137); }
.newsLeftHull2 .readMore { border-top: 1px solid rgb(248, 248, 248); line-height: 80px; }
.newsLeftHull2 .readMore a { color: rgb(246, 150, 3); }
.caseList { }
.caseList ul { }
.caseList li { padding: 20px 0px; border-bottom: 1px dashed rgb(223, 223, 223); }
.caseList li a { padding: 0px 0px 0px 390px; display: block; color: rgb(49, 49, 49); }
.caseList li a .pic { float: left; width: 390px; padding: 0px 30px 0px 0px; margin-left: -390px; }
.caseList li a img { width: 100%; border-radius: 5px; }
.caseList li a h2 { font-size: 20px; line-height: 1; padding: 15px 0px 10px; }
.caseList li a .tag { color: rgb(102, 102, 102); margin-bottom: 12px; }
.caseList li a .desc { font-size: 14px; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 78px; margin-bottom: 10px; color: rgb(102, 102, 102); }
.caseList li a p { line-height: 1; display: inline-block; width: 100%; color: rgb(153, 153, 153); }
.caseList li a span { float: right; color: rgb(246, 150, 3); }
.caseList li a:hover h2 { color: rgb(246, 150, 3); }
.caseList li a:hover .desc, .caseList li a:hover .tag { }
.detailTitle { padding: 40px 0px 20px; border-bottom: 1px solid rgb(235, 235, 235); text-align: center; font-size: 14px; color: rgb(170, 170, 170); }
.detailTitle h1 { font-size: 26px; color: rgb(51, 51, 51); font-weight: bold; line-height: 30px; }
.detailTitle p { line-height: 20px; padding: 10px 0px; }
.detailTitle .last { text-align: left; line-height: 20px; }
.detailTitle .last i { }
.detailTitle .last a { color: rgb(170, 170, 170); }
.detailCon { font-size: 14px; line-height: 26px; color: rgb(102, 102, 102); padding: 20px 0px; }
.detailCon p { margin: 8px 0px; }
.detailCon img { display: block; margin: 8px auto; border-radius: 5px; }
.detailCon a { color: rgb(246, 150, 3); }
.detailCon img { display: block; margin: 0px auto 10px; border-radius: 2px; border: 1px solid rgb(229, 229, 229); }
.BigBox { position: relative; display: block; margin-bottom: 50px; }
.BigBox i { background: rgba(0, 0, 0, 0.3); color: rgb(255, 255, 255); position: absolute; right: 0px; bottom: 0px; line-height: 1; padding: 5px; border-radius: 2px 0px 0px; }
.BigBox::before { content: "µã»÷²é¿´´óͼ >"; font-size: 14px; line-height: 1; color: rgb(24, 144, 255); display: block; text-align: center; bottom: -30px; position: absolute; width: 100%; }
.BigBox:hover i { background: rgb(24, 144, 255); }
.dianZan { text-align: center; margin-top: 30px; padding-bottom: 20px; }
.dianZan a { display: inline-block; color: rgb(204, 204, 204); }
.dianZan a i { width: 50px; line-height: 50px; font-size: 50px; float: left; }
.dianZan a span { float: left; width: 50px; line-height: 20px; padding: 5px 0px; }
.dianZan a:hover i { color: rgb(206, 225, 255); }
.dianZan a.on { cursor: text; position: relative; }
.dianZan a.on i { color: rgb(206, 225, 255); }
.dianZan a.on::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0px; top: 0px; }

.detail_tag{font-size: 14px;color: #333;line-height: 24px;padding: 10px 0 15px;}
.detail_tag a{ margin: 0 0 0 10px; color: #f69603; text-decoration: underline;}
.detail_tag a.back{ float: right; color: #333;}


.tuiJian-pro { padding: 0px 0px 20px; }
.tuiJian-pro .title { border-bottom: 1px dashed rgb(222, 222, 222); line-height: 40px; color: rgb(51, 51, 51); font-size: 16px; padding: 0px 0px 5px; margin-bottom: 15px; }
.tuiJian-pro .title a { float: right; font-size: 14px; line-height: 40px; }
.tuiJian-pro ul { margin: 0px -10px; }
.tuiJian-pro li { float: left; width: 33.3333%; padding: 0px 10px 10px; }
.tuiJian-pro li a { text-align: center; }
.tuiJian-pro li a .picHull { width: 100%; height: 240px; position: relative; display: block; border: 1px solid rgb(230, 230, 230); border-radius: 5px; overflow: hidden; padding: 10px; }
.tuiJian-pro li a .picHull .text { position: absolute; font-size: 13px; line-height: 18px; color: rgb(102, 102, 102); text-align: center; right: 30px; top: 30px; }
.tuiJian-pro li a .picHull .text2 { }
.tuiJian-pro li a .picHull .text2 img { width: 110px; position: absolute; right: 0px; top: 10px; }
.tuiJian-pro li a .picHull .text2 em { top: 10px; right: 51px; position: absolute; line-height: 31px; font-size: 12px; color: rgb(102, 102, 102) !important; }
.tuiJian-pro li a .picHull .text2 span { font-size: 12px; line-height: 16px; display: block; text-align: center; color: rgb(102, 102, 102); position: absolute; right: 5px; top: 50px; }
.tuiJian-pro li a .pic { width: 100%; height: 220px; text-align: center; display: table-cell; vertical-align: middle; }
.tuiJian-pro li a .pic img { max-width: 95%; max-height: 95%; }
.tuiJian-pro li a .brand { margin-bottom: 30px; }
.tuiJian-pro li a .brand img { }
.tuiJian-pro li a .picHull img { max-width: 95%; max-height: 95%; }
.tuiJian-pro li a h2 { font-size: 14px; color: rgb(102, 85, 85); line-height: 30px; margin-bottom: 3px; text-align: center; }
.DetailPage { }
.DetailPage { margin: 0px; }
.DetailPage li { float: left; width: 50%; line-height: 60px; border-top: 1px solid rgb(222, 222, 222) !important; }
.DetailPage li a { display: block; position: relative; }
.DetailPage li a i { width: 26px; height: 26px; border-radius: 26px; border: 1px solid rgb(87, 133, 229); text-align: center; color: rgb(87, 133, 229); font-size: 14px; line-height: 26px; position: absolute; left: 0px; top: 2px; }
.DetailPage li a p { font-size: 14px; color: rgb(102, 85, 85); }
.DetailPage li a p span { font-weight: bold; }
.DetailPage li:last-of-type { float: right; }
.DetailPage li:last-of-type a { padding: 0px; text-align: right; }
.DetailPage li:last-of-type a i { left: inherit; right: 0px; }
.DetailPage li.on a { display: none; }
.DetailPage li a:hover p { color: rgb(246, 150, 3); }
.SideBar { width: 380px; float: right; margin-right: -400px; border: 1px solid rgb(235, 235, 235); background: rgb(255, 255, 255); border-radius: 4px; padding: 0px 15px; margin-bottom: 24px; }
.SideBarTitle { font-size: 16px; color: rgb(51, 51, 51); line-height: 62px; border-bottom: 1px solid rgb(222, 222, 222); }
.SideBar .hotNews { }
.SideBar .hotNews { padding: 15px 0px; }
.SideBar .hotNews li { padding: 3px 0px; }
.SideBar .hotNews li a { display: block; padding: 5px; max-height: 29px; background: rgb(255, 255, 255); overflow: hidden; }
.SideBar .hotNews li a:hover { max-height: 50px; background: rgb(247, 247, 247); }
.SideBar .hotNews li a h3 { font-size: 14px; line-height: 21px; color: rgb(102, 102, 102); }
.SideBar .hotNews li a .bd { height: 20px; line-height: 20px; color: rgb(179, 179, 179); }
.SideBar .hotNews li a .bd i { line-height: 20px; height: 20px; display: inline-block; vertical-align: inherit; padding: 0px 2px 0px 0px; }
.SideBar .hotBlock { }
.SideBar .hotBlock li { margin: 20px 0px; padding: 0px 0px 0px 70px; position: relative; }
.SideBar .hotBlock li i { width: 60px; height: 60px; background: url("../img/icon.png") 0px 0px no-repeat; position: absolute; left: 0px; top: 0px; transform: scale(0.8); }
.SideBar .hotBlock li:nth-of-type(2) i { background-position: -60px 0px; }
.SideBar .hotBlock li:nth-of-type(3) i { background-position: -120px 0px; }
.SideBar .hotBlock li:nth-of-type(4) i { background-position: -180px 0px; }
.SideBar .hotBlock li:hover i { background-position: 0px bottom; }
.SideBar .hotBlock li:nth-of-type(2):hover i { background-position: -60px bottom; }
.SideBar .hotBlock li:nth-of-type(3):hover i { background-position: -120px bottom; }
.SideBar .hotBlock li:nth-of-type(4):hover i { background-position: -180px bottom; }
.SideBar .hotBlock li a h3 { font-size: 18px; color: rgb(102, 102, 102); font-weight: bold; line-height: 25px; padding-bottom: 5px; padding-top: 5px; }
.SideBar .hotBlock li .bd { overflow: hidden; }
.SideBar .hotBlock li .bd a { float: left; padding: 0px 5px 0px 4px; font-size: 14px; color: rgb(179, 179, 179); line-height: 18px; border-left: 1px solid rgb(179, 179, 179); margin: 0px 0px 0px -1px; }
.SideBar .hotBlock li a:hover h3, .hotBlock li .bd a:hover { color: rgb(250, 188, 30); }
.SideBar .link { padding: 20px 0px; }
.SideBar .link a { border: 1px solid rgb(255, 255, 255); border-radius: 4px; overflow: hidden; display: block; }
.SideBar .link a:hover { border-color: rgb(246, 150, 3); }
.SideBar .hotTag { }
.SideBar .hotTag ul { overflow: hidden; margin: 0px -5px; padding: 25px 0px; }
.SideBar .hotTag li { float: left; width: 50%; padding: 4px 5px; }
.SideBar .hotTag a { line-height: 46px; color: rgb(51, 51, 51); border: 1px solid rgb(222, 222, 222); background: rgb(253, 253, 253); text-align: center; display: block; border-radius: 4px; }
.SideBar .hotTag a:hover,.SideBar .hotTag li.on a { color: rgb(246, 150, 3); border-color: rgb(246, 150, 3); }
.SideBar .hotTag li:nth-of-type(4n+3) a, .SideBar .hotTag li:nth-of-type(4n+4) a { background: rgb(253, 253, 253); }
.SideBar .contact { border-top: 1px solid rgb(235, 235, 235); }
.SideBar .contact .hd { text-align: center; padding: 30px 0px; }
.SideBar .contact .hd img { display: inline-block; background: rgb(255, 255, 255); padding: 5px; border: 1px solid rgb(235, 235, 235); max-width: 200px; }
.SideBar .contact .hd span { display: block; font-size: 16px; color: rgb(88, 91, 94); line-height: 1; padding: 20px 0px 0px; }
.SideBar .contact ul {padding: 0px 15px;margin-bottom: 10px;}
.SideBar .contact li { border-top: 1px solid rgb(230, 230, 230); padding: 25px 0px 25px 20px; }
.SideBar .contact li img { float: left; margin-right: 30px; }
.SideBar .contact li a { display: block; }
.SideBar .contact li a h2, .SideBar .contact li h2 { font-size: 18px; line-height: 20px; height: 20px; color: rgb(51, 51, 51); vertical-align: top; }
.SideBar .contact li a h2 em, .SideBar .contact li h2 em { display: inline-block; margin-left: 20px; font-size: 12px; color: rgb(255, 205, 46); border: 1px solid rgb(255, 205, 46); padding: 0px 5px; line-height: 18px; vertical-align: top; }
.SideBar .contact li a p, .SideBar .contact li p { color: rgb(128, 128, 128); }
.SideBar2 { padding: 20px; margin-bottom: 20px; border: 1px solid rgb(235, 235, 235); background: rgb(255, 255, 255); border-radius: 4px; }
.SideBar2 .title { font-size: 16px; color: rgb(51, 51, 51); font-weight: bold; line-height: 40px; }
.SideBar2 .title a { float: right; font-size: 14px; color: rgb(246, 150, 3); }
.SideBar2 .hotPro { position: relative; }
.SideBar2 .hotPro .hd { position: absolute; left: 0px; bottom: 20px; width: 100%; z-index: 2; }
.SideBar2 .hotPro .hd ul { text-align: center; height: 2px; }
.SideBar2 .hotPro .hd li { text-indent: -999999px; width: 36px; height: 2px; background: rgb(223, 224, 225); display: inline-block; margin: 0px 4px; }
.SideBar2 .hotPro .hd li.on { background: rgb(246, 150, 3); }
.SideBar2 .system { }
.SideBar2 .system a { line-height: 1; display: block; }
.SideBar2 .system a:last-of-type { margin-top: 20px; }
.SideBar2 .system img { margin-bottom: 22px; }
.SideBar2 .system .bd { }
.SideBar2 .system a h2 { font-size: 15px; color: rgb(50, 50, 50); font-weight: bold; padding: 0px 0px 15px; }
.SideBar2 .system a .bd { font-size: 14px; color: rgb(76, 76, 76); position: relative; }
.SideBar2 .system a span { font-size: 14px; line-height: 24px; color: rgb(76, 76, 76); border-radius: 24px; border: 1px solid rgb(76, 76, 76); padding: 0px 10px; display: inline-block; position: absolute; right: 0px; top: 50%; margin-top: -12px; }
.SideBar2 .system a span i { }
.SideBar2 .system a:hover h2 { color: rgb(246, 150, 3); }
.SideBar2 .system a:hover span { color: rgb(246, 150, 3); border-color: rgb(246, 150, 3); }
.SideBar2 .hotCase { position: relative; }
.SideBar2 .hotCase .prev, .SideBar2 .hotCase .next { top: 50%; position: absolute; color: rgb(255, 255, 255); font-size: 13px; text-align: center; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.6); left: 5px; z-index: 2; margin-top: -20px; }
.SideBar2 .hotCase .next { left: inherit; right: 5px; }
.SideBar2 .hotCase .hd { height: 5px; text-align: center; position: absolute; width: 100%; z-index: 2; bottom: 42px; }
.SideBar2 .hotCase .hd li { text-indent: -999999px; width: 5px; height: 5px; border-radius: 5px; background: rgb(208, 211, 211); display: inline-block; margin: 0px 3px; }
.SideBar2 .hotCase .hd li.on { background: rgb(246, 150, 3); }
.SideBar2 .hotCase .bd { }
.SideBar2 .hotCase .bd a { }
.SideBar2 .hotCase .bd a h2 { line-height: 1; color: rgb(50, 50, 50); font-size: 15px; font-weight: bold; padding: 20px 0px 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.SideBar2 .hotNews { padding: 0px; }
.SideBar2 .contact { border: none; }
.SideBar2 .contact .hd { padding: 0px 0px 20px; }
.SideBar2 .contact li { background: rgb(245, 245, 245); border: none; border-radius: 4px; margin-top: 15px; padding: 12px; }
.SideBar2 .contact li a h2, .SideBar2 .contact li h2 { font-weight: bold; font-size: 16px; padding: 15px 0px 5px; height: auto; line-height: 1; }
.SideBar2 .contact li a p, .SideBar2 .contact li p { font-size: 16px; color: rgb(50, 50, 50); line-height: 1; }
.SideBar2 .contact ul{margin-bottom:10px}
#fileBox { margin: 1rem 0px; }
#fileBox label { display: block; height: 30px; width: 30px; position: relative; left: 96.5%; top: -47px; background-image: url("/web/img/uploadImg_bg.png"); background-position: -510px -312px; float: inherit; cursor: pointer; }
#fileBox .file-btn { height: 0px; width: 0px; margin: 0px 0.5rem 0.5rem 0px; opacity: 0; position: relative; left: 10px; top: -14px; }
#fileBox .review-box { display: block; float: left; }
#fileBox .review-box img { height: 80px; width: 100px; margin: 0px 0.5rem 0.5rem 0px; }
#fileBox .prev-item { position: relative; display: inline-block; }
#fileBox .prev-item .closebtn { position: absolute; right: -1px; top: -4px; display: block; height: 14px; width: 14px; color: rgb(255, 255, 255); font-size: 16px; line-height: 14px; text-align: center; background: red; border-radius: 10px; cursor: pointer; }
@media (max-width: 1768px) {
}
@media (max-width: 1600px) {
  .newsContainer { padding: 0px 340px 0px 0px; }
  .SideBar { width: 320px; margin-right: -340px; }
    .SideBar2 .system a span{margin-top: -30px;}   
    .SideBar .contact li img {margin-right: 10px;}
    .SideBar2 .contact li a h2, .SideBar2 .contact li h2{text-align: left;}
    .SideBar .contact li a h2 em, .SideBar .contact li h2 em{margin-left: 10px;}
}
@media (max-width: 1440px) {
}
@media (max-device-width: 1440px) {
}
@media (max-device-width: 1024px) {
  .caseList li a { padding: 0px 0px 0px 240px; }
  .caseList li a .pic { width: 240px; margin-left: -240px; padding: 0px 15px 0px 0px; }
  .caseList li a h2 { padding: 0px 0px 10px; font-size: 16px; }
  .caseList li a .tag { line-height: 1; margin-bottom: 5px; font-size: 12px; }
  .caseList li a .desc { font-size: 12px; line-height: 20px; height: 60px; margin-bottom: 5px; }
  .caseList li a p { font-size: 12px; }
}