body { color:#7B2B18; }

ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,h7 { margin:0; padding:0; }

.toolbar { position:absolute; left:50px; top:50px; z-index:2; }

.container { max-width:960px; }

.title1 { text-align:center }
.title2 { float:left; width:220px; height:60px; background:#7C2B18; font:26px/60px "Microsoft YaHei"; color:#fff; text-align:center; margin:0 auto; }
.title3 { font:26px/60px "Microsoft YaHei";  }
.title3 span {  border-bottom:2px solid #fff; }

.p5 { background:#FFC550 url(s3.png) no-repeat center bottom; padding-top:100px; }
.p2 { background:#fff url(s2.jpg) no-repeat center bottom; background-size:100% auto; padding-top:100px;  }
.p4 { background:#72A346 url(s4.png) repeat-x left bottom; color:#fff; padding-top:100px; }
.p6 { background:#2A427E; padding-top:100px; }
.p7 { background:#FDF7D7 url(s7.png) no-repeat center bottom; padding-top:100px; }
.p8 { background:#F0EFE3 url(s8.png) repeat-x center bottom; padding-top:100px; } 

.s1 { height:100%; background:#FFA901; }
.s1 div { font:16px/1.7 arial; clear:both; margin:0 auto; }

.s3 dt {  font:bold 18px/1.3 "Microsoft YaHei";  margin:20px 0; }
.s3 dd {  font:16px/1.7 arial; text-align:center }

.s4 dd h3 {  font:bold 18px/1.5 "Microsoft YaHei"; text-align:left; margin:15px 0; }
.s4 dd { font:16px/1.7 arial; text-align:left; }
.s4 dd h2 { float:left; margin-right:20px; }

#scroll2 { height:230px; overflow:hidden; }
.piclist { height:230px;}
.piclist td { height:230px; overflow:hidden; text-align:center; padding:0 30px; }
/*.piclist td div { width:180px; height:180px; background-size:auto 100%; border:5px solid #FFA901; border-radius:100%; margin:0 auto; }*/
.piclist td img { width:180px; height:180px; border:5px solid #FFA901; border-radius:100%;  }
.piclist td h4 { color:#7B2B18; }

.piclist2 { height:230px; overflow:hidden; margin-top:15px;  }
.piclist2 >div { float:left; width:33%; height:230px; overflow:hidden; text-align:center; }
.piclist2 >div div { width:90%; height:180px; background-size:auto 100%;  margin:0 auto; overflow:hidden }
.piclist2 >div img { width:100%; }
.piclist2 >div h4 { color:#7B2B18; }

.piclist3 { height:170px; overflow:hidden; margin-top:20px; }
.piclist3 >a { float:left; width:18%; height:170px; background-repeat:no-repeat; background-size:100% auto; text-align:center; position:relative; margin:0 1%; }
.piclist3 >a:hover div { display:block; }
.piclist3 >a div { position:absolute; left:105px; top:0; display:none; z-index:2; }
.piclist3 >a img { width:100%;  }
.piclist3 >a h4 { font:14px/1.3 arial; color:#fff; background:rgba(0, 0, 0, 0.5); display:inline-block; padding:1px 3px;  }

.piclist4 { height:300px; overflow:hidden; margin-top:25px;  }
.piclist4 >div { float:left; width:48%; margin:0 1%; height:110px; margin-bottom:10px; font:14px/2 arial; overflow:hidden; }
.piclist4 >div img { float:left; width:160px; border:2px solid #2A0000; margin-right:10px; }
.piclist4 >div h4 { color:#7B2B18; }
.piclist4 >div a { color:#2A0000; }

.dyms { width:450px; color:#fff; position:absolute; right:0; top:0}
.dyms h3 { width:312px; height:90px; font:bold 26px/85px arial; color:#2A427E; background:url(title5.png) no-repeat; text-align:center; }
.dyms >div { display:none;  }
.dyms >div a { float:left; width:32%; height:108px; display:inline-block; overflow:hidden; margin:0 1% 1% 0; position:relative; }
.dyms >div a:hover h4 { display:block; }
.dyms >div img { width:100%; }
.dyms >div h4 { width:100%; height:15px; font:14px/15px arail; color:#fff; background:rgba(0, 0, 0, 0.5); position:absolute; left:0; bottom:0; display:none; }

a.rollmore { background:#69C; color:#fff; padding:3px 5px; border-radius:5px; box-shadow:1px 1px 1px #666; }

#scrollpage { width:100%; padding:0; margin:0; }
#top_nav{width:100%;height:40px;border-bottom:1px solid #e5e5e5;}
#top_nav .content{width:940px;height:40px;margin:0 auto;position: relative;}
#top_nav a{
  color: #333333;
  font-family: "microsoft Yahei";
  text-decoration: none;
  line-height: 40px;
  cursor: pointer;
  font-size: 12px;
}
#top_nav .top_link_left{
float: left;

margin-right: 20px;
text-align: center;
}
#top_nav .top_link_right{
    float:right;
    width: 50px;
    margin-left: 20px;
    text-align: center;
}
#top_nav .active{
  border-bottom: 1px solid gray;
}
#top_nav a:hover{
  border-bottom: 1px solid gray;
}

.tbLogo { display:none; }

@media screen and (max-width: 720px) {
.p2 { padding-top:15px; }
.p5, .p6, .p7, .p8 { padding-top:0; background-size:100% auto; }
.p4 { padding-top:0; }
.toolbar { display:none; margin-top:-200px; }
.s3 dt { font:bold 18px/1.3 arial; text-align:left; margin:15px 0; }
.s3 dd { text-align:left }
.s4 dd h3 {  font:bold 18px/1.3 arial;  margin-top:15px 0; }
.s4 dd {  }
.piclist td img { width:120px; height:120px;  }
.piclist2 >div { height:130px; }
.piclist2 >div div { height:80px; }
.piclist3 {  height:130px;  } /*搜罗篇**/
.piclist3  >a { width:30%; height:130px; } 

.dyms { width:100%; height:383px; position:relative; margin:0 15px; overflow:hidden; }
.dyms >div { height:383px; display:block; overflow:hidden; }
.dyms >div a { float:left; width:48%; height:110px; }
#map { display:none; }

.title1 img { width:100%; }
}