.tupian {width: 100%;height: auto;}
.zitibg {background-color: rgba(0, 0, 0, 0.5);padding: 20px;position: absolute;width: 680px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ziti {padding: 20px;color: #FFF;border: 10px solid #FFF;}
.zitibg .ziti h2 {font-size: 40px;color: #00B212;text-align: center;}
.zitibg .ziti p {font-size: 21px;color: #FFF;line-height: 35px;}
.zitibg .ziti>p:nth-of-type(1) {padding-top: 10px;}
.quan {width: 103px;font-size: 26px;font-weight: bold;text-align: center;margin: 0 20px;float: left;position: relative;}
.quan img {width: 100%;}
.zitibg .ziti .quan p {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #00B212 !important;}
.clear {clear: both }

@media(max-width:1440px) {
.zitibg .ziti h2 {font-size: 35px;}
.zitibg .ziti p {font-size: 17px;line-height: 30px;}
.quan {font-size: 19px;width: 85px; }
.zitibg {width: 600px;}
.banner .swiper-slide:nth-child(1) .zitibg .ziti p {padding: 10px 0 !important;}
.zitibg .clear {display: none;}
}

@media(max-width:990px) {
.ziti {padding: 10px;border: 5px solid #FFF;}
.zitibg {padding: 10px;}
.quan {margin: 0 10px;}
.zitibg {width: 530px;}
.zitibg .ziti h2 {font-size: 24px;}
.zitibg .ziti p {font-size: 14px;line-height: 28px;}
.quan {font-size: 15px;width: 65px;}
.zitibg {width: 435px;}
}

@media(max-width:768px) {
.zitibg .ziti p {line-height: 24px;font-size: 12px;}
.banner .swiper-slide:nth-child(1) .zitibg .ziti p {padding: 5px 0 !important;}
.quan {font-size: 14px;width: 55px;}
.zitibg ul {padding-top: 5px !important;}
.zitibg {width: 380px;}
}

@media(max-width:768px) {
.zitibg {display: none;}
}