﻿@charset "utf-8";

/**banner**/
.banner { width: 100%; height: 244px; overflow: hidden; }

.container { padding: 25px 0 35px; min-height:700px }
.container .wrap { _height: 500px; min-height: 500px; background: url(wrap.png) no-repeat;}
.container .wrap .sidebar { width: 217px; float: left; }
.container .wrap .main { width: 857px; float: right; }

.colPicTitle { width: 187px; height: 66px; background:url(colPicTitle.png); color:#fff; font-size:20px; line-height:20px; font-weight:normal;padding:20px 0 0 30px;}
.colPicTitle em{display:block;font-size:10px;color:#fff;}

.menu {padding-top:20px;}
.menu dl {}
.menu dl dt { width: 217px; height: 40px; margin-bottom: 5px; }
.menu dl dt a { display: block; height: 40px; line-height:40px; color: #808080; background:#f1f1f1;padding-left:20px;}
.menu dl dt a:hover, .menu dl dt .current { text-decoration: none; color: #fff; background:#326bbb;}

.menu dl dd { height: 30px; }
.menu dl dd a { display: block; height: 30px; line-height: 30px; font-size: 12px; padding-left: 40px; color: #fff; }
.menu dl dd a:hover, .menu dl dd a.current { color: #fff; }

.shortCut{height:90px;margin-top:20px;}
.shortCutMes{height:27px;position:relative;}
.shortCutMes a{display:block;width:27px;height:27px;position:absolute;top:0;}
.shortCut .tel{width:127px;height:27px;line-height:27px;background:#e7e7e7;font-size:14px;color:#333;text-align:center;}
.shortCut .tel em{font-size:17px;}
.shortCut .ico_tel{background:url(ico_tel.png);right:60px;}
.shortCut .ico_email{background:url(ico_email.png);right:30px;}
.shortCut .ico_map{background:url(ico_map.png);right:0;}
.shortCutPic{height:60px;margin-top:3px;}

.ltPic{height:157px;margin-top:10px;}

.location { width: 852px; height: 32px; line-height: 32px; background:url(location.png) left bottom no-repeat; margin-bottom: 20px; padding-left:5px;}
.colCurTit { float: left; width:102px;font-size: 14px; font-family: Microsoft YaHei; color: #fe7b13; text-align:center; font-weight: normal; }
.breadcrumbs { height:14px;line-height:14px;background:url(hTitle.png) left center no-repeat;padding-left:14px; text-align:right}
.breadcrumbs span{ float:left; font-size:18px; color:#023795}
.breadcrumbs em{ color:#0f73cc; }
.breadcrumbs a{color:#999;}
.breadcrumbs a:hover { color: #0f73cc; }

/*新闻列表*/
.list{width:844px;margin-left:6px;}
.list ul{}
.list ul li{height:36px;line-height:36px;background:url(list.png) repeat-y #f1f1f1;margin-bottom:14px;}
.list ul li .date{display:block;width:80px;height:36px;float:left;text-align:center;color:#fff;}
.list ul li .txt{width:742px;height:36px;float:right;padding:0 0 0 20px;}
.list ul li .txt h4{font-size:14px;font-weight:normal;}

/*相关阅读*/
.read { padding: 0 20px; }
.read h4 { color: #545252; border-bottom: 1px solid #dbdbdb; padding-bottom: 5px; }
.read ul { padding-top: 15px; }
.read ul li { width: 356px; height: 30px; line-height: 30px; float: left; display: inline; }
.read ul li a { background: url(news_ico.png) left center no-repeat; padding-left: 16px; }

/* 内容模式部分 */
.artbox { margin: 0 15px 30px; text-align: center; color: #7b7b7b; }
.artbox h1 { padding-bottom: 0; font-size: 16px; line-height: 26px; color: #555; }
.artbox .info { padding: 0; background: url(figure.png); height: 32px; line-height: 32px; padding-right: 10px; }
.artbox .font-size a { color: #7b7b7b; }
.artbox .prev_next a { color: #7b7b7b; }
.article {padding: 0 0px 30px; line-height: 180%; word-wrap: break-word; word-break: break-all; text-align: justify; text-justify: inter-ideograph; }

/* 图文模式 */
.hotNews { border-bottom: 1px solid #dbdbdb; padding-bottom: 32px; margin-bottom: 20px; }
.hotNews .pic { float: left; width: 310px; height: 208px; }
.hotNews .txt { float: left; width: 376px; padding-left: 20px; }
.hotNews .txt .title { font-size: 14px; font-weight: normal; }
.hotNews .txt .title a { color: #b4261d; }
.hotNews .txt .title a:hover { background: none; color: #b4261d; text-decoration: underline; }
.hotNews .txt .info { text-align: justify; text-justify: inter-ideograph; padding: 20px 0; line-height: 22px; text-indent: 2em; }
.hotNews .txt .more { display: block; width: 86px; height: 22px; line-height: 22px; text-align: center; background: #cfcfcf; }
.hotNews .txt a:hover { background: #b4261d; color: #fff; text-decoration: none; }

/* 图片列表 */
.w { margin: 0; padding: 0; }
.w .pic-item { position: relative; width: 239px; color: #6C6D61; float: left; display: inline; margin:0 20px 15px 0;}
.w .pic-item .list-pic { position: relative; width: 239px; height: 162px;}
.w .pic-item .list-pic a{display:block;width:100%;height:162px;background:url(list-pic.png);}
.w .pic-item .list-pic a:hover{background:url(list-pic-on.png);}
.w .pic-item .list-pic img{width:230px;height:152px;margin:1px 0 0 1px;}
.w .pic-item dl {}
.w .pic-item dl dt {text-align: center; padding-top:8px; }

/* 图文列表 */
.pic_news_01 { margin: 0 0px 20px; clear: both; }
.pic_news_01 .picnews { height:162px; clear: both; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #f2f2f2;}
.pic_news_01 .picnews .pic { float: left; width:239px; height:162px;border: none; background: url(picBg.jpg) no-repeat;}
.pic_news_01 .picnews .pic a{display:block;width:100%;height:162px;background:url(list-pic.png); border:1px solid #ccc}
.pic_news_01 .picnews .pic a:hover{background:url(list-pic-on.png); border:none}
.pic_news_01 .picnews .pic img{width:230px;height:152px;margin:1px 0 0 1px;}
.pic_news_01 .picnews .pic span { display: block; padding: 5px; }
.pic_news_01 .picnews .txt { float: right; width:588px; height:152px; padding: 5px 10px 5px 20px; line-height: 22px; position:relative;}
.pic_news_01 .picnews .info { padding-top:0; text-align:justify;text-justify:inter-ideograph;}
.pic_news_01 .picnews .txt h2 { font-size: 14px; line-height: 30px; margin-top:0 }
.pic_news_01 .picnews .txt .more { padding: 0 20px; text-align: right; width:142px;height:34px;line-height:34px;background:#f08501;position:absolute;bottom:14px;}
.pic_news_01 .picnews .txt .more a {display:block; width:100%; height:34px; color: #fff; text-align:center;}

/* page */
.page { padding: 20px 6px 0; height: 30px; line-height: 30px; text-align:center; font-family:Arial; }
.page a { margin: 0 3px; color: #434343; border:1px solid #e8e8e8;padding:4px 10px;}
.page a:hover,.page a.current { color: #fff; background:#326bbb; text-decoration: none; }
.page span {}
.page strong { color: #2190d7; font-size: 14px; }

/* 在线留言 */
.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; }


.pic_news_01 ul { width:100%; float:left; z-index:9999999}
.pic_news_01 ul li{ width:21%; float:left; margin:10px 2%; position:relative}
.pic_news_01 ul li img{ width:100%; height:150px;}
.pic_news_01 ul li h2{ width:100%; height:40px; line-height:40px; background:rgba(239,139,1,0.7); position:absolute; bottom:3px; text-align:center; font-size:16px; color:#fff}