@charset "utf-8";

.banner .hd{display:none;}

.container { padding: 20px 0; }
.container .wrap { _height: 500px; min-height: 500px; }
.sidebar { width: 220px; float: left;}
.main { width: 960px; float: right; padding-bottom:20px;}

.colPicTitle {background:url(colPicTitle.jpg); text-align:center; color:#fff; font-weight:normal;font-size:18px; line-height:36px;}

.menu {border-left:1px solid #d8dfe7;border-right:1px solid #d8dfe7;background:url(menu.jpg) left bottom repeat-x;padding-bottom:5px;}
.menu dl dt a {display:block;font-size:16px;background:url(dt_a.jpg);line-height:40px;padding-left:40px;color:#999;}
.menu dl dt a:hover, .menu dl dt .current {background:url(dt_a_hover.jpg);color:#000;}
.menu dl dd a {display: block; line-height: 30px; font-size: 12px; padding-left: 40px; color:#999;}
.menu dl dd a:hover, .menu dl dd a.current {color: #ff9b00;}

.location {background:url(location.jpg) right bottom no-repeat; height:32px; margin-bottom:24px;}
.search {float: left;width:580px;height:32px;background:url(search.png);}
.search select,.search .text,.search .btn{height:26px;line-height:26px;margin:3px 0 0 3px;float:left;}
.search select{width:84px;float:left;}
.search .text{float:left;width:405px;line-height:26px;overflow:hidden;color:#777;padding-left:5px;}
.search .btn{width:75px;cursor:pointer;}
.colCurTit{font-size:20px;font-weight:normal;color:#000;background:url(same.png) left bottom no-repeat;padding-bottom:3px;margin-bottom:20px;}
.colCurTit em{padding-left:5px;font-size:12px;color:#808080;text-transform:uppercase;}
.breadcrumbs {float:right;line-height:30px;background:url(breadcrumbs.png) left center no-repeat;padding-left:17px;}

.ltBox{margin-top:10px;}
.ltBox ul{border-left:1px solid #d8dfe7;border-right:1px solid #d8dfe7;background:url(menu.jpg) left bottom repeat-x;padding:10px 0 15px;}
.ltBox li{line-height:28px;line-height:28px;}
.ltBox li a{background:url(ico3.png) 10px center no-repeat;padding-left:22px;}

/*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 {font-size:14px; line-height: 180%; word-wrap: break-word; word-break: break-all;}

/*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 {}

/*News list*/
.list {}
.list ul li { padding: 7px 0; line-height: 20px; font-size: 13px; clear: both; border-bottom: 1px dotted #dbdbdb; }
.list .date { float: right; padding-left: 9px; color: #aaa; font-size: 12px;}

.w-2 {}
.w-2 .pic-item { width: 214px; color: #6C6D61; float: left; display: inline; margin:0 0 12px 16px;}
.w-2 .list-pic { border:1px solid #e9e9e9; padding:4px; }
.w-2 .pic-item dl {}
.w-2 .pic-item dl dt {text-align: center; padding-top:8px; }

/*Picture list*/
.pt{border:1px solid #ddd;padding:20px;}
.pt .pic{width:229px;height:186px;background:url(bg.png);float:left;}
.pt .pic img{margin:1px 0 0 1px;}
.pt .txt{width:670px;height:172px;overflow:hidden;float:right;}
.pt .txt h3{font-size:20px;line-height:30px;font-weight:normal;color:#000;margin-bottom:10px;}
.pt .txt span{color: #ff9b00;float:right;font-size:12px;cursor:pointer;}
.pt .txt .info{line-height:22px;}

.w dl p{float:left;background:url(line.jpg) right no-repeat;text-align:center;font-size:14px;}
.w dl p a{color:#029de0;}
.w dl p a:hover{color: #ff9b00;}
.w dt{height:39px;line-height:39px;color:#fff;background:url(dt.jpg);border:1px solid #0071a3;margin-top:12px;}
.w .p1{width:118px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.w .p2{width:410px;text-align:left !important;padding-left:10px;}
.w .p4{width:410px;text-align:left !important;padding-left:10px;}
.w dd{height:44px;line-height:44px;background:#f8f8f8;border-top:1px solid #fff;border-bottom:1px solid #bdbdbd;}
.w dd p{background:none;color:#333;font-size:12px;}
.w .bg{background:#ececec;}
.w em{color:#f00;}

.t{border:1px solid #ddd;border-bottom:none;}
.t dt{height:37px;line-height:37px;background:#4abef1;}
.t p{border-right:1px solid #fff;height:37px;float:left;text-align:center;color:#000;font-size:14px;}
.t .p1{width:160px;}
.t .p2{width:233px;}
.t .p3{width:100px;}
.t .p4{width:96px;}
.t .p5{width:100px;}
.t .p6{width:80px;}
.t .p7{width:86px;float:right;}
.t .p7 a{display:block;width:70px;height:19px;background:url(order.jpg);margin:0 auto;}
.t dd{line-height:18px;padding:8px 0;border-bottom:1px solid #ddd;}
.t dd p{color:#666;font-size:12px;height:auto;}
.t em{color:#f00;}

.tab{border:1px solid #ddd;padding:10px;margin-top:14px;}
.tab-btn li{float:left;display:inline;width:94px;line-height:30px;border:1px solid #4ac0f2;text-align:center;margin-right:10px;font-size:14px;cursor:pointer;}
.tab-btn .on{background:#a3a3a3;border:1px solid #a3a3a3;color:#fff;}
.tab-txt{padding-top:20px;}
.tab-txt li{display:none;text-align:justify;text-justify:inter-ideograph;line-height:22px;}

.order-pic{height:47px;background:url(order-pic.png) no-repeat;}
.tip {padding: 30px 0 10px 110px; color: #cc3732; font-weight: bold; font-size: 14px;}
.order-mes{background:url(mes.png) no-repeat;}
.order-mes li{margin-top:20px; vertical-align:top;}
.order-mes .p1,.order-mes .p2,.order-mes .text1,.order-mes .text2,.order-mes textarea,.order-mes span,.order-mes .submit{float:left;}
.order-mes .p1{width:156px;font-size:16px;height:32px;line-height:32px;padding:0 10px;}
.order-mes .p2{width:156px;font-size:16px;height:60px;line-height:26px;padding:0 10px;}
.order-mes em{float:right;color:#960606;font-weight:bold;}
.order-mes span{margin-left:10px;line-height:32px;color:#999;}
.order-mes i{color:#960606;font-weight:bold;padding-right:10px;}
.order-mes .text1,.order-mes .text2,.order-mes textarea{border:1px solid #ccc;width:450px;margin-left:10px;}
.order-mes .text1{height:30px;line-height:30px;}
.order-mes .text2{height:58px;line-height:58px;}
.order-mes textarea{width:450px;height:100px;}
.order-mes .submit{width:126px;height:47px;line-height:47px;text-align:center;font-size:14px;cursor:pointer;background:#ffa800;border-bottom:1px solid #c38205;margin-left:10px;}

/*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: 20px 0 0; height: 30px; line-height: 30px;}
.page a {margin: 0 1px; /*padding:3px 8px; background:#f2f2f2; border-radius:2px;*/}
.page a:hover,.page a.current {color: #ff9b00; /*background:#ff9b00;*/}
.page span {float:right;}
.page strong {color: #ff9b00;}

/*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:658px;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; 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; }