.banner{text-align:center;height:600px; background:url(/image/guihuasheji.jpg) no-repeat center center;position:relative}
.banner .anli{background-color: rgba(0,0,0,0.1);color:#fff;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;color:#fff; width:800px; height:200px;font-size:36px;padding:30px 0;}
.banner .anli h1{font-size:60px;}
.mininav{position:fixed;left:50%;margin-left:-720px;width:120px;background: #f5f7f9;bottom:100px;z-index:999}
.mininav a{height:40px;line-height:40px;text-align:center;display:block}
.mininav .actived,.mininav a:hover{background-color:#52AE7C;color:#fff}
.title1{margin:50px auto;width:180px;height:50px;line-height:50px; background-color:#52AE7C;color:#fff;text-align:center;font-size:18px;}

@media screen and (max-width:768px) {
    .banner{height:300px;}
    .banner .anli{ width:80%;font-size:16px;height:60px;padding-top:10px;}
    .banner .anli h1{font-size:24px;}
}

.about4{padding-bottom:150px;}
.about4 .about41{width:100%;height:370px; border:1px solid #f0f0f0;box-sizing:border-box; position:relative}
.about411{position:absolute;z-index:1;background-color:rgba(0,0,0,0.5);top:0;bottom:0;left:0;right:0;display:none;}
.about411 .about4111{height:30px;line-height:30px;border:1px solid #fff; border-radius:15px;float:left;padding:0 20px;margin-top:20px;font-size:18px;}
.about4 .about41:hover .about411{display:block;color:#fff;padding:120px 20px 0 20px;font-size:20px;}
.about4 .about41 img{width:100%;height:100%;}