@charset "utf-8";



/*Inside banner*/

.banner { width: 100%; height: 322px; overflow: hidden; }

.banner .hd{display:none;}



body{background:url(../images/bg.jpg);}

.container {background:url(../images/container.jpg) bottom repeat-x;}

.container .wrap { _height: 500px; min-height: 500px; background:#fff url(../images/wrap.jpg) 224px top repeat-y; padding-bottom:40px; }

.sidebar { width: 210px; float: left; padding-left:14px;}

.main { width:728px; float: right; padding:24px 20px 0 30px;}



.colPicTitle {font-weight:normal; font-size:20px; line-height:22px; color:#000; padding:40px 0 20px;}

.colPicTitle em{display:block; font-family:Arial;font-size:12px; color:#888; text-transform:uppercase;}



.menu {text-align:center;}

.menu dl dt {border-bottom:1px solid #d9d9d9;}

.menu dl dt a { display:block;font-size:14px;line-height:36px;color:#000;}

.menu dl dt a:hover, .menu dl dt .current { color: #fff; background:#f17f02; text-decoration:none; border-radius:2px 2px 0 0;}

.menu dl dd {border-bottom:1px dotted #ccc;}

.menu dl dd a { display: block; line-height: 36px; font-size: 12px;}

.menu dl dd a:hover, .menu dl dd a.current {color: #f17f02; text-decoration:underline;}



.location {height: 36px; line-height:36px; margin-bottom:26px; text-align:right;}

.colCurTit { float: left; font-size: 17px; font-weight: normal; color:#000;}

.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 {color:#000; 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(../images/news_ico.png) left center no-repeat; padding-left: 16px; }



/*Hot news*/

.hotNews {padding-bottom: 12px;color:#fff;}

.hotNews .pic { float: left; }

.hotNews .txt { float: right; width: 296px; height:200px; background:#848484; padding: 30px 20px 20px; }

.hotNews .txt h3 { font-size: 14px; padding-bottom:15px;}

.hotNews .txt h3 a{color:#fff;background:url(../images/ico2.png) left center no-repeat;padding-left:9px;}

.hotNews .info { line-height: 22px; }

.hotNews .more {margin-top:24px;}

.hotNews .more a{display:block;width:84px;line-height:24px;text-align:center;background:#fff;color:#333;}



/*News list*/

.tit{height:32px;line-height:32px;background:#c9cacc;}

.tit p{color:#fff;float:left;padding-left:20px;}

.rq{width:100px;border-right:1px solid #fff;}

.bt{width:587px;}

.list ul li { padding: 10px 0; line-height: 20px; clear: both; border-bottom: 1px solid #dbdbdb; }

.list ul li a{padding-left:20px;}

.list .date { float: left; width:100px; padding-left:20px; color: #999; }



/*Picture list*/

.w .pic-item { width: 335px; float: left; display: inline; margin-bottom:30px; border:1px solid #bcd1e6; padding-bottom:12px;}

.w h3{line-height:46px;font-size:14px;}

.w h3 a{color:#1e64bb;padding-left:20px;}

.w dt {padding:8px 15px;line-height:20px;}

.w dd {padding-left:15px;}

.w dd a{display:block;width:102px;height:31px;background:url(../images/more2.jpg);}



/*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 20px 0; height: 30px; line-height: 30px; text-align:center; color: #555;}

.page a { margin: 0 2px; border-radius:3px; color: #555; }

.page a:hover,.page a.current { color: #ff8000; text-decoration: underline; }

.page span {margin-right:6px;}

.page strong { color: #ff8000; }



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



.hrTable { }

.hrTable .hrTableTh { height:32px; background:#01286f; color:#fff; }

.hrTable th { color:#fff; font-weight:normal; }

.hrTable td { padding:0 8px; line-height:32px; }

.hrTable .bg td { background:#eee; }

.hr { position:relative; padding:0 0 30px; }

.hr h3 { padding-left:3px; border-bottom:1px solid #351309; font-size:16px; line-height:34px; }

.hr h3 s { float:right; width:20px; height:20px; margin-top:13px; cursor:pointer; }

.hrItem { margin-bottom:5px; }

.hrItem .title { color:#999; font-weight:bold; line-height:31px; }

.hrItem .title span { float:right; font-weight:100; }

.hrItem .title span a { color:#88000c; }

.hrItem .con { margin-bottom:10px; padding:15px 20px; background:#fafafa; line-height:24px; }

.hrItem .apply { width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center; }

.hrItem .apply a { color:#fff; }

.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }

.hr-list .title { padding:0; color:#3A7FCA; font-weight:bold; line-height:20px; }

.hr-list .title span { float:right; font-weight:100; }

.hr-list .info { padding:5px 0; line-height:24px; }

.hr-list .apply { height:24px; line-height:24px; text-align:right; }

 .form-panel .submit-field input { margin-right:10px; }

.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; }



.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: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(../images/btn.jpg) no-repeat; cursor: pointer; }

.form-panel .btn-reset { width: 78px; height: 24px; border: none; background: url(../images/btn.jpg) no-repeat; cursor: pointer; }



/*Case-play*/

.case-play{border-bottom:1px dotted #ccc;padding-bottom:20px;}

.scroll{width:670px;height:356px;margin:0 auto;position: relative;}

.bigImg li img {width:670px;height:356px;}

.smallScroll {height: 67px;padding:14px 20px 0;}

.smallScroll a{width: 36px;height: 67px;display: block;cursor:pointer;}

.smallScroll .prev{background:url(../images/sPrev.gif) center no-repeat;float: left;}

.smallScroll .next{background:url(../images/sNext.gif) center no-repeat;float: right;}

.smallImg {}

.smallImg .tempWrap{width: 514px !important;display: inline;float: left;margin-left:22px;overflow:hidden;}

.smallImg ul {height: 67px;overflow: hidden;}

.smallImg li {width: 121px;float: left;display: inline;margin-right:10px;}

.smallImg img {width: 115px;height: 61px; border: 1px solid #b2d218; padding:2px;}

.smallImg li.on img{border: 1px solid #fd1a2b;}



/*Tab*/

.tab{border:1px solid #e5e5e5;border-top:none;margin-top:25px;}

.tab .hd{height:46px;line-height:46px;background:url(../images/hd.jpg);}

.tab .hd li{width:136px;text-align:center;float:left;display:inline;font-size:15px;color:#000;cursor:pointer;}

.tab .hd li.on{color:#cd0000;background:#fff url(../images/on.jpg) top repeat-x;border-right:1px solid #e5e5e5;}

.tab .info{display:none;padding:15px;color:#333;line-height:22px;}