@media screen and (max-width:1480px) {    .s2-l {        width: 550px;        padding-right: 30px;        margin-right: 30px;    }    .listItem2 a .pics {        width: 270px;        margin-right: 30px;    }    .listGroup1 li {        padding: 30px 0 40px 0;    }    .listItem1 a .info {        padding-bottom: 0;    }    .listGroup1 li:last-child {        padding-bottom: 0;    }    .s2-c {        padding-bottom: 40px;    }    .section3, .section2, .section5, .section6, .section4, .section7 {        margin-top: 80px;    }    .section3 .switchBox, .s5-mid, .s5-btm, .s6-c，.s7-t {        margin-top: 40px;    }    .s2-l, .s2-r {        padding-top: 0;    }    .s2-c {        border-top: none;    }    .work-img li a {        /* padding-top: 30px; */    }    .listGroup2 li:nth-child(1) {        padding-right: 30px;    }    .listGroup2 li:nth-child(2) {        padding-left: 30px;    }    .switchslide2-l li a .pics {        width: 303px;    }    .switchslide2-r {        width: 500px;    }    .switchslide2-r ul li {        width: 28%;        margin-left: 5.33%;    }    .fss1-r img {        width: 460px;        height: 450px;        object-fit: cover;    }    .fss1-l {        padding: 60px 80px;    }    .fss2-c ul {        margin: 0 -30px;    }    .fss2-c ul li a {        margin: 0 30px;    }    .timeslot {        margin-left: -30px;        margin-right: -30px;    }    .fss3-l {        width: 25%;    }    .fss4-c ul {        margin: 0;    }    .fss4-c ul li a {        padding: 35px 20px;        margin: 0;    }    .monthlynews .date {        margin-right: 10%;    }    .nature li a {        line-height: 130px;    }    .nature {        margin-top: 30px;    }    .store1-r {        padding: 0 40px;    }    .store1-rcon p {        margin: 30px 0;    }    .details-l h3 {        font-size: 36px;    }    .details-l span {        margin: 40px 0;    }    .visit1-ll {        width: 400px;        padding-left: 40px;    }    .visit1-lr {        padding-left: 40px;        padding-right: 40px;    }    .visit-state, .visitOpenTime ul li b {        font-size: 30px;        line-height: 36px;    }    .visit2-r {        width: 700px;    }    .visit2-l {        margin-right: 40px;    }}@media screen and (max-width: 1280px) {    .banner .slick-slide a .ban-text {        padding: 0 32px;        bottom: 40px;    }    .s1-r {        width: 414px;        margin-left: 40px;    }    .s1-l {        flex: 1;        min-width: 0;        padding: 40px;    }    .s1-l .openTime span {        margin-right: 40px;    }    .s1-l .openTime div i {        margin: 0 40px;    }    .s2-l {        width: 450px;    }    .listItem2 a .pics {        width: 240px;    }    .switchImgText ul li a .switchImg, .switchImgText ul li {        width: 200px;    }    .switchImgText ul li.on {        width: calc(100% - 400px);    }    .switchImgText ul li a .switchText div {        padding: 0 40px;    }    .switchslide2-l li a .info {        padding: 0 40px;    }    .switchslide2-r {        width: 300px;    }    .switchslide2-r ul li {        display: none;    }    .switchslide2-r ul li:nth-child(-n+4) {        display: block;        width: 45%;        margin-left: 5%;    }    .switchslide2-r ul li:nth-child(-n+3) {        margin-bottom: 0;    }    .switchslide2-r ul li:nth-child(-n+2) {        margin-bottom: 20px;    }    .switchslide2-l li a .pics {        width: 285px;    }    .s7-b ul {        margin: 0 -10px;    }    .s7-b ul li a {        margin: 0 10px;    }    .fss1-l {        padding: 30px 40px;    }    .y_tit h2 {        font-size: 30px;    }    .fss3-l {        width: 20%;    }    .fss3-r ul li a p {        font-size: 20px;    }    .ffs5-c {        padding: 60px 40px;    }    .ffs5-text {        margin-top: 60px;    }    .monthlynews .date {        margin-right: 40px;    }    .listGroup4 li {        display: none;        width: 50%;    }    .listGroup4 li:nth-child(-n+2) {        display: block;    }    .cction-des {        padding: 0 20px 0 40px;    }    .cction-descon ul li a {        font-size: 20px;    }    .humanity-btn {        margin-left: 0;    }    .select {        width: 240px;    }    .visit3-c {        padding: 60px 40px;    }}@media screen and (max-width: 1080px) {    .banner .slick-slide a .ban-text {        padding: 0 20px;        bottom: 20px;    }}@media screen and (max-width: 1024px) {    .banner .slick-slide a .ban-text {        padding: 0;        bottom: 0;    }    .banner .slick-slide a .ban-text div {        width: auto;        padding: 20px;        max-width: none;    }    .banner .slick-slide a .ban-text h3 {        font-size: 18px;        line-height: 26px;        max-height: 52px;        margin-top: 0;    }    .banner .slick-slide a .ban-text p {        font-size: 14px;        line-height: 20px;        max-height: 40px;    }    .banner .slick-slide a .ban-text span, .banner .slick-slide a .ban-text b {        display: none;    }    .title .titName h2 {        font-size: 20px;        line-height: 20px;    }    .title .moreGroup a {        width: 60px;        line-height: 28px;        font-size: 14px;    }    .s1-l .today-state {        margin: 15px 0 20px 0;    }    .s1-l .openTime span {        margin-right: 30px;    }    .s1-l .openTime div i {        margin: 0 30px;    }    .s1-l .today-date, .visit-date p {        font-size: 12px;        line-height: 28px;    }    .s1-l .openTime div b, .s1-l .today-state, .visitOpenTime ul li b, .visit-state {        font-size: 25px;        line-height: 25px;    }    .s1-l .openTime {        padding: 20px 0;    }    .s1-l .message {        margin-top: 20px;    }    .s1-l .message p {        font-size: 12px;        line-height: 14px;        letter-spacing: 0.96px;    }    .s1-r {        width: 300px;        margin-left: 30px;    }    .s1-r .order a {        background-size: 26px auto;        padding: 0 20px;    }    .s1-r .order a img {        height: 43px;    }    .s1-r .order a b {        font-size: 19px;        line-height: 19px;        padding: 0 20px;    }    .s2-l {        display: none;    }    .listGroup1 li {        padding: 20px 0;    }    .listItem2 a .pics {        width: 160px;        margin-right: 15px;    }    .listItem2 a .info h3 {        font-size: 16px;        line-height: 24px;        height: 48px;    }    .listItem2 a .info div {        margin-top: 12px;    }    .listItem2 a .info span {        font-size: 12px;        line-height: 20px;    }    .listItem2 a .info b, .switchImgText ul li a .switchText div b {        display: none;    }    .s2-c {        padding-bottom: 20px;    }    .switchImgText ul li {        display: none;    }    .switchImgText ul li.on {        display: block;        width: 100%;    }    .switchImgText ul li a .switchText div span {        font-size: 12px;        line-height: 20px;        padding: 0 15px;    }    .switchImgText ul li a .switchText div h3 {        font-size: 16px;        line-height: 24px;        height: 48px;        margin: 15px 0;    }    .switchImgText ul li a .switchText div p {        font-size: 12px;        line-height: 16px;        height: auto;        max-height: 48px;    }    .switchImgText ul li a .switchImg, .switchImgText ul li {        width: 120px;    }    .switchImgText ul li a .switchText div {        padding: 0 20px;    }    .work-img li {        width: calc(50% - 2px);    }    .work-img-box {        margin: 0 -19px;    }    .work-img li a {        padding: 0 19px;    }    .work-img li a .pics {        padding-top: 20px;    }    .work-img li a .info {        padding: 20px 0;    }    .work-img li a .info h3 {        font-size: 16px;        line-height: 24px;        text-align: center;    }    .work-img li:nth-child(-n+3) a .pics {        border-top: 1px solid #f1f1f1;    }    .work-img li:nth-child(-n+2) a .pics {        border-top: none;        padding-top: 20px;    }    .work-img-box::before {        left: 50%;    }    .work-img-box::after {        display: none;    }    .work-img li a .info p, .switchslide2-r {        display: none;    }    .switchslide2-l li a .pics {        width: 120px;    }    .switchslide2-l li a .info {        padding: 0 15px;    }    .switchslide2-l li a .info span {        font-size: 12px;        line-height: 20px;        padding: 0 15px;        margin-bottom: 10px;    }    .switchslide2-l li a .info h3 {        font-size: 16px;        line-height: 24px;        max-height: 48px;    }    .switchslide2-l li a .info div dl dt {        min-width: 35px;        margin-right: 10px;    }    .switchslide2-l li a .info div dl dt, .switchslide2-l li a .info div dl dd {        font-size: 12px;        line-height: 14px;    }    .switchslide2-l li a .info div dl {        margin-top: 5px;    }    .switchslide2-l li a .info div {        margin-top: 15px;    }    .switchslide2-l li a .pics .pic {        /* padding-top: 178%; */    }    .listGroup2 li:nth-child(1) {        padding-right: 20px;    }    .listGroup2 li {        padding-top: 20px;    }    .listItem2-1 a .info {        padding: 20px 0 0 0;    }    .listItem2-1 a .info h3 {        font-size: 16px;        line-height: 24px;        margin-bottom: 8px;    }    .s5-mid .listItem2-1 a .info h3 {        font-size: 16px;        line-height: 24px;        margin-bottom: 8px;    }    .listItem2-1 a .info p {        font-size: 12px;        line-height: 16px;        height: 32px;    }    .listItem2-1 a .info b {        display: none;    }    .listItem3 a .info h3 {        font-size: 16px;        line-height: 24px;        height: 48px;    }    .listItem3 a .info img {        height: 30px;        margin-left: 15px;    }    .listItem3 a .info {        padding: 20px 0 0 0;    }    .s7-t ul {        display: block;    }    .s7-t ul li {        width: auto;        height: 70px;    }    .s7-t ul li.on {        width: auto;        height: auto;    }    .s7-t ul li:nth-child(2) {        margin: 20px 0;    }    .s7-t ul li a .pics {        flex-direction: row;        align-items: center;    }    .s7-t ul li a .pics .icon {        line-height: 30px;    }    .s7-t ul li a .pics .icon img {        max-height: 30px;    }    .s7-t ul li a .pics p {        font-size: 16px;        margin-top: 0;        margin-left: 10px;    }    .s7-t ul li a .info-l {        width: 130px;    }    .s7-t ul li a .info-r {        padding: 0 20px;    }    .s7-t ul li a .info-r div h3 {        font-size: 16px;        line-height: 24px;        overflow: hidden;        text-overflow: ellipsis;        white-space: nowrap;    }    .s7-t ul li a .info-r div p {        font-size: 12px;        line-height: 16px;        max-height: 64px;        margin: 15px 0 0 0;    }    .s7-t ul li a .info-r div span {        display: none;    }    .s7-b ul li a p {        font-size: 16px;        line-height: 24px;        margin-top: 20px;    }    .blockgGroup-l, .blockgGroup-r {        padding-top: 20px;    }    .blockgGroup-r .listGroup1 li {        width: calc(50% - 20px);        padding-left: 20px;        margin-left: 20px;    }    .blockgGroup-r .listGroup1 li a {        padding-top: 20px;    }    .blockgGroup-r .listItem2 a .info {        padding: 20px 0;    }    .listItem1 a .info {        padding: 20px 0;    }    .listItem1 a .info h3 {        font-size: 16px;        line-height: 24px;        height: 48px;    }    .listItem1 a .info p {        font-size: 12px;        line-height: 16px;        height: 48px;    }    .blockgGroup-r .listItem2 a .info h3 {        line-height: 20px;    }    .listItem1 a .info b {        font-size: 12px;        margin-top: 15px;    }    .s9-c {        display: block;    }    .s9-l {        display: none;    }    .s9-r ul {        display: flex;        justify-content: space-between;        margin: 0 -10px;    }    .s9-r ul li {        width: 50%;        padding: 20px 0 0 0;    }    .s9-r ul li:nth-child(1) {        border-right: 1px solid #F1F1F1;        border-bottom: none;    }    .s9-r ul li a {        padding: 0 10px;    }    .listItem4 a .info {        position: relative;        top: 0;        transform: translateY(0);        padding: 0;        opacity: 1;        margin-top: 20px;    }    .listItem4 a .info h3 {        font-size: 16px;        line-height: 24px;        height: 48px;        color: #1E1B1B;    }    .listItem4 a .info p {        display: none;    }    .s5-c {        padding-top: 0;        border-top: none;    }    .y_tit {        margin-bottom: 30px;    }    .section8 .switchBox, .section7, .s9-c, .s4-c, .s2-c, .pubser3-c {        padding-bottom: 0;        border-bottom: 0;    }    .section1, .section3, .section2, .section5, .section6, .section4, .section7, .s6-c, .s7-b, .section8, .section9, .famousShop1, .btnTg, .famousShop4, .fss4-c, .ffs5-c, .news1, .new2, .exhibit1, .exhibit2, .exhibit3, .exhibit4, .collection2, .collection3, .pubser3, .pubser2, .pubser1, .lsdy1, .lsdy2, .lsdy3, .lsdy4, .store1, .store2, .donate1, .humanity-search, .visit2, .visit3 {        margin-top: 30px;    }    .s2-c, .section3 .switchBox, .s5-mid, .s5-btm, .s6-c，.s7-t, .s4-c, .s5-c, .s7-t, .s9-c, .fss3-c, .lsdy1-c, .lsdy2-c, .setOut1-c, .setOut2-c, .setOut3-c, .lztz1-c, .lztz2-c, .lztz3-c, .wszl1-c, .wszl2-c, .wszl3-c, .humanity-zrc {        margin-top: 20px;    }    .section6, .famousShop4, .lsdy3 {        padding-top: 30px;    }    .section6, .famousShop4, .news1, .lsdy3 {        padding-bottom: 30px;    }    .s7-b, .donate1-c, .visit2-c {        padding-top: 20px;    }    .exhibit1 .title, .humanity-search {        margin-bottom: 20px;    }    .section8 .title, .exhibit .title, .listGroup2, .humanity-type, .visit2-c {        padding-bottom: 20px;    }    .news1-c, .new2-c, .store2-c, .donate1-c, .lecture1-c, .museum1-c, .humanity1-c, .visit2-c {        margin-top: 15px;    }    .exhibit1 .title, .learnstudy .title, .setOut .title, .lztz .title, .wszl .title {        padding-bottom: 15px;    }    .fss2-c {        padding-top: 15px;        margin-top: 15px;    }    .famousShop2, .famousShop3 {        margin-top: 60px;    }    .news1 {        border: none;    }    .btnTg a {        line-height: 30px;        font-size: 12px;        max-width: none;        width: auto;    }    .section8 .btnTg {        display: flex;        justify-content: space-between;        margin-left: -10px;        margin-right: -10px;    }    .section8 .btnTg a {        width: calc(50% - 20px);    }    .ny {        padding-top: 0;    }    .y_tit {        padding-top: 20px;        border-top: none;    }    .fss1-r img {        width: 340px;        height: 300px;    }    .fss1-l p {        margin: 30px 0;        font-size: 12px;        line-height: 16px;        height: 64px;        font-size: 12px;    }    .fss1-l {        padding: 25px;    }    .fss1-l h3 {        font-size: 20px;        line-height: 20px;    }    .y_tit h2 {        font-size: 24px;        line-height: 25px;        padding-bottom: 10px;        border-width: 2px;        letter-spacing: 2px;    }    .y_tit ul {        margin-left: 15px;        font-size: 0;        white-space: nowrap;    }    .y_tit ul li {        margin-left: 10px;    }    .y_tit ul li a {        line-height: 25px;        font-size: 14px;        padding-bottom: 10px;    }    .fss2-c ul {        margin: 0 -20px;    }    .fss2-c ul li a {        margin: 0 20px;    }    .timeslot {        margin-left: -20px;        margin-right: -20px;        margin-top: 27px;        padding-top: 27px;    }    .timeslot::before {        width: 10px;        height: 10px;    }    .fss2-c::after {        display: none;    }    .fss2-c:before {        display: none;    }    .fss2-c ul li a .info {        padding: 20px 0;    }    .fss2-c ul li a .info h3 {        font-size: 16px;        line-height: 24px;        height: 48px;    }    .timeslot p {        font-size: 12px;        line-height: 16px;    }    .fss3-r ul li {        width: 50%;        height: 30%;        padding-left: 20px;    }    .fss3-l a .icon img {        height: 60px;    }    .fss3-l a p, .fss3-r ul li a p {        font-size: 16px;        line-height: 24px;    }    .fss3-r ul li a p {        margin-left: 8px;    }    .fss3-r ul li a div img {        max-height: 24px;    }    .fss4-c ul li a {        padding: 0 15px;    }    .fss4-c ul li a h3 {        font-size: 20px;        line-height: 20px;    }    .fss4-c ul li a span {        font-size: 12px;        line-height: 14px;        margin-top: 10px;        color: #BA2A17;    }    .fss4-c ul li a div {        width: 35px;        height: 1px;        background: #BA2A17;        margin: 10px auto 15px auto;    }    .fss4-c ul li a p {        font-size: 12px;        line-height: 16px;        height: 80px;        opacity: 1;    }    .fss4-c::before {        top: 55px;    }    .ffs5-c {        padding: 20px;    }    .ffs5-text {        margin: 15px 0;    }    .ffs5-text p {        font-size: 12px;        line-height: 16px;        max-height: 64px;        overflow: hidden;    }    .listItem5 a .date {        width: 80px;        height: 80px;        margin-right: 20px;    }    .listItem5 a .date p {        font-size: 26px;        line-height: 37px;    }    .listItem5 a .date span {        font-size: 12px;        line-height: 17px;    }    .listItem5 a .info {        padding-left: 0;    }    .listItem5 a .info h3 {        font-size: 16px;        line-height: 20px;    }    .listItem5 a .info p {        font-size: 12px;        line-height: 16px;        max-height: 48px;        margin-top: 5px;    }    .listItem5 a {        padding: 15px 0;    }    .monthlynews {        display: block;    }    .monthlynews .date {        line-height: 60px;    }    .monthlynews .date p {        font-size: 20px;        margin-right: 10px;        padding-right: 10px;    }    .monthlynews .date span {        font-size: 15px;    }    .listItem6 a .info .infotext h3 {        font-size: 16px;        line-height: 24px;    }    .listItem6 a .info {        padding: 20px 0;    }    .listItem6 a .info .infopic {        width: 300px;    }    .listItem6 a .info .infotext p {        font-size: 12px;        line-height: 16px;        max-height: 32px;        height: auto;        margin: 10px 0;    }    .listItem6 a .info .infotext div span {        font-size: 12px;    }    .listItem6 a .info .infotext div b {        font-size: 12px;    }    .switchSlidetext ul li a {        padding: 15px;    }    .switchSlidetext ul li a h3 {        flex-wrap: wrap;        justify-content: flex-start;    }    .switchSlidetext ul li a h3 span {        font-size: 14px;        line-height: 15px;        padding-left: 0;        padding-right: 10px;        margin-right: 10px;        border-left: none;    }    .switchSlidetext ul li a h3 span:nth-child(1) {        font-size: 16px;        line-height: 20px;        padding-bottom: 10px;        margin-bottom: 10px;        width: 100%;        border-bottom: 1px solid #F1F1F1;    }    .switchSlidetext ul li a h3 span:nth-child(2) {        border-left: none;        padding-right: 10px;        padding-left: 0;        border-right: 1px solid #F1F1F1;    }    .switchSlidetext ul li a div {        padding-top: 15px;        margin-top: 10px;    }    .switchSlidetext ul li a div p {        font-size: 12px;        line-height: 16px;        -webkit-line-clamp: 4;        height: auto;        max-height: 64px;    }    .switchSlidePic ul li a::before {        height: 60px;    }    .switchSlidePic .slick-prev, .switchSlidePic .slick-next {        height: 20px;        width: 20px;        bottom: 20px;        background-size: 8px;    }    .switchSlidePic .slick-prev {        right: 110px;    }    .switchSlidePic .slick-next {        right: 25px;    }    .switchSlidePic .dot-page {        font-size: 14px;        line-height: 20px;    }    .switchSlidePic .slick-dots {        bottom: 20px;        right: 47px;    }    .exhibit4-c {        display: block;        padding: 20px 20px 0 20px;    }    .exhibit4-c .title:nth-child(1) {        display: block;    }    .exhibit4-text {        max-width: none;        margin: 15px auto 0 auto;    }    .collection1 {        margin-top: 0;    }    .cction-des {        padding: 30px 15px;    }    .cction-descon p {        margin: 15px 0 0 0;        font-size: 12px;        line-height: 16px;    }    .cction-descon {        margin-right: 0;    }    .cetion2-c {        display: block;        padding: 20px;    }    .cetion2-l {        width: auto;    }    .cetion2-r {        padding: 0;    }    .cetion2-l a {        margin-top: 20px;    }    .nature {        margin-top: 20px;    }    .nature li a {        font-size: 16px;        line-height: 90px;    }    .cetion3-l, .cetion3-r {        padding-top: 30px;    }    .cetion3-tit, .cetion3-con {        padding: 0 20px;    }    .cetion3-tit h3 {        font-size: 20px;        line-height: 20px;    }    .cetion3-con {        margin: 15px 0 20px 0;    }    .cetion3-con p {        font-size: 12px;        line-height: 16px;        -webkit-line-clamp: 4;        height: auto;        max-height: 64px;    }    .lsdy3-c .s7-b>ul {        padding-bottom: 30px;    }    .lsdy3-c .s7-b .slick-prev, .lsdy3-c .s7-b .slick-next {        height: 20px;        width: 20px;        background-size: 8px;    }    .lsdy3-c .s7-b .slick-prev {        transform: translateX(-60px);    }    .lsdy3-c .s7-b .slick-next {        transform: translateX(60px);    }    .lsdy3-c .s7-b .dot-page {        font-size: 14px;        line-height: 20px;    }    .lsdy4-c ul {        display: block;    }    .lsdy4-c ul li {        width: auto;        padding: 20px 0 !important;        border-left: none !important;    }    .lsdy4-c ul li:before {        left: 0 !important;        right: 0 !important;    }    .lsdy4-c ul li:nth-child(2):before {        content: "";    }    .lsdy4-c ul li h3 {        font-size: 20px;        line-height: 20px;    }    .lsdy4-c ul li .lsdy4-list {        margin: 15px 0 10px 0;    }    .lsdy4-c ul li .lsdy4-list a {        font-size: 14px;        line-height: 20px;    }    .lsdy4-c ul li .lsdy4-more a {        font-size: 14px;        line-height: 20px;    }    .lsdy4-c {        padding-bottom: 0;        border-bottom: none;    }    .listGroup6 li, .listGroup7 li {        padding: 0 20px;    }    .listGroup6, .listGroup7 {        margin: 0 -20px;    }    .listGroup6 li a, .listGroup7 li a {        padding: 20px 0;    }    .listItem7 a .info {        padding-top: 15px;    }    .listItem7 a .info h3 {        font-size: 16px;        line-height: 24px;        height: 48px;    }    .listItem7 a .info p {        font-size: 12px;        line-height: 16px;        height: 32px;    }    .store1-c {        display: block;    }    .store1-l {        padding-top: 20px;        width: auto;        margin-right: 0;        margin-bottom: 20px;    }    .store1-l .title {        margin-left: 20px;    }    .store1-lcon {        margin-top: 20px;    }    .store1-r {        padding: 20px;    }    .store1-rcon p {        margin: 15px 0 0 0;        font-size: 12px;        line-height: 16px;        max-height: 48px;    }    .donate1-c table tr th {        line-height: 20px;        font-size: 16px;        padding: 15px 10px;    }    .donate1-c table tr td {        font-size: 12px;        line-height: 20px;        padding: 15px 10px;    }    .donate1-c table tr td:nth-child(1), .donate1-c table tr th:nth-child(1) {        padding: 15px 10px;    }    .listGroup7 li a p {        font-size: 16px;        top: 10px;    }    .select {        width: auto;        position: static;    }    .select>p {        padding-right: 30px;        padding-left: 10px;        line-height: 30px;        padding-top: 0;        padding-bottom: 0;        font-size: 12px;    }    .select>p i {        background-size: 8px;    }    .humanity-text {        padding: 0 10px;        height: 30px;        line-height: 30px;        font-size: 12px;        width: 120px;    }    .humanity-text::placeholder {        font-size: 12px;    }    .humanity-btn {        width: 30px;        height: 30px;        background-size: 10px;    }    .humanity-sbox {        margin-left: 20px;    }    .select ul {        width: calc(100vw - 30px);        padding: 5px 10px 20px 5px;        background: #fff;    }    .select ul li {        padding: 0;        font-size: 12px;        border: none;    }    .humanity-type ul li a div {        width: 25px;        height: 25px;    }    .humanity-type ul li a p {        line-height: 25px;        font-size: 12px;        padding: 0 10px;    }    .details-c {        flex-wrap: wrap;    }    .details-l {        order: 1;        width: auto;        margin-top: 30px;    }    .details-r {        order: 0;        width: 100%;    }    .details-l h3 {        font-size: 22px;    }    .details-l ul {        margin-top: 5px;    }    .details-l span {        margin: 30px 0;        font-size: 14px;    }    .details-l div p {        line-height: 24px;    }    .details2 {        margin-top: 40px;    }    .details2 .title {        margin: 40px 0 20px 0;    }    .details2-c ul {        padding: 0 0 0 20px;        display: block;    }    .details2-c ul li {        width: auto;        padding: 0 0 15px 10px;        line-height: 20px;    }    .details2-c ul li:nth-child(-n+2) {        padding-top: 0;    }    .details2-c ul li:nth-child(-n+1) {        padding-top: 20px;    }    .details-img {        padding-top: 300px;    }    .details-page {        margin-top: 15px;    }    .details-page p {        line-height: 20px;    }    .visit1-c {        display: block;    }    .visit1-lr ul li p {        font-size: 12px;        line-height: 18px;    }    .visit-state {        margin: 20px 0;    }    .visitOpenTime {        padding: 20px 0;    }    .visitOpenTime ul li p {        font-size: 12px;        line-height: 14px;    }    .visit1-r {        flex-direction: row;        width: auto;        margin-top: 20px;        margin-left: 0;    }    .visit1-r div {        height: 90px;        width: 48%;    }    .visit1-r div p {        font-size: 14px;        line-height: 14px;    }    .visit1-r div h3 {        font-size: 22px;        line-height: 22px;        margin-top: 15px;    }    .visit1-lr h3 {        font-size: 20px;        line-height: 20px;    }    .visit1-lr ul li {        margin-top: 15px;    }    .visitOpenTime ul li img {        margin-top: 10px;        height: 7px;    }    .visit2-c {        display: block;    }    .visit2-l {        margin-right: 0;    }    .visit2-r {        width: auto;        margin-top: 20px;    }    .visit2-l h3 {        font-size: 16px;        line-height: 18px;    }    .visit2-l p {        font-size: 12px;        line-height: 18px;    }    .visit3-c {        display: block;        padding: 20px;    }    .visit3-l {        width: auto;    }    .visit3-r {        width: auto;        margin-top: 20px;    }    .visit3-l h3 {        font-size: 20px;        line-height: 20px;    }    .visit3-l p {        font-size: 12px;        line-height: 18px;    }    .visit3-r ul li a {        height: 90px;    }    .visit3-r ul li a p {        font-size: 16px;    }    .artcon {        margin-top: 30px;    }    .artcon h3 {        font-size: 20px;    }    .art-body p {        line-height: 24px;    }    .art-body {        margin-top: 20px;    }    .notes-c>ul li .topbox {        padding: 20px 0 20px 20px;    }    .notes-c>ul li .topbox .yearbox i {        font-size: 20px;        line-height: 20px;    }    .notes-c>ul li .topbox .yearbox p {        font-size: 12px;        line-height: 20px;        margin-left: 5px;    }    .notes-c>ul li .topbox .impinfo {        font-size: 12px;        line-height: 20px;        padding: 0 0 0 25px;    }    .notes-c {        padding-bottom: 0;    }    .monthgroup {        display: block;        margin-top: 15px;    }    .monthgroup .date {        margin: 0;        padding-top: 0;        align-items: center;    }    .monthgroup .date b {        font-size: 20px;        line-height: 60px;        border-right: 1px solid #f1f1f1;        padding-right: 10px;        margin-right: 10px;    }    .monthgroup .date span {        font-size: 20px;        line-height: 60px;        margin-left: 0;    }    .monthlist li a {        padding: 15px 0;    }    .monthlist li a p {        font-size: 14px;        line-height: 18px;    }    .monthlist li a h3 {        font-size: 12px;        line-height: 18px;        max-height: 36px;        margin-top: 10px;    }}@media screen and (max-width: 768px) {    .aside{        display:none;    }    .pagination {        padding-top: 30px;    }    .pagination a {        padding: 0 5px;        height: 20px;        line-height: 18px;        font-size: 12px;        margin: 0 3px;    }    .banner .slick-slide a {        height: 400px;    }.banner a .ban-text h3{font-size:20px;line-height:1.5;}    .banner .slick-slide a img {        position: absolute;        left: 0;         height: 100%;        width: auto;        margin: 0 auto;    }    .s1-c {        display: block;    }    .s1-l {        width: auto;        padding: 20px;    }    .s1-r {        width: auto;        margin-left: 0;        margin-top: 20px;    }    .s1-r .order {        padding: 30px 0;    }    .s1-r .order a b {        padding-left: 50px;    }    .guide a {        display: none;    }    .s1-r .order a:hover {        padding: 0;    }    .listGroup2 {        display: block;    }    .listGroup2 li {        width: auto;        padding: 0;    }    .listGroup2 li:nth-child(1) {        padding-right: 0;        border: none;    }    .listGroup2 li:nth-child(2) {        padding-left: 0;        margin-top: 20px;        padding-top: 20px;    }    .listgroup3 {        display: block;    }    .listgroup3 li {        width: auto;    }    .listgroup3 li:nth-child(1) {        margin-bottom: 20px;        padding-bottom: 20px;        border-bottom: 1px solid #E2E2E2;    }    .s7-b ul .slick-list {        padding-right: 18%;    }    .s7-b ul li a {        margin: 0;        padding: 20px;        border-right: 1px solid #F1F1F1;    }    .blockGroup {        display: block;    }    .blockgGroup-l {        display: none;    }    .blockgGroup-r .listGroup1 {        margin: 0 -10px;    }    .blockgGroup-r .listGroup1 li {        width: 50%;        margin-left: 0;        margin-right: 0;        padding-left: 10px;        padding-right: 10px;    }    .btnTg a {        width: auto;    }    .fss1-c {        flex-wrap: wrap;    }    .fss1-l {        order: 1;    }    .fss1-l p {        margin: 15px 0;        height: auto;        max-height: 80px;    }    .fss1-r {        order: 0;        width: 100%;    }    .fss1-r img {        height: auto;        width: 100%;    }    .fss1-l {        padding: 20px 20px 15px;    }    .fss2-c .slick-list {        padding-right: 40%;    }    .fss3-c {        position: relative;    }    .fss3-l {        position: absolute;        left: 0;        top: 0;        width: 50%;    }    .fss3-l a {        padding: 0;        height: 187px;        justify-content: center;        margin-right: 5px;    }    .fss3-l a p {        margin-bottom: 25px;    }    .fss3-r ul li a {        height: 88px;        margin: 0 5px;    }    .fss3-r ul li {        height: auto;        margin-top: 10px;        padding-left: 0;    }    .fss3-r ul li:nth-child(-n+1) {        margin-top: 0;    }    .fss3-r ul li:nth-child(-n+2) {        margin-left: 50%;    }    .fss3-r ul {        margin: 0 -5px;    }    .listGroup4 {        display: block;        margin: 0;    }    .listGroup4 li:nth-child(2) {        border-left: none;        border-right: none;    }    .listGroup4 li {        width: auto;        border-bottom: 1px solid #F1F1F1;    }    .listItem5 a {        margin: 0;    }    .listItem6 a .info {        display: block;    }    .listItem6 a .info .infopic {        width: auto;        margin-right: 0;        margin-bottom: 20px;    }    .cetion3-c {        display: block;    }    .cetion3-l {        width: auto;    }    .cetion3-r {        width: auto;        margin-top: 30px;    }    .cetion3-c {        padding-bottom: 0;        border-bottom: none;    }    .listGroup6 li, .listGroup7 li {        width: 50% !important;!i;!;    }    .listGroup6 li:nth-child(3) a, .listGroup7 li:nth-child(3) a {        border-top: 1px solid #F1F1F1;    }    .visit1-l {        display: block;        padding: 20px;        background: none;    }    .visit1-ll {        width: auto;        padding-left: 0;    }    .visit1-lr {        padding: 0;    }}@media screen and (max-width: 640px) {}@media screen and (max-width: 480px) {    .banner .slick-slide a {        height: 300px;    }    .fss4-c .slick-list {        padding: 0 25%;    }    .fss4-c ul li a {        padding: 0 10px;    }    .switchslide2-l li a {        flex-direction: column-reverse;        padding: 20px 0;    }    .switchslide2-l li a .pics {        margin: 0 auto;    }    .switchslide2-l li a .info {        width: 100%;        margin-top: 15px;    }    .humanity-search {        justify-content: space-between;    }    .humanity-sbox {        margin-left: 0;    }}