@charset "utf-8";
/* CSS Document */
.banner {position: relative;width:1440px; height:345px;  text-align:center;left:50%; top:0; margin-left:-720px; overflow:hidden;}
.banner .hd { position:absolute; left:0; bottom:14px; width:100%; height:14px; z-index:4; }
.banner .hd ul { width:1002px; height:14px; margin:0 auto; }
.banner .hd ul li { display:inline-block; *display:inline;
zoom:1; width:14px; height:14px; margin:0 4px; border-radius:11px; background:#fff; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top; }
.banner .hd ul li.on { background:#009426; }
.banner .bd .prev, .banner .bd .next { position:absolute; top:50%; margin-top:-32px; width:63px; height:63px; background-color: #addabb; z-index:10; cursor:pointer; border-radius: 100%; }
.banner .bd .prev { left: 8%; background:url(prev.png) no-repeat #addabb 18px center; }
.banner .bd .next { left:auto; right:8%; background:url(next.png) no-repeat #addabb 24px center; }

.banner .g-bd { position: relative; width:1440px; height: 345px; z-index: 0; overflow: hidden; }
.banner .g-bd .prev, .banner .g-bd .next { position:absolute; top:40%; width:63px; height:63px; background-color: #addabb; z-index:10; cursor:pointer; border-radius: 100%; }
.banner .g-bd .prev { left: 8%; background:url(prev.png) no-repeat #addabb 18px center; }
.banner .g-bd .next { left:auto; right:8%; background:url(next.png) no-repeat #addabb 24px center; }
.banner .g-bd ul { height:345px;}
.banner .g-bd ul li { zoom:1; vertical-align:middle; height:345px; }

.container { position:relative; background-color:#f2f9f2; }
.container .wrap {background:url(wrap.png) top no-repeat; padding-left:15px; padding-bottom:30px; width:1168px; background-color:#fff;}
.sidebar { width: 241px; float: left; display:inline;background:#e5f2e5;border-top:5px solid #0c923d;text-align:center;}
.main{ width: 887px; float: right; display:inline; padding-left:40px; border-top:5px solid #e5f2e5;}

.colPicTitle { width:241px; height:84px;font-size:19px; line-height:84px;font-weight: normal; color:#0c923d;}

.menu {font-family:Microsoft YaHei;}
.menu dl{ padding-bottom:26px;}
.menu dl dt { margin-bottom:1px;}
.menu dl dt a { display:block;font-size:14px;color:#fff;line-height:34px; text-align:center; background:#78c291;}
.menu dl dt a:hover, .menu dl dt .current { color: #fff; font-size:14px; text-decoration:none; background:url(sidebar-12222.png) right 20px center no-repeat #0c923d; }
.menu dl dd {border-bottom:1px dotted #eee;}
.menu dl dd a {display: block; line-height: 34px; font-size: 12px; color:#666;}
.menu dl dd a:hover, .menu dl dd a.current {text-decoration:underline;color:#0c923d;}

.location {line-height:40px; height:40px; margin:24px 0px; padding:0 5px;}
.colCurTit {float: left; font-size: 19px; font-weight: normal; color:#444444;}
.colCurTit em{color:#cdcdcd;font-family:Arial;font-size:18px;padding-left:8px;}
.breadcrumbs {float:right; padding: 0px 12px 0 20px;color:#0c923d; background:url(main-1111.png) left center no-repeat;}
.breadcrumbs a{ color:#0c923d; font-size:12px;}

/*Page*/
.page {padding: 20px 20px 10px 0; height: 30px; line-height: 30px; text-align:right;}
.page a { margin: 0 2px;  color:#696969;padding:6px 9px; background:#e9e9e9;}
.page a:hover,.page a.current { color: #fff; text-decoration: none; background:#0c923d; padding:6px 9px;}
.page span {margin-right:6px;}
.page strong {color: #0c923d;}

.list {margin-right: 20px;}
.list ul li { padding: 10px 0; line-height: 20px; clear: both; border-bottom: 1px dotted #dbdbdb; }
.list ul li a { padding-left: 8px; font-size:16px;color:#999;}
.list ul li a:hover { text-decoration: underline; color:#0c923d;}
.list .date { float: right; padding-left: 9px; color: #999; font-size: 12px;}
.list .ico { float: left; width: 7px; height: 21px;background: url(ico.png) left center no-repeat; }


/*news*/
.pothoItem {}
.pothoItem .item { padding:25px 15px 25px 0px; height:122px; border-bottom:1px dashed #d3d3d3; }
.pothoItem .item .pic { float:left; width:170px; height:128px; margin-right:20px;  }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; height:122px; padding:0; color:#919191; line-height:20px; }
.pothoItem .item dl dt { font-size:20px; line-height:22px;}
.pothoItem .item dl dt i{ font-size:13px; line-height:22px;float:right;  background-color:#0c923d;color:#fff; padding:0px 5px;}
.pothoItem .item dl dt a { color:#444444;font-size:20px;}
.pothoItem .item dl dt a:hover { color:#f60; }

.pothoItem .item dl dd { font-size:13px; color:#888888; line-height:22px; }
.pothoItem .item dl .i{ padding:10px 0px 0;}
.pothoItem .item dl .m a{color:#ff0000; font-size:14px;}
.pothoItem .item:hover { }

/*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; text-align:justify;text-justify:inter-ideograph; padding-right:20px;font-size:12px; color:#444;}

/*Prev and Next*/
.prev_next {padding-top:25px;line-height:24px;}
.prev_next a{color:#444;}
.prev_next a:hover{color:#0c923d;}

/*Picture list*/
.w {}
.w .pic-item { position:relative; width:421px;margin:0 22px 20px 0px; overflow:hidden; float:left;}
.w .list-pic { position:relative; float:left;}
.w .list-pic a { display: block; width:150px; height:208px; }
.w .list-pic span { position: absolute; left: 0; bottom:0; z-index: 1; width:150px; height: 25px; background: #8c8c9a; opacity: 0.7; filter: alpha(opacity=70); bottom: 0; _bottom: -1px; text-align:center; font-size:13px; color:#fff; line-height:25px; }
.w .pic-item dl {float:left; padding:0px 15px;}
.w .pic-item dl dt{ width:241px;}
.w .pic-item dl  .d-one a{ display:block;padding-top:8px; font-size:14px; color:#666666;  }
.w .pic-item dl  .d-two a{ display:block; padding-top:8px; font-size:13px; color:#666666; }
.w .pic-item .pic-line{ display:block; width:241px; background:url(pic-bgline_03.png) no-repeat ; height:1px; margin:10px 0px;}
.w .pic-item  dl dd{width:241px; color:#888888; font-size:13px; padding:3px 0px;}
.w .pic-item  dl .d-a a{color:#ff0000; font-size:13px;}

.w2 .pic-item { width: 206px; color: #6C6D61; float: left; display: inline; margin:0 15px 20px 0;}
.w2 .list-pic { border:1px solid #e9e9e9; padding:2px; }
.w2 .list-pic img{display:block;}
.w2 .pic-item dl dt {text-align: center; padding-top:8px; }
.w2 .pic-item dl dt a{color:#888;}
.w2 .pic-item dl dt a:hover{color:#f00;}

/*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; }

/*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:20px 0 20px 0;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; background: url(btn.jpg) no-repeat; cursor: pointer; }
.form-panel .btn-reset { width: 78px; height: 24px; border: none; background: url(btn.jpg) no-repeat; cursor: pointer; }
