.padding{ padding-top:80px; padding-bottom:80px; }
.padding-bottom-80{ padding-bottom:80px;}
.padding-top-0{ padding-top:0; }
.swiper{--swiper-theme-color:  var(--red);/* 设置Swiper风格 */--swiper-navigation-color: #172259;/* 单独设置按钮颜色 */--swiper-navigation-size: 24px;/* 设置按钮大小 */}

html{height: 100%;}
.index_banner {position: relative;width: 100%;background: #fff;}
.index_banner .swiper{ }
.index_banner .swiper-slide{  }
.index_banner .swiper-slide img{width: 100%;}
.index_banner .swiper-pagination{ bottom:30px!important; }
.index_banner .swiper-pagination .swiper-pagination-bullet {border-radius: 0; height:2px; width:60px; transition-duration: 0.2s; background:rgba(255, 255, 255, 0.7); opacity:1; }
.index_banner .swiper-pagination .swiper-pagination-bullet-active{background: var(--red);}

.index_news,
.index_box_a,
.index_box_b,
.index_box_c,
.index_box_d,
.index_box_e,
.index_box_f,
.index_box_g,
.index_box_h,
.index_box_i{background: #fff;}

.index_news{ padding-top:30px; }
.index_news .pagewidth{display: flex; justify-content: space-between; align-items: center}
.index_news .title{border-radius: 4px 0px 0px 4px; height: 60px; line-height: 60px; background: var(--red); color: #fff;font-size: 18px; width: 150px; text-align: center;}
.index_news .content{height: 60px; line-height: 60px;background:#f0f0f0;  padding-left: 30px; width: calc(100% - 330px);  color: #fff;font-size: 18px;display: flex; justify-content: left; align-items: center;}
.index_news .content a { margin-right:100px; font-size: 18px; color: #111; font-weight:500; }
.index_news .content a:hover{ color:var(--red); }
.index_news .content span {font-size: 16px; color: #333;}
.index_news .more{border-radius:  0px 4px 4px 0px;height: 60px; line-height: 60px;background:#f0f0f0; text-align:center; width:150px; text-align:center; }
.index_news .more a{ color:#666; }
.index_news .more a:hover{ color:var(--red); }



.index_box_d{ padding-top:40px; }
.index_box_d .title{ line-height: 54px;display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom:0px; border-bottom: #ddd solid 1px;}
.index_box_d .title h2{ font-size:24px; color:var(--red); position:relative;  padding-left:16px; }
.index_box_d .title h2:after{ position:absolute; content: ""; left:0px; top:50%;transform:translateY(-50%); height:20px; width:4px; background:var(--red); border-radius:3px; }
.index_box_d .title .more{}
.index_box_d .title .more a{ color:#666; font-size:16px; }
.index_box_d .title .more a:hover{ color:var(--red); }

.index_box_d .pagewidth .content{}
.index_box_d .pagewidth .content .swiper{ padding-bottom:40px; }
.index_box_d .pagewidth .content  .photo{ width:100%;aspect-ratio: 4/5.88; margin-bottom:10px; overflow:hidden;border-radius: 4px;  }
.index_box_d .pagewidth .content  .photo img{ width:100%; height:100%; object-fit:cover; }
.index_box_d .pagewidth .content  .name{font-size: 16px; text-align: center;}

.index_main .title{ line-height: 54px;display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom:0px; border-bottom: #ddd solid 1px;}
.index_main .title h2{ font-size:24px; color:var(--red); position:relative;  padding-left:16px; }
.index_main .title h2:after{ position:absolute; content: ""; left:0px; top:50%;transform:translateY(-50%); height:20px; width:4px; background:var(--red); border-radius:3px; }
.index_main .title .more{}
.index_main .title .more a{ color:#666; font-size:16px; }
.index_main .title .more a:hover{ color:var(--red); }


.index_main{ background:#fff; }
.index_main .pagewidth{display: flex; justify-content: space-between;}
.index_main .pagewidth .main{ width:calc(70% - 40px);}
.index_main .pagewidth .main .news{ padding-top:40px; }
.index_main .pagewidth .main .news .swiper .swiper-slide{display: flex; justify-content: space-between;}
.index_main .pagewidth .main .news .swiper .swiper-slide .img{ width: 60%;border-radius: 4px 0px 0px 4px; overflow:hidden; }
.index_main .pagewidth .main .news .swiper .swiper-slide .img a{ width: 100%; aspect-ratio: 16/10; display: block;}
.index_main .pagewidth .main .news .swiper .swiper-slide .img a img{ width:100%; height:100%; object-fit:cover; }
.index_main .pagewidth .main .news .swiper .swiper-slide .info{ width:40%; overflow:hidden; background: #f0f0f0;border-radius:  0px 4px 4px 0px; display: flex; align-items: center;}
.index_main .pagewidth .main .news .swiper .swiper-slide .info .box{  padding:45px; padding-right:60px; }
.index_main .pagewidth .main .news .swiper .swiper-slide .info .box h3{line-height: 1.4em; text-align: justify; margin-bottom: 20px;display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}
.index_main .pagewidth .main .news .swiper .swiper-slide .info .box h3 a{font-size: 24px; color: #222; line-height: 1.4em;}
.index_main .pagewidth .main .news .swiper .swiper-slide .info .box .date{ text-align:right; font-size: 16px; color: #666;}
.index_main .pagewidth .main .news .swiper .swiper-button-prev{ top: 47%!important; background:rgba(0, 0, 0, 0.2); background:var(--red); height:32px; width:32px; border-radius:32px; text-align:center; color:#fff; }
.index_main .pagewidth .main .news .swiper .swiper-button-prev:after{font-size: 12px;}
.index_main .pagewidth .main .news .swiper .swiper-button-next{ top: 47%!important; background:rgba(0, 0, 0, 0.2); background:var(--red); height:32px; width:32px; border-radius:32px; text-align:center; color:#fff; }
.index_main .pagewidth .main .news .swiper .swiper-button-next:after{font-size: 12px;}
.index_main .pagewidth .main .news .swiper .swiper-pagination{bottom: 20px; right: 60px!important; width: auto!important; text-align:right!important; }
.index_main .pagewidth .main .news .list{ padding-top:14px; }
.index_main .pagewidth .main .news .list ul{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:0px 40px}
.index_main .pagewidth .main .news .list ul li{border-bottom: #e6e6e6 solid 1px; height: 56px; line-height: 56px; font-size: 16px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.index_main .pagewidth .main .news .list ul li a{ color:#333; }
.index_main .pagewidth .main .news .list ul li a:hover{ color:var(--red); }
.index_main .pagewidth .main .news .list ul li:nth-last-child(1){ border-bottom:none; margin-bottom:0; }
.index_main .pagewidth .main .news .list ul li:nth-last-child(2){ border-bottom:none; margin-bottom:0; }

.index_main .pagewidth .side{ width:30%; }
.index_main .pagewidth .side .video{ padding-top:40px;}
.index_main .pagewidth .side .video .content{ overflow:hidden;border-radius:4px; }
.index_main .pagewidth .side .artisthot{ padding-top:40px; }
.index_main .pagewidth .side .artisthot .content{display: grid; grid-template-columns: repeat(5, 1fr); grid-gap:15px 20px;}
.index_main .pagewidth .side .artisthot .content .item .img{ overflow: hidden; width: 100%; aspect-ratio: 1; border-radius: 50%; margin:0 auto; margin-bottom: 10px;}
.index_main .pagewidth .side .artisthot .content .item .img img{width: 100%; height: 100%; object-fit: cover;object-position: top;}
.index_main .pagewidth .side .artisthot .content .item .name{font-size: 16px; text-align: center;}

.index_main .pagewidth .side .star{ padding-top:40px;}
.index_main .pagewidth .side .star .content{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px 30px;}
.index_main .pagewidth .side .star .content .item .img{ width:100%;aspect-ratio: 1; margin-bottom:10px; overflow:hidden;border-radius: 4px;  }
.index_main .pagewidth .side .star .content .item .img img{ width:100%; height:100%; object-fit:cover; }
.index_main .pagewidth .side .star .content .item .name{font-size: 16px; text-align: center;}

.index_main .pagewidth .side .vipnews{ padding-top:40px;}
.index_main .pagewidth .side .vipnews .title{ margin-bottom:0; }
.index_main .pagewidth .side .vipnews .list ul{}
.index_main .pagewidth .side .vipnews .list ul li{border-bottom: #e6e6e6 solid 1px; height: 56px; line-height: 56px; font-size: 16px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.index_main .pagewidth .side .vipnews .list ul li a{ color:#333; }
.index_main .pagewidth .side .vipnews .list ul li a:hover{ color:var(--red); }




.index_box_e{ padding-top:40px; }
.index_box_e .title{ line-height: 48px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.index_box_e .title h2{ font-size:24px; color:#111; }
.index_box_e .title .more{}
.index_box_e .title .more a{ color:#666; font-size:16px; }
.index_box_e .title .more a:hover{ color:var(--red); }
.index_box_e .content{ display:flex; justify-content:space-between; }	
.index_box_e .content .left{width:30%;}
.index_box_e .content .left .img{width: 100%;aspect-ratio: 1; overflow: hidden;border-radius: 4px;}
.index_box_e .content .left .img img{ width:100%; height:100%; object-fit:cover; }
.index_box_e .content .right{ width:calc(70% - 40px);}
.index_box_e .content .right .tab-group{ }
.index_box_e .content .right .tab-list {margin-bottom: 30px; display: flex; justify-content: left;}
.index_box_e .content .right .tab-list li{ width:auto; cursor:pointer; color:#222; padding:13px 40px; margin-right: 20px; border-radius:3px; background:#f0f0f0  }
.index_box_e .content .right .tab-list li.active{background: var(--red);color:#fff;}
.index_box_e .content .right .tab-content{display: none;}
.index_box_e .content .right .tab-content.active{display: block;}
.index_box_e .content .right .tab-content .list{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px 30px;}
.index_box_e .content .right .tab-content .list .item .img{ width:100%;aspect-ratio: 16/10; margin-bottom:10px; overflow:hidden;border-radius: 4px;  }
.index_box_e .content .right .tab-content .list .item .img img{ width:100%; height:100%; object-fit:cover; }
.index_box_e .content .right .tab-content .list .item .name{font-size: 16px; text-align: center;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}

.index_box_f{}
.index_box_f .title{display: flex; line-height: 48px; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.index_box_f .title h2{ font-size:24px; color:#111; }
.index_box_f .title .more{}
.index_box_f .title .more a{ color:#666; font-size:16px; }
.index_box_f .title .more a:hover{ color:var(--red); }
.index_box_f .pagewidth{ display:flex; justify-content:space-between; }	
.index_box_f .left{ width:calc(70% - 40px);}
.index_box_f .right{width:30%;}
.index_box_f .right .tab-group{ }
.index_box_f .right .tab-list {margin-bottom: 20px; display: flex; justify-content: left; border-radius:3px; overflow: hidden;}
.index_box_f .right .tab-list li{ width:100%; text-align: center; cursor:pointer; color:#222; padding:13px 0px;  background:#f0f0f0  }
.index_box_f .right .tab-list li.active{background: var(--red);color:#fff;}
.index_box_f .right .tab-content{display: none;}
.index_box_f .right .tab-content.active{display: block;}
.index_box_f .right .tab-content .list{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 30px;}
.index_box_f .right .tab-content .list .item .img{ width:100%;aspect-ratio: 16/11; margin-bottom:10px; overflow:hidden;border-radius: 4px;  }
.index_box_f .right .tab-content .list .item .img img{ width:100%; height:100%; object-fit:cover; }
.index_box_f .right .tab-content .list .item .name{font-size: 16px; text-align: center;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.index_box_f .left .content{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:10px 30px;}
.index_box_f .left .content .item .img{ overflow: hidden; width: 100%; aspect-ratio: 2/3;border-radius: 4px; margin-bottom: 10px;}
.index_box_f .left .content .item .img img{width: 100%; height: 100%; object-fit: cover;}
.index_box_f .left .content .item .name{font-size: 16px; text-align: center;}



.index_box_g{ padding-top:40px; }
.index_box_g .title{ line-height: 54px;display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom:0px; border-bottom: #ddd solid 1px;}
.index_box_g .title h2{ font-size:24px; color:var(--red); position:relative;  padding-left:16px; }
.index_box_g .title h2:after{ position:absolute; content: ""; left:0px; top:50%;transform:translateY(-50%); height:20px; width:4px; background:var(--red); border-radius:3px; }
.index_box_g .title .more{}
.index_box_g .title .more a{ color:#666; font-size:16px; }
.index_box_g .title .more a:hover{ color:var(--red); }
.index_box_g .pagewidth{display:flex; justify-content: space-between;}	
.index_box_g .pagewidth .left{width:calc(35% - 40px); }
.index_box_g .pagewidth .center{width:calc(35% - 40px); }
.index_box_g .pagewidth .right{ width:30%; }

.index_box_g .content .item{  margin-bottom:18px; padding-bottom:18px; border-bottom:#e6e6e6 solid 1px; }
.index_box_g .content .item {display: flex; justify-content: space-between;}
.index_box_g .content .item .info{width: calc(100% - 160px); }
.index_box_g .content .item .info .h2{ line-height:1.6em; margin-bottom:10px; display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
.index_box_g .content .item .info .h2 a{font-size: 16px; color: #222;}
.index_box_g .content .item .info .date{color: #666; font-size: 14px;}
.index_box_g .content .item .img{width: 120px; aspect-ratio: 16/9; border-radius:4px; overflow:hidden; }
.index_box_g .content .item .img img{ width:100%; height:100%; object-fit:cover; }
.index_box_g .content .item:nth-last-child(1){ border-bottom:none; margin-bottom:0; }

.index_box_h{ padding-top:40px; }
.index_box_h .title{ line-height: 54px;display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom:0px; border-bottom: #ddd solid 1px;}
.index_box_h .title h2{ font-size:24px; color:var(--red); position:relative;  padding-left:16px; }
.index_box_h .title h2:after{ position:absolute; content: ""; left:0px; top:50%;transform:translateY(-50%); height:20px; width:4px; background:var(--red); border-radius:3px; }
.index_box_h .title .more{}
.index_box_h .title .more a{ color:#666; font-size:16px; }
.index_box_h .title .more a:hover{ color:var(--red); }
.index_box_h .content{display: grid; grid-template-columns: repeat(6, 1fr); grid-gap:10px 30px;}
.index_box_h .content .item .img{ overflow: hidden; width: 100%; aspect-ratio: 2/3;border-radius: 4px; margin-bottom: 10px;}
.index_box_h .content .item .img img{width: 100%; height: 100%; object-fit: cover;}
.index_box_h .content .item .name{font-size: 16px; text-align: center;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}

.index_box_i{ padding-top:40px; padding-bottom:50px; }
.index_box_i .title{ line-height: 54px;display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom:0px; border-bottom: #ddd solid 1px;}
.index_box_i .title h2{ font-size:24px; color:var(--red); position:relative;  padding-left:16px; }
.index_box_i .title h2:after{ position:absolute; content: ""; left:0px; top:50%;transform:translateY(-50%); height:20px; width:4px; background:var(--red); border-radius:3px; }
.index_box_i .title .more{}
.index_box_i .title .more a{ color:#666; font-size:16px; }
.index_box_i .title .more a:hover{ color:var(--red); }
.index_box_i .content ul{display: grid; grid-template-columns: repeat(6, 1fr); grid-gap:30px;}
.index_box_i .content ul li{border:#e6e6e6 solid 1px; border-radius:4px; text-align: center;display: flex; align-items: center; padding: 10px;}
.index_box_i .content ul li a{display:block; aspect-ratio: 6/2; width:100%; overflow:hidden;}
.index_box_i .content ul li a img{ width:100%; object-fit:cover; height:100%; margin:0 auto; }


.minibanner{ padding-top:40px;  padding-bottom:40px; background:#fff; }
.minibanner .pagewidth{ display:flex; justify-content:space-between; }	
.minibanner .pagewidth .left{ width:calc(70% - 40px); height: 160px; border-radius: 4px; overflow: hidden;}
.minibanner .pagewidth .right{ width:30%; height: 160px; border-radius: 4px; overflow: hidden; }
.minibanner .pagewidth .left img{width: 100%; height: 100%; object-fit: cover;}
.minibanner .pagewidth .right img{width: 100%; height: 100%; object-fit: cover;}







.html{ font-size:18px; line-height:30px; color:#333; }
.html p{ margin-bottom:22px;font-size:18px;  line-height:30px;  }
.html h1,.html h2,.html h3,.html h4,.html h5,.html h6{ margin-bottom:17px; }
.html img{ max-width:100%; height: auto!important; margin-bottom:0px; margin-top:0px; display:inline-block; }

.detailbanner{ position:relative;  }
.detailbanner .pagewidth{ position:relative; width: 100%;  position:relative; height:280px;  }
.detailbanner:after{ position: absolute; content: ""; height: 40px; width: 80%; left: 0px; bottom: 0px; z-index: 2; background: linear-gradient(90deg, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0)); opacity:0.7 }
.detailbanner img.bg{ height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 1; opacity: 1}
.detailbanner .crumbs{ position: absolute; height: 40px; line-height: 40px; left: 20px; bottom: 0px; z-index: 3; color:#fff; font-size: 14px; }
.detailbanner .crumbs span{}
.detailbanner .crumbs a{ color:#fff; }
.detailbanner .crumbs span:last-child i{display: none;}

.detailmenu{ position: relative; z-index: 1;background: #fff; padding-top: 20px;} 
.detailmenu .pagewidth{width: auto;}
.detailmenu ul{display: flex; justify-content: left;border-bottom: var(--red) solid 2px; padding-left:20px; padding-right:20px; }
.detailmenu ul li{ }
.detailmenu ul li a{ display:block;height:50px; padding-left: 30px; padding-right: 30px; line-height:50px; font-size:16px; color:#333;  }
.detailmenu ul li a.active{font-weight: 500;background: var(--red); color:#fff;}
.detailmenu ul li a:hover{  color:#000; }
.detailmenu ul li a.active:hover{  color:#fff; }

 
.list_introduction_1{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_introduction_1 .title{ font-size:32px; margin-bottom: 20px; text-align:center; color:#111; font-weight:500; }
.list_introduction_1 .content{display: flex; justify-content: space-between;}
.list_introduction_1 .content .html{width: 66%;}
.list_introduction_1 .content .logor{width: 20%; padding-right: 5%;}
.list_introduction_1 .content .logor img{width: 100%;}
.list_introduction_2{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_introduction_2 .title{ font-size:32px; margin-bottom: 20px; text-align:center; color:#111; font-weight:500; }

.list_rules{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_rules .title{ font-size:32px; margin-bottom: 20px; text-align:center; color:#111; font-weight:500; }
.list_rules .content .html{width: 100%;}
.list_memorabilia{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_memorabilia .title{ font-size:32px; margin-bottom: 20px; text-align:center; color:#111; font-weight:500; }
.list_memorabilia .item{display: flex; justify-content: space-between; padding-top: 20px;  padding-bottom:20px }
.list_memorabilia .item:hover{ background:#f1f1f1; }
.list_memorabilia .time{width: 200px; padding-left: 100px; font-size: 22px; text-align:right; font-weight:500; }
.list_memorabilia .info{ width: calc(100% - 500px); padding-right: 150px;font-size:17px; line-height:1.8em; color:#222;}



.list_organization{ padding-top: 30px; padding-bottom:30px;display: flex; justify-content: space-between;}
.list_organization .side{width: calc(15% - 60px); background: #fff; padding: 30px;}
.list_organization .side ul {position: -webkit-sticky; position: sticky;top:30px;}
.list_organization .side ul li { margin-bottom:12px; }
.list_organization .side ul li a{ transition-duration: 0.2s; display:block; height:48px; line-height:48px; text-align:center; font-size:16px; background:#f9f9f9;color:#555; }
.list_organization .side ul li a:hover{background: #f1f1f1;}
.list_organization .side ul li a.active{background: var(--red); color: #fff;}
.list_organization .content{width: calc(85% - 90px);background: #fff; padding: 30px;}
.list_organization .content .title{font-size: 24px; color: #111; font-weight: 500; margin-bottom: 20px; padding-bottom: 12px; border-bottom: #ddd solid 1px;}
.list_organization .content .list{display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 20px; margin-bottom:50px;}
.list_organization .content .list .item .img{ border:#ddd solid 1px;aspect-ratio: 5/7; margin-bottom: 10px; overflow: hidden;}
.list_organization .content .list .item .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.0); transition-duration: 0.3s;}
.list_organization .content .list .item:hover .img img{ transform: scale(1.1);}
.list_organization .content .list .item h3{font-size: 16px;font-weight: normal; text-align: center;}
.list_organization .content .tab-group{ margin-bottom:50px; }
.list_organization .content .tab-list {margin-bottom: 20px; display: flex; justify-content: left;}
.list_organization .content .tab-list li{ width:auto; cursor:pointer; color:#222; padding:4px 10px; border-radius:3px;   }
.list_organization .content .tab-list li.active{background: var(--red);color:#fff;}
.list_organization .content .tab-content{display: none;}
.list_organization .content .tab-content.active {display: block; }
.list_organization .content .sublist{display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 20px; margin-bottom: 30px;}
.list_organization .content .sublist .item .img{ border:#ddd solid 1px;aspect-ratio: 5/7; margin-bottom: 10px; overflow: hidden;}
.list_organization .content .sublist .item .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.0); transition-duration: 0.3s;}
.list_organization .content .sublist .item:hover .img img{ transform: scale(1.1);}
.list_organization .content .sublist .item h3{font-size: 16px;font-weight: normal; text-align: center;}


.show_organization{ padding-top: 30px; padding-bottom:30px;display: flex; justify-content: space-between;}
.show_organization .side{width: calc(15% - 60px); background: #fff; padding: 30px;}
.show_organization .side ul {position: -webkit-sticky; position: sticky;top:30px;}
.show_organization .side ul li { margin-bottom:12px; }
.show_organization .side ul li a{ transition-duration: 0.2s; display:block; height:48px; line-height:48px; text-align:center; font-size:16px; background:#f9f9f9;color:#555; }
.show_organization .side ul li a:hover{background: #f1f1f1;}
.show_organization .side ul li a.active{background: var(--red); color: #fff;}
.show_organization .content{width: calc(85% - 90px);background: #fff; padding: 30px;}
.show_organization .content .title{font-size: 24px; color: #111; font-weight: 500; margin-bottom: 20px; padding-bottom: 12px; border-bottom: #ddd solid 1px;}
.show_organization .content .content{}

.show_organization .content .row {display: flex; justify-content:space-between; }
.show_organization .content .row .info{width: 200px; }
.show_organization .content .row .info .photo{width: 200px; border:#ececec solid 4px; height: 200px; margin: 0 auto; overflow: hidden; border-radius: 50%; margin-bottom: 10px;}
.show_organization .content .row .info .photo img{width: 100%; height: 100%; object-fit: cover; object-position: top;}
.show_organization .content .row .info .name{ text-align:center; font-size:18px;margin-bottom:20px;}
.show_organization .content .row .html{ width:calc(100% - 270px); }




.list_news{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_news .pagewidth{display: flex; justify-content: space-between;}
.list_news .content{ width:68%; }
.list_news .side{ width:28%; }
.list_news .content .item{ display:flex; justify-content:space-between; margin-bottom:30px; }
.list_news .content .item .img{width: 300px;aspect-ratio: 16/10;  border-radius:4px; overflow: hidden; transform: rotate(0deg);}
.list_news .content .item .img img{width: 100%; height: 100%; object-fit: cover; transition-duration:0.3s;}
.list_news .content .item .info{width: calc(100% - 330px);}
.list_news .content .item h2{color:#111;line-height:1.4em; margin-bottom:10px;font-size: 24px;}
.list_news .content .item h2 a{color:#111;line-height:1.4em;}
.list_news .content .item h2 a:hover{color:var(--red);line-height:1.4em;}
.list_news .content .item .time{font-size: 16px; color: var(--red); font-weight: 500; margin-bottom: 10px;}
.list_news .content .item p{font-size: 16px;line-height: 1.6em; color: #666;display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}
.list_news .content .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1);}
.list_news .side .title{font-size: 24px; padding-bottom: 10px; border-bottom: #ddd solid 1px; margin-bottom: 12px;}
.list_news .side .list .item {display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;}
.list_news .side .list .item h4{width: 72%;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.list_news .side .list .item h4 a{ color:#333; font-size:16px; }
.list_news .side .list .item h4 a:hover{ color:var(--red); }
.list_news .side .list .item span{ width:25%; text-align: right; font-size:14px; color:#999; }
.list_news .side .list{ margin-bottom:40px; }


    
    

.show_news{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.show_news .pagewidth{display: flex; justify-content: space-between;}
.show_news .content{ width:68%; }
.show_news .side{ width:28%; }
.show_news .content .info{}
.show_news .content .info .data{ color: #999; padding-top: 10px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #ddd solid 1px;}
.show_news .content .info h2{font-size: 40px; font-weight: 400; margin-bottom: 10px; color: #222; line-height: 1.2em}
.show_news .content .back{ text-align:center; padding-top:20px; }
.show_news .content .back a{color: var(--red); font-size: 16px;}
.show_news .side .title{font-size: 24px; padding-bottom: 10px; border-bottom: #ddd solid 1px; margin-bottom: 12px;}
.show_news .side .list .item {display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;}
.show_news .side .list .item h4{width: 72%;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.show_news .side .list .item h4 a{ color:#333; font-size:16px; }
.show_news .side .list .item h4 a:hover{ color:var(--red); }
.show_news .side .list .item span{ width:25%; text-align: right; font-size:14px; color:#999; }
.show_news .side .list{ margin-bottom:40px; }

.list_futurestar{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_futurestar .article-list {display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 30px; width: 100%}
.list_futurestar .article-list .item{ width:100%; overflow:hidden; }
.list_futurestar .article-list .item .img{width: 100%;aspect-ratio: 1;border-radius:4px; overflow: hidden; transform: rotate(0deg); margin-bottom:15px; }
.list_futurestar .article-list .item .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.0); transition-duration:0.3s;}
.list_futurestar .article-list .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); }
.list_futurestar .article-list .item .name{color:#111;line-height:1.4em;font-size: 16px; text-align: center;}


.show_futurestar{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.show_futurestar .pagewidth{display: flex; justify-content: space-between;}
.show_futurestar .content{ width:68%; }
.show_futurestar .side{ width:28%; }
.show_futurestar .content .info{}

.show_futurestar .info .data{ color: #999; padding-top: 10px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #ddd solid 1px;}
.show_futurestar .info h2{font-size: 40px; font-weight: 400; margin-bottom: 10px; color: #222; line-height: 1.2em}
.show_futurestar .back{ text-align:center; padding-top:20px; }
.show_futurestar .back a{color: var(--red); font-size: 16px;}
.show_futurestar .side .title{font-size: 24px; padding-bottom: 10px; border-bottom: #ddd solid 1px; }
.show_futurestar .side .list {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; width: 100%; padding-top: 20px;}
.show_futurestar .side .list .item{ width:100%; overflow:hidden; }
.show_futurestar .side .list .item .img{width: 100%;aspect-ratio: 1;border-radius:4px; overflow: hidden; transform: rotate(0deg); margin-bottom:15px; }
.show_futurestar .side .list .item .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.0); transition-duration:0.3s;}
.show_futurestar .side .list .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); }
.show_futurestar .side .list .item .name{color:#111;line-height:1.4em;font-size: 16px; text-align: center;}

.show_artist_work{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.show_artist_work .pagewidth{display: flex; justify-content: space-between;}
.show_artist_work .info .data{ color: #999; padding-top: 10px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #ddd solid 1px;}
.show_artist_work .info h2{font-size: 24px; font-weight: 400; margin-bottom: 10px; color: #222; line-height: 1.2em}



.list_video{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_video .article-list {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px}
.list_video .article-list .item{ }
.list_video .article-list .item .img{width: 100%;aspect-ratio: 16/10;  border-radius:4px; overflow: hidden; transform: rotate(0deg); margin-bottom:15px; }
.list_video .article-list .item .img img{width: 100%; height: 100%; object-fit: cover; transition-duration:0.3s;}
.list_video .article-list .item .info{width: 100%}
.list_video .article-list .item h2{color:#111;line-height:1.4em; margin-bottom:10px;font-size: 18px;}
.list_video .article-list .item h2 a{color:#111;line-height:1.4em; }
.list_video .article-list .item .time{font-size: 14px; color: var(--red); font-weight: 500; margin-bottom: 0px;}
.list_video .article-list .item p{font-size: 16px;line-height: 1.8em; color: #666;}
.list_video .article-list .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1);}


.show_video{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.show_video .pagewidth{display: flex; justify-content: space-between;}
.show_video .content{ width:68%; }
.show_video .side{ width:28%; }
.show_video .content .info{}
.show_video .content .info .data{ color: #999; padding-top: 10px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #ddd solid 1px;}
.show_video .content .info h2{font-size: 40px; font-weight: 400; margin-bottom: 10px; color: #222; line-height: 1.2em}
.show_video .content .back{ text-align:center; padding-top:20px; }
.show_video .content .back a{color: var(--red); font-size: 16px;}
.show_video .side .title{font-size: 24px; padding-bottom: 10px; border-bottom: #ddd solid 1px; margin-bottom: 12px;}
.show_video .side .list .item {display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;}
.show_video .side .list .item h4{width: 72%;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.show_video .side .list .item h4 a{ color:#333; font-size:16px; }
.show_video .side .list .item h4 a:hover{ color:var(--red); }
.show_video .side .list .item span{ width:25%; text-align: right; font-size:14px; color:#999; }
.show_video .side .list{ margin-bottom:40px; }

    

.filter{ padding-top:30px;background:#fff; }
.filter .tabs-group{display: flex; justify-content: space-between;border-bottom: #ddd solid 1px; padding-bottom: 15px; padding-top: 15px;}
.filter .tabs-group .title{width: 60px; padding-top: 4px;}

.filter .tabs-group .content{width: calc(100% - 60px);  display: flex; justify-content:left;grid-gap:6px 10px ; flex-wrap: wrap;}
.filter .tabs-group .content li a{ color:#222; }
.filter .tabs-group .content li {  padding:4px 10px; border-radius:3px; }

.filter .tabs-group .content li.active{background: var(--red);}
.filter .tabs-group .content li.active a{ color:#fff; }

.filter .panel-title{ padding-bottom:15px;  display:flex; justify-content:space-between; align-items:center; border-bottom:#111 solid 3px; }
.filter .panel-title h3{font-size: 24px;}
.filter .panel-title .checkbox-inline{display: flex; justify-content:right; align-items: center;}
.filter .panel-title .checkbox-inline .pull-left{ margin-right:6px; }
.filter .panel-title .checkbox-inline span{font-size: 14px;}




.list_artist{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_artist .article-list {display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 30px; width: 100%}
.list_artist .article-list .item{ width:100%; overflow:hidden; }
.list_artist .article-list .item .img{width: 100%;aspect-ratio: 10/13;border-radius:4px; overflow: hidden; transform: rotate(0deg); margin-bottom:15px; }
.list_artist .article-list .item .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.0); transition-duration:0.3s;}
.list_artist .article-list .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); }
.list_artist .article-list .item .name{color:#111;line-height:1.4em;font-size: 16px; text-align: center;}

.show_artist{ padding-top:30px; padding-bottom:50px; }
.show_artist{display: flex; justify-content:space-between; }
.show_artist .info{width: calc(24% - 60px); background: #fff; padding: 30px; box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.05);}
.show_artist .info .photo{width: 150px; border:#ececec solid 4px; height: 150px; margin: 0 auto; overflow: hidden; border-radius: 50%; margin-bottom: 10px;}
.show_artist .info .name{ text-align:center; font-size:24px;margin-bottom:20px;}
.show_artist .info .add{border-top:#ddd solid 1px; font-size:15px; color:#333; padding-top:20px; margin-bottom:5px; }
.show_artist .info .url{border-bottom:#ddd solid 1px; padding-bottom:20px; margin-bottom:20px; font-size:15px; color:var(--red); }
.show_artist .info h4{font-size: 18px; margin-bottom:6px;}
.show_artist .info .description{font-size: 15px;  line-height: 1.6em; color: #666; text-align: justify; margin-bottom: 24px;}
.show_artist .photo img{width: 100%;height: 100%; object-fit: cover;object-position: top;}
.show_artist .content{width: calc(76% - 90px);background: #fff; padding: 30px; box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.05);}
.show_artist .content .layui-tab-title{display: flex; justify-content: left;border-bottom: var(--red) solid 2px; margin-bottom:10px;}
.show_artist .content .layui-tab-title li{ cursor: pointer; display:block;height:auto!important; padding-left: 40px; padding-right: 40px; line-height:44px; font-size:16px; color:#333;  }
.show_artist .content .layui-tab-title li.layui-this{font-weight: 500;background: var(--red); color:#fff;}
.show_artist .content .layui-tab-title li:hover{  color:#000; }

.show_artist .content .layui-tab-title .layui-this:after{display: none!important;}
.show_artist .content .layui-tab .layui-tab-title:after{display: none;}
.show_artist .content .layui-tab-title li.layui-this:hover{  color:#fff; }
.show_artist .content .work-list{ display:grid; grid-template-columns:repeat(3, 1fr);  grid-gap: 20px;}
.show_artist .content .work-list li{}
.show_artist .content .work-list li .img{aspect-ratio: 1;display: flex; justify-content: center; align-items: center; background:#ececec }
.show_artist .content .work-list li .img img{ width: 100%; height: 100%; object-fit: contain;}
.show_artist .content .work-list li h5{font-size: 17px; color: #333; text-align: center; padding-bottom: 20px;padding-top: 10px;}
.show_artist .content .arclist-list li{ margin-bottom:10px; }
.show_artist .content .arclist-list li a{font-size: 17px; color: #333; text-align: left; padding-bottom: 20px;padding-top: 10px;}
.show_artist .content .arclist-list li a:hover{ color:var(--red); }


.list_collect{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_collect .article-list {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px}
.list_collect .article-list .item{ }
.list_collect .article-list .item .img{width: 100%;aspect-ratio: 16/10;  border-radius:4px; overflow: hidden; transform: rotate(0deg); margin-bottom:15px; }
.list_collect .article-list .item .img img{width: 100%; height: 100%; object-fit: cover; transition-duration:0.3s;}
.list_collect .article-list .item .info{width: 100%}
.list_collect .article-list .item h2{color:#111;line-height:1.4em; margin-bottom:10px;font-size: 18px;}
.list_collect .article-list .item h2 a{color:#111;line-height:1.4em; }
.list_collect .article-list .item .time{font-size: 14px; color: var(--red); font-weight: 500; margin-bottom: 0px;}
.list_collect .article-list .item p{font-size: 16px;line-height: 1.8em; color: #666;}
.list_collect .article-list .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1);}

.list_exhibition{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_exhibition .article-list .item{ display:flex; justify-content:space-between; margin-bottom:30px; }
.list_exhibition .article-list .item .img{width: 300px;aspect-ratio: 16/10;  border-radius:4px; overflow: hidden; transform: rotate(0deg);}
.list_exhibition .article-list .item .img img{width: 100%; height: 100%; object-fit: cover; transition-duration:0.3s;}
.list_exhibition .article-list .item .info{width: calc(100% - 330px);}
.list_exhibition .article-list .item h2{color:#111;line-height:1.4em; margin-bottom:10px;font-size: 24px;}
.list_exhibition .article-list .item h2 a{color:#111;line-height:1.4em;}
.list_exhibition .article-list .item .time{font-size: 16px; color: var(--red); font-weight: 500; margin-bottom: 10px;}
.list_exhibition .article-list .item p{font-size: 16px;line-height: 1.6em; color: #666;display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}
.list_exhibition .article-list .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1);}

    


.list_guide{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_guide .title{ font-size:32px; margin-bottom: 20px; text-align:center; color:#111; font-weight:500; }
.list_guide .content{display: flex; justify-content: space-between;}
.list_guide .content .html{width: 66%;}
.list_guide .content .logor{width: 20%; padding-right: 5%;}
.list_guide .content .logor img{width: 100%;}



.list_message{background: #f6f7f8;}
.list_message .title { position:relative; margin-bottom:20px; }
.list_message .title h2{font-size:36px; color:#111; line-height:50px; }
.list_message .title h3{ line-height: 1em; position: absolute; left: 0px; top: -20px; font-size:60px; color:rgba(0, 0, 0, 0.05); font-family: 'Barlow'; font-weight: bold; text-transform:uppercase; }
.list_message .three{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}
.layui-form-label{color: #333;font-size: 15px; display: block!important; float: none!important; text-align: left!important; padding-left: 0!important} 
.layui-input-block{ margin-left:0!important; }
.layui-btn-lg{background: var(--red)!important; color: #fff; padding-top: 18px!important; padding-bottom: 18px!important; height: auto!important; line-height: 1em!important; width: 300px;}













































@media screen and (max-width: 1920px) {

}
@media screen and (max-width: 1600px) {




}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 480px) {
.padding{ padding-top:80px; padding-bottom:80px; }
.padding-bottom-80{ padding-bottom:80px;}
.padding-top-0{ padding-top:0; }
.swiper{--swiper-theme-color:  var(--red);/* 设置Swiper风格 */--swiper-navigation-color: #172259;/* 单独设置按钮颜色 */--swiper-navigation-size: 24px;/* 设置按钮大小 */}

html{height: 100%;}
.index_banner {position: relative;width: 100%;background: #fff;}
.index_banner .swiper{ }
.index_banner .swiper-slide{ height:200px;  }
.index_banner .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.index_banner .swiper-pagination{ bottom:10px!important; }
.index_banner .swiper-pagination .swiper-pagination-bullet {border-radius: 0; height:2px; width:30px; transition-duration: 0.2s; background:rgba(255, 255, 255, 0.7); opacity:1; }
.index_banner .swiper-pagination .swiper-pagination-bullet-active{background: var(--red);}

.index_news,
.index_box_a,
.index_box_b,
.index_box_c,
.index_box_d,
.index_box_e,
.index_box_f,
.index_box_g,
.index_box_h,
.index_box_i{background: #fff;}

.index_news{ padding-top:0px; }
.index_news .pagewidth{display:block; justify-content: space-between; align-items: center; background: var(--red); padding-top: 15px; padding-bottom: 15px;}
.index_news .title{border-radius: 0px; height:auto; line-height: 1.4em; background: none; color: #fff;font-size: 14px; width:auto; text-align: left;  margin-bottom:8px;}
.index_news .content{height: auto; line-height:1.6em;background:none;  padding: 0px; width: auto;  color: #fff;font-size: 16px;display: block; justify-content: left; align-items: center;}
.index_news .content a { margin-right:0px; font-size: 16px; color: #fff; font-weight:500; }
.index_news .content a:hover{ color:#fff; }
.index_news .content span {font-size: 14px; color: #fff; display: block;}
.index_news .more{ display: none;}



.index_box_d{ padding-top:40px; }
.index_box_d .title{ line-height: 54px;display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom:0px; border-bottom: #ddd solid 1px;}
.index_box_d .title h2{ font-size:24px; color:var(--red); position:relative;  padding-left:16px; }
.index_box_d .title h2:after{ position:absolute; content: ""; left:0px; top:50%;transform:translateY(-50%); height:20px; width:4px; background:var(--red); border-radius:3px; }
.index_box_d .title .more{}
.index_box_d .title .more a{ color:#666; font-size:16px; }
.index_box_d .title .more a:hover{ color:var(--red); }


.index_main .title{ line-height: 54px;display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom:0px; border-bottom: #ddd solid 1px;}
.index_main .title h2{ font-size:24px; color:var(--red); position:relative;  padding-left:16px; }
.index_main .title h2:after{ position:absolute; content: ""; left:0px; top:50%;transform:translateY(-50%); height:20px; width:4px; background:var(--red); border-radius:3px; }
.index_main .title .more{}
.index_main .title .more a{ color:#666; font-size:16px; }
.index_main .title .more a:hover{ color:var(--red); }


.index_main{ background:#fff; }
.index_main .pagewidth{display: block; justify-content: space-between;}
.index_main .pagewidth .main{ width:100%;}
.index_main .pagewidth .main .news{ padding-top:40px; }
.index_main .pagewidth .main .news .swiper .swiper-slide{display: block; justify-content: space-between;}
.index_main .pagewidth .main .news .swiper .swiper-slide .img{ width: 100%;border-radius: 4px 0px 0px 4px; overflow:hidden; }
.index_main .pagewidth .main .news .swiper .swiper-slide .img a{ width: 100%; aspect-ratio: 16/10; display: block;}
.index_main .pagewidth .main .news .swiper .swiper-slide .img a img{ width:100%; height:100%; object-fit:cover; }
.index_main .pagewidth .main .news .swiper .swiper-slide .info{ width:100%; overflow:hidden; background: #f0f0f0;border-radius:  0px 4px 4px 0px; display: flex; align-items: center;}
.index_main .pagewidth .main .news .swiper .swiper-slide .info .box{  padding:25px;  }
.index_main .pagewidth .main .news .swiper .swiper-slide .info .box h3{line-height: 1.4em; text-align: justify; margin-bottom:10px;display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}
.index_main .pagewidth .main .news .swiper .swiper-slide .info .box h3 a{font-size: 18px; color: #222; line-height: 1.4em;}
.index_main .pagewidth .main .news .swiper .swiper-slide .info .box .date{ text-align:left; font-size: 16px; color: #666;}
.index_main .pagewidth .main .news .swiper .swiper-button-prev{ top: 47%!important; background:rgba(0, 0, 0, 0.2); background:var(--red); height:32px; width:32px; border-radius:32px; text-align:center; color:#fff; }
.index_main .pagewidth .main .news .swiper .swiper-button-prev:after{font-size: 12px;}
.index_main .pagewidth .main .news .swiper .swiper-button-next{ top: 47%!important; background:rgba(0, 0, 0, 0.2); background:var(--red); height:32px; width:32px; border-radius:32px; text-align:center; color:#fff; }
.index_main .pagewidth .main .news .swiper .swiper-button-next:after{font-size: 12px;}
.index_main .pagewidth .main .news .swiper .swiper-pagination{bottom: 25px; right: 25px!important; width: auto!important; text-align:right!important; }
.index_main .pagewidth .main .news .list{ padding-top:14px; }
.index_main .pagewidth .main .news .list ul{display: grid; grid-template-columns: repeat(1, 1fr); grid-gap:0px 20px}
.index_main .pagewidth .main .news .list ul li{border-bottom: #e6e6e6 solid 1px; height: 56px; line-height: 56px; font-size: 16px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.index_main .pagewidth .main .news .list ul li a{ color:#333; }
.index_main .pagewidth .main .news .list ul li a:hover{ color:var(--red); }
.index_main .pagewidth .main .news .list ul li:nth-last-child(1){ border-bottom:none; margin-bottom:0; }
.index_main .pagewidth .main .news .list ul li:nth-last-child(2){ border-bottom:none; margin-bottom:0; }

.index_main .pagewidth .side{ width:100%; }
.index_main .pagewidth .side .video{ padding-top:40px;}
.index_main .pagewidth .side .video .content{ overflow:hidden;border-radius:4px; }
.index_main .pagewidth .side .artisthot{ padding-top:40px; }
.index_main .pagewidth .side .artisthot .content{display: grid; grid-template-columns: repeat(5, 1fr); grid-gap:15px 20px;}
.index_main .pagewidth .side .artisthot .content .item .img{ overflow: hidden; width: 100%; aspect-ratio: 1; border-radius: 50%; margin:0 auto; margin-bottom: 10px;}
.index_main .pagewidth .side .artisthot .content .item .img img{width: 100%; height: 100%; object-fit: cover;object-position: top;}
.index_main .pagewidth .side .artisthot .content .item .name{font-size: 16px; text-align: center;}
.index_main .pagewidth .side .artisthot .content .item:nth-last-child(1){display: none;}
.index_main .pagewidth .side .artisthot .content .item:nth-last-child(2){display: none;}
.index_main .pagewidth .side .artisthot .content .item:nth-last-child(3){display: none;}
.index_main .pagewidth .side .artisthot .content .item:nth-last-child(4){display: none;}
.index_main .pagewidth .side .artisthot .content .item:nth-last-child(5){display: none;}
.index_main .pagewidth .side .artisthot .content .item:nth-last-child(6){display: none;}
.index_main .pagewidth .side .artisthot .content .item:nth-last-child(7){display: none;}
.index_main .pagewidth .side .artisthot .content .item:nth-last-child(8){display: none;}
.index_main .pagewidth .side .artisthot .content .item:nth-last-child(9){display: none;}
.index_main .pagewidth .side .artisthot .content .item:nth-last-child(10){display: none;}


.index_main .pagewidth .side .star{ padding-top:40px;}
.index_main .pagewidth .side .star .content{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px 20px;}
.index_main .pagewidth .side .star .content .item .img{ width:100%;aspect-ratio: 1; margin-bottom:10px; overflow:hidden;border-radius: 4px;  }
.index_main .pagewidth .side .star .content .item .img img{ width:100%; height:100%; object-fit:cover; }
.index_main .pagewidth .side .star .content .item .name{font-size: 16px; text-align: center;}

.index_main .pagewidth .side .vipnews{ padding-top:40px;}
.index_main .pagewidth .side .vipnews .title{ margin-bottom:0; }
.index_main .pagewidth .side .vipnews .list ul{}
.index_main .pagewidth .side .vipnews .list ul li{border-bottom: #e6e6e6 solid 1px; height: 56px; line-height: 56px; font-size: 16px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.index_main .pagewidth .side .vipnews .list ul li a{ color:#333; }
.index_main .pagewidth .side .vipnews .list ul li a:hover{ color:var(--red); }



.minibanner{ padding-top:40px;  padding-bottom:40px; background:#fff; }
.minibanner .pagewidth{ display:flex; justify-content:space-between; }	
.minibanner .pagewidth .left{ width:calc(70% - 40px); height: 160px; border-radius: 4px; overflow: hidden;}
.minibanner .pagewidth .right{ width:30%; height: 160px; border-radius: 4px; overflow: hidden; }
.minibanner .pagewidth .left img{width: 100%; height: 100%; object-fit: cover;}
.minibanner .pagewidth .right img{width: 100%; height: 100%; object-fit: cover;}







.html{ font-size:18px; line-height:30px; color:#333; }
.html p{ margin-bottom:22px;font-size:17px;  line-height:30px;  }
.html h1,.html h2,.html h3,.html h4,.html h5,.html h6{ margin-bottom:17px; }
.html img{ max-width:100%; height: auto!important; margin-bottom:10px; margin-top:10px; display:inline-block; }

.detailbanner{ position:relative;  overflow:hidden; }
.detailbanner .pagewidth{ position:relative; width: 100%;  position:relative; height:90px;  }
.detailbanner:after{ position: absolute; content: ""; height: 40px; width: 80%; left: 0px; bottom: 0px; z-index: 2; background: linear-gradient(90deg, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0)); opacity:0.7 }
.detailbanner img.bg{ height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 1; opacity: 1}
.detailbanner .crumbs{ overflow: hidden; position: absolute; height: 40px; line-height: 40px; left: 20px; bottom: 0px; z-index: 3; color:#fff; font-size: 12px; }
.detailbanner .crumbs span{}
.detailbanner .crumbs a{ color:#fff; }
.detailbanner .crumbs span:last-child i{display: none;}

.detailmenu{ display:none; }

 
.list_introduction_1{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_introduction_1 .title{ font-size:32px; margin-bottom: 20px; text-align:center; color:#111; font-weight:500; }
.list_introduction_1 .content{display: block; justify-content: space-between;}
.list_introduction_1 .content .html{width: 100%;}
.list_introduction_1 .content .logo{display: none;}
.list_introduction_2{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_introduction_2 .title{ font-size:32px; margin-bottom: 20px; text-align:center; color:#111; font-weight:500; }

.list_rules{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_rules .title{ font-size:32px; margin-bottom: 20px; text-align:center; color:#111; font-weight:500; }
.list_rules .content .html{width: 100%;}
.list_memorabilia{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_memorabilia .title{ font-size:32px; margin-bottom: 20px; text-align:center; color:#111; font-weight:500; }
.list_memorabilia .item{display: block; justify-content: space-between; padding:0px; margin-bottom:20px; border-bottom:#ddd solid 1px; padding-bottom:20px; }
.list_memorabilia .item:hover{ background:#fff; }
.list_memorabilia .time{width: 100%; padding-left: 0px; font-size: 20px; text-align:left; font-weight:500; margin-bottom:6px; }
.list_memorabilia .info{ width: 100%; padding-right: 0px;font-size:17px; line-height:30px; color:#222;}



.list_organization{ padding-top: 30px; padding-bottom:30px;display: block; justify-content: space-between;}
.list_organization .side{width: calc(100% - 40px); background: #fff; padding:20px;}
.list_organization .side ul {position: -webkit-sticky; position: sticky;top:30px;}
.list_organization .side ul li { margin-bottom:12px; }
.list_organization .side ul li a{ transition-duration: 0.2s; display:block; height:48px; line-height:48px; text-align:center; font-size:16px; background:#f9f9f9;color:#555; }
.list_organization .side ul li a:hover{background: #f1f1f1;}
.list_organization .side ul li a.active{background: var(--red); color: #fff;}
.list_organization .content{width: calc(100% - 40px);background: #fff; padding: 20px;}
.list_organization .content .title{font-size: 24px; color: #111; font-weight: 500; margin-bottom: 20px; padding-bottom: 12px; border-bottom: #ddd solid 1px;}
.list_organization .content .list{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; margin-bottom:50px;}
.list_organization .content .list .item .img{ border:#ddd solid 1px;aspect-ratio: 5/7; margin-bottom: 10px; overflow: hidden;}
.list_organization .content .list .item .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.0); transition-duration: 0.3s;}
.list_organization .content .list .item:hover .img img{ transform: scale(1.1);}
.list_organization .content .list .item h3{font-size: 16px;font-weight: normal; text-align: center;}
.list_organization .content .tab-group{ margin-bottom:50px; }
.list_organization .content .tab-list {margin-bottom: 20px; display: flex; justify-content: left;align-items: flex-start;}
.list_organization .content .tab-list li{ width:auto; cursor:pointer; color:#222; padding:4px 10px; line-height: 1.2em; width: 40px; text-align: center;border-radius:3px;   }
.list_organization .content .tab-list li.active{background: var(--red);color:#fff;}
.list_organization .content .tab-content{display: none;}
.list_organization .content .tab-content.active {display: block; }
.list_organization .content .sublist{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; margin-bottom: 30px;}
.list_organization .content .sublist .item .img{ border:#ddd solid 1px;aspect-ratio: 5/7; margin-bottom: 10px; overflow: hidden;}
.list_organization .content .sublist .item .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.0); transition-duration: 0.3s;}
.list_organization .content .sublist .item:hover .img img{ transform: scale(1.1);}
.list_organization .content .sublist .item h3{font-size: 16px;font-weight: normal; text-align: center;}


.show_organization{ padding-top: 30px; padding-bottom:30px;display: block; justify-content: space-between;}
.show_organization .side{width: calc(100% - 40px); background: #fff; padding:20px;}
.show_organization .side ul {position: -webkit-sticky; position: sticky;top:30px;}
.show_organization .side ul li { margin-bottom:12px; }
.show_organization .side ul li a{ transition-duration: 0.2s; display:block; height:48px; line-height:48px; text-align:center; font-size:16px; background:#f9f9f9;color:#555; }
.show_organization .side ul li a:hover{background: #f1f1f1;}
.show_organization .side ul li a.active{background: var(--red); color: #fff;}
.show_organization .content{width: calc(100% - 40px);background: #fff; padding: 20px;}
.show_organization .content .title{font-size: 24px; color: #111; font-weight: 500; margin-bottom: 20px; padding-bottom: 12px; border-bottom: #ddd solid 1px;}
.show_organization .content .content{}

.show_organization .content .row {display: block; justify-content:space-between; }
.show_organization .content .row .info{width: 100%; }
.show_organization .content .row .info .photo{width: 160px; border:#ececec solid 4px; height: 160px; margin: 0 auto; overflow: hidden; border-radius: 50%; margin-bottom: 10px;}
.show_organization .content .row .info .photo img{width: 100%; height: 100%; object-fit: cover; object-position: top;}
.show_organization .content .row .info .name{ text-align:center; font-size:24px;margin-bottom:20px; font-weight: bold;}
.show_organization .content .row .html{ width:100%; }




.list_news{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_news .pagewidth{display: block; justify-content: space-between;}
.list_news .content{ width:100%; padding-bottom:50px; }
.list_news .side{ width:100%; }
.list_news .content .item{ display:block; justify-content:space-between; margin-bottom:30px; }
.list_news .content .item .img{width: 100%;aspect-ratio: 16/10;  border-radius:4px; overflow: hidden; transform: rotate(0deg); margin-bottom: 20px;}
.list_news .content .item .img img{width: 100%; height: 100%; object-fit: cover; transition-duration:0.3s;}
.list_news .content .item .info{width: 100%;}
.list_news .content .item h2{color:#111;line-height:1.4em; margin-bottom:10px;font-size: 20px;}
.list_news .content .item h2 a{color:#111;line-height:1.4em;}
.list_news .content .item h2 a:hover{color:var(--red);line-height:1.4em;}
.list_news .content .item .time{font-size: 16px; color: var(--red); font-weight: 500; margin-bottom: 10px;}
.list_news .content .item p{font-size: 16px;line-height: 1.6em; color: #666;display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}
.list_news .content .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1);}
.list_news .side .title{font-size: 24px; padding-bottom: 10px; border-bottom: #ddd solid 1px; margin-bottom: 12px;}
.list_news .side .list .item {display: block; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.list_news .side .list .item h4{width: 100%;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.list_news .side .list .item h4 a{ color:#333; font-size:17px; }
.list_news .side .list .item h4 a:hover{ color:var(--red); }
.list_news .side .list .item span{ width:100%; text-align: left; font-size:14px; color:#999; }
.list_news .side .list{ margin-bottom:40px; }


    
    

.show_news{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.show_news .pagewidth{display: block; justify-content: space-between;}
.show_news .content{ width:100%; padding-bottom: 50px;}
.show_news .side{ width:100%; }
.show_news .content .info{}
.show_news .content .info .data{ color: #999; padding-top: 10px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #ddd solid 1px;}
.show_news .content .info h2{font-size: 32px; font-weight: 400; margin-bottom: 10px; color: #222; line-height: 1.2em}
.show_news .content .back{ text-align:center; padding-top:0px; }
.show_news .content .back a{color: var(--red); font-size: 16px;}
.show_news .side .title{font-size: 24px; padding-bottom: 10px; border-bottom: #ddd solid 1px; margin-bottom: 12px;}
.show_news .side .list .item {display: block; justify-content: space-between; align-items: center; margin-bottom: 12px;}
.show_news .side .list .item h4{width: 100%;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.show_news .side .list .item h4 a{ color:#333; font-size:17px; }
.show_news .side .list .item h4 a:hover{ color:var(--red); }
.show_news .side .list .item span{ width:25%; text-align: right; font-size:14px; color:#999; }
.show_news .side .list{ margin-bottom:40px; }

.list_futurestar{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_futurestar .article-list {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; width: 100%}
.list_futurestar .article-list .item{ width:100%; overflow:hidden; }
.list_futurestar .article-list .item .img{width: 100%;aspect-ratio: 1;border-radius:4px; overflow: hidden; transform: rotate(0deg); margin-bottom:15px; }
.list_futurestar .article-list .item .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.0); transition-duration:0.3s;}
.list_futurestar .article-list .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); }
.list_futurestar .article-list .item .name{color:#111;line-height:1.4em;font-size: 16px; text-align: center;}


.show_futurestar{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.show_futurestar .pagewidth{display: flex; justify-content: space-between;}
.show_futurestar .content{ width:68%; }
.show_futurestar .side{ width:28%; }
.show_futurestar .content .info{}

.show_futurestar .info .data{ color: #999; padding-top: 10px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #ddd solid 1px;}
.show_futurestar .info h2{font-size: 40px; font-weight: 400; margin-bottom: 10px; color: #222; line-height: 1.2em}
.show_futurestar .back{ text-align:center; padding-top:20px; }
.show_futurestar .back a{color: var(--red); font-size: 16px;}
.show_futurestar .side .title{font-size: 24px; padding-bottom: 10px; border-bottom: #ddd solid 1px; }
.show_futurestar .side .list {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; width: 100%; padding-top: 20px;}
.show_futurestar .side .list .item{ width:100%; overflow:hidden; }
.show_futurestar .side .list .item .img{width: 100%;aspect-ratio: 1;border-radius:4px; overflow: hidden; transform: rotate(0deg); margin-bottom:15px; }
.show_futurestar .side .list .item .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.0); transition-duration:0.3s;}
.show_futurestar .side .list .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); }
.show_futurestar .side .list .item .name{color:#111;line-height:1.4em;font-size: 16px; text-align: center;}



.list_video{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_video .article-list {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap:20px}
.list_video .article-list .item{ }
.list_video .article-list .item .img{width: 100%;aspect-ratio: 16/10;  border-radius:4px; overflow: hidden; transform: rotate(0deg); margin-bottom:15px; }
.list_video .article-list .item .img img{width: 100%; height: 100%; object-fit: cover; transition-duration:0.3s;}
.list_video .article-list .item .info{width: 100%}
.list_video .article-list .item h2{color:#111;line-height:1.4em; margin-bottom:10px;font-size: 18px;}
.list_video .article-list .item h2 a{color:#111;line-height:1.4em; }
.list_video .article-list .item .time{font-size: 14px; color: var(--red); font-weight: 500; margin-bottom: 0px;}
.list_video .article-list .item p{font-size: 16px;line-height: 1.8em; color: #666;}
.list_video .article-list .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1);}


.show_video{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.show_video .pagewidth{display: flex; justify-content: space-between;}
.show_video .content{ width:68%; }
.show_video .side{ width:28%; }
.show_video .content .info{}
.show_video .content .info .data{ color: #999; padding-top: 10px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #ddd solid 1px;}
.show_video .content .info h2{font-size: 40px; font-weight: 400; margin-bottom: 10px; color: #222; line-height: 1.2em}
.show_video .content .back{ text-align:center; padding-top:20px; }
.show_video .content .back a{color: var(--red); font-size: 16px;}
.show_video .side .title{font-size: 24px; padding-bottom: 10px; border-bottom: #ddd solid 1px; margin-bottom: 12px;}
.show_video .side .list .item {display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;}
.show_video .side .list .item h4{width: 72%;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.show_video .side .list .item h4 a{ color:#333; font-size:16px; }
.show_video .side .list .item h4 a:hover{ color:var(--red); }
.show_video .side .list .item span{ width:25%; text-align: right; font-size:14px; color:#999; }
.show_video .side .list{ margin-bottom:40px; }

    

.filter{ padding-top:30px;background:#fff; }
.filter .tabs-group{display: block; justify-content: space-between;border-bottom: #ddd solid 1px; padding-bottom: 15px; padding-top: 15px;}
.filter .tabs-group .title{width: 100%; padding-top: 4px; padding-bottom: 10px;}

.filter .tabs-group .content{width: 100%;  display: flex; justify-content:left;grid-gap:6px 10px ; flex-wrap: wrap;}
.filter .tabs-group .content li a{ color:#222; }
.filter .tabs-group .content li {  padding:4px 10px; border-radius:3px; }

.filter .tabs-group .content li.active{background: var(--red);}
.filter .tabs-group .content li.active a{ color:#fff; }

.filter .panel-title{ padding-bottom:15px;  display:flex; justify-content:space-between; align-items:center; border-bottom:#111 solid 3px; }
.filter .panel-title h3{font-size: 24px;}
.filter .panel-title .checkbox-inline{display: flex; justify-content:right; align-items: center;}
.filter .panel-title .checkbox-inline .pull-left{ margin-right:6px; }
.filter .panel-title .checkbox-inline span{font-size: 14px;}




.list_artist{ padding-top: 30px; padding-bottom:50px; background:#fff; }
.list_artist .article-list {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; width: 100%}
.list_artist .article-list .item{ width:100%; overflow:hidden; }
.list_artist .article-list .item .img{width: 100%;aspect-ratio: 10/13;border-radius:4px; overflow: hidden; transform: rotate(0deg); margin-bottom:15px; }
.list_artist .article-list .item .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.0); transition-duration:0.3s;}
.list_artist .article-list .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); }
.list_artist .article-list .item .name{color:#111;line-height:1.4em;font-size: 16px; text-align: center;}

.show_artist{ padding-top:30px; padding-bottom:50px; }
.show_artist{display: block; justify-content:space-between; }
.show_artist .info{width: calc(100% - 40px); background: #fff; padding: 20px; box-shadow: 0px 5px 50px rgba(0, 0, 0, 0);}
.show_artist .info .photo{width: 150px; border:#ececec solid 4px; height: 150px; margin: 0 auto; overflow: hidden; border-radius: 50%; margin-bottom: 10px;}
.show_artist .info .name{ text-align:center; font-size:24px;margin-bottom:20px;}
.show_artist .info .add{border-top:#ddd solid 1px; font-size:15px; color:#333; padding-top:20px; margin-bottom:5px; }
.show_artist .info .url{border-bottom:#ddd solid 1px; padding-bottom:20px; margin-bottom:20px; font-size:15px; color:var(--red); }
.show_artist .info h4{font-size: 18px; margin-bottom:6px;}
.show_artist .info .description{font-size: 15px;  line-height: 1.6em; color: #666; text-align: justify; margin-bottom: 24px;}
.show_artist .photo img{width: 100%;height: 100%; object-fit: cover;object-position: top;}
.show_artist .content{width: calc(100% - 40px);background: #fff; padding: 20px; box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.);}
.show_artist .content .layui-tab-title{display: flex; justify-content: left;border-bottom: var(--red) solid 2px; margin-bottom:10px;height:44px; }
.show_artist .content .layui-tab-title li{ cursor: pointer; display:block;height:44px; width: 33.33%; padding-left: 0px; padding-right: 0px; line-height:44px; font-size:16px; color:#333;  }
.show_artist .content .layui-tab-title li.layui-this{font-weight: 500;background: var(--red); color:#fff;}
.show_artist .content .layui-tab-title li:hover{  color:#000; }
.show_artist .content .layui-tab-title .layui-this:after{display: none!important;}
.show_artist .content .layui-tab .layui-tab-title:after{display: none;}

.show_artist .content .layui-tab-title li.layui-this:hover{  color:#fff; }
.show_artist .content .work-list{ display:grid; grid-template-columns:repeat(1, 1fr);  grid-gap: 20px;}
.show_artist .content .work-list li{}
.show_artist .content .work-list li .img{aspect-ratio: 1;display: flex; justify-content: center; align-items: center; background:#ececec }
.show_artist .content .work-list li .img img{ width: 100%; height: 100%; object-fit: contain;}
.show_artist .content .work-list li h5{font-size: 17px; color: #333; text-align: center; padding-bottom: 20px;padding-top: 10px;}
.show_artist .content .arclist-list li{ margin-bottom:10px; }
.show_artist .content .arclist-list li a{font-size: 17px; color: #333; text-align: left; padding-bottom: 20px;padding-top: 10px;}
.show_artist .content .arclist-list li a:hover{ color:var(--red); }


.list_collect{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_collect .article-list {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 30px}
.list_collect .article-list .item{ }
.list_collect .article-list .item .img{width: 100%;aspect-ratio: 16/10;  border-radius:4px; overflow: hidden; transform: rotate(0deg); margin-bottom:15px; }
.list_collect .article-list .item .img img{width: 100%; height: 100%; object-fit: cover; transition-duration:0.3s;}
.list_collect .article-list .item .info{width: 100%}
.list_collect .article-list .item h2{color:#111;line-height:1.4em; margin-bottom:10px;font-size: 18px;}
.list_collect .article-list .item h2 a{color:#111;line-height:1.4em; }
.list_collect .article-list .item .time{font-size: 14px; color: var(--red); font-weight: 500; margin-bottom: 0px;}
.list_collect .article-list .item p{font-size: 16px;line-height: 1.8em; color: #666;}
.list_collect .article-list .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1);}

.list_exhibition{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_exhibition .article-list .item{ display:block; justify-content:space-between; margin-bottom:30px; }
.list_exhibition .article-list .item .img{width: 100%;aspect-ratio: 16/10;  border-radius:4px; overflow: hidden; transform: rotate(0deg); margin-bottom: 20px;}
.list_exhibition .article-list .item .img img{width: 100%; height: 100%; object-fit: cover; transition-duration:0.3s;}
.list_exhibition .article-list .item .info{width: 100%;}
.list_exhibition .article-list .item h2{color:#111;line-height:1.4em; margin-bottom:10px;font-size: 20px;}
.list_exhibition .article-list .item h2 a{color:#111;line-height:1.4em;}
.list_exhibition .article-list .item .time{font-size: 14px; color: var(--red); font-weight: 500; margin-bottom: 10px;}
.list_exhibition .article-list .item p{font-size: 16px;line-height: 1.6em; color: #666;display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}
.list_exhibition .article-list .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1);}

    


.list_guide{ padding-top: 50px; padding-bottom:50px; background:#fff; }
.list_guide .title{ font-size:32px; margin-bottom: 20px; text-align:center; color:#111; font-weight:500; }
.list_guide .content{display: block; justify-content: space-between;}
.list_guide .content .html{width: 100%;}
.list_guide .content .logo{ display: none;}



.list_message{background: #f6f7f8;}
.list_message .title { position:relative; margin-bottom:20px; }
.list_message .title h2{font-size:36px; color:#111; line-height:50px; }
.list_message .title h3{ line-height: 1em; position: absolute; left: 0px; top: -20px; font-size:60px; color:rgba(0, 0, 0, 0.05); font-family: 'Barlow'; font-weight: bold; text-transform:uppercase; }
.list_message .three{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}
.layui-form-label{color: #333;font-size: 15px; display: block!important; float: none!important; text-align: left!important; padding-left: 0!important} 
.layui-input-block{ margin-left:0!important; }
.layui-btn-lg{background: var(--red)!important; color: #fff; padding-top: 18px!important; padding-bottom: 18px!important; height: auto!important; line-height: 1em!important; width: 300px;}


.index_box_h .content{grid-template-columns: repeat(3, 1fr); grid-gap: 15px;}
.index_box_g .pagewidth{display:block;}
.index_box_g .pagewidth .left{width: 100%}
.index_box_g .pagewidth .center{width: 100%}
.index_box_g .pagewidth .right{width: 100%}

.index_box_i .content ul{grid-template-columns: repeat(2, 1fr); grid-gap: 15px;}

}

/*小尺寸手机*/
@media screen and (max-width: 320px) {

}
/*横屏*/
@media all and (orientation : landscape) {} 
/*竖屏*/
@media all and (orientation : portrait){}