@charset "utf-8";
/* CSS Document */
.zone-desc {margin:0 auto;}
.zone-desc .format {display:table;font-size:0.22rem;line-height:1.63em;font-weight:bold;overflow:hidden;}

/* header_begin */
.header {height:5.51rem;text-indent:-200%;background:url("http://www.huangpu.org.cn/images/banner_ltjdbnzt_2021.png") center center no-repeat;background-size:auto 100%;overflow:hidden;}
/* header_end */
/* nav_begin */
.nav {background:#900;overflow:hidden;}
.nav.hide {position:fixed;left:0;top:0;width:100%;z-index:2147483621;}
.nav.hide+* {margin-top:0.88rem;}
.nav .wrap {width:1200px;padding:0;}
.nav .list {font-size:0;text-align:center;}
.nav .list-item {display:inline-block;font-size:0.3rem;line-height:2.27em;font-weight:bold;}
.nav .list-item a {padding:0 0.15rem;color:#fff;}
@media screen and (min-width:1025px){
.nav .list-item {margin:0 0.3rem;}
}
/* nav_end */
/* main_begin */
.main {margin-bottom:2.62rem;}
@media screen and (min-width:1025px){
.main .list-item:hover a {color:#900;}
}
.part1 {background:#f7f7f7;}
.part2,.part4 {margin-top:0.3rem;padding:0.34rem 0 0.36rem;background:#f7f7f7;}
.part3 {margin-top:0.32rem;padding-top:0.32rem;background:#f7f7f7;}
.part4 {padding:0;background:none;}
/* part1_begin */
/* part1_end */
/* part2_begin */
/* part2_end */
/* part3_bgin */
/* part3_end */

.type1 {padding:0.2rem 0.5rem 0.25rem 0.19rem;font-size:0;}
.type1 .imgs,.part1 .rSide{display:inline-block;vertical-align:middle;}
/* scroll_begin */
.type1 .imgs {position:relative;/* float:left; */width:5.74rem;height:3.24rem;/* margin-right:0.25rem; */margin:0 auto;overflow:hidden;}
.type1 .imgs #list {position:relative;width:100%;height:100%;padding-top:0;}
.type1 .imgs #list li {position:absolute;opacity:0;width:100%;height:100%;z-index:-1;transition:opacity 0.3s ease 0s;}
.type1 .imgs #list img {width:100%;height:100%;}
.type1 .imgs #list .startNext,.type1 .imgs #list .startPre {opacity:1;z-index:1;}
/*optional components_begin*/
.type1 .imgs .list-index {position:absolute;right:0.3rem;bottom:0.13rem;width:auto;height:7px;line-height:7px;overflow:hidden;z-index:2147483610;}
.type1 .imgs .list-index li {display:inline-block;vertical-align:top;width:7px;height:7px;margin:0 5.5px;border-radius:50%;line-height:7px;text-indent:-10em;cursor:pointer;background:rgba(0,0,0,0.35);transition:color 0.3s ease 0s,background-color 0.3s ease 0s;overflow:hidden;}
.type1 .imgs .list-index li.on {color:#4c4c4c;background:rgba(251,251,251,0.5);}
/*optional components_end*/
/* content_begin */
.type1 .imgs .list-item,.type1 .imgs a {color:#fff;}
.type1 .imgs .list-item-title a {max-height:4.7em;color:#fff;}
.type1 .imgs .list-item>a {max-height:none;width:100%;height:100%;}
.type1 .pic-title {position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,0.5),transparent);}
.type1 .pic-title a {max-height:4.7em;border:1px solid transparent;border-width:0.25rem 0.2rem 0.19rem;font-size:0.2rem;line-height:2.35em;font-weight:bold;color:#fff;overflow:hidden;}
/* .type1 .imgs .list-item-title {position:absolute;left:0;bottom:0;width:100%;height:2em;font-family:simhei;font-size:0.3rem;line-height:2em;text-align:center;background:rgba(89,55,35,0.7);}
.type1 .imgs .list-item-title a {padding:0 0.2rem;font-family:simhei;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} */
/* content_end */
/* btns_begin */
.type1 .imgs #preBtn,.type1 .imgs #nextBtn {position:absolute;left:0.2rem;top:50%;width:0.25rem;height:0.25rem;margin-top:-0.125rem;cursor:pointer;background:url("http://www.huangpu.org.cn/images/bg_btns_ltjdbnzt_2021.png") left center no-repeat;background-size:auto 0.25rem;z-index:2147483610;overflow:hidden;}
.type1 .imgs #nextBtn {left:auto;right:0.2rem;background-position:right center;}
/* btns_end */
/* scroll_end */
.type1 .rSide {/* float:left; */width:5.23rem;margin-left:0.34rem;font-size:0.22rem;line-height:2.27em;}
.type1 .rSide .list {margin-top:0.09rem;}
.type1 .rSide .list-item a {max-height:2.27em;overflow:hidden;}

.type2 {float:left;width:5.64rem;margin:0 0.18rem;}
.type2 .list {margin-top:0.12rem;}
.type2 .list-item a {font-size:0.22rem;line-height:2.27em;}
.part4 .type2 {float:left;margin-left:0;padding-top:0.34rem;padding-left:0.18rem;padding-bottom:0.36rem;background:#f7f7f7;}

.type3 .zone-desc {margin-left:0.18rem;}
.type3 .list {margin-top:0.12rem;}
.type3 .list-item {float:left;width:2.96rem;}
.type3 .list-item img {width:2.96rem;height:1.67rem;}
.type3 .list-item-title a {max-height:3em;border:1px solid transparent;border-width:0.055rem 0 0.105rem;font-size:0.22rem;line-height:1.5em;}
@media screen and (min-width:768px){
.type3 .list-item:nth-of-type(n+2) {margin-left:0.05rem;}
}
@media screen and (min-width:768px){
.part4 .type3 {float:left;width:5.89rem;padding-top:0.34rem;padding-bottom:0.23rem;background:#f7f7f7;}
.part4 .type3 {margin-left:0.11rem;}
.part4 .type3 .list-item {width:2.85rem;}
.part4 .type3 .list-item:nth-of-type(n+2) {margin-left:0.19rem;}
.part4 .type3 img {width:2.85rem;height:1.6rem;}
}
/* main_end */
/* //////////////////////////////////////////////////////////// */
@media screen and (max-width:1199px){
.wrap,.nav .wrap {width:auto;}
}
@media screen and (max-width:1024px){
/* .header {height:2.928rem;} */
.nav {position:relative;height:0.6rem;}
.nav:before,.nav:after {position:absolute;left:0;top:0;content:"";display:block;width:2em;height:100%;background:linear-gradient(to right,#900,transparent);}
.nav:after {left:auto;right:0;background:linear-gradient(to left,#900,transparent);}
.nav .list {padding-bottom:999px;white-space:nowrap;overflow-x:auto;}
/* main_begin */
/* main_end */
}
@media screen and (max-width:768px){
.zone-desc .format {font-size:20px;}
.header {height:3rem;}
.nav {height:40px;}
.nav .list-item {font-size:20px;line-height:2em;}
/* main_begin */
.type1 {padding:0.2rem 0 0.25rem;}
.type1 .imgs,.type1 .rSide {display:block;margin:0 auto;}
.type1 .rSide {width:auto;margin-top:0.2rem;padding:0 0.18rem;font-size:20px;}
.type2 {float:none;width:auto;}
.type2:nth-of-type(n+2) {margin-top:0.2rem;}
.type2 .list-item a {font-size:20px;}
.type3 .list-item {margin:0.15rem 0.3rem 0;}
.type3 .list-item:nth-of-type(odd) {clear:left;}
.type3 .list-item-title a {font-size:20px;}
.part3 {padding:0.32rem 0.18rem 0;}
.part4 .type2 {float:none;width:auto;margin-right:0;padding-right:0.18rem;}
.part4 .type3 {padding:0.32rem 0.18rem 0.23rem;background:#f7f7f7;}
/* main_end */
}
@media screen and (max-width:480px){
/* header_begin */
.header {height:2rem;}
/* header_end */
/* main_begin */
.main {margin-bottom:1rem;}
.zone-desc .format,.type1 .pic-title a,.type1 .rSide,.type2 .list-item a,.type3 .list-item-title a {font-size:16px;}
.type1 .imgs .list-item-title a {max-height:3em;line-height:1.5em;}
.type1 .imgs {width:4.6rem;height:2.59rem;}
.type1 .imgs .list-index {bottom:0.1rem;}
.type3 .list-item {float:none;margin:0.15rem auto 0;}
/* main_end */
}