@charset "utf-8";
/* CSS Document */

body{ font-size:14px;}
.header{ width:100%; height:698px; background:url(../images/headerbg.jpg) no-repeat center;}

/*nav的开始*/
.nav{ width:100%; height:50px; padding-top:553px;}
#nav{width:900px; height:50px; margin:0 auto; text-align:center; line-height:50px; position:relative;}
#nav ul{}

#nav li{ float: left; width:90px;height:50px; _display:inline;position:relative; z-index:999; border-top:#ccc 1px solid; margin:0 19px;}
#nav li:hover{cursor:pointer; border-top:#ae907c 1px solid;}
#nav li a{color:#282828; font-size:18px;}
#nav .list{width:108px; background:url(../images/navbg.png) repeat; position:absolute; left:0; top:50px;display:none; z-index:999;}
#nav .list li{background:none; height:auto; line-height:20px; padding:10px 0; width:108px;}
#nav .list li a{ font-size:14px;}
#nav .list li:hover { background:#be1d2c; border:none;}
#nav .list li:hover a{ color:#fff;}
#nav .list li.bg{border-bottom:0;}


.content{ width:100% }
.mode01{ width:1040px; height:310px;  padding-top:60px; margin:0 auto;}
.mode02{ width:1040px; height:310px;  padding-top:60px; margin:0 auto;}
.mode03{ width:100%; height:1080px; background:url(../images/hehua.jpg) no-repeat bottom; margin-top:60px;}


.introTitle{ width:201px; height:276px; float:right; background:url(../images/titlebg.png) no-repeat; text-align:center;}
.introTitle h2,.showTitle h2{ font-family:'迷你简启体'; font-size:37px; display:block; width:50px; font-weight:normal; padding:35px 0 0 93px;}
.introCon{ width:770px; height:276px; float:left;  writing-mode: vertical-rl; writing-mode: tb-rl; line-height:38px; font-size:14px;}


.showTitle{ width:201px; height:276px; float:left; background:url(../images/titlebg.png) no-repeat; text-align:center;}
.showCon{ width:800px; float:right;}
.showCon .showtext{ width:250px; writing-mode: vertical-lr; writing-mode: tb-lr; line-height:50px; background:url(../images/zhang.jpg) no-repeat bottom right; float:left;}
.showImg{ width:497px; height:300px; background:url(../images/imgbg.jpg) no-repeat; text-align:center; float:right;}
.showImg img{ margin-top:15px; border:#d9dad8 7px solid;}

.imagesShow{ width:1040px; height:988px; margin:0 auto;}
.imagesShow ul{ width:810px;}
.imagesShow ul li{ float:left; margin:20px 30px;}
.imagesShow ul li span{ display:block; text-align:center; line-height:30px;}
.imagesShow ul li img{ border:#d9dad8 7px solid; width:330px; height:200px;}

.footer p{ text-align:center; font-size:14px; line-height:25px;}

.subfooter{ background:url(../images/subfooter.jpg) no-repeat center; width:100%; height:241px; text-align:center;}
.subfooter p{ padding-top:50px; font-size:14px; line-height:25px; padding-top:150px;}

/*二级页*/
.subPage{ width:1040px; margin:0px auto;}
.pageBanner{ width:1040px; margin: 0 auto;}
.Bread{ height:50px; line-height:50px; font-size:13px; color:#8f6e59; border-bottom:#ccc 1px solid;}
.Bread a{color:#8f6e59;}
.pageList{ margin:0 auto;}
.articleList2 ul{ padding:0;}
.articleList2 ul li{ list-style:none; background:url(../images/li.jpg) no-repeat left center;height:33px; line-height:33px; border-bottom:#ccc 1px dotted; font-size:14px;}
.articleList2 ul li span{ float:right; font-family:"Calibri";}
.articleList2 ul li a{ text-decoration:none; color:#323232;}
.listTitle2{ padding-left:0px; background:none;} 
.listTitle2 h2{color: #8f6e59; font-size: 16px; font-weight: bold; line-height:33px; padding:0px; margin:5px 0px;}
.subPage .articleList2{ margin:10px 0px 20px;}
 
.page{ width:100%; height:33px; line-height:33px; text-align:center; margin:0 auto;font-size:12px;clear:both; margin:20px 0px 30px;}
.page a{ padding:0 5px; text-decoration:none; color:#323232;}


.articleTitle { width: 100%;text-align: center;}
.articleTitle h2{font-size: 18px; color:#8f6e59; line-height: 20px; padding:20px 0;}
.articleTitle h3{ font-size: 14px; color: #555; line-height: 20px; padding:10px 0; font-weight: bold;}
.articleAuthor { height: 30px;text-align: center; line-height: 30px; margin: 10px;background: #f5f5f5; color:#777; }
.article{overflow:hidden; margin:20px; line-height:30px;}
.Annex {padding:0px; overflow:hidden; margin-bottom:30px;}
.Annex h3 { font-size: 16px;line-height: 30px; color:#8f6e59; padding-left:15px;}
.Annex ul{ padding-left:15px;}
.Annex ul li { list-style:none; height: 26px; line-height: 26px;background:url(../images/li.jpg) no-repeat left center;}
.Annex ul li a { text-decoration:none; font-size: 12px; line-height: 24px; color:#656464;}
.Annex ul li a:hover{ color:#8f6e59;}


/*左右级页面*/
.con{width: 1040px; overflow: hidden;   margin: 0 auto; margin-top:45px;}
.con .conLeft{width: 220px;  float: left;}

.con .conLeft ul{ background:#ECECEC;}

.con .conLeft .title{ width: 220px; height: 50px; line-height: 50px; text-align: center; padding:0; background:#ae907c;}
.con .conLeft .title h2{font-size: 16px; color: #fff;}
.con .conLeft ul{}
.con .conLeft ul li{ list-style:none; height: 50px; line-height: 50px; font-size: 14px; text-align: center; }
.con .conLeft ul li a{ color:#323232; height: 50px; line-height: 50px; text-decoration:none; font-size: 14px; text-align: center; border-top:1px solid #dedede; border-bottom:#fff 1px solid; display:block; }
.con .conLeft ul li a:hover{ background:#fff; border-left:5px solid #8f6e59; border-right:5px solid #8f6e59; }
.con .conLeft ul .current a{font-weight: bold; background: url(../images/list_left_li.png) no-repeat left bottom;}
.con .conRight{ width:775px; float: right;}
.con .conRight .articleList2{width: 775px;}
.con .conRight .Bread{width:775px;}
.con .conRight .page{height:30px; line-height:30px; text-align:center; margin:0 auto;font-size:12px;clear:both; margin:20px 0px 30px;}
.con .conRight .page a{ padding:0 5px;}
.con .conRight .subPage{ width:775px; min-height:510px; margin:0px auto; overflow:hidden;}
.pictureList2{width: 775px; overflow: hidden; margin:0;}
.pictureList2 ul{width: 775px; overflow: hidden;}
.pictureList2 ul li{ list-style:none; float: left; width: 330px; height: 280px; margin: 0 27px; text-align: center;}
.pictureList2 ul li img{ border:none; width:330px; height:200px; border:#d9dad8 7px solid;}
.pictureList2 ul li a{ text-decoration:none; color:#323232; line-height:30px;}
.TlpictureList2{width: 1040px; overflow: hidden;}
.TlpictureList2 ul{width:1040px; overflow: hidden;}
.TlpictureList2 ul li{ list-style:none; float: left; width: 300px; height:260px; margin: 0 22px; text-align: center;}
.TlpictureList2 ul li a{ text-decoration:none; color:#323232; line-height:30px;}
.TlpictureList2 ul li img{ border:none; width:300px; height:182px;border:#d9dad8 7px solid;}
















