* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Microsoft YaHei', sans-serif;
}

body {
    color: #333;
    line-height: 1.6;
}

img{display: block;max-width: 100%}
li{list-style-type: none}
a{text-decoration: none}
input {
  border: none; /* 核心：移除默认边框 */
  outline: none; /* 移除聚焦时的默认外轮廓线（可选，根据需求） */
  box-sizing: border-box; /* 让padding/border计入宽高，避免布局偏移 */
}
/* 主内容区 */
.container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}
@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('iconfont.ttf?t=1769074700004') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xinlangweibo:before {
  content: "\f01af";
}

.icon-play:before {
  content: "\34ad";
}

.icon-calendar:before {
  content: "\e74a";
}

.icon-close:before {
  content: "\e667";
}

.icon-search:before {
  content: "\e6b9";
}

.icon-weixin:before {
  content: "\e893";
}

.icon-payment:before {
  content: "\e613";
}

.icon-cart:before {
  content: "\e60e";
}

.icon-user:before {
  content: "\e623";
}

.icon-qq:before {
  content: "\e6a1";
}

.icon-reorder:before {
  content: "\e90c";
}

.icon-th-large:before {
  content: "\e922";
}

.icon-home:before {
  content: "\e666";
}

.icon-bxs-beer:before {
  content: "\e696";
}

.icon-MAP:before {
  content: "\ea1a";
}

.icon-down:before {
  content: "\e839";
}

.icon-left:before {
  content: "\e83d";
}

.icon-right:before {
  content: "\e840";
}

.icon-up:before {
  content: "\e845";
}










/* 导航栏 */
header{position: relative;z-index: 10}
header .container {height: 64px;display: flex;justify-content: space-between;align-items: center;width:100%;}
header .container .nav{position: relative;}
header .container .nav .icon{width: 16px;height: 16px;background:url(../images/hambeger.png) no-repeat;background-position: center center;cursor: pointer;}
header .container .nav .icon.close{background:url(../images/hambegerclose.png) no-repeat;}
header .container .nav .secongdnav{position: absolute;display: none}
header .container .nav .secongdnav.on{display: block;width:320px;top:40px;}
header .container .nav .secongdnav ul li{list-style-type: none;background-color:#fff;line-height: 36px; }
header .container .nav .secongdnav ul li a{font-size:16px;padding:0px 10px;color: #000;display: flex;justify-content: space-between;}
header .container .nav .secongdnav ul li:hover{background: #d9d9d9;color: #fff}
header .container .nav .secongdnav ul li:hover a{color: #fff}
header .container .logo img{height: 48px;}
header .container .searchbtn .iconfont{font-size: 22px}

/* 轮播图区域 */
.hero {position: relative;width: 100%;overflow: hidden;}
.hero .swiper-slide{height:686px;position: relative;}
.hero .swiper-slide .pic{position: absolute;width: 100%;height:100%;top:50%;left:50%;transform: translate(-50%, -50%);overflow:hidden;display: flex;justify-content: center;align-items:center}
.hero .swiper-slide .pic img{height: 100%;width: auto;max-width: unset;}
.hero-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: white;font-size:46px;letter-spacing: 18px;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
white-space: nowrap;}
.hero .swiper-pagination .swiper-pagination-bullet{opacity:1;border:3px solid #fff;width: 14px;height: 14px;border-radius: 50%;background:rgba(0,0,0,0);}
.hero .swiper-pagination .swiper-pagination-bullet-active{background-color: #fff;}

/* 搜索框 */
.search{padding:2rem 0;}
.search .container form{display: flex;border-radius:30px;border:1px solid #cccccc;overflow:hidden;width: 80%}
.search-input {flex: 1;padding: 0.8rem 1.5rem;font-size: 1rem;border:0;width: 940px;}
.search-btn {width:88px;text-align: center; border-left: none;border-radius: 0 4px 4px 0;background: #cccccc;cursor: pointer;border:0;color: #fff;}
.search-btn .iconfont{font-size: 24px}


.mainbox .container{display: flex;justify-content:space-between;gap:100px;}
.mainsidel{width: 1046px;}
.mainsider{width: 260px}

/* 文章列表 */
.section {
    margin-bottom: 2.5rem;
}

.section-title {
    font-size: 26px;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    padding-bottom:20px;
    margin-bottom:20px;
    color: #333333;
}

.article-list {
    list-style: none;
}

.article-item a {
    padding-bottom:10px;
    display: flex;
    gap:40px;
    color: #999999;
    font-size:16px;
}

.article-date {
    color: #999;
    font-size:16px;
}

.more-btn {
    margin-top: 30px;
    padding: 0rem 1rem;
    border:1px solid #cccccc;
    border-radius: 4px;
    font-size:12px;
    cursor: pointer;
    text-decoration: none;
    color: #cccccc;
    background-color: #fff;
    width: 110px;
    border-radius: 20px;
    margin-bottom: 60px;
    display: flex;justify-content: space-between;align-items: center;
}
.more-btn .icon{font-size:12px; }

.more-btn:hover {

    color: #fff;
    background-color: #cccccc;
   
}



/* 推荐卡片 */
.recommend-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:20px;
}
.recommend-grid4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:50px 20px;
}
.recommend-card {
    
}

.recommend-card img {
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
    
}
.recommend-card h4{
    font-size:16px;
    color: #000
}

.recommend-card p {
    font-size:16px;
    color: #999999;
    font-weight: 200
}


.recommend-card .article-date{margin-top:10px;}
.recommend-grid .imgbox{overflow:hidden;margin-bottom: 20px;}
.recommend-grid .imgbox img{transition: transform 0.3s ease;}
.recommend-grid .imgbox:hover img {transform: scale(1.1);}

/* 右侧边栏 */
.mainsider {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.mainsider-btn {
    padding:20px;
    border: 2px solid #808080;
    border-radius:50px;
    background: white;
    cursor: pointer;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:20px;
    font-size:18px;
    color: #333333
}

.mainsider-box {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.mainsider-box img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}


.mainsider-box:hover img {
transform: scale(1.1);
}

.mainsider-box .text{width: 100%;height:100%;z-index: 1;color: #fff;position: absolute;left:0;top:0;padding:20px;font-size:22px;}
.mainsider-box.justcenter .text{display: flex; flex-direction: column; justify-content: center;align-items: center;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}



/* 页脚 */
.footer {
    background: #f2f2f2;
    padding: 40px 0px 40px 0px;
}
.footer>.container{width: 100%;display: flex;justify-content: space-between; flex-wrap: wrap;gap:20px;}
.footmenus{width: calc(100% - 400px);display: grid;grid-template-columns: repeat(3,1fr);}




.footer-title {
    font-weight: 600;
    margin-bottom:20px;
    color: #333333;
    font-size: 26px;
    height: 38px
}

.footer-links {
    list-style: none;
}

.footer-links li {
    margin-bottom: 0.5rem;
}

.footer-links a {
    color: #999;
    text-decoration: none;
}
.footer-links a:hover{color: #000}
.footer .code{width: 110px;text-align:center;}
.footer .qrcode{width: 110px;text-align:center;padding:5px;background:#fff;}
.footer .qrcode img {width: 100px;height: 100px;}
.footer .qrcode p{text-align:center;}
.copyright{margin-top:40px;}
.copyright .container{

    margin-top: 20px;
    border-top:2px solid #a8a8a8;
    color: #999;
    font-size:16px;
    display: flex;
    gap: 0px 120px;
    padding:20px 20px;
    width: 100%;
    flex-wrap: wrap;
}
.copyright a{color: #999999}



.codetopform{padding:0;margin-bottom:10px}
.codetopform form{display: flex;border-radius:20px;border:1px solid #9c9c9c;overflow:hidden;width:100%}
.codetopform .search-input {padding:0px 10px;font-size:12px;line-height: 16px; border:0;width:auto;color: #9c9c9c;width: calc(100% - 26px);}
.codetopform .search-btn {padding:5px 0px;border-left: none;border-radius: 0;background: #9c9c9c;cursor: pointer;border:0;width: 26px;}
.codetopform .search-btn .iconfont{font-size: 16px;}

.tc-prviacymessage{display:none;z-index: 100;position: relative;}
.tc-prviacymessage .mainbody{background: rgba(0,0,0,0.5);position: fixed;top:0;left:0;width: 100%;height: 100%;display:flex;justify-content: center;align-items: center;}
.tc-prviacymessage .mainbody{display:flex;flex-wrap: wrap;justify-content: center;align-items: center;gap:50px;}
.tc-prviacymessage .mainbody .item a{width: 150px;height: 150px;background-color: #fff;display: flex;justify-content: center;align-items: center;flex-direction:column;border-radius: 50%;}
.tc-prviacymessage .mainbody .item img{margin:0 auto;}
.tc-prviacymessage .mainbody .item p{font-size:20px;color:#333333 }
.tc-prviacymessage .mainbody .item{border-radius:50%;transition: transform 0.3s ease, box-shadow 0.3s ease;
      cursor: pointer;opacity: 0.9;
   }

.tc-prviacymessage .mainbody .item:hover {
   
      transform: translateY(-5px); /* 向上浮动5px */
      /* 阴影放大、加深，模拟“浮起来”的层次感 */
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
      opacity:1;
    }



.tc-prviacy{display:none;z-index: 100;position: relative;}
.tc-prviacy .mainbody{position: fixed;background:#fff;padding:40px;max-width:500px;display:flex;gap:50px;flex-direction: column; justify-content: center;align-items: center;border-radius:10px;top:50%;left:50%;transform: translate(-50%, -50%);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
.tc-prviacy .mainbody h6{font-size:18px;color: #000}
.tc-prviacy .mainbody p{font-size:16px;color: #999999}
.tc-prviacy .mainbody a{color: #000}

.tc-prviacy .mainbody .buttons{display: flex;width:100%;justify-content: center;gap:80px;}





.aboutbox .container{background:url(../images/aboutbg.png) no-repeat center center;padding:110px 100px;background-size:cover;}
.aboutbox h1{font-size: 26px;color: #fff;margin-bottom: 80px;font-weight: 400;padding:10px;}
.aboutbox .container .card{background:rgba(255,255,255,0.9);padding:60px 60px 80px 60px;color: #5d5d5d;display: flex;flex-direction: column;gap:50px;border-radius: 10px}
.aboutbox .container .card h2{font-size: 26px;color: #8c8b8b;}



.contactbox .container{padding:60px 100px 110px 100px;}
.contactbox h1{font-size: 26px;color: #000;margin-bottom: 80px;font-weight: 400;padding:10px;}
.contactbox .container .card{background:#f2f2f2;color: #5d5d5d;display: flex;gap:0px;}


.contactbox .container .card .info{display: flex;justify-content: center;flex-direction: column;padding:0px 150px;gap:30px;}
.contactbox .container .card h2{font-size: 26px;color: #333333;font-weight: 400}
.contactbox .container .card .line{width:100px;height:2px;background: #999999;margin-bottom: 50px}
.contactbox .container .card .txt{display: flex;justify-content: center;flex-direction: column;gap:20px;}
.contactbox .container .card .txt p{display: flex;font-size: 16px;color: #333;line-height: 1}
.contactbox .container .card .txt span{width:70px;text-align: right;}







.sxczzbox .container{background:url(../images/sxczzbg.png) no-repeat center center;padding:60px 120px 120px 120px;background-size:cover;}
.sxczzbox h1{font-size: 26px;color: #fff;margin-bottom:30px;font-weight: 400;padding:10px;}
.sxczzbox .container .card{background:rgba(255,255,255,0.9);padding:60px 60px;color: #5d5d5d;display: flex;flex-direction: column;gap:50px;border-radius: 10px}
.sxczzbox .container .card .tit{font-size:16px;color: #333333;display: flex;justify-content: space-between;border-bottom: 2px solid #e4e4e4;padding-bottom:10px}
.sxczzbox .container .card .txt{display: flex;justify-content:flex-start;gap:10px;}
.sxczzbox .container .card .txt .name{width: 200px;text-align: right;font-size: 16px;color: #333333}
.sxczzbox .container .card .txt .nr{color: #999999;width: calc(100% - 350px);display: flex;flex-direction: column;}
.sxczzbox .container .card .txt .nr p{padding-bottom:10px}
.sxczzbox .container .card .txt textarea{border:1px solid #ccc;background:#fff;padding:10px;height: 200px;color: #999999;margin:20px 0px;width:100%;}
.sxczzbox .container .card .txt button{float:right;background:#b3b3b3;padding:10px 20px;border-radius:20px;border:0;color: #fff;line-height: 1;display:flex;gap:20px;}
.sxczzbox .container .card .txt button .iconfont{font-size: 12px;}

.sxczzbox.art .container{background:url(../images/sxysjbg.png) no-repeat center center;}
.sxczzbox.gyl .container{background:url(../images/sxgylbg.png) no-repeat center center;}


.artbox .container{padding:5% 13%;}
.artbox .container h1{color:#333333;font-size:26px;text-align: center;line-height: 1.5;padding-bottom:10px; }
.artbox .container p.data{color:#999999;font-size: 16px;text-align: center;padding-bottom:20px; }


.artbox .container .card{border-top:2px solid #e3e3e3;padding:20px 0px;display:flex; flex-direction: column; gap:20px;}
.artbox .container .card .box{display:flex;justify-content: space-between;}
.artbox .container .card .box p{width: calc(100% - 460px)}
.artbox .container .card .artpic{width: 440px}



/*! jsModern (css) v1.1.1 | (c) Frank Chao | MIT license */
.jsmodern-share{position:fixed;top:50%;left:50%;width:300px;height:335px;z-index:999999;background:#fff;border:#ddd solid 1px;border-radius:10px;box-shadow:#ddd 0 0 20px;overflow:hidden;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.jsmodern-share p{display:block;height:20px;text-align:center;font-size:18px;margin:15px 0 20px 0}.jsmodern-share div{width:260px;height:260px;margin:0 auto}.jsmodern-share b{position:absolute;width:20px;height:20px;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA/UlEQVQ4T8WU7ZEBQRCGHxFciQARIBJEcGRABFYEZIAIEAkyIAMhqFdtV7WpabuOqptfM9Pdz0x/NvjyalTwesAg0TkAp8guAg6BJdAODC/ADNin8hxwA/zWjIR0J143Bb4DM84T1APl5s69dga6wU9T2cjc90DFpVUCbkATGAPrBCoX9Svp/JQy2Xa0N6CyeQwMPdRguYf6yr4BC2Cecc8DJNbPcjDJFkBRBZSiQbWPYP8H/LPLX0+KYvBJ2VytTV8Vth6IelnDQV7Zyha2lUXdPjbYtsz+4/zpcHiCRUDdq69XrhXTmlfMpnXHlzdWnAT3SzPw7QEbDJnq6ztc3EQVa6MIgAAAAABJRU5ErkJggg==);right:4px;top:4px;cursor:pointer;color:#ccc;opacity:.1;transition:.1s}.jsmodern-share b:hover{opacity:.5}.jsmodern-marquee{overflow:hidden}.jsmodern-marquee-inner{float:none!important;margin:0!important;padding:0!important;background:transparent!important}.jsmodern-marquee-default,.jsmodern-marquee-repeat{float:left;margin:0!important;padding:0!important;background:transparent!important}.jsmodern-marquee-part{display:block;float:left}.jsmodern-picture-container{display:block;position:relative;overflow:hidden}.jsmodern-picture-container a{display:block;color:#fff;text-decoration:none}.jsmodern-picture-container img{border:0}.jsmodern-picture-inner{position:absolute;height:100%;top:0;left:0;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.jsmodern-picture-part{overflow:hidden}.jsmodern-picture-fade{width:100%}.jsmodern-picture-fade .jsmodern-picture-part{position:absolute;display:none}.jsmodern-picture-slide .jsmodern-picture-part{float:left}.jsmodern-picture-slide img{display:block}.jsmodern-picture-dot{position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.jsmodern-picture-dot b{display:block;float:left;width:10px;height:10px;background:#777;border-radius:5px;cursor:pointer;margin:0 5px;transition:.4s}.jsmodern-picture-dot b.active{background:#fff}.jsmodern-picture-prev,.jsmodern-picture-next{display:block;position:absolute;top:50%;width:17px;height:32px;margin-top:-16px;cursor:pointer;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAB7klEQVR42s3XbUtaYRzH8euhqUetZC1Dy1q1mLhX0hvxjeyBIIMV1YpuHOkiBmNsc60dvGmNQS/KfR/8ghAOF8frXLIHH5D/+d898fjXjMfj/4JL8XPsIiW7is10kSI+ootAuooVZ7XIIjr4hjKMlBXrKMfrIvP4gB4qk88V6yln3tciBVzgBqtReXp2o9xC0ovkcYZbVG35yrlVTT6pRXI4QYh1xayUG6o257pIgPfo4wVMHKrpq0cw7SJZHGKATcViU+1AvbJxF8lgHyNswzjaVq999bYvosR3uMOOYs7U6069M7ZF0niLe7yCSZJ63mtGOmqRObTwBzUYT2qa0cLc5CIpNPEXdRjP6prV1Gxj9OENHvAaZhY060GzU4/vig5CLM1qEc0KNTt4GvwkPpeJnPf04TI+4xrPfC2h3teatRz19S3hC66gAyc56nmlGSXbC20FX9GFDhx36tVV7xXrm1XK+I5LLLguoR6X6lmO+6NXwQ+0oWsrPtW21asy7Rmwhp84RyHuEqo5V48118Ooil84RR5xrrpT1VaTOhU3EOLYdm1JTrmhao3NNNfWkeXaCpSjq87P34ktDHEQcW1l9WyoXK9/sF5ihL2JAyej2Eg5Jg6Xa+s3WkhJS7GprjrXA6eBrDQUMx4X8e8fwj0L7GH1LqcAAAAASUVORK5CYII=) no-repeat}.jsmodern-picture-prev{margin-left:15px}.jsmodern-picture-next{right:0;margin-right:15px;background-position:-17px 0}.jsmodern-video{background:#000;position:relative;overflow:hidden;z-index:10}.jsmodern-video-panel{position:absolute;bottom:0;left:0;z-index:2147483648;width:100%;height:40px;line-height:40px;color:#fff;background:rgba(0,0,0,.8);-webkit-user-select:none;-moz-user-select:none;user-select:none}.jsmodern-video-panel.jsmodern-video-panelFull{left:50%;-webkit-transform:translate(-50%,-10px);-ms-transform:translate(-50%,-10px);transform:translate(-50%,-10px);padding:3px 5px;border-radius:8px}.jsmodern-video-linebox{height:6px;background:rgba(255,255,255,.25);border-radius:3px;width:460px;width:-webkit-calc(100% - 305px);width:-moz-calc(100% - 305px);width:calc(100% - 305px);float:left;margin:17px 0 0 15px;position:relative;cursor:pointer}.jsmodern-video-pass{position:absolute;border-radius:3px;height:100%;background:#F06000}.jsmodern-video-linedot{width:6px;height:6px;background:#fff;border-radius:3px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute}.jsmodern-video-panel b{cursor:pointer}.jsmodern-video-panel b,.jsmodern-video-panel span{display:block;float:left}.jsmodern-video-panel span{font-size:12px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.jsmodern-video-start{margin-left:10px}.jsmodern-video-start+span{width:14px;height:12px;text-align:center;line-height:12px;font-size:10px;overflow:hidden;margin-top:13px;-webkit-transform:scale(1,0.9) translateY(1px);-ms-transform:scale(1,0.9) translateY(1px);transform:scale(1,0.9) translateY(1px);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.jsmodern-video-start,.jsmodern-video-end{width:39px;text-align:center}.jsmodern-video-volumebox{width:80px;height:6px;background:rgba(255,255,255,.25);border-radius:3px;float:left;margin:18px 0 0 7px;position:relative;cursor:pointer}.jsmodern-video-volumeline{width:40px;height:6px;background:#F06000;border-radius:3px;margin-top:0}.jsmodern-video-volumedot{width:6px;height:6px;background:#fff;border-radius:3px;margin:-6px 0 0 37px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute}.jsmodern-video-play,.jsmodern-video-volume,.jsmodern-video-fullin{width:18px;height:18px;margin-top:11px;background-position:center;background-repeat:no-repeat}.jsmodern-video-play{margin-left:10px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAe0lEQVR42q2UQRGAIBREiWAEIhjhRzCKDbCBRjGCDaQBRqDBdzntgRvLm3nXN6sMhIa7G0xBgqHGC1c9RNKcENeZHiInXLQQKdDUUL9OD3GdGOrXaSGSZ4QuddEDo/KPPrgpx1/hwc8YC90wKlckQ1MubYW79IzwOMf4AZCzZlJ6pNv5AAAAAElFTkSuQmCC)}.jsmodern-video-pause{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAANUlEQVR42u3MMQoAAAgCwP4/9aR+VjQINtTcoNBicobkTNiS/vEQvSBBggR9hILOD8h5i74A46kzKYwr0EYAAAAASUVORK5CYII=)}.jsmodern-video-volume{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAqklEQVR42tWT0QmDMBCGHcENXMEBhGaL9rEjZATffKwDZJdmgy7QHZo33zz/0AscBmNaCOIPH3Ke+USTq84ZIrqDdnXPgGuuoAVP4KMi0TddSlCDB5BR3GvEcy/wCYUCF8HNNwFtiBwwQco9jSKKBZQQaa4brt+en0W8eAJGiN2/IusRIiouKv9puA5bP7uXhDfsbP8gtn8GOnUgx8wD6XJHxO6NSNGhPT4LSrtjI5LQNtEAAAAASUVORK5CYII=)}.jsmodern-video-muted{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA00lEQVR42s2UsQ3CMBBFqZAokNLQoozgCWJ3NAxAg5QRGIEFEOkpgBFgAbIKC0AoU5nv6CJ9GQI6lIIvPcXxyd93di4D730v9Gf0Xc1mOTA0pTMKi8EFBDm1EQIJ2AKWldiw64wcsMQC3EGsDEzBhLPAM5XBi0r/XjNwBUfKxMimhcYoAzsZ78mkAkZlJBUc5L1uTbSlWbrJWuZOYU5tFJVzbsvUGs3BDTzEkMtsDnsdsQJVR0YbsOTrlzXJpw+yACwnsfGvLVLqWkTftCM2+r//0RPE3HMNwpwYwQAAAABJRU5ErkJggg==)}.jsmodern-video-fullin{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVMaXH////////////////////////////////////////////////////m1kuZAAAADXRSTlMAYBAw79DwIM9wgG9/QM+KqQAAAF5JREFUeNqNj0sSwCAIQ6Pit+X+1y2GOs7UTbNA8kYjQE05wpTK7LG8EwcdrwZB7hrcBx1FYfcDCY9UEGdbrFbiBIqpFf90PmGo7NDvtwJt1x7slmN0graWEwIny+sDBBUDznqlFGYAAAAASUVORK5CYII=)}.jsmodern-video-fullout{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAJ1BMVEVMaXH////////////////////////////////////////////////c+C/6AAAADHRSTlMAgBDQz39QIMBAML9Nf8RqAAAAaElEQVR42r2QQQ7AIAgEV6CIlv+/t3Ap3E2cyyojxIBb7JfqQu/+z+ZCIAU0QtzqEbtMGcCIcCZ0454iIuvFLDHRICkhvUNHsICVqThBnyBHZSqK4+/2Ok9OEdGNOdcSuS1xW2+3jUt8eaUDz3DmFVcAAAAASUVORK5CYII=)}b.jsmodern-video-fullFalse{opacity:.5;cursor:default}.jsmodern-dialog-container{position:fixed;width:100%;height:100%;z-index:2147483649;top:0;left:0;background:rgba(0,0,0,.6);opacity:0}.jsmodern-dialog{position:fixed;top:-10px;left:50%;width:500px;min-width:500px;height:auto;overflow:hidden;padding:15px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:#fff;border-radius:6px;border:#555 solid 1px;box-shadow:0 0 15px rgba(0,0,0,.4);opacity:0}.jsmodern-dialog-title{text-align:left;font-size:16px;font-weight:bold;color:#000;word-wrap:break-word;word-break:normal}.jsmodern-dialog-content{width:100%;height:auto;min-height:60px;overflow:hidden;word-wrap:break-word;word-break:normal;margin-top:10px;font-size:14px;color:#333;line-height:160%}.jsmodern-dialog>span{display:block;float:right;height:30px;line-height:30px;font-size:13px;padding:0 12px;cursor:pointer;margin:13px 0 0 10px;border-radius:4px;border:#ccc solid 1px;transition:.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jsmodern-dialog>span.jsmodern-dialog-sure{background:#2F7CBE;border-color:#2F7CBE;color:#fff}.jsmodern-dialog>span.jsmodern-dialog-sure:hover{background:#1563A6;border-color:#1563A6}.jsmodern-dialog>span.jsmodern-dialog-cancel:hover{background:#eee}.jsmodern-scrollBar-container{overflow:hidden;position:relative}.jsmodern-scrollBar-inner{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.jsmodern-scrollbar{position:absolute;top:0;right:2px;width:6px;background:rgba(0,0,0,.3);border-radius:3px;z-index:10px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.jsmodern-lazyload{display:block;opacity:0}.jsmodern-page-content{text-align:center;margin-left:auto;margin-right:auto}.jsmodern-page-target>*{display:none}.jsmodern-page{height:38px;display:inline-block;overflow:hidden;border-radius:19px;border:#e8e8e8 solid 1px;margin:0 auto}.jsmodern-page>div i,.jsmodern-page>i{display:block;float:left;width:40px;height:38px;line-height:38px;font-size:13px;text-align:center;cursor:pointer;font-style:normal;background:#f5f5f5;transition:.15s;font-weight:bold;color:#333}.jsmodern-page i{border-right:#e3e3e3 solid 1px;border-left:#fff solid 1px}.jsmodern-page>div{float:left;max-width:420px;overflow:hidden}.jsmodern-page>div div{height:38px}.jsmodern-page i.active{background:#E04636;color:#fff;box-shadow:rgba(0,0,0,.2) 0 0 10px inset;border-right-color:#fff}.jsmodern-page i:hover{color:#E04636}.jsmodern-page i.active:hover{color:#fff}.jsmodern-page>i span{display:inline-block;font-size:20px}.jsmodern-page>i:first-child{border-radius:19px 0 0 19px}.jsmodern-page>i:last-child{border-radius:0 19px 19px 0}i.jsmodern-page-first,i.jsmodern-page-last,i.jsmodern-page-next,i.jsmodern-page-prev{line-height:33px}
.sharebox {height: 30px;margin: 50px 0px;}
            .sharebox > div {
                width: 26px;
                height: 26px;
                float: left;
                cursor: pointer;
                border-radius: 4px;
                background-size: contain;
                margin: 0 5px;
            }
            #share-qrcode { background-image: url(../images/wechat.png); }
            #share-douban { background-image: url(../images/db.png); }
            #share-qzone { background-image: url(../images/qzone.png); }
            #share-sina { background-image: url(../images/sina.png); }
            #share-qq { background-image: url(../images/qq.png); }


.prenext{margin:50px 0px;font-size: 16px;color: #999999;display: flex;gap:30px;}
.prenext a{font-size:16px;color: #333333;font-weight: 600}


.showprobox .container{gap:20px;display: flex;flex-direction: column;padding-bottom:100px}
.showprobox .container .titinfo{padding:30px 0px;font-size: 26px;font-weight:200;display:flex;gap:20px;flex-direction: column;}
.showprobox .container .titinfo span{color:#000;width: 100px;font-weight:400;}
.showprobox .container .xxnr p{color: #808080;font-weight: 200;padding-bottom: 10px}
.showprobox .container .preview-list{display: grid;margin:30px 0px 0px 0px;gap:20px;grid-template-columns:repeat(4,1fr)}
.showprobox .container .preview-list .item{overflow:hidden;display:flex;justify-content:center;align-content: center;}
.showprobox .container .preview-list .item img{}
 /* 遮罩层（背景变暗） */
  .preview-img {
   
      transition: transform 0.2s ease;
    }
    .preview-img:hover {
      transform: scale(1.02);
    }
    /* 遮罩层（背景变暗） */
    .img-mask {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.85);
      z-index: 9998;
      display: none;
    }
    /* 弹窗容器 */
    .img-popup {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 9999;
      display: none;
      border-radius: 6px;
      max-width: 90%; /* 手机端最大宽度 */
      max-height: 90%; /* 手机端最大高度 */
    }
    /* 弹窗内图片容器（核心：溢出隐藏+相对定位，承载滑动图片） */
    .popup-img-wrap {
      position: relative;
      max-width: 100%;
      max-height: 80vh;
      overflow: hidden; /* 隐藏超出的图片 */
    }
    /* 滑动图片容器（核心：宽100%，过渡动画） */
    .slide-img-container {
      display: flex;
      width: 100%;
      height: 100%;
      transition: transform 0.3s ease-out; /* 滑动过渡动画 */
      align-items: center;
    }
    /* 弹窗内的图片（自适应） */
    .slide-img-container img {
      flex: 0 0 100%; /* 每张图占100%宽度 */
      width: 100%;
      height: 100%;
      object-fit: contain; /* 保持图片比例，不拉伸 */
      max-height: 80vh;
    }
    /* 左右切换按钮 */
    .switch-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background: rgba(0, 0, 0, 0);
      color: #fff;
      border-radius: 50%;
      cursor: pointer;
      font-size: 20px;
      border: none;
      outline: none;
      z-index: 10;
      pointer-events: auto;
    }
    /* 左切换按钮 */
    .prev-btn {
      left: -20px;
    }
    /* 右切换按钮 */
    .next-btn {
      right: -20px;
    }
    /* 关闭按钮 */
    .close-btn {
      position: absolute;
      top: -30px;
      right: 0;
      width:26px;
      height: 26px;
      line-height:1;
      text-align: center;
      color: #eeeeee;
      border:2px solid #eeeeee;
      border-radius: 50%;
      cursor: pointer;
      font-size:18px;
      background:none;
    }
    /* 图片计数（显示当前/总数量） */
    .img-count {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
      background: rgba(0, 0, 0, 0.6);
      color: #fff;
      padding: 4px 12px;
      border-radius: 12px;
      font-size: 14px;
      z-index: 10;
    }
    /* 手机端适配 */
    @media (max-width: 768px) {
.img-popup{width:80%;}
      .img-count {
        font-size: 12px;
        padding: 3px 10px;
      }
 
    }
    /* 禁用按钮样式（第一张/最后一张时） */
    .switch-btn.disabled {
      background: rgba(0, 0, 0, 0.3);
      cursor: not-allowed;
    }























.listprobox{padding:40px 0px 80px 0px;}
.listprobox .container h1{font-size: 26px;color: #333333;font-weight: 400;margin-bottom: 60px;}
.listprobox .container .section-tab{margin-bottom: 110px;}
.listprobox .container .section-tab ul{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;}
.listprobox .container .section-tab ul li{list-style-type: none;background: #f2f2f2;font-size:26px;color: #434242;text-align: center;line-height: 60px;border-top: 2px solid  #f2f2f2}
.listprobox .container .section-tab ul li.active{border-top:1px solid #d69ca8;background: #fbeff2}



.listartbox{padding:40px 0px 80px 0px;}
.listartbox .container h1{font-size: 26px;color: #333333;font-weight: 400;margin-bottom: 60px;}
.listartbox .container .listartmain{display: flex;flex-direction: column;gap:34px;}
.listartbox .container .listartmain .card{border-top:2px solid #dbdbdb;border-bottom:2px solid #dbdbdb;display:flex;justify-content: space-between;}
.listartbox .container .listartmain .card .card-img{height: 290px;display:flex;justify-content: center;align-items: center;width: 30%}
.listartbox .container .listartmain .card .card-img img{min-height: 100%;}
.listartbox .container .listartmain .card .card-txt{padding:0px 60px;width:70%;gap:20px;display:flex;flex-direction: column;justify-content: center;}
.listartbox .container .listartmain .card .card-txt h4{font-size: 26px;font-weight:400}
.listartbox .container .listartmain .card .card-txt .desc{font-size:16px;color: #999999}
.listartbox .container .listartmain .card .card-txt .datamore{font-size:16px;color: #999999;display: flex;justify-content: space-between;}
.listartbox .container .listartmain .card .card-txt .datamore .more{ display:flex;font-size: 12px;gap:30px; border:1px solid #999999;border-radius: 20px;padding:5px 10px;font-size: 12px;color: #999999;}
.listartbox .container .listartmain .card .card-txt .datamore .more .iconfont{font-size: 12px;}
.listartbox .container .listartmain .card .card-txt .datamore .more:hover{background: #999999;color: #fff}



.fenye{display: flex;gap:10px;color:#999999;justify-content: center;align-items: center;}
.fenye a{color:#999999;font-size: 16px;min-width: 30px;height: 30px;display:flex;justify-content: center;align-items: center;}
.fenye ul{display: flex;gap:10px;}
.fenye ul li a.on{border:1px solid #b9b9b9;color: #000;border-radius: 50%}







@media (max-width: 1440px) {
.container {
    max-width: 100%;
    padding:0px 20px;
    margin: 0 auto;
    position: relative;
}
.hero .container{padding:0px;}
}

@media (max-width: 1024px) {

.mainbox .container{display: flex;flex-direction: column;gap:20px;}
.mainsidel{width: 100%;}
.mainsider{width: 100%;}


.listprobox .container .section-tab ul{    grid-template-columns: repeat(3, 1fr);}

}

@media (max-width: 768px) {
    .container {
        padding:0px 20px;
    }
    .hero .hero-text {
        font-size: 1.2rem;
        white-space: normal;
        text-align: center;
    }
    .search .container form{width: 100%}
    .article-item a{display: flex;flex-direction: column;gap:10px;}
    .section-title{font-size: 20px;padding-bottom:10px}
    .more-btn{margin-top: 10px}
    .recommend-grid{grid-template-columns: repeat(1, 1fr);}
    .mainsider-btn{width: 60%;padding:10px;font-size: 12px;gap:10px;}
    .mainsider-btn img{width:18px;}
    .footmenus{grid-template-columns: repeat(1, 1fr);}
    .footer>.container{flex-direction: column;}
    .footmenus{width: 100%}
    .footmenus>div:nth-child(3) .footer-title{display: none}
.copyright{display: none}


.aboutbox .container{padding:20px;}
.aboutbox .container .card{padding:20px;}
.aboutbox h1{margin-bottom: 20px}

.contactbox .container{padding:20px;}
.contactbox h1{margin-bottom: 20px}
.contactbox .container .card{display: flex;flex-direction: column;}
.contactbox .container .card .info{padding:20px;gap:10px;}


.listartbox .container .listartmain .card{display: flex;flex-direction: column;padding:20px 0px;}
.listartbox .container .listartmain .card .card-img{width: 100%;}
.listartbox .container .listartmain .card .card-txt{width: 100%;padding:20px;}

.listprobox .container .section-tab ul{    grid-template-columns: repeat(2, 1fr);}
.listprobox .container .section-tab ul li{font-size: 16px}


.artbox .container{padding:20px;}
.artbox .container h1{font-size:20px}
.artbox .container .card .box{display: flex;flex-direction: column;gap:20px;}
.artbox .container .card .box p{width: 100%}
.artbox .container .card .artpic{width: 100%}


.showprobox .container .titinfo {
    padding: 20px 0px;
    font-size:18px;
    font-weight: 200;
    gap:10px;

}

.sxczzbox .container{padding:20px;}
.sxczzbox .container .card{padding:20px;}
.sxczzbox .container .card .tit{display: flex;flex-direction: column;}
.sxczzbox .container .card .txt{display: flex;flex-direction: column;}
.sxczzbox .container .card .txt .name{text-align: left}
.sxczzbox .container .card .txt .nr{width: 100%}
.tc-prviacymessage .mainbody{display:flex;flex-direction:column;}
.tc-prviacy .mainbody{max-width: 90%;width:90%;gap:20px;padding:20px}
.tc-prviacy .mainbody .buttons{gap:20px;}
.showprobox .container .preview-list{gap:10px;grid-template-columns:repeat(2,1fr)}

}