body {background:#FFF; font-family:"Microsoft YaHei", Arial; font-size:18px; line-height:28px; color:#333; margin:0}
a {color:#333; text-decoration:none}
a:hover {color: #3773db}
h1,h2,h3,h4,p,form {margin:0; padding:0}
img {border:0}
ul,li {list-style:none; padding:0; margin:0}
input,button,select,textarea{outline:none}

.topic {min-width: 1200px; height: 400px; background: url("../../images/zhuanti_2025qglh/topic.png") no-repeat center 0;margin-bottom:10px;}
.topic img {display: none}

.container {clear:both; width: 1200px; margin: 0 auto; overflow: hidden}
h1 {clear: both; width: 1200px; height: 100px; background: no-repeat center 0; font-size: 18px; font-weight: normal; line-height: 75px; text-align: right; margin: 60px auto 30px}
h1,h1 a {color: #E5A943}
h1.t1 {background-image: url("../../images/zhuanti_2025qglh/t1.jpg")}
h1.t2 {background-image: url("../../images/zhuanti_2025qglh/t2.jpg")}
h1.t3,h1.t4 {width: 100%; height: auto; padding: 60px 0 30px; background: #FFF; text-align: center; margin: 0}
h1.t5 {background-image: url("../../images/zhuanti_2025qglh/t5.jpg")}
h3 {font-size: 20px; font-weight: normal; line-height: 28px}

.tt1 {float: left; width: 200px; height: 440px; box-sizing: border-box; padding: 150px 15px 0; background:#C62828 url("../../images/zhuanti_2025qglh/tt.jpg"); font-size: 40px; line-height: 60px; color: #FFF; text-align: center; position: relative}
.tt1::after {content: ""; position: absolute; width: 0; height: 0; border-top: 20px solid #8C231F; border-right: 20px solid transparent; left: 200px; top: 420px; z-index: 2}
.tt2 {float: left; width: 1000px; height: 420px; background: #FFF9F1; overflow: hidden;position: relative;}
.ttlb {float: left; width: 475px; margin: 10px 0 0 30px}
.ttlb li {padding: 10px 0; border-bottom: 1px solid #FBDDBC}
.ttlb li:nth-last-child(-n+2) {border: 0}
.ttlb>li.more {position: absolute;bottom: 5px;left: 385px;}
.more {text-align: right}
.more a {color: #E5A943}
.tptt {float: right; width: 460px; position: relative;overflow: hidden;}
.tptt .swiper-button-prev,.tptt .swiper-button-next {top: 115px; color: #E8B663; margin-top: 0;width:30px;height:28px;}
.tptt .swiper-slide img {width:460px; height:260px}
.tptt .swiper-slide h3 {padding: 30px 10px 25px;font-size:18px;}
.tptt .more {padding-right: 30px}
.tptt .swiper-button-next{
    background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23999999'%2F><%2Fsvg>");
}
.tptt .swiper-button-prev{
    background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23999999'%2F><%2Fsvg>");
}

.wztt {padding: 30px 0; font-size: 36px; font-weight: bold; line-height: 63px; text-align: center}
.wztt,.wztt a {color: #C52727}

.r1c1 {float: left; width: 740px; height: 420px; position: relative;overflow: hidden;}
.r1c1 li,.r1c1 img {width: 100%; height: 100%}
.r1c1 .mask {position: absolute; width: 100%; background: rgba(197,39,39,.4); left: 0; bottom: 0}
.r1c1 .mask h3 {padding: 0 10px; line-height: 40px}
.r1c1 .mask a {color: #FFF}
.r1c1 .swiper-pagination {position: relative; display: flex; justify-content: right; column-gap: 0px; top: 0; bottom: 0; margin-top: -10px}
.r1c1 .swiper-pagination-bullet {width: 10px; height: 10px; border-radius: 5px; background: white;opacity: 0.6;}
.r1c1 .swiper-pagination-bullet-active {background: white; opacity: 1;}
.r1c2 {float: left; width: 460px; height: 420px; background: #FFF9F1; box-sizing: border-box; padding: 5px 30px}
.r1c2 li {padding: 6px 0;text-align: justify;}

.bg1 {background: #FFF9F1; padding: 20px 0; margin-top: 60px;min-width: 1200px;}
.r2c1 {float: left; width: 700px}
.daily {height: 163px}
.day {width: 700px; display: none}
.date {float: left; width: 142px; height: 163px; box-sizing: border-box; border: 2px solid #C62828; border-radius: 4px}
.year {font-size: 30px; font-weight: bold; line-height: 51px; text-align: center; color: #C62828}
.month {height: 108px; background: #C62828; color: #FFF; text-align: center}
.day1 {font-size: 56px; font-weight: bold; line-height: 73px}
.month1 {font-size: 20px; line-height: 29px}
.time {float: right; width: 520px}
.days {clear: both; width: 700px; margin-top: 15px}
.days .swiper-button-prev,.days .swiper-button-next {position: relative; float: left; width: 37px; height: 56px; background-color: #F7E6C6; font-size: 24px; line-height: 56px; text-align: center; color: #C52727; margin: 0; left: 0; top: 0}
.days .swiper-button-prev:after,.days .swiper-button-next:after {font-size: 24px}
.days .swiper-button-prev {margin-right: 2px}
.days .swiper-button-next {margin-left: 2px}
.days .swiper {float: left; width: 600px; height: 56px; overflow: hidden}
.days .swiper-slide {width: 84px; height: 56px; background: #F7E6C6; font-size: 24px; line-height: 56px; text-align: center; color: #C52727; margin-right: 2px; cursor: pointer}
.days .swiper-slide.selected {background: #CE332E; color: #FFF}
.r2c2 {float: right; width: 460px; display: flex; justify-content: space-between; margin-top: 15px}
.r2c2 li {width: 140px; height: 203px}
.r2c2 img {width: 100%; height: 100%}

.r3 {width: 1200px; height: 520px; background: #FFF9F1}
.r3c1 {float: left; width: 548px; height: 400px; margin: 50px 0 0 70px;overflow: hidden;}
.r3c1 .swiper-slide {width: 300px; height: 400px}
.r3c1 .swiper-slide img {width: 100%; height: 100%}
.r3c2 {float: right; width: 465px; margin: 20px 55px 0 0}
.r3c2 li {padding: 10px 0; border-bottom: 1px solid #FBDDBC}
.r3c2 li:last-child {border: 0}
.r3c2 li.title {display: none}

.r4 {display: flex; justify-content: space-between}
.r4c1 {width: 300px; height: 170px}
.r4c1 li,.r4c1 img {width: 100%; height: 100%}
.r4c2 {width: 245px}
.r4c2 li {padding: 10px 0}

.r5 {display: flex; justify-content: space-between}
.r5c1 {width: 640px; background: #FFF9F1;position:relative;}
.r5c1a {float: left; width: 310px; margin: 40px 0 0 25px}
.r5c1a li {margin-bottom: 50px;position: relative;}
.r5c1a img {width: 310px; height: 180px}
.r5c1a .mask {position: absolute;width: 100%;background: rgba(197,39,39,.4);left: 0;bottom: 5px;}
.r5c1a .mask h3 {padding: 0 10px; line-height: 20px;font-size:14px}
.r5c1a .mask a {color: #FFF}
.r5c1b {float: right; width: 268px; margin: 20px 10px 0 0}
.r5c1b li {margin: 16px 0; border-bottom: 1px solid transparent;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.r5c1b>li.more {position: absolute;bottom: 0px;right: 10px;}
.r5c2 {width: 510px; background: #FFF9F1;position:relative;}
.r5c2 ul {padding: 29px 30px}
.r5c2 li {border-bottom: 1px solid #FBDDBC;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;line-height:45px;}
.r5c2 li:nth-last-child(-n+2) {border: 0}
.r5c2 li.more {position: absolute;bottom: 0px;right: 10px;}

.r6 {padding: 60px 0; background: url("../../images/zhuanti_2025qglh/bg2.jpg") no-repeat center 0;min-width: 1200px;}
.r6 .swiper-slide {width: 1200px; height: 675px}
.r6 img {width: 100%; height: 100%}
.r6 .mask {position: absolute; width: 100%; background: rgba(197,39,39,.4); left: 0; bottom: 0}
.r6 h3 {font-size: 20px; line-height: 40px; text-align: center}
.r6 h3 a {color: #FFF}
.r6 .swiper-pagination {position: relative; display: flex; justify-content: center; column-gap: 35px; top: 0; bottom: 0; margin-top: 50px}
.r6 .swiper-pagination-bullet {width: 20px; height: 20px; border-radius: 10px; background: linear-gradient(to bottom, #EEB448, #B46A23)}

.menu {position: fixed; width: 239px; height: 629px; box-sizing: border-box; padding: 30px 0 0 60px; background: url("../../images/zhuanti_2025qglh/menu.png"); left: 50%; bottom: 10px; margin-left: -900px; display: none}
.menu li {width: 120px; padding: 20px 0; font-size: 22px; line-height: 27px; text-align: center; position: relative}
.menu li a {color: #966223}
.menu li::after {content: ""; position: absolute; width: 120px; height: 1px; background: linear-gradient(to right, #F8E6C8, #966223, #F8E6C8); left: 0; bottom: 0}
.menu li:nth-last-child(2)::after {display: none}
.menu li.top {padding-top: 12px}
.menu li.top {color: #AE120D; cursor: pointer}
.menu li.top::after {width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #FFF; left: 45px; top: 0px}

.foot-03 {min-width: 1000px;padding: 10px 0;border-top: 1px solid #D2D2D2;font-size: 12px;line-height: 21px;text-align: center;margin-top: 20px}
.floatewm {position: fixed;width: 94px;padding: 15px 5px 5px;border: 1px solid #E8E8E8;background: #F6F6F6;left: 52%;bottom: 10px;_display: none;font-family: "Microsoft YaHei", Arial;font-size: 12px;line-height: 21px;text-align: center;margin-left: 580px}
.floatewm img {margin-top: 5px}
.floatewm span {color: #B00;font-size: 11px}
.floatewm i {display: block;position: absolute;width: 15px;height: 15px;font-style: normal;line-height: 15px;text-align: center;right: 0;top: 0;cursor: pointer}
.mob-nav{display:none}


@media screen and (max-width:750px) {
	html, body {background: none; font-size: 16px; line-height: 1.5em}
	.container {width: 98%}

	.topic {min-width: 98%; height: auto; background: none}
	.topic .pc{display: none;}
	.topic img {display: block; max-width: 100%}

	h1 {clear: both; width: 100%; height: 75px; background-size: 900px 75px; font-size: .8rem; line-height: 55px; margin: 1.5rem auto 1rem}
	h1.t3,h1.t4 {width: 100%; padding: 0; margin: 1.5rem auto 1rem}
	h1.t3 img,h1.t4 img {width: auto;height: 50px;}
	h3 {font-size: 1rem; line-height: 1.4em}

	.tt1 {float: none; width: 100%; height: auto; padding: 0; background-size:cover; background-position: right bottom; font-size: 25px;line-height: 40px;}
	.tt1::after {display: none}
	.tt2 {float: none; width: 100%; height: auto; background: #FFF}
	.ttlb {float: none; width: 100%; margin: 0;position: relative;}
  	.ttlb>li.more {bottom: -25px;right: 2px;left: 0px;}
	.tptt {float: none; width: 100%; margin-top: 1rem}
	.tptt .swiper-button-prev,.tptt .swiper-button-next {top: 23vw}
	.tptt .swiper-slide img {width:98vw; height:55vw}
	.tptt .swiper-slide h3 {padding: 0}
	.tptt .more {padding: 0;margin-top:8px;}
	.more a {display: block;margin-top: -10px;}
	.wztt{font-size: 25px;line-height: 40px;}
	.r1c1 {float: none; width: 98vw; height: 55vw}
	.r1c1 .mask h3 {font-size: .8rem; line-height: 2em}
	.r1c2 {float: none; width: 100%; height: auto; background: #FFF; padding: 0; margin-top: 1rem}

	.bg1 {background: #FFF; padding: 0; margin-top: 1rem;min-width: 0px;}
	.r2c1 {float: none; width: 100%}
	.daily {height: auto}
	.day {width: 100%}
	.date {float: left; width: 70px; height: 80px; margin-right: 1rem}
	.year {font-size: 16px; line-height: 25px}
	.month {height: 54px}
	.day1 {font-size: 32px; line-height: 36px}
	.month1 {font-size: 12px; line-height: 15px}
	.time {float: none; width: auto}
	.days {clear: both; width: 98vw; margin-top: 1rem; display: flex; column-gap: 2px}
	.days .swiper-button-prev,.days .swiper-button-next {width: 9vw; height: 10vw; font-size: 1rem; line-height: 13.6vw; margin: 0!important; flex-shrink: 0}
	.days .swiper-button-prev:after,.days .swiper-button-next:after {font-size: 1rem}
	.days .swiper {width: auto; height: 10vw; flex-grow: 1}
	.days .swiper-slide {width: 19.9vw; height: 10vw; font-size: 1rem; line-height: 10vw; margin-right: 2px; cursor: pointer}
	.r2c2 {float: none; width: 100%; margin-top: 1rem}
	.r2c2 li {width: 32vw; height: 46.4vw}

	.r3 {width: 98%; height: auto; background: #FFF}
	.r3c1 {display: none}
	.r3c2 {float: none; width: 100%; margin: 0 0}
	.r3c2 ul {display: block!important}
	.r3c2 li.title {display: block; border: 0; padding: 0; font-size: 1.1rem; font-weight: bold; line-height: 2em; color: #C52727;background-color: #F7E6C6;text-align: center;}

	.r4 {flex-wrap: wrap; grid-row-gap: .5rem}
	.r4c1 {width: 45vw; height: 25.5vw}
	.r4c2 {width: 48vw; font-size: .8rem; line-height: 1.5em}
	.r4c2 li {padding: .3rem 0}
	.r4c2 li:first-child {padding-top: 0}

	.r5 {display: block}
	.r5c1 {width: 100%; background: #FFF}
	.r5c1a {float: none; width: 100%; display: flex; justify-content: space-between; margin: .5rem 0 0; overflow: hidden}
	.r5c1a li {padding: 0;margin-bottom:0;}
	.r5c1a img {width: 48vw; height: 27.87vw}
  	.r5c1a .mask h3 {font-size: .8rem; line-height: 1.5em}
	.r5c1b {float: none; width: 100%; margin: 0}
	.r5c1b li {padding: .3rem 0;margin:0;-webkit-line-clamp:6;}
  	.r5c1b>li.more { position: static;}
	.r5c2 {width: 100%; background: #FFF}
	.r5c2 ul {padding: 0}
	.r5c2 li {padding: .3rem 0;margin:0;line-height:30px;}
  	.r5c2 li.more {position: static;}
	.r5 h1{line-height: 0;background-color: #faebd780;}

	.r6 {padding: 0 0 1rem; background: none;min-width: 0px;}
	.r6 .swiper-slide {width: 98vw; height: 55.13vw}
	.r6 h3 {padding: 0 .5em; font-size: .8rem; line-height: 2em; text-align: left}
	.r6 .swiper-pagination {column-gap: 1rem; margin-top: .7rem}
	.r6 .swiper-pagination-bullet {width: .9rem; height: .9rem; border-radius: .45rem}
	
	.menu {display: none}
  ul.mob-nav li {
    float: left;
    width: auto;
    /* margin-left: 20px; */
    padding-left: 15px;
    padding-right: 15px;
    line-height: 40px;
    color: white;
}

ul.mob-nav {
    display: inline-block;
    display: inline-flex;
    white-space: nowrap;
    width: 100%;
    height: 40px;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 10px 0;
    background: #c42f2e;
}

ul.mob-nav li a {
    color: #f9efc5;
   font-size:18px;
}
	.foot-03 {width: 100%;min-width: 320px;box-sizing: border-box;padding: 10px 20px;}
	.floatewm {display: none !important}
}