@charset "gb2312";
/* content bannerBox */
/*.pro_bannerBox{height:400px; background:url(../images/ba201810101650559335363.jpg) no-repeat center;}*/
.pro_bannerBox { height: 0; }


/* content cTitle */
.cTitle { width: 100%; height: auto; overflow: hidden; }
.cTitle h2 { font-size: 16px; line-height: 40px; background: #e3e3e3; padding: 0 10px; }
/* prevnext */
.prevnext { width: 100%; height: auto; overflow: hidden; background: #e3e3e3; }
.prevnext ul { height: auto; overflow: hidden; padding: 10px; }
.prevnext li { width: 100%; height: 30px; line-height: 30px; float: left; font-weight: 600; }
/* product list */
.proLeft { width: 260px; height: auto; float: left; }
.proLeft h2 { line-height: 50px; text-align: center; background: #0054a7; color: #fff; }
.leftNav li { height: 49px; border-bottom: 1px solid #c8c8c8; line-height: 49px; position: relative; }
.leftNav li:nth-last-child(1) { border-bottom: 0; }
.leftNav li > a { line-height: 49px; background: url(../images/icon/sidearrow.png) no-repeat 230px center; padding: 0 10px; display: block; background-size: 24px; }
.leftNav li > a:hover { background: url(../images/icon/sidearrow2.png) no-repeat 230px center; color: #fff; background-color: #0054a7; background-size: 24px; }
.leftNav li ul.subMenu { width: 320px; height: auto; overflow: hidden; position: absolute; top: 0px; left: 260px; z-index: 99; display: none; background: #eee; }
.leftNav li ul.subMenu > li a { line-height: 49px; background: url(../images/icon/sidearrow.png) no-repeat 290px center; padding: 0 10px; display: block; background-size: 24px; }
.leftNav li ul.subMenu > li a:hover { background: url(../images/icon/sidearrow2.png) no-repeat 290px center; color: #fff; background-color: #0054a7; background-size: 24px; }

.proRight { width: 900px; height: auto; overflow: hidden; float: right; padding: 10px; }
.pTitle { width: 100%; height: auto; overflow: hidden; }
.pTitle h2 { color: #0054a7; line-height: 50px; border-bottom: 1px solid #ccc; }
.pTitle span { padding: 10px; line-height: 28px; border: 1px solid #eee; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: block; }
.proList { width: 100%; height: auto; overflow: hidden; }
.proList li { width: 280px; height: auto; margin-right: 30px; float: left; margin-top: 30px; }
.proList li:nth-child(3n) { margin-right: 0; }
.proList li img { width: 280px; height: 280px; }
.proList li h3 { text-align: center; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 10px 10px; }
.page_contact { border: 1px solid #eee; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-top: 50px; padding: 15px; line-height: 28px; }

/* product details */
.proImg { width: 100%; height: auto; overflow: hidden; }
.proImg ul { float: left; height: auto; }
.proImg ul.cleft { width: 360px; }
.proImg ul img { width: 100%; }
.proImg ul.cright { width: 520px; margin-left: 20px; }
.proImg ul h2 { font-size: 16px; line-height: 40px; background: #e3e3e3; padding: 0 10px; }
.proImg ul li { width: 100%; height: 60px; margin: 10px 0; line-height: 60px; }
.proImg ul li a { width: 120px; height: 40px; line-height: 40px; text-align: center; display: block; color: #fff; }
.proImg ul li a.Inqu { background: #0054a7; }
.proImg ul li a.chat { background: #f08000; }
.proDetails { width: 100%; height: auto; overflow: hidden; }
.proDetails p { padding: 10px; line-height: 30px; }
.proDetails p img { max-width: 100%; }
.proRelate { width: 100%; height: auto; overflow: hidden; }
.proRelate ul { margin-top: 10px; }
.proRelate ul li { width: 210px; height: auto; float: left; margin-right: 20px; }
.proRelate ul li:nth-child(4n) { margin-right: 0; }
.proRelate ul li img { width: 100%; }
.proRelate ul li h3 { padding: 10px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; }
.Inquform { width: 100%; height: auto; overflow: hidden; }
.Inquform dl { width: 100%; float: left; height: auto; }
.Inquform dl dt, .Inquform dl dd { float: left; line-height: 80px; overflow: hidden; }
.Inquform dl dt { width: 150px; text-align: right; }
.Inquform dl dd { width: 650px; margin-left: 20px; }
.Inquform dl dt em { font-style: normal; color: #ff0000; display: inline-block; padding: 5px; }
.Inquform dl dd .txtinput { width: 50%; height: 40px; line-height: 40px; padding: 0 10px; margin-top: 25px; }
.Inquform dl dd .txtcon { width: 80%; height: 150px; }
.Inquform dl dd .btnsubmit { width: 150px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #0054a7; margin-top: 25px; }

/* About Us */
.conDetails { width: 100%; height: auto; overflow: hidden; }
.conDetails h2 { padding: 10px; line-height: 20px; background: #e3e3e3; }
.conDetails li { width: 100%; height: auto; overflow: hidden; margin-top: 20px; }
.conDetails li p { padding: 10px; text-indent: 2em; line-height: 28px; }
.conDetails li p img { max-width: 100%; }

/* News List */
.newsList { width: 100%; height: auto; overflow: hidden; }
.newsList h2 { font-size: 16px; line-height: 40px; background: #e3e3e3; padding: 0 10px; color: #0054a7; }
.newsList li { width: 100%; height: 49px; line-height: 49px; border-bottom: 1px solid #e7e7e7; float: left; }
.newsList li span { float: right; color: #a8a8a8; }
.newsList li a { color: #a8a8a8; }
.newsList li:nth-last-child(1) { border: 0; }

/* News Show */
.newsDetails { width: 100%; height: auto; overflow: hidden; }
.newsDetails h2 { line-height: 40px; background: #e3e3e3; padding: 0 10px; text-align: center; color: #0054a7; font-size: 18px; }
.newsDetails span { width: 100%; text-align: center; line-height: 40px; display: block; }
.newsDetails p { text-indent: 2em; line-height: 28px; }
.newsDetails p img { max-width: 100%; }
.newsRelate { width: 100%; height: auto; overflow: hidden; }
.newsRelate li { width: 400px; margin-right: 50px; float: left; height: 44px; border-bottom: 1px dashed #c1c1c1; line-height: 44px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* proSearchList */
.proSearchList { width: 100%; height: auto; overflow: hidden; }
.proSearchList dl { padding: 10px; float: left; }
.proSearchList dl dt, .proSearchList dl dd { float: left; }
.proSearchList dl dt { width: 240px; }
.proSearchList dl dt img { width: 100%; }
.proSearchList dl dd { width: calc(100% - 260px); margin-left: 20px; }
.proSearchList dl dd h3 { font-size: 20px; font-weight: 500; line-height: 50px; }
.proSearchList dl dd p { line-height: 28px; }
.proSearchList dl dd a.more { width: 160px; height: 50px; line-height: 50px; text-align: center; background: #0054a7; display: block; color: #fff; font-weight: 500; margin-top: 20px; }

/* pagination */
.page-box { margin-top: 15px; color: #999; font-size: 14px; padding-left: 50px; height: auto; overflow: hidden; padding: 20px; }
div.digg { margin: 0; padding: 0; text-align: left; font-size: 14px; text-align: center; }
div.digg a { display: inline-block; padding: 5px 12px; margin: 0 0 0 8px; border: 1px solid #f4f4f4; line-height: 20px; height: 20px; color: #999; background: #fff; text-decoration: none; }
div.digg a:hover { border: 1px solid #0054a7; background: #0054a7; color: #fff; }
div.digg span { display: inline-block; padding: 5px 0; line-height: 20px; height: 20px; }
div.digg span.current { padding: 5px 12px; margin: 0 0 0 8px; color: #fff; font-weight: bold; background: #0054a7; border: 1px solid #0054a7; }
div.digg span.disabled { border: 1px solid #999; padding: 5px 12px; margin: 0 0 0 8px; color: #999; }