﻿/* new top*/
.newtop { float: left; display: inline; margin: 0px 10px; width: 680px; }
.newtop .caption { font: bold 14px/1em "Verdana", "Arial","sans-serif"; color: #a89f94; width: 100%; margin: 20px 0px 10px 0px; overflow: hidden; }
.newtop .caption span { font: bold 16px/1em "Verdana", "Arial","sans-serif"; color: #c53c00; float: left; display: inline; margin-right: 10px; }
.newtop .caption a { background-position: left 5px; margin-left: 10px; float: right; display: inline; }
.newtop .caption .line { width: 567px; height: 10px; float: left; display: inline; margin-top: 7px; }
.newtop .caption .more { margin-right: 0px; }

.newtop .container { position: relative; width: 100%; height: 200px; }
.newtop .container .news_picture { background: #fff; float: left; width: 282px; height: 200px; position: absolute; border: 3px solid #d1c1a8; }
.newtop .container .search { top: 170px; position: absolute; }
.newtop .container .search input { height: 21px; padding: 0px; line-height: 21px; }
.newtop .container .search .key { background: #fff url(../images/srhicon.gif) no-repeat 5px center; float: left; display: inline; padding-left: 20px; width: 120px; border: 1px solid #aaa; }
.newtop .container .search .btn { background: url(../images/srhbtn.gif) no-repeat; float: left; display: inline; width: 84px; height: 23px; line-height: 23px; color: #000; border: none; padding: 0px; cursor: pointer; margin-left: 3px; }

.newtop .container ul { clear: both; float: right; width: 380px; }
.newtop .container ul li { background: url(../images/icon.gif) no-repeat 3px 7px; padding-left: 15px; float: left; width: 362px; height: 25px; overflow: hidden; border-bottom: 1px dotted #a7a7a7; }
.newtop .container ul li a { float: left; width: 240px; height: 25px; table-layout:fixed; word-break: break-all; overflow: hidden; line-height: 25px; }
.newtop .container ul li span { float:right; width: 74px; line-height: 20px; color: #7b7b7b; }

.intro { float: right; width: 286px; height: 240px; display: inline; margin: 10px 10px 0px 0px; overflow: hidden; position:relative;}
.intro .caption { background: url(../images/obg.png) no-repeat !important; background: none; height: 32px; padding-left: 10px; margin-left: 6px;  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='/template/default/images/obg.png'); }
.intro .caption .more {background-position: left 15px; line-height: 32px; float: right; }
.intro .caption span {font: bold 16px/32px Arial; color: #c53c00; float: left;}
.intro ul{width:572px;position:absolute;left:0px;top:0px;}
.intro ul li{width:286px;float:left;}
.intro .container ul { clear: both;width:280px;height:200px;float:left;border-left:1px dashed #a7a7a7; padding-left:5px; }
.intro .container ul li { background: url(../images/arrow/dot.gif) no-repeat 3px 7px; padding-left: 15px; float: left; width: 265px; height: 25px; overflow: hidden; border-bottom: 1px dotted #a7a7a7; }
.intro .container ul li a { float: left; height: 25px; table-layout:fixed; word-break: break-all; overflow: hidden; line-height: 25px; }
.intro .container ul li span { float:right; width: 74px; line-height: 25px; color: #7b7b7b; }
.intro .container { margin-top: 5px;height:200px; }
.intro .container p { line-height: 20px; table-layout:fixed; word-break: break-all; padding: 0px; margin: 0px; }
.intro .container img { float: left; }

.top_2 { width: 100%; height: 38px; float: left; background: #8a6b56;}
.top_2 span { width: 100%; float: left; display: inline; margin: 7px 0px 0px 0px ; text-align: center; color: #fff; font: bold 20px Arial;}
.topic_2 { width: 100%; float: left;}
.topic_2 .master{clear:both;padding:20px;line-height:1.5em;}
.topic_2 .master p{line-height:1.5em;padding:0px;margin:10px 0px;}
.topic_2 .master p *{line-height:1.5em;}
/* topic */
.topic { background: url(../images/introbg.jpg) no-repeat; width: 967px; height: 379px; float: left; display: inline; margin: 10px 16px; }
.topic .top { font: bold 16px/40px "Verdana", "Arial","sans-serif"; color: #c53c00; clear: both; height: 27px; float: left; display: inline; overflow: hidden; margin-left: 24px; }
.topic .top .more { line-height: 32px; background-position: left 14px; }
.topic .master { float: left; display: inline; width: 100%; margin: 8px 0px 0px 0px; position: relative; }
.topic .master img{margin:12px auto 5px auto;}
.topic .master p{line-height:21px;margin:0px 20px;}
.topic .master .more{background-position: left 5px;margin-right:38px;}
.topic ul { float: left; clear: both; display: inline; width: 480px; margin: 0px 0px 0px 10px; }
.topic ul li { float:left; display: inline; height: 70px; width: 86px; margin: 5px 5px 0px 5px; overflow: hidden; }
.topic ul li p { float: left; width: 100%; text-align: center; }
.topic ul li a { line-height: 16px; color: #37342e; }
.topic ul li img { border: 3px solid #d1c1a8; }
.topic a:hover img { border: 3px solid #b69054; }

/* pic */
.pic { clear:both; width: 100%; display: inline; margin: 10px 0px 0px 0px; overflow: hidden; }
.pic .caption { background: url(../images/picbg.jpg) no-repeat; height: 40px; padding-left: 20px; clear:both; border-bottom: 1px solid #7c6f40; overflow: hidden; }
.pic .caption .more {background-position: left 15px; line-height: 48px; float: right; }
.pic .caption span {font: bold 16px/48px "Verdana", "Arial","sans-serif"; color: #c53c00; float: left;}
.pic .master {background:#fff; width:960px;height: 420px;border:1px solid #ddd9d3;margin: 10px auto 0px auto;padding:10px;}

/* maps */
.maps { clear:both; width: 980px; margin: auto; overflow: hidden; }
.maps .caption { height: 52px; padding-left: 10px; clear:both; overflow: hidden; }
.maps .l {background:#8a8b7d;height:1px;overflow:hidden;border:1px solid #c0bbb7;width:978px;}
.maps .caption .more {background-position: left 15px; line-height: 52px; float: right; }
.maps .caption span {font: bold 16px/52px "Verdana", "Arial","sans-serif"; color: #c53c00; float: left;}
.maps .master{}
.maps #map_canvas {width:455px;height:295px;}


/* charities */
.charities { float: right; width: 460px; display: inline; margin-right: 15px; }
.charities .caption { font: bold 14px/1em "Verdana", "Arial","sans-serif"; color: #a89f94; width: 100%; margin: 15px 0px 10px 0px; overflow: hidden; }
.charities .caption span { font: bold 14px/1em "Verdana", "Arial","sans-serif"; color: #c53c00; float: left; display: inline; margin-right: 10px; }
.charities .caption .line { width: 405px; height: 10px; float: left; display: inline; margin-top: 7px; }

.container { clear:both; width: 460px; }
.container li { float: left; display: inline; width: 230px; height: 131px; margin: 0px 0px 0px 0px; }
.container li h3 { color: #37342e; font-weight: bold; padding: 0px; margin: 0px; line-height: 30px; }
.container li p { background: url(../images/icon.gif) no-repeat left center; float: left; padding-left: 12px; width: 208px; height: 23px; overflow: hidden; white-space: nowrap; }
.container li p a { line-height: 23px; }

/* scroll */
.scroll { width: 920px; float: left; display: inline; clear: both; margin: 10px 0px 20px 20px; }
.scroll .top { display: none; clear: both; width: 920px; overflow: hidden; }
.scroll .bottom { display: none; clear: both; width: 920px; overflow: hidden; }
.scroll .scrlist { border: none; height: 300px; }
.scroll .al, .scrlist .ar { float: left; display: none; height: 97px; margin: 0px 17px; cursor: pointer; }
.scrlist .ar { float: right; }
.scrlist .ifr { float: left; display: inline; position: relative; width: 920px; height: 300px; left: 0px; top: 0px; overflow: hidden; }
.scrlist ul { height: 300px; position: absolute; left: 0px; top: 0px; }
.scrlist ul li { float: left; display: inline; height: 300px; overflow: hidden; }
.scrlist ul li img { border: 3px solid #d1c1a8; float: left; display: inline; margin: 0px 7px 0px 7px; }
.scrlist ul li a:hover img { border: 3px solid #b69054; }
.scrlist ul li p { text-align: center; clear: both; }
.scrlist ul li p a { line-height: 20px; }

.jcarousel-container { float: left; padding: 0px 38px; width: 827px; }
.jcarousel-clip { width: 803px; left: 10px; overflow: hidden; }
.jcarousel-next-horizontal { position: absolute; top: 0px; right: 5px; width: 14px; height: 97px; cursor: pointer; background: transparent url(../images/scr_arr_right.gif) no-repeat 0 0; }

.jcarousel-prev-horizontal { position: absolute; top: 0px; left: 0px; width: 14px; height: 97px; cursor: pointer; background: transparent url(../images/scr_arr_left.gif) no-repeat 0 0; }