/* GLOBAL Start */
* { margin: 0; padding: 0;}
body { font: 12px/20px  Arial, Helvetica, sans-serif, "宋体"; color: #555; background: #eee url(imagesbg.gif); text-align: center;}
h1,h2,h3,h4,h5,h6 { font-size: 14px;}
ul,ol { list-style: none;}
input,select,textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif, "宋体"; color: #555;}
em,i,address { font-style: normal;}
a img { border: 0;}
a { color: #555; text-decoration: none;}
a:hover { color: #872B12; text-decoration: none;}

.tc { text-align: center;}
.tr { text-align: right;}
.fl { float: left;}
.fr { float: right;}
/* GLOBAL End */

/* ===================================== Split Line ======================================== */
#container { width: 1000px; margin: 0 auto; background: #fff; text-align: left;}

#header { height: 190px; background: url(imageshead.jpg) no-repeat; text-indent: -9999999px;}

#nav { height: 40px; background: #efefef url(imagesnav.png) repeat-x;}
#nav ul {}
#nav li { float: left; position: relative; z-index: 99; background: url(imagesnavl2.gif) no-repeat right center;}
#nav li.lt { background: none;}
#nav li a { display: block; float: left; width: 100px; height: 40px; text-align: center; font: 14px/40px Arial, Helvetica, sans-serif; color: #fff;}
#nav li a:hover { color: #ff0;}
#nav ul ul { position: absolute; top: 40px; left: 0; z-index: 99; width: 100px; background: #7D220D; display: none;}
#nav li li { border: 0; background: none;}
#nav li li a { height: 28px; line-height: 28px;}
#nav li li a:hover { background: #5B1404;}

#content { background: url(imagesbgc.png) repeat-y;}
#left { width: 220px; float: left; padding: 10px; overflow: hidden; background: url(imagesbgl.png) no-repeat top right;}
#right { width: 740px; float: right; padding: 10px; overflow: hidden;}
#footer { text-align: center; padding: 10px; border-top: #f60 4px solid;}

#location { height: 34px; line-height: 34px; overflow: hidden; background: url(imageslocation.gif) no-repeat; padding: 0 10px 0 45px; margin: 0 0 15px 0;}
#location h1,#location h2 { float: left; font-size: 15px; color: #000;}
#crumbs { float: right; background: url(imageshome.jpg) no-repeat 0 12px; padding: 0 0 0 20px; color: #777;}
#crumbs a {}
#crumbs a:hover {}
#crumbs span { padding: 0 5px; font-family: "宋体";}


/* ===================================== Split Line 首页 ======================================== */
.dd { color: #fff; font-size: 13px; font-weight: bold; text-align: left; line-height: 2em;}
span.rili {  display: block; padding: 0 0 0 56px;}
span.y span { padding: 0 0 0 15px;}
.tq { background: #fff; padding: 60px 20px 0 20px; margin: 15px 0 0 0; height: 140px; background: url(imagestq.png) no-repeat;}
.notice { background: url(imagesnotice.png) no-repeat top left; height: 245px; margin-bottom: 10px;}
.notice h2 { padding: 38px 0 0 105px;}
.notice h2 a { color: #f60;}
.notice ul { padding: 10px 10px;}
.notice li { height: 24px; line-height: 24px; overflow: hidden; background: url(imagesic1.gif) no-repeat 0 11px; padding: 0 0 0 10px;}
.notice li span { display: none;}

#demot {overflow: hidden; height: 205px; margin: 10px 0;}

.block { background: #F9E9E5; margin: 10px 0 0 0; border: #E0C2BA 1px solid;  border-width: 0 1px 1px 1px; position: relative;}
.block h2 { height: 30px; background: url(imagesbtitle.png) no-repeat; line-height: 34px; overflow: hidden; padding: 0 0 0 28px; color: #7E220D;}
.block a.more { width: 36px; height: 17px; display: block; text-indent: -999999px; overflow: hidden; background: url(imagesmore2.gif) no-repeat; position: absolute; top: 5px; right: 10px;}
.block ul { padding: 7px 10px;}
.block li { height: 24px; line-height: 24px; overflow: hidden; background: url(imagesic1.gif) no-repeat 0 11px; padding: 0 0 0 10px;}
.block li a {}
.block li span { display: none;}

.wrap { width: 363px; height: 180px; float: left; margin-bottom: 10px; position: relative; border: #ddd 1px solid; border-width: 0 1px 1px 1px;}
.wrap h2 { background: url(imageswtitle.jpg) no-repeat left; height: 27px; line-height: 27px; padding: 0 0 0 28px; color: #fff;}
.wrap h2 a { color: #fff;}
.wrap a.more { width: 36px; height: 17px; display: block; text-indent: -999999px; overflow: hidden; background: url(imagesmore.gif) no-repeat; position: absolute; top: 5px; right: 10px;}
.wrap2 { margin-left: 10px;}
.wrap ul.alist { padding: 5px 10px;}
.wrap ul.alist li { height: 24px; line-height: 24px; overflow: hidden; background: url(imagesic.gif) no-repeat 0 8px; padding: 0 0 0 10px;}
.wrap ul.alist li a {}
.wrap ul.alist li span { float: right; font-size: 11px;}
.wrap3 { width: 738px; height: 200px;}

.wrap4 { width: 738px; margin: 0 0 20px 0; position: relative; border: #ddd 1px solid; border-width: 0 1px 1px 1px;}
.wrap4 h2 { background: url(imageswtitle.jpg) no-repeat left; height: 27px; line-height: 27px; padding: 0 0 0 28px; color: #fff;}
.wrap4 a.more { width: 36px; height: 17px; display: block; text-indent: -999999px; overflow: hidden; background: url(imagesmore.gif) no-repeat; position: absolute; top: 5px; right: 10px;}

.bgn { background: url(imagesbgn.png) no-repeat bottom left; padding: 10px 20px; margin: 0 0 10px 0;}
.swf { width: 318px; float: left; margin-bottom: 10px; background: url(imagesbgswf.png) no-repeat top right; padding: 10px 30px 0 0;}
.swfb { width: 318px; height: 238px; padding: 5px; background: #fff; border: #ddd 1px solid;}
.news { width: 320px; height: 255px; float: right; border: #ddd 1px solid; border-width: 0 1px 1px 1px;}
.news h2 { background: url(imageswtitle.jpg) no-repeat left; height: 27px; line-height: 27px; padding: 0 0 0 28px; color: #fff;}
.news ul.alist { padding: 5px 10px;}
.news ul.alist li { height: 24px; line-height: 24px; overflow: hidden;}
.news ul.alist li a {}
.news ul.alist li span { float: right; font-size: 11px;}

#demo        { overflow:hidden; width: 720px; height: 165px; overflow: hidden; margin: 0 0 0 10px;}
#indemo      { float: left; width: 800%;}
#demo1       { float: left;}
#demo2       { float: left;}

#colee_right        { overflow:hidden; width: 720px; height: 165px; overflow: hidden; margin: 0 0 0 10px;}
#in_colee_right      { float: left; width: 800%;}
#colee_right1       { float: left;}
#colee_right2       { float: left;}

.alist {}
.alist li { height: 24px; line-height: 24px; overflow: hidden; background: url(imagesic.gif) no-repeat 0 8px; padding: 0 0 0 10px;}
.alist li a {}
.alist li span { float: right; font-size: 11px;}

.alist2 { padding: 0 10px;}
.alist2 li { height: 34px; line-height: 34px; overflow: hidden; background: url(imagesic.gif) no-repeat 5px 14px; padding: 0 0 0 20px; border-bottom: #ccc 1px dotted;}
.alist2 li a {}
.alist2 li span { float: right; font-size: 11px;}

.plist { margin-top: 10px;}
.plist li { width: 170px; height: 165px; margin: 0 5px; float: left; text-align: center; overflow: hidden;}
.plist li img { width: 160px; height: 120px; display: block; padding: 4px; border: #ddd 1px solid; margin: 0 0 5px 0;}
.plist li a {}
.plist li a:hover {}

.plist2 { margin-top: 10px;}
.plist2 li { width: 170px; height: 200px; margin: 0 5px; float: left; text-align: center; overflow: hidden;}
.plist2 li img { width: 160px; height: 120px; display: block; padding: 4px; border: #ddd 1px solid; margin: 0 0 5px 0;}

#flinks { width: 998px; height: 100px; margin: 0;}
#flinks ul { padding: 10px;}
#flinks li { float: left; padding: 0 10px 0 0;}

.pages { font-family: "宋体"; text-align: center; padding: 15px 0;}
.pages span,
.pages strong,
.pages a { display: inline-block; margin: 0 3px; padding: 3px 8px; background: #eee; border: #ddd 1px solid;}
.pages a:hover { border: #f30 1px solid; background: #f30; color: #fff;}
.pages strong { border: #333 1px solid; background: #333; color: #fff;}
.pages span { color: #bbb;}

.htitle { text-align: center; color: #000; font-size: 18px; margin: 10px 0;}
.article_info { text-align: center; margin: 10px 0; background: #eee; height: 20px; line-height: 20px; overflow: hidden;}
.article_info span { font-size: 10px; padding: 0 10px;}

.article_prev_next { padding: 20px 0;}
.article_content { font-size: 15px; line-height: 26px; padding: 0 10px;}
.article_content p { margin: 0 0 10px 0;}
.article_content table { margin: 10px 0;}
.article_content h2,
.article_content h3,
.article_content h4,
.article_content h5,
.article_content h6,
.article_content strong { color: #222;}

#imgBox { text-align: center;}
#PhotoUrlList { text-align: center; padding: 10px;}
.tcp { padding: 10px 0;}
.tcp a { margin: 0 5px;}
.sbt { text-align: center;}
.sbt .ipt { border: #888 1px solid; background: #eee; cursor: pointer; padding: 2px 10px;}

/* ===================================== Split Line ======================================== */
.clear { clear: both;}
.clearfix:after,
#header:after,
#nav:after,
#content:after,
#footer:after,
.plist:after,
.alist:after { content:"\0020"; display:block; clear:both; visibility:hidden; overflow:hidden; height:0; font-size:0;}
.clearfix,
#header,
#nav,
#content,
#footer,
.plist,
.alist { zoom:1;}
/* ===================================== Split Line ======================================== */


/*.slider {
    width: 318px;
    height: 238px;
    margin: 0px auto;
    overflow: hidden;
}
    
.osSlider-main .slider-btn-prev {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: -45px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    margin-top: -20px;
   
    transition: all .5s linear;
}
.osSlider-main:hover .slider-btn-prev {
    left: 5px;
}
    
.osSlider-main .slider-btn-next {
    position: absolute;
    z-index: 10;
    top: 50%;
    right: -45px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    margin-top: -20px;
   
    transition: all .5s linear;
}
.osSlider-main:hover .slider-btn-next {
    right: 5px;
}
.osSlider-main .slider-nav {
 display:none;
    position: absolute;
    width:100%;
    height: 22px;
    bottom: 20px;
    text-align: center;
    z-index: 9;
}
.osSlider-main .slider-nav li {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    margin: 0 12px;
    font-size: 12px;
    color: #eee;
    border: 1px solid #eee;
    background: none;
    cursor: pointer;
}
.osSlider-main .slider-nav li.active {
    color: #333;
    background: #eee;
}
.osSlider-main .slider-nav li:hover {
    border: 1px solid #f60;
    background: #f60;
}
.osSlider-main .slider-nav li img{ width:340px; height:255px}
.link-img{width:1080px; margin: 0 auto 25px; overflow:hidden; height:76px;}
.imgList-3{width: 1080px; height: auto;margin:0 auto;}
.imgList-3 li{position: relative; width: 260px;height: 76px;float: left;overflow: hidden; margin-right:12px; margin-bottom:15px}
.imgList-3 li .listImg{width: 100%;height: auto;}
.imgList-3 li .listImg img{display: block;width: 100%;}
.imgList-3 li .imgTxt{position: absolute; bottom: 0right: 60px;margin-bottom: -38px;width:180px;height: 65px;  opacity:0; filter:Alpha(Opacity=0); padding:11px 0px 0 10px;}
.imgList-3 li .imgTxt  a{ display:block;color:#FFF;width:100%;line-height:20px;font-size:13px;font-family: "Microsoft YaHei";overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:0px }
.imgList-3 li.last{margin-right:0px}*/

/* 本例子css */


.focusBox { position: relative; width: 320px; height: 240px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }.focusBox .pic img { width: 320px; height: 240px; display: block; }.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60; }