body {background:#FFF url("../../images/zhuanti_2024ldczxf/bg.jpg") no-repeat center 0; font-family:"Microsoft YaHei", Arial; font-size:16px; line-height:21px; 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 {height: 500px}
.topicImgMobile{display:none;}

.nav {width: 1200px; margin: 15px auto 0; display: flex; justify-content:space-between}
.nav li {font-size: 28px; line-height: 35px}
.nav li a {color: #FFF}
h1 {width: 1010px; height: 53px; padding-top: 20px; font-size: 16px; text-align: right; margin: 70px auto 0}
h1.t1 {background: url("../../images/zhuanti_2024ldczxf/t1.png") 0 0 no-repeat}
h1.t2 {background: url("../../images/zhuanti_2024ldczxf/t2.png") 0 0 no-repeat}
h1.t3 {background: url("../../images/zhuanti_2024ldczxf/t3.png") 0 0 no-repeat}
h1.t4 {background: url("../../images/zhuanti_2024ldczxf/t4.png") 0 0 no-repeat}
h1.t5 {height: auto; padding: 0; text-align: center}
h1.t6 {background: url(../../images/zhuanti_2024ldczxf/t6.png) 0 0 no-repeat;}
ul.gzf{margin-top: 60px;display: flex;justify-content: space-between;}
ul.gzf li{width: 337px;height: auto;}
ul.gzf .mask{margin: 5px 0;}
ul.gzf .mask>a{color: #333;text-align: center;}
ul.gzf .mask>a>h3{line-height: 28px;}


.container {clear:both; width: 1100px; margin: 0 auto; overflow: hidden}

#wyScroll {width:1100px; height:460px; margin-top: 60px; overflow:hidden}
#wyScroll .mask { margin-top: -60px; text-align: center; line-height: 25px;}
.mask>a {color: #fff;}

.r2 {margin-top: 60px}
.r2c1 {float: left; width: 520px; height: 292.5px}
.r2c2 {float: left; width: 247px; height: 139px; margin-left: 9px}
.pic-item li {position:relative}
.r2c1 .pic-item li {width: 520px; height: 292.5px}
.r2c2 .pic-item li {width: 247px; height: 141.5px; margin-bottom: 10px}
.pic-item img {width: 100%; height: 100%}
.pic-item .mask {position:absolute; width:100%; left:0; bottom:0; z-index:2; background:rgba(0,0,0,0.5)}
.pic-item .mask h3 {padding:5px 10px; font-size: 14px; font-weight:normal; line-height: 25px; margin:0}
.pic-item .mask h3,.pic-item .mask h3 a {color:#FFF}
.pic-item .mask h3 a:hover {text-decoration:none}
.r2c3 {float: right; width: 308px}
.r2c3 li {line-height:38px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.r3 {height: 922px; border: 2px dashed #FC733C; border-radius: 10px; margin-top: 60px; position: relative}
/*.r3 img {position: absolute; transition:all .5s; cursor: pointer}*/
.r3 li {position: absolute; transition:all .5s; cursor: pointer}
.r3 li>img{width: 100%;height: 100%;}
.r3 .mask {margin-top: -58px;text-align: center;line-height: 24px;}
.r3 .mask>a>h3{-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.jcarousel-skin-gd {width:1100px; margin-top: 60px}
.jcarousel-skin-gd .jcarousel-container {width:100%}
.jcarousel-skin-gd .jcarousel-clip {width:1005px; margin: 0 auto; overflow: hidden}
.jcarousel-skin-gd .jcarousel-prev {position: absolute; left: 0; top: 175px; width: 26px; height: 74px; background: url("../../images/zhuanti_2024ldczxf/prev.png"); cursor:pointer}
.jcarousel-skin-gd .jcarousel-next {position: absolute; right: 0; top: 175px; width: 26px; height: 74px; background: url("../../images/zhuanti_2024ldczxf/next.png"); cursor:pointer}
.jcarousel-skin-gd li {float: left; width:240px; height: 427px; margin-right: 15px;position: relative;}
.jcarousel-skin-gd li img {width:100%; height:100%}
.jcarousel-skin-gd li .mask {position: absolute;bottom: 0px;text-align: center;width: 100%;padding: 10px 0px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #303133 100%);}


.r5 ul {margin-top: 60px; display: flex; justify-content:space-between}
.r5 li {width: 337px; height: 190px}
.r5 li img {width: 100%; height: 100%}
.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 {display: none;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}

ul#wyScroll .mask {display: none;}
.container.r3 .mask {display: none;}

@media screen and (max-width:750px) {
	body {background: none; font-size: 16px; line-height: 1.5em}
  	.topic{display:none;}
	.topicImgMobile {display:block; width: 100vw; height: 58vw; background: url("/upload/resources/image/2024/12/30/2230875.jpg") no-repeat center 0; background-size: cover}

	.container {width: 98%}
	.nav {width: 100%; margin-top: .5rem; display: block; white-space: nowrap; overflow-x: auto}
	.nav li {display: inline-block; padding: 0 .5rem; font-size: 1rem; line-height: 1.5rem}
	.nav li a {color: #333}
	h1 {width: 100%; height: 37px; padding-top: 0; background-size: 507px 37px!important; font-size: .8rem; margin-top: 1.5rem}
	h1.t5 img {width: 90%}

	.container {width: 98%}

	#wyScroll {width:100%; height:auto; margin-top: 1rem; white-space: nowrap; overflow-x: auto}
	#wyScroll li {display: inline-block; width: 180px; height: 320px; margin-right: 2px}
	#wyScroll img {width: 100%; height: 100%}
  	#wyScroll .mask {white-space: normal;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size: 12px;}


	.r2 {margin-top: 1rem}
	.r2c1 {float: none; width: 100%; height: auto}
	.r2c2 {float: none; width: 100%; height: auto; margin: .5rem 0 0}
	.r2c2 ul {display: flex; justify-content:space-between}
	.r2c1 .pic-item li {width: 98vw; height: 55.125vw}
	.r2c2 .pic-item li {width: 48vw; height: 27vw; margin: 0}
	.r2c3 {float: none; width: 100%; margin-top: .5rem}
	.r2c3 li {margin-bottom: .5rem}

	.r3 {height: auto; background: #FFF; border-radius: 0; margin-top: 1rem; white-space: nowrap; overflow-x: auto}
	/*.r3 img {position: relative; width: 180px; height: 320px; margin-right: 2px}*/
    .r3 li{position: relative;width: 180px;height: 320px;margin-right: 2px;display: inline-block;}
    .r3 .mask {white-space: normal;font-size: 12px;}

	.jcarousel-skin-gd {width:100%; margin-top: 1rem}
	.jcarousel-skin-gd .jcarousel-clip {width:290px}
	.jcarousel-skin-gd .jcarousel-prev,.jcarousel-skin-gd .jcarousel-next {top: 87px}
	.jcarousel-skin-gd li {width:140px; height: 249px; margin-right: 10px}
    .jcarousel-skin-gd li .mask {font-size: 12px;padding-bottom: 5px; line-height: 18px;}


	.r5 ul {margin-top: 1rem}
	.r5 li {width: 32vw; height: 18vw}
  	.foot-03 {width: 100%;min-width: 320px;box-sizing: border-box;padding: 10px 20px;}
	.floatewm {display: none !important}
  
  	
    ul.gzf {margin-top: 20px;}
    .swiper-container-1 {position: relative;}
    .swiper-container-1 .swiper-wrapper li {width: 100%;height: auto;overflow: hidden;}
    .swiper-container-1 .swiper-wrapper li>a>img {width: 100%;}
    .swiper-container-1 .swiper-wrapper li .mask {position: absolute;bottom: 0;left: 0;right: 0;top: auto;color: #FFF;padding: 10px;background: rgba(0, 0, 0, .4);transition: opacity .5s;}
    .swiper-container-1 .swiper-wrapper li .mask>a {color:white;}
    .swiper-container-1 .swiper-wrapper li .mask>a>h3 {font-size: 14px;line-height: 1.4rem;}
    .swiper-container-horizontal>.swiper-pagination-bullets {text-align: right;}
	
  
}