@charset "utf-8";
/* CSS Document */
.banner .bd { position: relative; width:100%; height:auto; z-index:0; }
.banner .bd ul { height:auto !important; min-height:100px;_height:100px;}
.banner .bd ul li { position:relative; zoom:1; vertical-align:top; }
.banner .bd ul li img { vertical-align:top; border:0; width:100% !important; height: auto !important; }

.container { padding: 0px 0 30px; }
.container .wrap { width:1100px; margin:0 auto; border-top:3px solid #09aad0;_height: 500px; min-height: 500px;padding:20px 8px 30px;}
.sidebar { width: 224px; float: left; display:inline; margin-left:20px;}
.main { width: 753px; float: right; display:inline; margin-right:30px;}
.colPicTitle {padding-bottom:10px;}
.menu {margin-top:10px;font-family:Microsoft YaHei;}
.menu dl dt {margin:0 10px 4px;}
.menu dl dt a { display:block;font-size:12px;color:#000;line-height:30px;padding-left:20px; background:#ede3d2;border:1px solid #e1e1e1;}
.menu dl dt a:hover, .menu dl dt .current { color: #fff; font-weight:bold; font-size:14px; background:#09aad0; border:1px solid #09aad0; text-decoration:none; }
.menu dl dd {border-bottom:1px dotted #ccc;margin:0 10px;}
.menu dl dd a { display: block; height: 30px; line-height: 30px; font-size: 12px; color:#888; padding-left: 20px; }
.menu dl dd a:hover, .menu dl dd a.current {color: #d21a18; text-decoration:underline;}

.ltTel{text-align:center;}

.location {line-height:40px; border-bottom:1px solid #eee; margin-bottom:24px; text-align:right; padding:0 5px;}
.colCurTit { float: left; font-size: 15px; font-weight: normal; color:#000;}
.colCurTit em{color:#cd1719;font-family:Arial;font-size:12px;padding-left:8px;font-weight:bold;}
.breadcrumbs {}

/*Content*/
.artbox { margin: 0 15px 30px; text-align: center; }
.artbox h1 { padding-bottom: 5px; font-size: 16px; line-height: 26px; }
.artbox .date {color:#999;}
.article {line-height: 180%; word-wrap: break-word; word-break: break-all;color:#000; text-align:justify;text-justify:inter-ideograph;}
.article { padding:0 0 30px; font-size:14px; line-height:2; word-wrap:break-word; }
.article .hd { margin-bottom:20px; padding:0 0 10px; border-bottom:1px solid #e2e2e2; text-align:center; }
.article .hd h1 { margin-bottom:5px; padding:6px; color:#009ae4; font-size:20px; line-height:26px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { font-size:13px; }

/*Prev and Next*/
.prev_next {padding-top:25px;line-height:24px;}

/*Related reading*/
.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; }

/*Hot news*/
.hotNews { border-bottom: 1px solid #dbdbdb; padding-bottom: 32px; margin-bottom: 20px; }
.hotNews .pic { float: left; }
.hotNews .txt { float: left; width: 376px; padding-left: 20px; }
.hotNews .txt h3 { font-size: 14px; }
.hotNews .info { line-height: 22px; }
.hotNews .more {}

/*Picture list*/
.list {}
.list ul li { padding: 7px 0; line-height: 20px; clear: both; border-bottom: 1px dotted #dbdbdb; }
.list ul li a { padding-left: 8px; color: #666; }
.list ul li a:hover { text-decoration: underline; }
.list .date { float: right; padding-left: 9px; color: #999;}
.list .ico { float: left; width: 5px; height: 20px;background: url(ico2.png) left center no-repeat; }

/*Picture list*/
.w {}
.w .pic-item { width: 178px; float: left; display: inline; margin:0 0 20px 42px;}
.w .list-pic { border:1px solid #ddd;}
.w .pic-item dl dt {text-align: center; padding-top:8px; }

/*Graphic list*/
.pn_01 {}
.pn_01 .picnews {}
.pn_01 .pic { float: left; }
.pn_01 .txt { float: right; width:740px; height:120px; line-height: 22px;}
.pn_01 .txt h3 { font-size: 14px; padding-bottom:10px;}
.pn_01 .info { color:#666;}

/*Page*/
.page { padding-top: 20px; height: 30px; line-height: 30px; }
.page a { margin: 0 2px; }
.page a:hover,.page a.current { color: #d21a18; text-decoration: none; }
.page span {float:right;}
.page strong { color: #d21a18; }

/*Online message*/
.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*/
.hr {}
.hr-list { margin-bottom: 10px; padding: 10px 10px 0; }
.hr-list .title { padding: 2px 20px; background: #efefef; font-weight: bold; line-height: 22px; }
.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; }

.hrTop { padding:0 0 30px 25px; }
.hrTop li { padding-left:16px; background:url(ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px; }
.hrTable .hrTableTh { height:32px; background:#09aad0; color:#fff; }
.hrTable th { color:#fff; font-weight:normal; }
.hrTable td { padding:0 8px; }
.hrTable .bg td { background:#eee; }

/*Contact us*/
.contact { margin: 0 10px 10px; padding: 10px 20px; line-height: 200%; word-wrap: break-word; word-break: break-all; }
.contact-map{width:699px;height:552px;margin:0 auto 20px;overflow:hidden;}

/*order*/
.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*/
.form-panel { margin: 0 10px; }
.form-panel h4 { margin-bottom: 10px; padding: 2px 20px; background: #eee; line-height: 22px; }
.form-panel .tips { padding: 10px 0 10px 110px; color: #cc3732; font-weight: bold; font-size: 14px;}
.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 .btn-submit { width: 78px; height: 24px; border: none;   cursor: pointer; }
.form-panel .btn-reset { width: 78px; height: 24px; border: none;  cursor: pointer; }

