.head{font-size:30px;margin:0 0 20px}
.heading-menu{display:none}
.greenBand{background:url(https://www.manageengine.cn/products/self-service-password/images/green-band-bg.png) no-repeat; color:#fff;font-size:46px;font-weight:100;line-height:55px;padding:80px 0;}
.greenBand .per70{margin:45px 0 0 0;line-height:60px}
.greenBand img{cursor:pointer}
.blueBand{background:url(https://www.manageengine.cn/products/self-service-password/images/blue-band-bg.png) no-repeat;color:#fff;font-size:40px;font-weight:300;line-height:50px;padding:60px 0;}
.blueBand img{box-shadow:0 0 21px #043658;-moz-box-shadow:0 0 21px #043658;-webkit-box-shadow:0 0 21px #043658;cursor:pointer}
.blueBand .per50 span{font-weight:400;}
.redBand{background:url(https://www.manageengine.cn/products/self-service-password/images/red-band-bg.png) no-repeat;color:#fff;font-size:24px;font-weight:100;line-height:42px;margin:40px 0 0 0;padding:60px 0;}
.redBand p{font-size:14px;line-height:24px;}
.bandHea{margin:35px 0 0 0}
.redBand a.but{background:#000;color:#fff;display:block;font-size:22px;font-weight:600;margin:35px 0 0 0;padding:10px 20px;text-align:center;text-decoration:none;width:260px}
.redBand img{box-shadow:0 0 25px #000;-moz-box-shadow:0 0 25px #000;-webkit-box-shadow:0 0 25px #000;}
.blkFooter{background:#000;padding:30px 0;}
.blkFooter ul{margin:22px 0 0 0;padding:0}
.blkFooter ul li{color:#fff;display:inline;list-style:none;margin:0 30px 0 0;}
.blkFooter ul li img{padding:0 15px 0 0}
.blkFooter ul li a{color:#fff;text-decoration:none}
#adRhsLnk{display:none}
.vidBGSli{background:#000;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999999;opacity:0.5;filter:alpha(opacity=50);}
.vidLayout{background:#fff;display:none;height:400px;left:0;margin:50px 22% 0;padding:3%;position:fixed;top:0;width:50%;z-index:9999999}
.clBut{background:#000;color:#fff;cursor:pointer;font-size:10px;line-height:17px;margin:50px 0 0 0;padding:0px 10px;position:fixed;right:22%;top:0}
.adsspcstmrtmpftrbg{margin-top:0}
.event-box{background:#e8ebed;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-top:1px solid #cdcdcd;font-size:15px;font-weight:100;position:fixed;right:0;top:500px;width:150px;}
.event-box p{margin:5px 0 8px 0;}
.event-box a{background:#000;color:#28c772;border:1px solid #000;display:block;font-size:17px;font-weight:500;padding:5px 0;text-decoration:none;width:100%}
@media screen and (min-width:1400px){
.greenBand{background:url(https://www.manageengine.cn/products/self-service-password/images/green-band-bg.png) no-repeat center center fixed;webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.blueBand{background:url(https://www.manageengine.cn/products/self-service-password/images/blue-band-bg.png) no-repeat center center fixed;webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.redBand{background:url(https://www.manageengine.cn/products/self-service-password/images/red-band-bg.png) no-repeat center center fixed;webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
}
@media screen and (max-width: 850px){
.greenBand .per70{margin: 0; width: 98%; float: none; text-align: center;}
.greenBand .per30{margin: 0 auto; width: 50%; float: none;}
}
@media screen and (max-width: 767px){
.greenBand{background: #307a3e;}
.blueBand{background: #1582bb;}
.redBand{background: #ce283f}
.greenBand .per70{lin-height: 50px; font-size: 38px;}
.greenBand .per30{width: 300px; margin-top: 30px;}
.blueBand .per50{margin: 0 auto 30px !important; width: 98%; text-align: center;}
.blueBand .per50:last-of-type{margin: 0 auto; width: 300px; float: none;}
.redBand .per60{margin: 0; width: 98%;}
.redBand .per40{width: 98%; text-align: center;}
.redBand a.but{margin: 35px auto 0;}
}