@charset "utf-8";
/* CSS Document */
.logo_green{filter: brightness(0)!important;}
#jhead{-webkit-background-size:cover;background-size:cover; background: url("/zt/jingling/imgs/bj.png") no-repeat;position:relative; -webkit-height: 100vh;height: 100vh; -webkit-width: 100%;width: 100%;margin-top:-2.2%; background-position:center;background-size:100% 100%;}
.banban{width: 50%; height: 38%; background:rgba(255, 255, 255, 0.3); position: relative; left: 20%;top: 6%; border-radius: 15px;z-index:2;border:1px solid #FFFFFF;}
.bbs{height: 40%; width: 100%; position: relative;left: 15%;top: 10%;}
.bbx{width: 80%;position: relative;height: 30%;top: 16%;left: 15%;}
.bbzuo{float: left;width: 20%;}
.bbyou{float: right; width:72%;}
.ios01{float: left; width:35%;height: 50px;background: #FFFFFF;line-height: 50px; border-radius: 30px;}
.ios01 img{margin-left: 20%;}
.wenzi{font-size: 12px; float: right; line-height: 55px;width: 60%;color: #498FD8;}
.anzuo01{float:right; width:35%;height:50px;background: #FFFFFF;line-height: 50px;border-radius: 30px;}
.anzuo01 img{margin-left: 20%;}
.danji{width: 50%; height: 38%; background:rgba(255, 255, 255, 0.3); position: relative; left: 40%;top: 7%; border-radius: 15px;z-index:1;border:1px solid #FFFFFF;}
#jhead h2{font-size:2rem;}
#jhead h2,#jhead p{color:#ffffff;margin:0 0 6% 0;}
.bbx a:hover .ios01{display: block;opacity: 0.8;}
.bbx a:hover .anzuo01{display: block;opacity: 0.8; }
.iosma{width: 35%;display: none;}
.androidma{width: 35%;display: none;}
.iosma img,.androidma img{width: 80%;}
.bbx a:hover .iosma{display:block;width: 90%;}
.bbx a:hover .androidma{width: 90%;display: block;}
#aboutbb{height: 200px; text-align: center;margin-top: 50px;}
.jlbb{font-size:3rem; margin:2% auto;}
#aboutbb p{color:#2A2A2A;margin:0.5% 0;}
#tupian4{width: 66%;margin: 30px auto;}
#tupian4 ul{list-style: none;width: 100%;margin: 30px auto;}
#tupian4 ul li{float:left;margin: 0 1%;width: 23%;}
#tupian4 ul li img{width: 100%;}
@media(max-width:800px){
    #tupian4{width: 90%;}
    #tupian4 ul li{float:none;margin:5px auto;width: 100%;}
}