@charset "utf-8";

.container { }
.container .wrap { width:998px; margin:0 auto; padding:14px 0 0; background:url(wrap.png) repeat-y; }
.container .wrap .sidebar { float:left; width:217px; border:1px solid #DFDFDF; border-top:0px; background:url(hd_product2.jpg) repeat-x center bottom; padding-bottom:40px; }
.container .wrap .main { float:right; width:770px; border:1px solid #DFDFDF; border-top:0px; padding-bottom:30px; }
.container .wrapBt { width:998px; height:5px; background:url(wrapBt.jpg) no-repeat; clear:both; overflow:hidden; }

.colPicTitle { width:217px; height:37px; color:#fff; font-family:"微软雅黑"; font-size:14px; font-weight:100; line-height:16px; }
.colPicTitle em { display:block; font-size:12px; }

.menu { width:172px; padding:10px 0px 0px 10px; }
.menu dl {}
.menu dl dt { padding:0px; }
.menu dl dt a { display:block; width:172px; height:29px; line-height:29px; font-size:12px; color:#484848; }
.menu dl dt a em { padding:0px 5px 0px 10px; }
.menu dl dt a:hover, .menu dl dt a.current, .productWrap .bd .cont dl dt a.current { background:url(menuCur.jpg) no-repeat center; text-decoration:none; color:#095F74; }

.menu dd { padding-bottom:5px; }
.menu dd a { line-height:14px; padding-left:30px; color:#484848; }
.menu dd a:hover, .menu dd a.current { color:#095F74; background:none; text-decoration:none; }

.ltContact { width:205px; margin:5px auto 0px; }
.ltContact .ltPic { text-align:center; }
.ltContact .ltCont { color:#838383; font-size:12px; line-height:20px; padding:0px 10px; }
.ltContact .ltCont p { color:#838383; font-size:12px; }

/*
.ltContact { padding:0 0; background:#efefef; }
.ltContact h4 { padding-left:18px; border-bottom:1px solid #ba0012; background:url(ico_01.gif) no-repeat 9px 8px; color:#310d01; font-size:14px; font-weight:100; line-height:26px; }
.ltContact .bd { min-height:105px; padding:18px; background:url(ltContact.jpg) no-repeat; color:#666; font-size:14px; line-height:22px; }
*/


.location { width:770px; height:42px; margin-bottom:20px; background:url(location.jpg) no-repeat; }
.colCurTit { float:left; padding:0 10px 0px 50px; color:#434343; font-size:18px; font-family:"微软雅黑"; font-weight:100; line-height:35px; }

.breadcrumbs { float:right; padding:0 20px; background:url(ico_05.gif) no-repeat 0 15px; color:#434343; line-height:35px; }
.breadcrumbs a,.breadcrumbs a:hover { color:#434343; }


/* 内容模式部分 */
.artbox { margin:0 15px 30px; text-align:center; }
.artbox h1 { padding-bottom:10px; font-size:16px; line-height:26px; }
.artbox .info { padding:0; background:#eee; line-height:25px; }
.article { padding:0 25px 30px; line-height:180%; word-wrap:break-word; word-break:break-all; }
.prevNext { line-height:40px; text-align:center; }
.prevNext span { padding:0px 20px; font-family:'宋体'; }
.prevNext span a { color:#666666; font-family:'宋体'; }
.articleMore { border-top:1px solid #D4D4D4;padding:0px 10px; }
.articleMore h2 { line-height:50px; font-size:12px; color:#666666; }
.articleMore ul { float:left; width:680px; overflow:hidden; }
.articleMore ul li { line-height:25px; padding-left:20px;float:left; width:320px;}
.articleMore ul li a { color:#666666; }
.articleMore .newsList{height:140px;}
.top{text-align:right; padding-right:20px; color:#000;}
.top a{color:#000;}

.hotNews { height:105px; margin:0 20px 20px; padding-top:10px; border-bottom:1px dashed #ccc; }
.hotNews .pic { float:left; width:120px; height:80px; }
.hotNews .txt { float:left; width:550px; padding-left:20px; color:#999; }
.hotNews .txt dt { color:#c00; font-size:14px; font-weight:bold; line-height:24px; }
.hotNews .txt dt a { color:#c00; }


/* 新闻列表 */
.list { margin:0 0 10px; padding:0 20px; clear:both; }
.list ul li { padding:5px 0; font-size:14px; }
.list ul li .titles { line-height:20px; font-size:14px; clear:both; }
.list ul li .titles a { padding-left:5px; color:#434343; }
.list ul li .titles a:hover { text-decoration:underline; text-decoration:none; }
.list ul li .titles .date { float:right; padding-left:9px; color:#999; font-size:11px; font-family:Arial; }
.list ul li .titles .ico { float:left; width:6px; _width:3px; height:20px; margin:0; background:url(ico_01.jpg) no-repeat 0 8px; }
.list ul li .conts { height:50px; font-size:12px; padding:5px; line-height:20px; color:#999; }
.list ul li.selected .date { display:none; }

/* 图片列表 */
.pic-item-list { margin:0 0 20px; }
.pic-item-list .pic-item { display:block; float:left; width:130px; margin-bottom:10px; padding:0; }
.pic-item-list .pic-item .list-pic { display:block; width:100px; height:100px; margin:0 auto; padding:4px; border:1px solid #919090; line-height:100px; text-align:center; }
.pic-item-list .pic-item dl { padding:0 5px; line-height:26px; text-align:center; }

/* 图片列表尺寸 基于基础库 */
.w { margin:0 8px; }
.w .pic-item { position:relative; width:168px; height:157px; margin-bottom:19px; padding:0px 10px; color:#6C6D61; background:url(boxPic.jpg) no-repeat center; }
.w .pic-item .list-pic { display:block; width:154px; height:116px; padding:10px 0px 0px; margin:0 auto; border:none; line-height:116px; }
.w .pic-item .big-pic { position:absolute; display:none; z-index:99; width:500px; height:377px; border:1px solid #D1D2D4; text-align:center; padding:5px; background:#D1D2D4; }
.w .pic-item .big-pic img { vertical-align:middle; }
.w .pic-item dl { text-align:center; }
.w .pic-item dl dt { height:30px; line-height:30px; }
.w .pic-item dl dt a { color:#484848; }

/* 图文列表 */
.pic_news_01 { margin:0 15px 20px; clear:both; }
.pic_news_01 .picnews { /*height:150px;*/ clear:both; }
.pic_news_01 .picnews .pic { float:left; /*width:160px; height:120px;line-height:120px;*/ padding:15px; border:none; background:url(picBg.jpg) no-repeat;  }
.pic_news_01 .picnews .pic span { display:block; padding:5px; }
.pic_news_01 .picnews .txt { float:left; /*width:496px;*/ padding:5px 10px; line-height:22px; }
.pic_news_01 .picnews .info { text-indent:2em; }
.pic_news_01 .picnews .txt h4 { font-size:14px; line-height:30px; }
.pic_news_01 .picnews .txt .more { padding:0 20px; line-height:20px; text-align:right; }
.pic_news_01 .picnews .txt .more a { color:#c00; }

/* 分页 */
.page { margin:0 0 10px; padding:0 20px 0 23px; line-height:30px; color:#434343; }
.page a { margin:0 3px; color:#434343; }
.page a:hover,.page .current { color:#1764CE; text-decoration:underline; }
.page span { float:right; }

/* 在线留言 */
.message { margin:0; padding:0; }
.message-list { margin-bottom:10px; padding:10px 20px; }
.message-list .m-title { padding:0; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#999; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; color:#ba0012; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* 人才招聘 */
.hr { margin:0; padding:0; }
.hr-list { margin-bottom:10px; padding:10px 15px 0; }
.hr-list .title { padding:0 10px; background:#efefef; font-weight:bold; line-height:20px; }
.hr-list .title span { float:right; color:#333; font-weight:100; }
.hr-list .info { padding:5px 10px; line-height:24px; }
.hr-list .apply { padding:5px; text-align:right; }
.hr-list .apply a { color:#ba0012; }

/* 联系我们 */
.contact { margin:0 10px 10px; padding:10px 20px; line-height:200%; color:#666; word-wrap:break-word; word-break:break-all; }

/* 订购 */
.cart { margin:0 10px 10px; padding:0 20px; }
.order-table { background:#F2F2F2; line-height:20px; }
.order-table th { padding:5px 10px; border:1px solid #D0D0D0; background:#F2F2F2; }
.order-table td { padding:5px 10px; border:1px solid #D0D0D0; background:#F2F2F2; text-align:center; }
.fn-order { margin-bottom:10px; padding:0; text-align:center; clear:both; }
.fn-order a { margin:0 10px; }

/* 表单部分 */
.form-panel { margin:0 10px 10px; }
.form-panel h4 { margin-bottom:10px; padding:2px 20px; background:#eee url(ico_07.gif) no-repeat 8px center; color:#666; line-height:22px; }
.form-panel .tips { padding:10px 0 10px 110px; color:#CC3732; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; color:#666; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:20px; padding:1px 3px; border:1px solid #D0D0D0; background:#F2F2F2; color:#666; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #D0D0D0; background:#F2F2F2; color:#666; }
.form-panel .submit-field { padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit { width:78px; height:24px; border:none; background:url(btn.jpg) no-repeat; cursor:pointer; }
.form-panel .submit-field .btn-reset { width:78px; height:24px; border:none; background:url(btn.jpg) no-repeat; cursor:pointer; }

.picInfo { padding:10px 0px 0px; }
.picInfo .picShow {}
.picInfo .picShow .fl { float:left; width:340px; height:255px; overflow:hidden; margin-bottom:10px}
.picInfo .picShow .fl ul li { height:255px; text-align:center; line-height:255px; }
.picInfo .picShow .fr { float:right; width:370px; height:255px; overflow:hidden; margin-bottom:10px}
.picInfo .picShow .fr dl {}
.picInfo .picShow .fr dl dt { height:30px; line-height:30px; font-size:14px; color:#0654A6; background:url(ico_02.jpg) no-repeat left center; padding-left:20px; font-weight:bold; }
.picInfo .picShow .fr dl dd { color:#535353; line-height:20px; font-size:12px; }
.picInfo .picShow .fr dl dd p { color:#535353; font-size:12px; }

.picInfo .picCont {margin-bottom:10px}
.picInfo .picOther {}
.picInfo .picOther .hd { margin-bottom:20px; height:25px; }
.picInfo .picOther .hd h2 { border-bottom:1px solid #CCCCCC; text-align:left; }
.picInfo .picOther .hd h2 a { float:left; height:25px; line-height:25px; background:#BABABA; margin:0px 5px 0px 0px; color:#646464; font-size:12px; padding:0px 10px; }
.picInfo .picOther .hd h2 a.on, .picInfo .picOther .hd h2 a:hover { background:#0F57B8; color:#fff; text-decoration:none; }
.picInfo .picOther .bd { width:100%; }
.picInfo .picOther .bd .bdCont { text-align:left; overflow:hidden; }
.picInfo .picOhter .bd .bdCont .cont { width:100%; }