@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{font-size:14px; line-height:24px; background:url(../images/body-bg.jpg) center 30px no-repeat #fefefe; color:#5f4f17;font-family:Microsoft YaHei;}
dl,dt,dd,ul,li{display:block;}
li{list-style-type:none;}
img{border:none;}
.clr{clear:both; height:0px; overflow:hidden;}
.left{float:left;}
.right{float:right;}
a{color:#5f4f17; text-decoration:none;}
a:hover{color:#5f4f17; text-decoration:none;}
.red a{color:#e1c792; font-size:12px;}
.red a:hover{color:#e1c792;}


.box{width:914px; margin:0 auto; padding:0 30px 30px 30px; border-left:solid 3px #c0273b; border-right:solid 3px #c0273b; background:#f8f6e9;background:url(../images/about-bottom.gif) 0 bottom no-repeat #f8f6e9; clear:both;}
h3{height:30px; background:url(../images/icon.gif) no-repeat; border-bottom:2px solid #cfc4a6; font-size:18px; font-weight:normal; padding-left:30px; margin-bottom:10px; color:#000;}
.tit{width:980px; height:88px; margin:20px auto 0 auto;}



/*top*/
.top{width:100%; background:url(../images/top_bg.gif) repeat-x; color:#8e8e8e; border-bottom:1px solid #fff;height:30px;}
.top ul{width:1000px; margin:0 auto;}
.top li{float:left; margin:0 3px;height:30px; line-height:30px; font-size:12px;}
.top .topline{width:3px; background:url(../images/top_line.gif) 0 6px no-repeat;}
.top li a{color:#8e8e8e; text-decoration:none;}
.top li a:hover{color:#7b0707; text-decoration:underline;}


/*header*/
.header{width:980px ;margin:0 auto; height:390px;clear:both; position:relative;}
.header .erweima{width:170px; position:absolute; top:260px; right:50px; color:#fff;}
.header .erweima .img{width:66px; height:66px; float:left;}
.header .erweima p{width:90px; float:right; font-size:12px;}


/* guide */
.guide{width:910px; margin:0 auto; font-size:14px; color:#ddd1ac; height:220px; line-height:22px;}
.guide p{text-indent:30px; margin-top:5px;}


/* news */
.news{width:925px; margin:0 auto; padding:30px 30px 0 30px; background:url(../images/neews-bg.gif) no-repeat; height:447px;}
.news .art{width:485px; height:408px; float:right;}
.news .art ul{width:485px; margin-top:15px; font-size:12px; line-height:18px;}
.news .art li{width:150px; height:160px; float:left; background:#cfc4a6;}
.news .art li p{padding:5px;}
.news .art .mr{margin-right:10px;}


/*history*/
.his-tit{background:url(../images/tit1.jpg) no-repeat;}
.history-left{width:433px; border-right:solid 2px #dba3a2; float:left; padding-right:20px;}
.history-right{width:435px; float:right;}
.his {background:url(../images/his-bottom.gif) 0 bottom no-repeat #f8f6e9;}
.his .mt{margin-top:25px;}
.his p{text-indent:30px; margin-bottom:5px; line-height:22px;}
.his .line{padding-bottom:15px; border-bottom:solid 1px #cbc3a6;}


/*about*/
.about-tit{background:url(../images/tit2.jpg) no-repeat;}
.about-box{width:888px; height:226px; background:url(../images/about-bg.gif) no-repeat; padding:12px; margin-bottom:15px;}
.about-box .imgbox{width:312px; height:226px; float:left;}
.about-box .imgbox img{width:312px; height:226px;}
.about-box .txtbox{width:560px; float:right;}
.about-box .txtbox h4{font-size:16px; color:#000; font-weight:normal; border-bottom:2px solid #cfc4a6; height:30px; margin-bottom:15px; line-height:30px;}
.about-box .txtbox h4 a{color:#000;}
.about-box .txtbox p{text-indent:30px;}

/*high*/
.high-tit{background:url(../images/tit3.jpg) no-repeat;}
#con {margin: 0px auto; width:914px;}
#tags{width:914px; height:40px; background:url(../images/tab-bg.gif) no-repeat; padding-left:40px;}
#tags li{height:40px; line-height:40px; font-size:16px; color:#fff; background:#b93946; float:left; margin-right:2px;}
#tags li a {float:left; color:#fff; line-height:40px; height:40px; text-decoration:none; padding:0 35px;}
#tags LI.emptyTag {background: none transparent scroll repeat 0% 0%; width: 4px;}
#tags LI.selectTag {height:40px;}
#tags LI.selectTag a {color:#fff; line-height:40px; height:40px; background:#d08215;}
#tagContent{width:914px; clear:both;}
.tagContent {display:none; width:912px;}
#tagContent DIV.selectTag {display: block;}

/*book*/
.book-tit{background:url(../images/tit4.jpg) no-repeat;}
.book{height:220px;}


/*top10*/
.top10-tit{background:url(../images/tit5.jpg) no-repeat;}
.top10 table{height:40px; line-height:40px; color:#383838;}

.title{height:50px; background:#7e8285; color:#e3e3e3; text-align:center;}
.number{color:#8d1c1f;}
.font{font-size:20px;}



.conclusion{width:925px; height:230px; margin:25px auto; padding:70px 30px 0 30px; background:url(../images/conclusion.gif) no-repeat;}
.conclusion p{text-indent:30px;}







/*bottom*/
.bottom{width:100%; background:url(../images/bottom_bg.gif) repeat-x; height:200px; clear:both; line-height:24px; margin-top:15px; font-size:12px;}
.bottom .bt{width:980px; margin:auto; padding:40px 0 15px 0; color:#373737; text-align:center;}
.bottom .bt a{color:#373737; text-decoration:none;}
.bottom .bt a:hover{color:#373737; text-decoration:underline;}






/* ul_change_a1 */
.change{ position:relative;}
.high .change .changeBox,.change .li{ overflow:hidden; height:380px;}
.high .change .changeBox{ z-index:0;position: relative;overflow:hidden;}
.high .change .position{top:0px; left:0px;}
.high .change .changeBox.scroll .position{ width:1000%; position:relative;}
.high .change .changeBox.scrollT .position{ width:100%;}
.high .change .li{ position:absolute; top:0px;width:100%; height:100%; display:block;}
.high .change .changeBox.scroll,.change .changeBox.scroll .li{height: auto;}
.high .change .changeBox.scroll .li{ position: relative;float:left;}
.high .change .autoH{ height:auto; min-height:50px;}

.changeBox img{}


 /* ul_change_a  botton */
.high .change .prev,.change .next{position: absolute;cursor: pointer;z-index:100;}
.high .change .prev{left:30px;}
.high .change .next{right:30px;}
.high .change .prev:hover,.change .next:hover{}

.high .change .changeBtnBox.clearPos{ margin-top:0px; float:none;}
.high .change .changeBtnBox.clearPos li{ float:left}
.high .change .changeBtnBox .btn.clearPos{ width: auto;filter:alpha(opacity=100);opacity:1;}
.high .tagContent .change .btn{top:30%;}
.high .tagContent .change .btn .i{ display:block; width:60px; height:113px; filter:alpha(opacity=50);opacity:0.5;}
.high .tagContent .change .prev .i{background:url(../images/prev.png) no-repeat;}
.high .tagContent .change .next .i{background:url(../images/next.png) no-repeat;}


.fade{}.scroll{}.slide{}.prev{}.next{}.needGain{}.btnIn{}.elide{}.textDefault{}

.imgList2{}
.imgList2 li{float:left; width:auto;}
.imgList2 li a{ margin:0 11px; width:124px; position:relative; display:block; text-decoration:none; cursor:context-menu;}
.imgList2 li img{height:145px; width:124px;}
.imgList2 li p{width:124px; line-height:18px; font-size:12px; height:50px; padding:5px 0; text-align:center;}


/*------通用幻灯片-------*/
.book .change .changeBox{overflow:hidden;}
.book .change .changeBox{position: relative;z-index:0;width:100%;overflow:hidden;}
.book .change .position{top:0px; left:0px; position:relative;}
.book .change .changeBox.changeType_scroll .position{ width:1000%; position:relative;}
.book .change .changeBox.changeType_scroll .dire_top .position{ width:100%;}
.book .change .li{top:0px; display:block; float:left;}
.book .change .clearPos .li{ position: relative;}

.book .change .changeBox.changeType_scroll .li{ position: relative;float:left;}
.book .change .changeBox.changeType_scroll.dire_top .position{ width:100%;}

.book .change .prev,.change .next{ top:40%; position:absolute;cursor:pointer; z-index:30;}
.book .change .prev{ }
.book .change .next{ right:0px; }
.book .change .prev:hover,.change .next:hover{}
 /*------通用幻灯片按钮------*/
.book .change .btnBoxL{ width:50%; float:left; position:relative;}
.book .change .btnBoxR{ left:100%; float:left; position:relative;}
.book .change .btnBoxR .changeBtnBox{left:-50%;}
.book .change .changeBtnBox{position:relative; z-index:10;}
.book .change .changeBtnBox .btn{ cursor:pointer;}
.book .change .changeBtnBox li .btn,.change .changeBtnBox li{ float:left;}



.book .change{width:875px; height:210px; float:right; overflow:hidden; padding:0 20px 0 15px;}
.book .changeBox{width:875px; height:210px;}
.book .change .btn{ position:absolute; display:block; top:30%; left:0;}
.book .change .btn:hover{ }
.book .change .next{ right:0; left:auto;}
.book .change .btn .i{ display:block;  width:15px; height:30px;}
.book .change .prev .i{background:url(../images/prev1.png) no-repeat;}
.book .change .next .i{background:url(../images/next1.png) no-repeat;}