body { color:#7B2B18; }

body,h1,h2,h3,h4,h5,h6,h7,p,dl,dd,dt,form,ul,li,div { margin:0; padding:0; box-sizing: border-box; list-style-type:none; }

.toolbar { position:absolute; left:50px; top:50px; z-index:2; }

a, a:hover { color:#222; }


.container { width:100%; background:#ccc; padding:50px 150px; }


.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; }

.p1 { background:#fff url(s1.jpg) no-repeat center bottom; background-size:100% 100%; padding:100px 3%; }
.p2 { background:#fff url(s2.jpg) no-repeat center bottom; background-size:100% 100%; padding:100px 3%; }
.p3 { background:#fff url(s2.jpg) no-repeat center bottom; background-size:100% 100%; padding:100px 3%; }
.p4 { background:#fff url(s2.jpg) no-repeat center bottom; background-size:100% 100%; padding:100px 3%; }
.p5 { background:#fff url(s2.jpg) no-repeat center bottom; background-size:100% 100%; padding:100px 3%; }
.p6 { background:#fff url(s2.jpg) no-repeat center bottom; background-size:100% 100%; padding:100px 3%; }
.p7 { background:#fff url(s2.jpg) no-repeat center bottom; background-size:100% 100%; padding:100px 3%; }
.p8 { background:#F0EFE3 url(s8.png) repeat-x center bottom; padding-top:100px; } 

.s1 { height:100%; }
.s1 div { font:16px/1.7 arial; clear:both; margin:0 auto; }

.s2 { float:left; width:33%; font:18px/40px "Microsoft YaHei"; color:#333 }
.s2 img { float:left; margin-right:15px; }

.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; }

.menu { width:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:99; overflow:hidden}
.menu li { float:left; width:14%; text-align:center;  transition:background 0.5s }
.menu li a { font-size:14px; font-family:"Microsoft YaHei"; color:#fff; }
.menu li:hover { background:rgba(255,100,100,0.8); transition:background 0.5s}

#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 { float:left; width:50%; height:530px; margin-top:-15px; overflow:hidden;  }
.piclist2 li { float:left; width:31%; height:100%;  padding:0 1%; font-size:14px; }
.piclist2 li img { max-width:100%; max-height:250px; border-radius:100%; margin:30px 0 }
.piclist2 li h4 { color:#7B2B18; margin:10px 0; font-weight:bold; font-size:16px; }


.piclist3 { float:left; width:50%; margin-top:-60px; overflow:hidden; }
.piclist3 li { height:200px; background-repeat:no-repeat; background-size:100% auto; position:relative; font-size:14px; }
.piclist3 li div { position:absolute; left:105px; top:0; display:none; z-index:2; }
.piclist3 li img { float:left; max-height:170px; border-radius:100%; margin-right:10px; }
.piclist3 li h4 { color:#7B2B18; margin:10px 0; font-weight:bold; font-size:16px; }
.piclist3 li:nth-child(1) { margin-left:20%; }
.piclist3 li:nth-child(2) { margin-left:10%; }

.piclist4 { float:left; width:50%; height:600px; margin-left:100px; overflow:hidden;  }
.piclist4 li { float:left; width:25%; padding:1px; height:180px; font:14px/2 arial; overflow:hidden; position:relative }
.piclist4 li img { float:left; width:100%; height:100%; }
.piclist4 li h4 { width:100%; height:100%; background:#000; font-size:14px; font-family:"Microsoft YaHei"; color:#fff; position:absolute; left:0; top:0; opacity:0; padding:15px; transition:opacity 0.5s; }
.piclist4 li a { color:#2A0000; }
.piclist4 li:hover h4 {  opacity:0.5; transition:opacity 0.5s; }

.piclist5 { float:left; width:50%; height:630px; margin-top:15px; overflow:hidden;  }
.piclist5 li { float:left; width:31%; height:90%; overflow:hidden; padding:0 1%; font-size:14px; }
.piclist5 li img { width:100%; border:3px solid #7B2B18; border-radius:3px;}
.piclist5 li h4 { color:#7B2B18; margin:10px 0; font-weight:bold; font-size:16px; }

.piclist6 { float:left; width:50%; height:630px; overflow:hidden; margin-top:15px;  }
.piclist6 li { float:left; width:33%; height:90%; overflow:hidden; padding:0 1%; font-size:14px; }
.piclist6 li img { width:100%; border-radius:100%; }
.piclist6 li h4 { color:#7B2B18; margin:10px 0; font-weight:bold; font-size:16px; }

.piclist7 li { width:25%; }


a.rollmore { background:#69C; color:#fff; padding:3px 5px; border-radius:5px; box-shadow:1px 1px 1px #666; }

.pp-slidesNav span {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}

.tbLogo { display:none; }


@media screen and (max-width: 720px) {
.menu li { width:auto; margin:0 15px;}
.menu li a { font-size:12px; }
.s2 { float:left; width:40%; font:12px/20px "Microsoft YaHei"; color:#333 }
.s2 img { float:left; max-height:170px; margin-right:15px; }
.piclist2, .piclist3, .piclist4, .piclist5, .piclist6, .piclist7 { width:56%; }
.piclist2 li h4, .piclist3 li h4, .piclist4 li h4, .piclist5 li h4, .piclist6 li h4, .piclist7 li h4 { font-size:14px; }
.piclist2 li { font-size:12px; }
.piclist3 li:nth-child(1) { margin-left:0; }
.piclist3 li:nth-child(2) { margin-left:0; }
.piclist3 li { height:100px; font-size:12px; overflow:hidden; }
.section { padding:20px 10px; }
}