@charset "utf-8";
/* CSS Document */
.single-line a {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.double-lines a {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.three-lines a {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow:hidden;}
.four-lines a {display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow:hidden;}
body {background:#fff;}
.header {position:relative;height:auto;font-size:0;line-height:0;text-indent:-100%;color:transparent;background:none;overflow:hidden;}
.header .banner {max-width:100%;height:auto;margin:0 auto;}
/* main_begin */
.main {margin-top:0.3rem;}
.main a {color:#323333;}
.part2 {margin-top:0.37rem;}
.part1 {font-size:0;background:#f4f6fb;}
.part1 .imgs,.part1 .type1 {display:inline-block;vertical-align:middle;}
/* scroll_begin */
.part1 .imgs {position:relative;width:5.9rem;height:3.31rem;overflow:hidden;}
.part1 .imgs #list {position:relative;width:100%;height:100%;}
.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;}
/*optional components_begin*/
.part1 .imgs .list-index {position:absolute;right:0.4em;bottom:0.3em;width:auto;height:0.25em;font-size:0.2rem;line-height:0.25em;overflow:hidden;z-index:2147483610;}
.part1 .imgs .list-index li {display:inline-block;vertical-align:top;width:0.85em;height:0.25em;margin:0 0.05em;line-height:0.25em;text-indent:-10em;cursor:pointer;background:#fff;transition:color 0.3s ease 0s,background-color 0.3s ease 0s;overflow:hidden;}
.part1 .imgs .list-index li.on {color:#4c4c4c;background:#3467b6;}
/*optional components_end*/
/* content_begin */
.part1 .imgs .list-item,.part1 .imgs a {color:#fff;}
.part1 .imgs .list-item>a {width:100%;height:100%;}
.part1 .imgs .list-item-title {position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(to top,rgba(18,3,30,0.8),transparent);}
.part1 .imgs .list-item-title a {padding:0 3.65em 0 0.5em;border-top:2.55em solid transparent;font-size:0.2rem;line-height:2.7em;font-weight:bold;color:#fff;overflow:hidden;}
/* content_end */
/* btns_begin */
.part1 .imgs #preBtn,.part1 .imgs #nextBtn {position:absolute;left:0.1rem;top:50%;width:0.24rem;height:0.36rem;margin-top:-0.18rem;cursor:pointer;background:rgba(0,0,0,0.5) url("http://www.jsstb.gov.cn/images/btns_bg_site2020.png") left center no-repeat;background-size:200% auto;z-index:2147483610;overflow:hidden;}
.part1 .imgs #nextBtn {left:auto;right:0.1rem;transform:rotate(180deg);}
/* btns_end */
/* scroll_end */
.part1 .type1 {width:5.9rem;margin-left:0.2rem;font-size:0.18rem;line-height:2.11em;}
.part1 .type1 .list-item a {position:relative;padding-left:2.16em;color:#414141;}
.part1 .type1 .list-item a:before {position:absolute;left:1.16em;top:0.91em;content:"";display:block;width:0.33em;height:0.27em;border-radius:50%;background:#414141;}
.type2 {padding:0.2rem 0.2rem 0.22rem;background:#f4f6fb;}
.type2 .pic {float:left;width:3.74rem;}
.type2 .pic>a {position:relative;overflow:hidden;}
.type2 .pic>a:after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background:url("http://www.jsstb.gov.cn/images/video_icon_site2020.png") 0.5em 0.5em no-repeat;background-size:auto 20%;}
.type2 img {width:100%;height:2.1rem;transition:transform 0.3s ease 0s;}
.type2 .pic-title a {height:2.6em;border:1px solid transparent;border-width:0.85em 0.7em 0.95em 1em;font-size:0.2rem;line-height:1.3em;color:#2e2e2e;background:#fff;overflow:hidden;}
/* main_end */
.footer {margin-top:1.1rem;}
@media screen and (min-width:1025px){
.main .list-item:hover a,.main .pic:hover a,.main .strong:hover a,.main .strong-item:hover a {color:#3467b6;}
.part1 .imgs .list-item:hover .list-item-title a {color:#3467b6;}
.type2 .pic {margin-left:0.19rem;}
.type2 .pic:nth-child(3n+1) {clear:left;margin-left:0;}
.type2 .pic:nth-child(n+4) {margin-top:0.2rem;}
.type2 .pic:hover img {transform:scale(1.02);}
}
/* //////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width:1024px){
html {font-size:100px;}
body {max-width:750px;;width:100%;min-width:320px;margin:0 auto;}
.wrap {display:block;margin:0 0.1rem;}
.main {margin-top:0.2rem;}
.part1 {margin-top:0.2rem;padding:0.2rem 0;}
.part1 .imgs,.part1 .type1 {display:block;}
.part1 .imgs .list-item-title a,.part1 .imgs .list-index,.part1 .type1,.type2 .pic-title a,.type3 .list-item {font-size:16px;}
.part1 .imgs {display:block;}
.part1 .imgs {float:none;margin:0 auto;}
.part1 .type1 {width:auto;margin:0.2rem auto 0;}
.part1 .type1 .strong-title a {font-size:18px;line-height:1.84em;}
.part2 {margin-top:0.2rem;}
.type2 {padding:0.2rem 0.1rem;}
.type2 .pic {width:2.3rem;margin-left:0.1rem;}
.type2 .pic:nth-child(3n+1) {margin-left:0;}
.type2 .pic:nth-child(n+4) {margin-top:0.1rem;}
.type2 img {height:1.29rem;}
}
@media screen and (max-width:800px){
html {font-size:100px;}
}
@media screen and (max-width:750px){
html {font-size:13.33vw;}
}
@media screen and (max-width:480px){
html {font-size:20.83vw;}
body {background-size:auto 3.5rem;}
.part1 .imgs {width:4.6rem;height:2.59rem;border:none;}
.type2 .pic,.type2 .pic:first-child {float:none;width:3.79rem;margin:0 auto;}
.type2 .pic:nth-child(3n+1) {margin:0 auto;}
.type2 .pic:nth-child(n+2) {margin-top:0.2rem;}
.type2 img {height:2.15rem;}
.footer .content {width:auto;}
}
@media screen and (max-width:319px){
html {font-size:66.43px;}
}