@charset "utf-8";
/* CSS Document */
.header {height:6.27rem;text-indent:-300%;background:url("http://www.jsstb.gov.cn/images/topics_2024_aqscxcy_banner.jpg") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.nav {background:#0042bc;overflow:hidden;}
.nav .list {font-size:0;text-align:center;white-space:nowrap;}
.nav .list-item {position:relative;display:inline-block;font-size:0;font-weight:bold;}
.nav .list-item a {position:relative;width:2rem;height:2.83em;font-size:0.24rem;line-height:2.83em;color:#fff;z-index:1;}
.nav .list-item:nth-of-type(2) a {background-position:center 100%;}
.nav .list-item:nth-of-type(3) a {background-position:center 20%;}
.nav .list-item:nth-of-type(4) a {background-position:center 40%;}
.nav .list-item:nth-of-type(5) a {background-position:center 60%;}
.nav .list-item:nth-of-type(6) a {background-position:center 80%;}
.zone-desc {margin:0 auto;}
.zone-desc .format {position:relative;display:inline-block;height:1.875em;margin:0 auto;font-weight:bold;font-size:0.32rem;line-height:1.875em;color:#017dcc;}
.part1 {margin-top:0.2rem;}
.part1 .imgs+.list {float:left;width:5.85rem;margin-left:0.15rem;}
.part1 .imgs {float:left;position:relative;width:6rem;height:3.2rem;margin:0 auto;overflow:hidden;}
.part1 .imgs #list {position:relative;width:100%;height:100%;padding-top:0;}
.part1 .imgs #list li {position:absolute;opacity:0;width:100%;height:100%;z-index:-1;transition:opacity 0.3s ease 0s;}
.part1 .imgs #list img {width:100%;height:100%;}
.part1 .imgs #list .startNext,.part1 .imgs #list .startPre {opacity:1;z-index:1;}
.part1 .imgs .list-index {position:absolute;right:0.72rem;bottom:0.18rem;width:auto;height:12px;line-height:12px;overflow:hidden;z-index:2147483610;}
.part1 .imgs .list-index li {display:inline-block;vertical-align:top;width:12px;height:12px;margin:0 9px;border-radius:6px;line-height:12px;text-indent:-10em;cursor:pointer;background:#fff;transition:width 0.3s ease 0s;overflow:hidden;}
.part1 .imgs .list-index li.on {width:28px;}
.part1 .imgs .list-item,.part1 .imgs a {color:#fff;}
.type1 .imgs .list-item-title {text-align:center;}
.part1 .imgs .list-item>a {max-height:none;width:100%;height:100%;}
.part1 .imgs .list-item-title {position:absolute;left:0;bottom:0;width:100%;font-size:18px;line-height:2em;background:rgba(0,0,0,0.5);}
.part1 .imgs .list-item-title a {padding:0 0.5em;}
.part1 .imgs #preBtn,.part1 .imgs #nextBtn {display:none;}
.part1 .imgs+.list {font-size:0.2rem;line-height:1.5em;}
.part1 .imgs+.list .list-item:nth-of-type(n+2) {margin-top:0.18rem;}
.part1 .imgs+.list .double-lines a {max-height:3em;}
.part2 .type1:nth-of-type(n+2) {margin-top:0.19rem;}
.part3 {margin:0.41rem auto 1.78rem;}
.part3 .type1:nth-of-type(n+2) {margin-top:0.25rem;}
.type1 {font-size:0.2rem;line-height:2em;}
.type1 .list-item:first-child {padding-top:0.19rem;border-top:1px solid #d1d1d1;}
.type2 .list {padding-top:0.19rem;border-top:1px solid #d1d1d1;}
.type2 .list-item {float:left;width:2.8rem;text-align:center;}
.type2 .list-item:nth-of-type(even) {margin-left:0.2rem;}
.type2 img {width:100%;height:1.59rem;}
.type2 .list-item-title a {font-size:0.2rem;line-height:2.25em;color:#6f6f6f;}
@media screen and (min-width:1025px){
.nav .list-item:hover {transition:background-color 0.3s ease 0s;background-color:#229aff;}
.type-wrap {float:left;width:5.8rem;}
.type-wrap:nth-of-type(n+2) {margin-left:0.4rem;}
.type1.alt .list-item {float:left;width:5.8rem;}
.type1.alt .list-item:nth-of-type(even) {margin-left:0.4rem;}
.type1.alt .list-item:nth-child(2) {padding-top:0.19rem;border-top:1px solid #d1d1d1;}
}
@media screen and (max-width:1024px){
.wrap {width:auto;margin:0 0.1rem;}
.header {height:3.8rem;}
.nav {position:relative;height:0.68rem;margin-top:0;}
.nav .wrap {margin:0 auto;}
.nav:before,.nav:after {position:absolute;left:0;top:0;content:"";display:block;width:2em;height:100%;background:linear-gradient(to right,#0042bc,transparent);z-index:2;}
.nav:after {left:auto;right:0;transform:rotate(180deg);}
.nav .list {padding-bottom:999px;overflow-x:auto;}
.nav .list-item a {width:auto;margin:0 1em;}
.part1 .imgs,.part1 .imgs+.list {float:none;}
.part1 .imgs+.list {width:auto;margin:0.2rem auto 0;}
.type2 .list {width:5.8rem;margin:0 auto;}
.part3 {margin:0.41rem auto;}
}
@media screen and (max-width:480px){
.header {height:2.6rem;}
.zone-desc .format {font-size:24px;}
.nav {height:56.6px;}
.nav .list-item a {font-size:20px;}
.part1 .imgs+.list {font-size:18px;}
.part1 .imgs {width:4.6rem;height:2.45rem;}
.type1 {font-size:16px;}
.type2 .list {width:auto;}
.type2 .list-item {width:2.2rem;}
.type2 img {height:1.24rem;}
}