/* Hero-page轮播部分 */
.hero-page {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Page-specific styles */
.hero-slide-page {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 35vh;
    z-index: 1;
}

.hero-slide-page img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.hero-page-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.hero-page-content {
    position: absolute;
    top: 40%; /* 改为距顶部 15% */
    left: 50%;
    transform: translateX(-50%); /* 只保留水平居中的转换 */
    text-align: center;
    color: #fff;
    z-index: 3;
    width: 100%; /* 添加宽度确保内容对齐 */
    max-width: 1200px; /* 限制最大宽度 */
    padding: 0 24px; /* 添加水平内边距 */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.hero-page-content h1 {
    font-size: 48px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease 0.3s;
    animation: fadeInUp 0.8s ease 0.3s forwards;
}

.hero-page-content p {
    font-size: 24px;
    margin-bottom: 20px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease 0.5s;
    animation: fadeInUp 0.8s ease 0.5s forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-page-content h1,
.hero-page-content p {
    opacity: 1;
    transform: translateY(0);
}

/* New Content Grid Styles */
.container {
    max-width: 75%;
    margin: 80px auto;
}

.container img {
    max-width: 100%;
    border-radius: 15px;
}

.container h2 {
    text-align: center;
    padding-top: 50px;
}

.intro-text {
    font-size: 18px;
    line-height: 1.6;
    color: #444;
    text-align: center;
    padding: 20px 0 40px;
}

.feature-content {
    padding-bottom: 50px;
    line-height: 35px;
}

.feature-content h3 {
    font-size: 20px;
    margin-bottom: 8px;
    color: #222;
}

.feature-content p {
    font-size: 16px;
    color: #666;
}

.feature-content p img {
    width: 100%;
    max-width: 100%;
}

.page-smenu {
    margin: 0 auto;
    padding: 24px;
    display: flex;
    justify-content: center;
    gap: 40px;
}

.side_on, .side_li  {
    line-height: 48px;
    height: 48px;
    display: flex;
}

.side_li a {
    text-decoration: none;
    font-size: 16px;
    color: #333;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    padding: 0 60px;
}

.side_li a:hover {
    background: #f0f0f0;
    transition: all 0.4s ease;
}

.side_on a {
    text-decoration: none;
    font-size: 16px;
    color: #333;
    background: #f0f0f0;
    border-radius: 10px;
    padding: 0 60px;
}

.b {
    color: #0481ff;
}

.tf {
    width: 100%;
    padding-top: 50px;
}

.tf .tl {
    width: 200px;
    text-align: right;
    padding-right: 50px;
}

.tf td {
    border-top: #F0F0F0 1px solid;
    padding: 20px 0;
}

select {
    width: 20%;
    padding: 8px 6px;
}

input, textarea, select {
    padding: 6px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
}

form, input, select, textarea, td, th {
    font-size: 12px;
}

td {
    padding: 10px 20px;
}

.container p img {
    border-radius: 30px;
}

.dsn {
    display: none;
}

.f_red {
    color: #e5170f;
}

.btn-green {
    background: #1AAD19;
    border: #18A117 1px solid;
    color: #FFFFFF;
    padding: 8px 40px;
    margin: 30px 0 10px 0;
}

.btn {
    background: #f0f0f0;
    border: #e0e0e0 1px solid;
    color: #333;
    padding: 8px 40px;
}

.container td img {
    border-radius: 0;
}

.ui-ok {
    text-align: center;
    padding-top: 50px;
}

.guestlist {
    padding-top: 50px;
}

.back2top {
    width: 48px;
    height: 48px;
    position: fixed;
    right: 10px;
    margin-left: 620px;
    bottom: 10px;
    cursor: pointer;
    display: none;
    opacity: 0.8;
}

.back2top a {
    display: block;
    width: 100%;
    height: 100%;
    background: #CCCCCC url(../../image/back2top.png) no-repeat center center;
    border-radius: 50%;
}

.nav {
    padding: 10px 10px 10px 32px;
    background: url(../default/ico-nav.png) no-repeat 10px 13px;
    font-size: 12px;
    color: #333;
}

.nav a {
    color: #333;
    text-decoration: none;
}

.nav div {float:right;}
.nav i {font-style:normal;font-weight:bold;color:#444444;padding:0 6px;font-family:simsun;}
.nav em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;}
.nav s {display:inline-block;width:16px;height:16px;background:url('ico-cls.png') no-repeat center center;margin:4px 0 0 8px;position:absolute;}
.nav s:hover {background:url('ico-cls-on.png') no-repeat center center;}
.nav-b {background:#FFFFFF url('ico-nav.png') no-repeat 10px 13px;}
.nvs {margin:-3px -8px 0 0;}
.nvs input {width:318px;border:#EEEEEE 1px solid;border-radius:12px;padding:4px 8px 4px 32px;font-size:14px;background:#FFFFFF url('ico-search.png') no-repeat 6px center;outline:none;color:#444444;}
.nvs s {display:none;}
.nvs:hover s{display:inline-block;width:48px;height:28px;line-height:28px;text-align:center;background:#0679D4;color:#FFFFFF;position:absolute;text-decoration:none;margin:0 0 0 -48px;border-radius:0 12px 12px 0;cursor:pointer;}

ul.newname {
    margin: 50px 0;
    display: flex;
    gap: 32px;
    align-items: center;
    height: 100%;
}

.page-box {
    overflow: hidden;
}

.page-row {
    margin: 0 -20px;
}

.vip-li-box {
    padding: 0 20px;
}

.vip-li-box a {
    display: block;
    overflow: hidden;
}

.vip-li-box a img {
    max-width: 100%;
    width: 100%;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.vip-news-info {
    padding: 15px 15px 25px;
    overflow: hidden;
}

.vip-news-info h3 {
    margin-bottom: 20px;
    color:#333;
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
}

.vip-li-box a:hover h3 {
    color: #e5170f;
}

.vip-news-info p {
    font-size: 16px;
    color: #999;
}

.vip-news-info p span {
    float: right;
    width: 24px;
    height: 24px;
    margin-top: -5px;
    background: url(../style2025/home/icon-news-plus.png) no-repeat 0 0;
    background-size: 24px;
    cursor: pointer;
}

.newsline {
    border-top:1px solid #e2e2e2;
    margin: 50px 0;
}

.newslist-down {
    padding-bottom: 80px;
    overflow: hidden;
}

.newslist-down li {
    margin-bottom: 80px;
    width: 100%;
    overflow: hidden;
}

.news-pic {
    overflow: hidden;
}

.news-pic a {
    display: block;
}

.news-pic a img {
    max-width: 100%;
}

.news-info-box {
    padding-left: 60px;
    overflow: hidden;
}

.news-info-box a {
    display: block;
}

.news-info-box a .newslist-box {
    margin-right: 60px;
    padding-bottom: 30px;
    overflow: hidden;
    border-bottom: 1px solid #e2e2e2;
}

.newslist-box h2 {
    font-size: 24px;
    color: #000;
    line-height: 36px;
    padding-top: 0;
    text-align: left;
}

.news-info-box a:hover .newslist-box h2 {
    color: #e5170f;
}

.newslist-box p {
    color: #666;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 53px;
    margin-top: 30px;
}

.newslist-box span {
    display: block;
    width: 68px;
    height: 8px;
    background: url(../style2025/home/icon-r-arrow.png) no-repeat 0 0;
    background-size: 100%;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: all ease .3s;
}

.news-info-box a:hover .newslist-box span {
    transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
}

.news-date-box {
    width: 100%;
    border: 1px solid #e2e2e2;
    text-align: center;
    overflow: hidden;
    transition: all ease .3s;
    border-radius: 30px;
}

.news-date {
    font-size: 30px;
    padding: 36px 0;
    border-bottom: 1px solid #e2e2e2;
    color: #999;
}

.news-see-count {
    font-size: 16px;
    padding: 36px 0 36px 42px;
    background: url(../style2025/home/icon-see-default.png) no-repeat 45px 49px;
    background-size: 27px 17px;
    color: #999;
}

.news-info-box a:hover .news-date-box {
    background: #e5170f;
    border:1px solid #e5170f
}

.news-info-box a:hover .news-date {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.news-info-box a:hover .news-see-count {
    color: #fff;
    background: url(../style2025/home/icon-see-hover.png) no-repeat 45px 49px;
}

.cate-list {background:#F6F6F6;overflow:hidden;width:900px;z-index:3;position:relative;}
.cate-box {width:440px;background:#FFFFFF;margin:10px 10px 0 0;float:left;border-radius:10px;}
.head-txt {padding:0 16px;height:48px;line-height:48px;overflow:hidden;border-bottom:#EEEEEE 1px solid;margin-bottom:10px;clear:both;}
.head-txt strong {font-size:18px;}
.head-txt b {font-size:16px;font-weight:normal;}
.head-txt div {float:right;font-size:14px;color:#999999;}
.head-txt span {float:right;font-size:14px;color:#999999;}
.head-txt span a {color:#999999;}
.head-txt i {color:#999999;font-style:normal;font-weight:bold;padding:0 2px;font-family:simsun;}
.list-txt {padding:0 24px 16px 16px;}
.list-txt li {height:32px;line-height:32px;overflow:hidden;font-size:14px;background:url('li_dot.gif') no-repeat 4px center;padding-left:12px;}
.list-txt em {font-size:12px;color:#999999;padding-left:16px;font-style:normal;float:right;}
.list-txt .f_r {font-size:12px;color:#999999;padding-left:16px;}

.title {line-height:48px;text-align:center;font-weight:bold;font-size:30px;padding:30px 16px;margin:0;}
.title_trade {font-weight:bold;font-size:22px;margin:0 0 20px 0;padding:16px;border-bottom:#EEEEEE 1px solid;}
.info {padding:8px 16px;background:#F6F6F6;margin:0 16px;}
.introduce {margin:16px;padding:16px;line-height:180%;font-size:16px;background:#F6F6F6;border-left:#EEEEEE 2px solid;}
.content {font-size:16px;line-height:200%;padding: 50px 32px 16px;}
.content p {text-indent:2em;}
.content a:link,.content a:visited,.content a:active {color:#024893;text-decoration:none;}
.content a:hover {color:#e5170f;text-decoration:none;}
.property {border:#EEEEEE 1px solid;background:#F6F6F6;padding:10px;margin:0 16px;overflow:hidden;}
.property li {float:left;width:30%;height:32px;line-height:32px;overflow:hidden;}
.detail {background:url('arrow.gif') no-repeat 0 9px;border-bottom:#C0C0C0 1px dotted;padding:8px 0 8px 20px;margin:0 15px 0 15px;}
.related {padding:10px 16px;line-height:32px;}
.related a {font-size:16px;}
.keylink {font-weight:normal;padding:0 3px 0 3px;}
.tags {padding:16px 16px 0 32px;overflow:hidden;font-size:14px;}
.tags a {display:inline-block;padding:4px 12px;border:#EEEEEE 1px solid;border-radius:16px;margin:0 16px 24px 0;}
.tags a:hover {background:#F6F6F6;}
#comment_main div {height:100px;background:url('loading.gif') no-repeat center center;}
.tool {padding:24px 0;text-align:center;border-top:#EEEEEE 1px solid;}
.tool i {font-style:normal;font-size:14px;color:#555555;display:inline-block;height:24px;line-height:24px;padding:0 28px;cursor:pointer;}
.tool b {font-weight:normal;font-size:12px;}
.tool .like {background:url('tool-like.png') no-repeat 0 center;}
.tool .liked,.tool .like:hover {background:url('tool-like-on.png') no-repeat 0 center;color:#e5170f;}
.tool .hate {background:url('tool-hate.png') no-repeat 0 center;}
.tool .hated,.tool .hate:hover {background:url('tool-hate-on.png') no-repeat 0 center;color:#e5170f;}
.tool .report {background:url('tool-report.png') no-repeat 0 center;}
.tool .report:hover {background:url('tool-report-on.png') no-repeat 0 center;color:#e5170f;}
.tool .favorite {background:url('tool-favorite.png') no-repeat 0 center;}
.tool .favorited,.tool .favorite:hover {background:url('tool-favorite-on.png') no-repeat 0 center;color:#e5170f;}
.tool .comment {background:url('tool-comment.png') no-repeat 0 center;}
.tool .comment:hover {background:url('tool-comment-on.png') no-repeat 0 center;color:#e5170f;}
.tool .award {background:url('tool-award.png') no-repeat 0 center;}
.tool .award:hover {background:url('tool-award-on.png') no-repeat 0 center;color:#e5170f;}
.tool .share {background:url('tool-share.png') no-repeat 0 center;}
.tool .share:hover {background:url('tool-share-on.png') no-repeat 0 center;color:#e5170f;}

.f_r {
    float: right;
}

.c_p {
    cursor: pointer;
}

img {
    border: none;
}

.ui-ico-time,.ui-ico-hits,.ui-ico-info,.ui-ico-play,.ui-ico-pics,.ui-ico-down,.ui-ico-comm,.ui-ico-area,.ui-ico-user,.ui-ico-none,.ui-ico-sort,.ui-ico-like,.ui-ico-liked,.ui-ico-hate,.ui-ico-hated,.ui-ico-mail,.ui-ico-mob,.ui-ico-tel,.ui-ico-favor,.ui-ico-delete,.ui-ico-quote,.ui-ico-report,.ui-ico-price {font-style:normal;font-weight:normal;text-decoration:none;font-size:12px;color:#999999;display:inline-block;height:16px;line-height:16px;padding:0 10px 0 20px;}

.ui-ico-time {
    background: url(ico-time.png) no-repeat 0 center;
}

.ui-ico-area {
    background: url(ico-area.png) no-repeat 0 center;
}

.ui-ico-hits {
    background: url(ico-hits.png) no-repeat 0 center;
}

.ui-ico-comm {
    background: url(ico-comm.png) no-repeat 0 center;
    cursor: pointer;
}

.photo_info {color:#F1F1F1;padding:0 24px;background:#666666;}
.photo_info h1 {text-align:left;margin:0;}
.photo_info_r {float:right;padding:24px 6px 0 0;}
.photo_info_i {padding:0 0 24px 16px;}
.photo_intro {color:#FFFFFF;padding:16px;line-height:150%;text-indent:2em;}
.photo_l {background:#333333;}
.photo_r {background:#000000;width:140px;text-align:center;}
.photo_f {position:absolute;z-index:2000;width:460px;height:260px;background:#000000;margin:200px 0 0 300px;color:#FAFAFA;text-align:center;border:#FAFAFA 1px solid;border-radius:24px;opacity:0.8;filter:alpha(opacity=80);display:none;}
.photo_f p {margin:44px 0;font-size:30px;}
.photo_f div {width:100px;height:32px;line-height:32px;margin:20px auto 0 auto;border:#FAFAFA 1px solid;border-radius:6px;font-size:14px;cursor:pointer;}
.photo_f div:hover {border:#FF6600 1px solid;color:#FF6600;}
.thumb_a {border:#666666 1px solid;padding:2px;margin-top:10px;}
.thumb_a:hover,.thumb_b {border:#FF6600 1px solid;padding:2px;margin-top:10px;}
.count_a {font-size:20px;color:#FF6600;}
.count_b {font-size:20px;}
.photo_all {padding:10px;}
.photo_all div {color:#F1F1F1;padding:6px 20px 20px 20px;text-align:left;}
#cursor_a {position:absolute;z-index:1000;width:510px;height:510px;cursor:url('image/prev.cur'),default;}
#cursor_b {position:absolute;z-index:1000;width:510px;height:510px;cursor:url('image/next.cur'),default;margin-left:510px;}

.t_c {
    text-align: center;
    padding: 50px 0;
}

.photo-li-box {
	margin: 0 0 40px;
    background: #f0f0f0;
    padding: 15px;
    min-height: 395px;
    border-radius: 15px;
}

.photo-li-box p {
	padding: 20px 0 0;
}

.photo-li-box ul li {
	padding: 20px 0 10px;
	font-size: 18px;
}

.photo-li-imgbox {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-height: 278px;
}

.photo-li-imgbox a img {
	transition: all ease .5s;
	max-height: 278px;
}

.photo-li-imgbox a:hover img {
	transform: translate(0,0) scale(1.25);
}

/*图片详情页tag*/
.photo-li-box-small {
	margin: 0 3% 40px;
    background: #fff;
    padding: 15px;
	min-height: 200px;
}

.photo-li-box-small p {
	padding: 20px 0 0;
}

.photo-li-box-small ul li {
	padding: 20px 0 10px;
	font-size: 18px;
}

.photo-li-imgbox-small {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-height: 130px;
}

.photo-li-imgbox-small a img {
	transition: all ease .5s;
	max-height: 130px;
}

.photo-li-imgbox-small a:hover img {
	transform: translate(0,0) scale(1.25);
}

@media (max-width: 768px) {
    .hero-slide-page {
        height: 25vh; /* Taller on mobile */
    }
    .container {
        max-width: 90%;
    }
}