@charset "utf-8";
@import url("reset.css"); 
@import url("header.css"); 
@import url("footer.css"); 
@import url("animate.min.css");

.conMain{padding:10px;}
.conMain .ztzlBox{display: none;}
.conMain .sp_ztzlBox{display: block!important;width:100%;height:calc((100vw - 40px)/(571/342));position:relative;overflow:hidden;margin-bottom:20px;}
.conMain .sp_ztzlBox .pic li{width: 100%;float: left;height:100%;display: inline-block!important;position:relative;}
.conMain .sp_ztzlBox .pic li a{display: block;width:100%;height: 100%;overflow: hidden;}
.conMain .sp_ztzlBox .pic li a img{width:100%;height: calc((100vw - 40px)/(571/342));}
.conMain .sp_ztzlBox .num{ display: block!important; width: 100%; height:26px; position: absolute; left: 0; bottom:0px; text-align: center;}
.conMain .sp_ztzlBox .num li{ display: inline-block; padding:6px; font-size: 0; position: relative; overflow: hidden; border-radius: 50%; background-color: #ffffff; margin: 0 3px;}
.conMain .sp_ztzlBox .num li.on{ background-color: #d63031;}

.listBox ul{width:100%;}
.listBox ul li{width:calc((100% - 15px)/2);height:auto;overflow:hidden;margin-right:15px;margin-bottom:15px;}
.listBox ul li:nth-child(2n){margin-right:0px;}
.listBox ul li a .pic{height:calc((50vw - 20px)/(270 / 163));}