@charset "utf-8";
/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
.top_box{height:auto; padding:0.1rem; border: 1px solid #e5e5e5; background: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,.2); border-radius: 8px; transform: translateY(-0.3rem);}

.pro_2022{width:100%; height:auto; overflow:hidden; text-align:center}
.pro_2022 a{ padding:8px 15px; background-color:#EEE; display:inline-table; margin-bottom:5px; color:#666; border-radius:3px;}
.pro_2022 a+a{ margin-left:5px;}
.pro_2022 a:hover{ background-color:#0a2f8f; color:#FFF}

.pic_1{ width:100%; height:auto; margin-top:0px;}
.pic_1 .l{width:100%; height:auto;}
.pic_1 .l img{ max-width:100%; height:auto;}
.pic_1 .r{width:100%; height:auto; margin-top:10px}
.pic_1 .r span{ display:block}
.pic_1 .r span+span{ margin-top:10px}
.pic_1 .r span img{width:100%; height:auto;}

.pic_2{ width:100%; height:auto; margin-top:10px;}
.pic_2 .l{width:100%; height:auto; overflow:hidden}
.pic_2 .l li{ float:left; width:49%; height:auto; margin-bottom:10px; margin-right:2%;}
.pic_2 .l li:nth-of-type(2n+0){margin-right:0px;}
.pic_2 .l li img{width:100%; height:auto;}
.pic_2 .r{width:100%; height:auto; overflow:hidden;}
.pic_2 .r li{width:100%; height:auto;}
.pic_2 .r li+li{ margin-top:10px}
.pic_2 .r li img{width:100%; height:auto;}



}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
.top_box{height:auto; padding:30px; border: 1px solid #e5e5e5; background: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,.2); border-radius: 8px; transform: translateY(-30px);}

.pro_2022{width:100%; height:auto; overflow:hidden; text-align:center}
.pro_2022 a{ padding:8px 15px; background-color:#EEE; display:inline-table; margin-bottom:5px; color:#666; border-radius:3px;}
.pro_2022 a+a{ margin-left:10px;}
.pro_2022 a:hover{ background-color:#0a2f8f; color:#FFF}

.pic_1{ width:100%; height:auto; margin-top:20px; overflow:hidden}
.pic_1 .l{ float:left; width:60%; height:auto;}
.pic_1 .l img{ max-width:100%; height:auto;}
.pic_1 .r{ float:right; width:38%; height:auto;}
.pic_1 .r span{ display:block}
.pic_1 .r span+span{ margin-top:20px}
.pic_1 .r span img{max-width:100%; height:auto;}

.pic_2{ width:100%; height:auto; margin-top:20px; overflow:hidden}
.pic_2 .l{ float:left; width:720px; height:auto; overflow:hidden}
.pic_2 .l li{ float:left; width:350px; height:auto; margin-bottom:24px; margin-right:20px;}
.pic_2 .l li:nth-of-type(2n+0){margin-right:0px;}
.pic_2 .l li img{max-width:100%; height:auto;}
.pic_2 .r{ float:right; width:760px; height:auto; overflow:hidden;}
.pic_2 .r li{ float:left; width:370px; height:auto; margin-right:20px;}
.pic_2 .r li:nth-of-type(2n+0){margin-right:0px;}
.pic_2 .r li img{max-width:100%; height:auto;}