@charset "gbk";
#wrapper { width: 1200px; margin: auto }
#side { float: left; width: 228px; border: #e3dfdf solid 1px; background: #fff; padding: 10px 5px; overflown: hidden }
#side h3 { height: 38px; line-height: 38px; padding: 0 0 0 20px; font-size: 16px; border-bottom: 1px solid #004cb2 }
#side ul { }
#side ul li { line-height: 32px; font-weight: 700; width: 100% }
#side ul li a font { float: right }
#side ul li a { padding: 0 10px; color: #004cb2; display: block; border-bottom: 1px solid #ccc; height: 40px; line-height:40px; font-size: 14px; overflow: hidden }
#side ul li a:hover { background: #004cb2; color: #fff }
#side ul li ul { }
#side ul li ul li a { border-bottom: 1px dashed #ccc; color: #333; padding: 0 8px; height: 32px; overflow: hidden }
.lx { }
.lx ul { padding: 0 10px; word-wrap: break-word }
#main { float: right; width: 924px; border: #e3dfdf solid 1px; background: #fff; padding: 10px 0 0 }
#bread { height: 38px; color: #004cb2; font-size: 16px; border-bottom: 1px solid #004cb2; margin: 0 5px; line-height: 38px; padding: 0 20px }
#bread font { font-size: 12px; color: #666; float: right; font-weight: 400 }
#about { line-height: 24px; padding: 20px }
#banner { width: 1002px; height: 200px; position: relative; margin: 10px auto 0; z-index: 1 }
#bannerc { width: 1002px; margin: 20px auto }
#banner0 { width: 1002px; height: 220px; margin: auto }
#banner0 img { width: 1002px; height: 200px; padding: 10px 0 }
div.slideBox { position: relative; width: 1002px; height: 200px; overflow: hidden; z-index: -3 }
div.slideBox ul.items { position: absolute; float: left; background: 0 0; list-style: none; padding: 0; margin: 0 }
div.slideBox ul.items li { float: left; background: 0 0; list-style: none; padding: 0; margin: 0 }
div.slideBox ul.items li a { float: left; line-height: normal !important; padding: 0 !important; border: 0 }
div.slideBox ul.items li a img { margin: 0 !important; padding: 0 !important; display: block; border: 0 }
div.slideBox div.tips { position: absolute; bottom: 0; width: 100%; height: 50px; background-color: #000; overflow: hidden }
div.slideBox div.tips div.title { position: absolute; left: 0; top: 0; height: 100% }
div.slideBox div.tips div.title a { color: #fff; font-size: 18px; line-height: 50px; margin-left: 10px; text-decoration: none }
div.slideBox div.tips div.title a:hover { text-decoration: underline !important }
div.slideBox div.tips div.nums { position: absolute; right: 0; top: 0; height: 100% }
div.slideBox div.tips div.nums a { display: inline-block; >float: left; width: 20px; height: 20px; background-color: #fff; text-indent: -99999px; margin: 15px 10px 0 0 }
div.slideBox div.tips div.nums a.active { background-color: #093 }
.news_list { padding: 10px }
.news_list dl { padding: 10px; border-bottom: 1px dashed #ccc }
.news_list dl dt a { font-size: 14px; color: #004cb2 }
.news_list dl dd { line-height: 18px }
.apage { text-align: center }
.apage a { border: 1px solid #ccc; padding: 2px 5px }
.apage span { border: 1px solid #004cb2; padding: 2px 5px }
.news_con { padding: 20px }
.news_con h2 { text-align: center; color: #004cb2; padding: 0 0 20px }
.news_con h2 p { font-size: 12px; color: #666; font-weight: 400 }
.news_con p.xg_keyword { padding: 30px 0 0 }
.news_con p.f14 { border-top: 1px solid #ccc; padding-top: 10px }
.pro_box { border: #e3dfdf solid 1px; background: #fff; min-height: 350px; padding: 10px }
.pro_ms { border-bottom: 1px dashed #ccc; padding: 0 10px 10px }
.pro_ms h2 { font-size: 20px; color: #004cb2; font-weight: 400; line-height: 30px; margin-bottom: 5px }
.pro_list ul { float: left; margin: 10px }
.pro_list ul h3 { font-size: 14px; font-weight: 400; background: #f4f4f4; line-height: 30px; margin: 5px 0; padding: 0 10px }
.pro_list ul h3 a { color: #004cb2; font-weight: 700 }
.pro_list ul li { border-bottom: 1px dashed #ccc; padding: 0 10px; line-height: 28px }
.pro_list ul img { width: 216px }
.pro_list { padding: 10px }
.pro_list dl { float: left; margin: 10px }
.pro_list dl dt { border: 1px dashed #ccc; padding: 2px }
.pro_list dl dt img { max-width: 223px; max-height: 160px }
.pro_list dl dd { text-align: center }
.pro_con { padding: 20px }
.pro_pic { float: left; width: 300px; padding: 5px; height: 220px; border: 1px solid #ccc; text-align: center; vertical-align: middle }
.pro_pic img { width: 300px; height: 180px }
.pro_miaoshu { float: left; width: 360px }
.pro_miaoshu h2 { color: #004cb2; font-weight: 400; border-bottom: 1px dashed #ccc; line-height: 30px; margin-bottom: 5px }
.pro_miaoshu p.order { background: #004cb2; height: 22px; width: 120px; padding: 4px 0 }
.pro_miaoshu p.order a { color: #fff; padding: 2px 20px 2px 50px; background: url("shopping.png")/*tpa=http://www.szjsgylj.com/statics/images/img/shopping.png*/ 15px center no-repeat }
.pro_title { background: #f1f1f1; margin: 20px 0; line-height: 30px }
.pro_title a { color: #004cb2; padding: 5px 20px }
.pro_title a.on { background: #004cb2; color: #fff }
#pro_js { }
#video { }
#video .title { color: #004cb2; font-weight: 700; font-size: 16px; margin: 10px 0 }
.pic_list { padding: 10px }
.pic_list dl { float: left; margin: 11px }
.pic_list dl dt { border: 1px dashed #ccc; width: 273px; text-align: center; height: 196px; padding: 2px }
.pic_list dl dt img { max-width: 273px; max-height: 196px }
.pic_list dl dd { text-align: center }
.pic_con { padding: 20px }
.pic_pic { text-align: center; text-align: center; vertical-align: middle }
.pic_pic img { width: 400px; padding: 5px; border: 1px solid #ccc }
.pic_pic h2 { color: #004cb2; line-height: 40px }
.pic_pic p { height: 26px; width: 100%; background: #e7eaea }
.pic_miaoshu { }
.pic_miaoshu p.order { background: #004cb2; height: 22px; width: 120px; padding: 4px 0 }
.pic_miaoshu p.order a { color: #fff; padding: 2px 20px 2px 50px; background: url("shopping.png")/*tpa=http://www.szjsgylj.com/statics/images/img/shopping.png*/ 15px center no-repeat }