﻿.proBox { padding: 10px 10px 20px; background: #fff; margin-top: 30px; box-sizing: border-box; overflow: hidden; box-sizing: border-box; }
#main .posi { border: 1px solid #ddd; padding: 8px 0 8px 36px; background: #fff url(../images/common/posi.png) no-repeat left 6px center; background-size: 24px; color: #666; margin: 20px auto; box-sizing: border-box; }
.texBox img { width: 100% !important; }
.texBox p { margin-top: 20px; }
#main .posi a { color: #666; }
.proBox .box { border-bottom: 1px dashed #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.proBox .box .top { border-bottom: 2px solid rgb(16,80,168); color: rgb(16,80,168); line-height: 48px; overflow: hidden; padding: 0 12px; }
.proBox .box .top h3 { font-size: 20px; font-weight: 500; float: left; }
.proBox .box .top a { display: block; float: right; font-size: 14px; color: rgb(16,80,168); }
.proBox .box ul.ul1 li { width: 25%; padding: 20px 15px 10px; box-sizing: border-box; float: left; }
.proBox .box ul.ul1 li p { line-height: 40px; text-align: center; font-size: 16px; color: #fff; background: rgb(16,80,168); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.proBox .box ul.ul2 li { float: left; width: 20%; float: left; text-align: center; padding: 10px 15px; box-sizing: border-box; }
.proBox .box ul.ul2 li a { display: block; line-height: 36px; border-radius: 19px; text-align: center; color: #666; border: 1px solid #ddd; font-size: 16px; }
.proBox .box ul.ul2 li:hover a { border-color: rgb(16,80,168); background: rgb(16,80,168); color: #fff; }
/* 子栏目页 */

.proBox1 { padding: 0; background: none; }
.proBox .fl { width: 20%; background: #fff; }
.proBox .fl h3 { position: relative; font-size: 18px; color: #fff; font-weight: 500; background: rgb(16,80,168); padding: 20px 0px; text-align: center }
.proBox .fl h3.tt { padding: 10px 0; font-size: 16px; }
.proBox .fl ul.ul1 { border: 1px solid #ddd; padding: 10px; margin-bottom: 20px; border-top: none; }
.proBox .fl ul.ul1 li { border-bottom: 1px dotted #ddd; }
.proBox .fl ul.ul1 li h4 { line-height: 43px; font-size: 16px; color: #333; font-weight: 500; overflow: hidden; }
.proBox .fl ul.ul1 li span { display: block; float: right; width: 16px; height: 16px; text-align: center; box-sizing: border-box; background: url(../images/index/jt2.png) no-repeat center; background-size: cover; margin-top: 12px; }
.proBox .fl ul.ul1 li .submenu { padding: 5px 0 8px; overflow: hidden; display: none; }
.proBox .fl ul.ul1 li .submenu a { display: block; color: #555; line-height: 40px; border-bottom: 1px dashed #ddd; padding-left: 15px; }
.proBox .fl ul.ul1 li .submenu a:hover { background: rgb(16,80,168); color: #fff; }
.proBox .fl ul.ul1 li.open span { background: url(../images/index/jt1.png) no-repeat center; background-size: cover }
.proBox .fl ul.ul1 li.open h4 { color: rgb(16,80,168); }
.proBox .fl ul.ul1 li.open .submenu { display: block; }
.proBox .fl ul.ul1 li .submenu a.on { background: rgb(16,80,168); color: #fff; }
.proBox .fl ul.ul2 { border: 1px solid #ddd; border-top: none; padding: 8px 10px; margin-bottom: 20px; }
.proBox .fl ul.ul2 li { border-bottom: 1px solid #ddd; }
.proBox .fl ul.ul2 li a { display: block; padding: 0 8px; font-size: 14px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.proBox .fl ul.ul2 li:hover a { color: rgb(16,80,168); }
.proBox .fl .lxText { border: 1px solid #ddd; border-top: none; padding: 10px; }
.proBox .fl .lxText h4 { font-size: 18px; font-weight: 500; margin: 5px 0; }
.proBox .fl .lxText p { line-height: 25px; font-size: 14px; }
.proBox .fr .proList1 li:first-child .box { background: #e6e6e6; line-height: 35px; font-size: 14px; color: #666; border: none; padding: 0 8px; }
.proBox .fr { width: 78%; }
.proBox .fr h3.tit { line-height: 40px; border-bottom: 2px solid rgb(16,80,168); color: #555; font-size: 20px; margin-bottom: 20px; }
.proBox .fr .proList1 li .box:last-child { border-right: none; }
.proBox .fr .proList1 { border: 1px solid #ddd; }
.proBox .fr .proList1 li { overflow: hidden; }
.proBox .fr .proList1 li .box { display: table-cell; vertical-align: middle; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 10px 8px; font-size: 16px; color: #333; margin-bottom: 0; }
.proBox .fr .proList1 li a { display: table; width: 100%; border-collapse: collapse; }
.proBox .fr .proList1 li .box1 { width: 25%; text-align: center; }
.proBox .fr .proList1 li .box1 img { width: 80%; box-shadow: 0 0 5px rgba(0, 0, 0, .3); }
.proBox .fr .proList1 li .box2 { width: 10%; }
.proBox .fr .proList1 li .box3 { width: 20%; }
.proBox .fr .proList1 li .box3 b { font-weight: 500; }
.proBox .fr .proList1 li .box4 { width: 25%; font-size: 15px; text-align: left; }
.proBox .fr .proList1 li:first-child .box4 { text-align: center; }
.proBox .page { text-align: center; margin-top: 30px; }
.proBox .page a { margin: 0 3px; padding: 3px 8px; border: 1px solid #ddd; }
.proBox .page a:hover { background: rgb(16,80,168); color: #fff; border-color: rgb(16,80,168); }
/* 产品详情 */

.proShow { overflow: inherit; padding: 0; }
.proShow .fl { float: right; }
.proShow .fr { float: left; }
.pimg { float: left; width: 40%; position: relative; }
/* smallImg */

.smallImg { position: relative; height: 54px; margin-top: 1px; background-color: #F1F0F0; padding: 6px 5px; overflow: hidden; float: left; width: 100%; box-sizing: border-box; }
.scrollbutton { width: 14px; height: 40px; overflow: hidden; position: relative; float: left; cursor: pointer; }
.scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled { background: url(../images/index/pl.png) no-repeat; background-size: 14px 40px; }
.scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled { background: url(../images/index/pr.png) no-repeat; background-size: 14px 40px; float: right; }
#imageMenu { height: 40px; overflow: hidden; margin-left: 0; float: left; }
#imageMenu li { height: 50px; width: 40px; overflow: hidden; float: left; text-align: center; padding: 0px 8px; }
#imageMenu li img { width: 50px; height: 40px; cursor: pointer; }
#imageMenu li#onlickImg img, #imageMenu li:hover img { width: 44px; height: 36px; border: 2px solid #959595; }
/* bigImg */

.bigImg { position: relative; float: left; overflow: hidden; }
.bigImg #midimg { width: 100%; }
.bigImg #winSelector { width: 235px; height: 210px; }
#winSelector { position: absolute; cursor: crosshair; filter: alpha(opacity=15); -moz-opacity: 0.15; opacity: 0.15; background-color: #000; border: 1px solid #fff; }
/* bigView */

#bigView { position: absolute; border: 1px solid #ddd; overflow: hidden; z-index: 999; left: 105% !important; top: -30% !important; height: 439px !important; }
#bigView img { position: absolute; width: 800px !important; }
.proShow .fr .comBox .text { width: 58%; float: right; }
.proShow .fr .comBox .text h1 { font-size: 22px; font-weight: 500; line-height: 30px; border-bottom: 1px solid #ddd; position: relative; padding-bottom: 10px; margin-bottom: 20px; }
.proShow .fr .comBox .text h1:before { content: ""; width: 100px; height: 2px; position: absolute; left: 0; bottom: -2px; background: rgb(16,80,168); }
.proShow .fr .comBox .text p { line-height: 28px; color: #666; }
.proShow .fr .comBox .text p span { color: #f40; }
.proShow .fr .comBox .text .info { margin-top: 20px; padding: 10px 0; line-height: 25px; color: #868583; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.proShow .fr .comBox .text ul li { line-height: 30px; padding-left: 30px; background: url(../images/index/prict.gif) no-repeat left 7px; }
.proShow .fr .comBox .text ul li:nth-child(2) { background-position: left -22px; }
.proShow .fr .comBox .text ul li:nth-child(3) { background-position: left -52px; color: #0001ec; }
.proShow .fr .comBox .text ul li:nth-child(3) a { color: #0001ec; }
.proShow .fr .comBox .text ul li a img { width: 75px; margin: 3px 0 0 5px; }
.descBox { margin-top: 20px; }
.descBox .titl { background: #efefef; line-height: 35px; }
.descBox .titl span { display: inline-block; background: #048d01; color: #fff; padding: 0 15px }
.descBox .text { padding: 10px 0; }
.descBox .text img { width: auto !important; max-width: 900px !important }
.proBox .fr .fy li { width: 50%; float: left; line-height: 35px; height: 35px; border-bottom: 1px solid #ddd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.proBox .fr .fy li:nth-child(2) { text-align: right; }
.proBox .fr .lkBox { margin-top: 30px; }
.proBox .fr .lkBox ul { margin-top: 15px; }
.proBox .fr .lkBox ul.ul1 li { width: 50%; float: left; padding: 0 10px; box-sizing: border-box; }
.proBox .fr .lkBox ul.ul1 li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 36px; border-bottom: 1px dashed #ddd; padding: 0 8px; font-size: 15px; }
.proBox .fr .lkBox ul.ul2 li { width: 25%; float: left; padding: 0 10px; box-sizing: border-box; }
.proBox .fr .lkBox ul.ul2 li a { display: block; border: 1px solid #ddd; }
.proBox .fr .lkBox ul.ul2 li a p { line-height: 40px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5px; font-size: 15px; }
/* 解决方案 */

.faFr { border: 1px solid #ddd; padding: 12px 1%; box-sizing: border-box; }
.proBox .fr .titl1 { border-bottom: 2px solid rgb(16,80,168); padding-bottom: 10px; font-size: 20px; color: #666; font-weight: 600; }
.proBox .fr .titl1 span { display: inline-block; color: #999; font-size: 14px; font-weight: 100; }
.proBox .fr .faUl { margin-top: 12px; }
.proBox .fr .faUl li a { display: block; overflow: hidden; border-bottom: 1px solid #ddd; line-height: 40px; padding: 0 8px 0 20px; background: url(../images/index/icon1.png) no-repeat left center; }
.proBox .fr .faUl li a p { width: 70%; float: left; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #444; }
.proBox .fr .faUl li a span { display: block; float: right; font-size: 13px; color: #999; }
.proBox .fr .faUl li:hover a p { color: rgb(16,80,168); }
/* 新闻中心 */

.proBox .fr .dl dl { margin-top: 12px; padding: 12px 10px; overflow: hidden; border-bottom: 1px dashed #ddd; background: #fff; transition: 0.3s; }
.proBox .fr .dl dl dt { width: 200px; float: left; }
.proBox .fr .dl dl dd { margin-left: 220px; }
.proBox .fr .dl dl a { display: block; }
.proBox .fr .dl dl dd h3 { font-size: 16px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.proBox .fr .dl dl dd span { display: block; font-size: 13px; color: #999; margin: 8px 0; padding-left: 20px; background: url(../images/index/time.jpg) no-repeat left center; }
.proBox .fr .dl dl dd p { font-size: 14px; line-height: 22px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.proBox .fr .dl dl:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .3); background: #fff; border-radius: 10px; border-bottom: none; }
/* 新闻详情 */

.proBox .shBox { padding: 0; }
.proBox .shBox .title { text-align: center; padding: 10px 0; background: #f7f8fc; border-bottom: 1px solid #ddd; line-height: 30px; }
.proBox .shBox .title h1 { font-size: 20px; font-weight: 500; color: rgb(16,80,168); }
.proBox .shBox .title p { font-size: 13px; color: #999; }
.proBox .shBox .texBox { padding: 10px 30px; }
.proBox .shBox .texBox img { display: block; margin: 0 auto; width: auto !important; }
.deBox1 { padding: 0 20px 20px; }
/* 视频中心 */

.proBox .fr .vdUl li { width: 25%; padding: 20px 10px 0px; box-sizing: border-box; float: left; }
.proBox .fr .vdUl li p { background: #efefef; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 15px; line-height: 40px; }
.proBox .fr .vdUl li p b { font-weight: 500; }
.proBox .fr .vdUl li:hover p { background: rgb(16,80,168); color: #fff; }
/* 关于我们 */

.proBox h3.abTit { font-size: 20px; display: inline-block; padding: 0 10px 8px; color: rgb(16,80,168); border-bottom: 2px solid rgb(16,80,168); }
.proBox .abCon { padding: 20px; font-size: 16px; text-indent: 2em }
 @media all and (min-width: 1024px) and (max-width: 1440px) {
.proShow .fr .comBox .text .info { margin-top: 10px; padding: 8px 0; height: 80px; }
}
 @media all and (min-width: 1024px) and (max-width: 1300px) {
.proShow .fr .comBox .text h1 { margin-bottom: 10px; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
.proBox { margin: 0 10px; width: auto; padding-top: 0; }
#main .posi { margin: 20px 10px; box-sizing: border-box; width: auto; font-size: 12px; }
.proBox .box { padding-bottom: 12px; margin-bottom: 12px; }
.proBox .box .top { line-height: 32px; padding: 0 8px; }
.proBox .box .top h3 { font-size: 18px; }
.proBox .box ul.ul1 { margin-bottom: 10px; }
.proBox .box ul.ul1 li { width: 50%; padding: 20px 8px 0px; }
.proBox .box ul.ul1 li p { line-height: 30px; font-size: 15px; }
.proBox .box ul.ul2 li { width: 50%; padding: 8px; }
.proBox .box ul.ul2 li a { line-height: 30px; border-radius: 15px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* 子栏目页 */
.proBox .fl { width: auto; margin-bottom: 10px; margin-left: -10px; margin-right: -10px; }
.proBox .fl h3 { font-size: 16px; padding: 10px; text-align: left; background: rgb(16,80,168) url(../images/index/menu.png) no-repeat right 10px center; background-size: 25px; }
.proBox .fl ul.ul1 { padding: 0 10px 10px; display: none; }
.proBox .fl ul.ul1 li h4 { line-height: 40px; }
.proBox .fl ul.ul1 li .submenu { padding: 0px 0 8px; }
.proBox .fl ul.ul1 li .submenu a { line-height: 34px; }
.proBox .fl h3.tt, .proBox .fl ul.ul2, .proBox .fl .lxText { display: none; }
.proBox .fr .proList1 li:first-child .box { background: #e6e6e6; line-height: 35px; font-size: 14px; color: #666; border: none; padding: 0 8px; }
.proBox .fr { width: auto; margin-left: -10px; margin-right: -10px; }
.proBox .fr h3.tit { line-height: 36px; font-size: 18px; margin-bottom: 10px; }
.proBox .fr .spPro li { width: 50%; float: left; padding: 10px; box-sizing: border-box; }
.proBox .fr .spPro li a { display: block; box-shadow: 0 0 10px rgba(0, 0, 0, .3) }
.proBox .fr .spPro li .text { padding: 10px; background: #fff; }
.proBox .fr .spPro li .text h3 { font-size: 16px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 6px; }
.proBox .fr .spPro li .text p { font-size: 14px; line-height: 20px; }
.proBox .fr .spPro li .text p strong { color: rgb(16,80,168) }
.proBox .fr .spPro li .text span { display: block; margin: 10px auto 0; width: 100px; line-height: 28px; background: rgb(16,80,168); color: #fff; border-radius: 14px; text-align: center; }
/* 产品详情 */
.proShow .fl { float: inherit; margin: 0 0 20px; }
.proShow .fr { float: inherit; margin: 0 0 10px; padding-bottom: 20px; }
.pimg { float: inherit; width: 100%; margin-bottom: 10px; overflow: hidden; }
/* bigView */
#bigView { display: none !important; }
.proShow .fr .comBox .text { width: 100%; float: inherit; }
.proShow .fr .comBox .text h1 { font-size: 18px; line-height: 30px; margin-bottom: 10px; }
.proShow .fr .comBox .text h1:before { width: 60px; height: 2px; }
.proShow .fr .comBox .text .info { margin-top: 10px; line-height: 22px; }
.descBox { margin-top: 10px; }
.descBox .titl { line-height: 30px; }
.descBox .titl span { padding: 0 10px }
.descBox .text img { width: 100% !important; max-width: inherit !important }
.proBox .fr .fy li { width: 100%; float: inherit; line-height: 30px; margin: 0; }
.proBox .fr .fy li:nth-child(2) { text-align: left; padding-bottom: 0; }
.proBox .fr .lkBox { margin-top: 20px; }
.proBox .fr .lkBox ul { margin-top: 5px; }
.proBox .fr .lkBox ul.ul1 li { width: 100%; padding: 0; float: inherit; }
.proBox .fr .lkBox ul.ul1 li a { line-height: 32px; font-size: 14px; }
.proBox .fr .lkBox ul.ul2 li { width: 50%; padding: 10px 8px; box-sizing: border-box; }
.proBox .fr .lkBox ul.ul2 li a p { line-height: 30px; font-size: 14px; }
/* 解决方案 */
.faFr { padding: 0px 4%; }
.proBox .fr .titl1 { font-size: 18x; }
.proBox .fr .faUl { margin-top: 0; }
.proBox .fr .faUl li a { line-height: 36px; padding: 0 8px 0 20px; position: relative; }
.proBox .fr .faUl li a p { width: 100%; float: inherit; padding-right: 80px; font-size: 15px; box-sizing: border-box; }
.proBox .fr .faUl li a span { width: 75px; float: inherit; white-space: nowrap; overflow: hidden; font-size: 13px; text-align: right; position: absolute; right: 0; top: 0; }
/* 视频中心 */
.proBox .fr .vdUl li { width: 100%; float: inherit; }
.proBox .fr .vdUl li p { line-height: 34px; }
/* 新闻中心 */
.proBox .fr .dl dl { margin-top: 0px; padding: 8px 0px; }
.proBox .fr .dl dl dt { width: 40%; }
.proBox .fr .dl dl dd { margin-left: 42%; }
.proBox .fr .dl dl dd h3 { font-size: 16px; line-height: 20px; }
.proBox .fr .dl dl dd span { display: none; }
.proBox .fr .dl dl dd p { font-size: 13px; line-height: 20px; margin-top: 6px; }
/* 新闻详情 */
.proBox .shBox .title h1 { font-size: 18px; }
.proBox .shBox .texBox { padding: 10px; }
.proBox .shBox .texBox img { width: 100% !important; height: inherit !important; }
.deBox1 { padding: 0 10px 20px; }
.proBox .abCon { padding: 10px; }
.proBox .shBox .texBox iframe { width: 100% !important; height: auto !important; }
/*表格*/
table {border-collapse: collapse;}
}
