html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{padding:0;margin:0;}
ul,ol,dl{list-style-type:none}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";font-size:15px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
img{border: none;margin:0px;padding:0px;}
a:link, a:visited{text-decoration: blink;}
body{margin:0 auto;padding: 0;background: #E6E6E6;letter-spacing: 1px;}

.banner{width: 100%;margin:0 auto;height: 800px;overflow: hidden;background: url("../images/banner.png") no-repeat top center;}
.banner img{display: none;width: 100%;margin:0 auto;}
.index_title{width: 100%;margin:0 auto;height: auto;overflow: hidden;}
.index_title img{display: block;width: 100%;margin:0 auto;}
.page-main{width: 1200px;margin:0 auto;height: auto;overflow: hidden;}
.list-main{width: 1200px;margin:0 auto 50px;height: auto;position: relative;}
.activity-info{width: 100%;height: auto;overflow: hidden;background:url("../images/ico_1.png") no-repeat bottom center;padding-bottom: 40px;margin:50px auto;}
.activity-info p{width: 100%;font-size: 16px;color: #4F4F4F;line-height: 23px;text-align: justify;margin:18px auto 0;}
.activity-info p a{color: #4F4F4F;}
.activity-news{width: 100%;margin:0 auto;height: auto;overflow: hidden;}
.activity-news .index_title{margin:0 auto 50px;}
.activity-swiper{width: 580px;height: 420px;float: left;overflow: hidden;position: relative;}
.activity-swiper .hd{ position:absolute; bottom:15px; right:15px; z-index:1; }
.activity-swiper .hd li{ display:inline-block; width:12px; height:12px; border-radius:12px; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.activity-swiper .hd li.on{ background:#FF7D23;  }
.activity-swiper .bd{ position:relative; z-index:0; }
.activity-swiper .bd li{ position:relative; text-align:center;  }
.activity-swiper .bd li img{ vertical-align:top; width:100%;height: 420px;}
.activity-swiper .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:50px; line-height:50px; background:#4F4F4F repeat-x; color:#fff;  text-align:left;  }

.activity-list{width: 580px;float: right;height:auto;overflow: hidden;background: #DEDEDE;}
.activity-list li{width: 100%;height: auto;overflow: hidden;}
.activity-list li a{display: block;width: 520px;padding: 29.5px 30px;height: auto;overflow: hidden;}
.activity-list li strong{display: block;font-size: 20px;color: #4F4F4F;}
.activity-list li p{font-size: 16px;color: #666666;line-height: 22px;height: 44px;overflow: hidden;width: 100%;margin:10px auto 0;}
.activity-list li a:hover{background: #4F4F4F;}
.activity-list li a:hover strong{color: #FFFFFF;}
.activity-list li a:hover p{color: #FFFFFF;}
.activity-list li a:hover{}
.activity-list .more{width:100%;background:#E6E6E6;font-size:16px;line-height:42px;text-align: right;}
.activity-list .more a{color:#333;}
.activity-zhuti{width: 100%;margin:50px auto 0;height: auto;overflow: hidden;}
.activity-zhuti .index_title{width: 1200px;}
.zhuti-com{width: 100%;background: url("../images/bg.png") no-repeat  center 100px;}
.page-list{width: 1200px;margin:50px auto 10px;height: auto;overflow: hidden;}
.page-list ul{width: 1236px;margin-left: -36px;}
.page-list li{padding: 20px;background: #DEDEDE;border: 1px solid #4F4F4F;border-radius: 3px;width: 540px;
    height: auto;overflow: hidden;float: left;margin-bottom: 40px;margin-left: 36px;}
.list-img{width: 100%;height: 190px;overflow: hidden;margin:0 auto;}
.list-img img{display: block;width: 100%;margin:0 auto;height: 100%;
    /*object-fit: cover;*/
    transition: transform 0.5s ease;}
.page-list li a:hover .list-img img {
    transform: scale(1.1);
}
.list-info{width: 100%;margin:20px auto 0;height: auto;overflow: hidden;border-top: 1px solid #4F4F4F;position: relative;padding-top: 5px;}
.list-info p{font-size: 18px;color: #4F4F4F;line-height: 26px;padding: 5px 0;height: 52px;overflow: hidden;}
.list-info span{display: block;width: 100%;font-size: 14px;color: #808080;line-height: 24px;}
.list-info i{display: inline-block;width: 62px;height: 26px;background: url("../images/ico_3.png") no-repeat center;position: absolute;right: 0;bottom: 10px;}
.activity-pic{width: 1200px;margin:0 auto 60px;height: auto;overflow: hidden;}
.activity-pic img{display: block;width: 100%;margin:0 auto 0px;}
.activity-pic .home-pc{display:block;}
.activity-pic .home-mobile{display:none;}

.list-activity{width: 100%;margin:50px auto;height: auto;overflow: hidden; }
.list-activity strong{display: block;width: 100%;text-align: center;font-size: 36px;color: #4F4F4F;line-height: 48px;background: url("../images/ico_4.png") no-repeat bottom center;padding-bottom:16px; }
.list-activity p{width: 100%;text-align: justify;margin:20px auto 0;font-size: 16px;line-height: 26px;color: #4F4F4F;background: url("../images/ico_1.png") no-repeat bottom center;padding-bottom: 30px;}
.list-activity p a{color: #4F4F4F;}

.activity-article {
    display: none;
}

.list-home{position: fixed;right:calc((100% - 240px) / 2);bottom: 80px;width: 240px;z-index:2;}
.list-home a{background:#FF7D23;color: #ffffff;font-size: 12px;line-height: 40px;display: inline-block;width:100%;border-radius: 40px;text-align: center; }

.list-home .home-pc{display: block;}
.list-home .home-mobile{display: none;}

.waterfall-container {
    position: relative;
    margin: 0 auto;
}

.waterfall-column {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}

.waterfall-item {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    position: relative;
    margin-bottom: 20px;
    opacity: 0;
    transform: translateY(20px);

}

.waterfall-item.loaded {
    opacity: 1;
    transform: translateY(0);
}

.waterfall-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.waterfall-item a {
    text-decoration: none;
    color: inherit;
    display: block;
    cursor: pointer;
}

.article-img {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.article-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 70%, rgba(0,0,0,0.2));
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.waterfall-item:hover .article-img::before {
    opacity: 1;
}

.article-img img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.waterfall-item:hover .article-img img {
    transform: scale(1.05);
}

.waterfall-item p {
    padding: 20px;
    font-size: 1rem;
    color: #555;
    line-height: 1.6;
    background: white;
    position: relative;
    z-index: 2;
}

.photographer {
    display: block;
    text-align: right;
    margin-top: 10px;
    font-size: 0.9rem;
    color: #888;
    font-style: italic;
}

.year-tag {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(52, 152, 219, 0.9);
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    z-index: 3;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.loading {
    text-align: center;
    padding: 20px;
    color: #7f8c8d;
    font-size: 1rem;
}


@media screen and (max-width: 750px) {
   .activity-list .more{text-align: center;}
    .activity-pic .home-pc{display:none;}
    .activity-pic .home-mobile{display:block;}
    .tt { display: none !important; }
    .waterfall-container{display: none;}
    .banner{height: auto;background: none;}
    .banner img{display: block;}
    .page-main{width: 100%;}
    .list-main{width: 100%;}
    .list-home{width: 60%;right: 20%;bottom: 40px;}
    .list-home .home-pc{display: none;}
    .list-home .home-mobile{display: block;}
    .activity-news{width: 96%;}
    .activity-info{margin:20px auto;width: 96%;}
    .index_title img{width: 120%;margin-left: -10%;}
    .activity-news .index_title{margin:0 auto 20px;}
    .activity-swiper{width: 100%;float: none;margin:0 auto;height: auto;}
    .activity-swiper .bd li img{height: auto;}
    .activity-list{width: 100%;float: none;margin:20px auto 0;}
    .activity-list li{border-bottom: 1px dashed #ececec;}
    .activity-list li:last-child{border-bottom: none;}
    .activity-list li a{padding:15px 10px;width: calc(100% - 20px);}
    .activity-list li strong{font-size: 16px;}
    .activity-list li p{font-size: 14px;}
    .activity-list li:first-child a, .activity-list li a:hover{background: none;}
    .activity-list li:first-child strong, .activity-list li a:hover strong{color: #4F4F4F;}
    .activity-list li:first-child p, .activity-list li a:hover p{color: #666666;}
    .activity-zhuti{margin:30px auto 0;width: 96%;}
    .activity-zhuti .index_title{width: 150%;margin-left: -25%;}
    .page-list{width: 100%;margin:25px auto;}
    .page-list ul{width: 100%;margin-left: 0;}
    .page-list li{padding:8px;width: calc(100% - 18px);margin:0 auto 15px;float: none;}
    .list-img{height: auto;border-radius: 3px;}
    .list-img img{height: auto;}
    .list-info{}
    .activity-pic{width: 96%;margin:0 auto 20px;}
    .activity-pic img{width: 140%;margin-left: -20%;}
    .list-info p{font-size: 18px;}
    .list-info span{font-size: 14px;}
    .list-info i{background-size: 60%;}
    .activity-info .index_title img,.activity-news .index_title img{width: 160%;margin-left: -30%;}

    .list-activity{margin:15px auto;width: 96%;}
    .list-activity strong{font-size: 18px;padding-bottom: 24px;}
    .list-activity p{font-size: 14px;}
    .activity-article li{padding: 10px;width: calc(100% - 22px);margin-left: 0;margin-bottom: 20px;height: auto;overflow: hidden;border: 1px solid #4F4F4F;background: #DEDEDE;border-radius: 4px;}



    .activity-article{width: 96%;margin:0 auto;height: auto;overflow: hidden;display: block;}
    .article-img{width: 100%;height:auto;overflow: hidden;margin:0 auto;}
    .article-img img{display: block;width: 100%;height: auto;margin:0 auto;}
    .activity-article li p{width: 100%;text-align: center;font-size: 16px;color: #808080;line-height: 20px;margin:10px auto 0;}

}