body {background:#FFF; font-family:"Microsoft YaHei", Arial; font-size:20px; line-height:31px; color:#333; margin:0;max-width:1920px;margin:0 auto;}

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}

.section{scroll-margin-top:60px; }
.section1{scroll-margin-top:120px;}
.screen-video{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;}
.screen-video video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.skip{position:absolute;right:40px;top:40px;text-shadow:4px 4px 4px rgba(0, 0, 0, .5);object-fit:cover;z-index:9;object-position:center;color:#fff;font-size:24px;line-height:1;}

.topic {min-width: 1200px; height: 900px; background: url("/../resources/images/zhuanti_qz100/xtopic.png") no-repeat center 0,#ffefdf}
.topic img {display: none}

.container {clear:both; width: 1200px; margin: 0 auto; overflow: hidden}
h1 {text-align: center; margin: 50px auto 35px}
h1 img {zoom:0.8}
h2.a1 {width: 100%; height: 53px; position: relative}
h2.a1 img {position: relative; z-index: 2}
h2.a1 span {position: absolute; font-size: 18px; font-weight: normal; line-height: 25px; right: 0; top: 0}
h2.a1 span a {color: #CCC}
h2.a1::after {content: ""; position: absolute; width: 100%; height: 2px; background: #CCC; left: 0; top: 26px}
h2.a2 {width: 281px; height: 79px; background: url("/../resources/images/zhuanti_qz100/bnlc.png") no-repeat; text-indent: -9999px; margin: 0 auto}

h2.a5 {background-position: 0 0}
h2.a6 {background-position: -300px 0}
h2.a7 {background-position: -600px 0}
h2.a8 {background-position: 0 -90px}
h2.a9 {background-position: -300px -90px}
h2.a10 {background-position: -600px -90px}
h2.a11 {background-position: 0 -180px}

h2.bnrwhy {width: 281px; height: 79px; background: url("/../resources/images/zhuanti_qz100/bnrwhy.png") no-repeat; text-indent: -9999px; margin: 0 auto}
h2.bngygs {width: 281px; height: 79px; background: url("/../resources/images/zhuanti_qz100/bngygs.png") no-repeat; text-indent: -9999px; margin: 0 auto}

h3 {font-size: 20px; font-weight: normal; line-height: 28px}
.list1 li {height: 31px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 20px}
.more {text-align: right; margin-top: 10px}
.more a {color: #9D1D12}

.bg1 {background: linear-gradient(to bottom, #FFEEDE, #FFF 400px, #FFF); padding-top: 20px}
.wztt {padding: 30px 0; font-size: 36px; font-weight: bold; line-height: 63px; text-align: center}
.wztt,.wztt a {color: #C52727}

/*要闻下*/
.container.ywx {margin: 20px auto -10px;}
ul.ywxList { display: grid;grid-template-columns: 1fr 1fr; grid-auto-flow: dense; gap: 10px;}
ul.ywxList li {width: 580px; margin-top: 20px;}
ul.ywxList li:nth-child(1), ul.ywxList li:nth-child(2) {grid-column: 1;}
ul.ywxList li:nth-child(3), ul.ywxList li:nth-child(4) {grid-column: 2;}


.r1c1 {float: left; width: 740px; height: 416px; 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; box-sizing: border-box; padding: 0px 30px}
.r1c2 li {padding: 0 0 10px;-webkit-line-clamp: 9;display: -webkit-box;-webkit-box-orient: vertical;/**overflow: hidden;text-overflow: ellipsis;**/}
.r1c2,.r10c2 {text-align: justify;}

.r2 {width: 1200px; position: relative; margin-top: 60px}
.r2 .swiper {width: 1090px; margin: 0 auto; overflow: hidden}
.r2 .swiper-slide {width: 250px; height: 142px; margin-right: 30px}
.r2 .swiper-slide img {width: 100%; height: 100%}
.r2 .swiper-slide .mask {position: absolute; width: 100%; background: rgba(197,39,39,.4); left: 0; bottom: 0}
.r2 .swiper-slide .mask h3 {padding: 0 10px;line-height: 22px;font-size: 16px;}
.r2 .swiper-slide .mask a {color: #FFF}
.swiper-button-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%239D1D12'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%239D1D12'%2F%3E%3C%2Fsvg%3E")}
.menu-wrapper{position:sticky;top:0;z-index:200;}
.menu {width: 1200px; height: 110px; box-sizing: border-box; padding: 10px 50px; background: url("/../resources/images/zhuanti_qz100/nav.jpg"); display: flex; justify-content:space-between; margin: 60px auto 0;position: sticky;top: 0;z-index: 100;}
.menu li {font-size: 24px; line-height: 90px; text-align: center; color: #FFF; position: relative}
.menu li a {color: #FFF}
.menu li ul {position: absolute; width: 140px; padding: 10px 0; background: linear-gradient(to bottom, #e6070b, #b3050b); left: -20px; display: none}
.menu li ul li {font-size: 18px; line-height: 36px; text-align: center}

.r3c1 {float: left; width: 640px; position: relative}
.r3c1 .swiper {width: 540px; margin: 0 auto; overflow: hidden}
.r3c1 .swiper-slide {width: 540px}
.r3c1 .swiper-slide img {width: 540px; height: 304px}
.r3c1 h3 {margin-top: 20px}
.r3c1 .swiper-button-next, .r3c1 .swiper-button-prev {top: 150px}
.r3c2 {float: right; width: 520px}
.r3c2 li {padding: 10.5px 0; border-bottom: 1px solid #ECBF72}
.r3c2 li:nth-last-child(-n+2) {border: 0}
.r3c2 .more {text-align: right}
.r3c2 .more a {color: #ECBF72}

.r4c1 {float: left; width: 750px}
.r4c1a {float: left; width: 375px}
.r4c1b {float: right; width: 340px; height: 190px; position: relative; margin-top: 20px}
.r4c1b ul,.r4c1b li,.r4c1b img {width: 100%; height: 100%}
.r4c1b .mask {position: absolute; width: 100%; background: rgba(197,39,39,.4); left: 0; bottom: 0}
.r4c1b .mask h3 {padding: 0 10px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #FFF}
.r4c1b .mask a {color: #FFF}
.r4c2 {float: right; width: 375px}

.r5 {display: none;margin-top: 60px;}
.r5c1 {float: left; width: 750px}
.r5c1a {float: left; width: 340px; height: 190px; position: relative; margin-top: 20px}
.r5c1a ul,.r5c1a li,.r5c1a img {width: 100%; height: 100%}
.r5c1a .mask {position: absolute; width: 100%; background: rgba(197,39,39,.4); left: 0; bottom: 0}
.r5c1a .mask h3 {padding: 0 10px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #FFF}
.r5c1a .mask a {color: #FFF}
.r5c1b {float: right; width: 375px}
.r5c2 {float: right; width: 375px}
.r5c2 ul {width: 375px; height: 190px; position: relative; margin-top: 15px}
.r5c2 li,.r5c2 li img {width: 100%; height: 100%}
.r5c2 .mask {position: absolute; width: 100%; background: rgba(197,39,39,.4); left: 0; bottom: 0}
.r5c2 .mask h3 {padding: 0 10px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #FFF}
.r5c2 .mask a {color: #FFF}

.bg2 {min-width: 1200px; padding:15px 0 75px; background: url("/../resources/images/zhuanti_qz100/bg1.jpg") no-repeat 50% 100%; background-size: cover}
.bg2 .container {margin-top: 60px}
.r6c1 {float: left; width: 590px; position: relative}
.r6c1 .swiper {width: 460px; height: 400px; overflow: hidden; margin: 30px auto 0}
.r6c1 .swiper-slide {width: 300px; height: 400px}
.r6c1 .swiper-slide img {width: 100%; height: 100%}
.r6c2 {float: left; width: 730px}
.r6c2 .list1 {margin-top: 30px}
.r6c2b {width: 730px; position: relative}
.r6c2b .swiper {width: 460px; overflow: hidden; margin: 60px auto 0}
.r6c2b .swiper-slide {width: 220px; height: 125px; margin-right: 20px}
.r6c2b .swiper-slide img {width: 100%; height: 100%}
.r6c2 .more {margin-top: 30px}
.r7c1 {float: right; width: 390px}
.r7c1 .list1 li{margin-top: 18px; }
.r7c1 .more {margin-top: 25px;}
.r7c1 .list1 {margin-top: 30px}
.r7c2 {float: right; width: 390px}
.r7c2 ul {width: 330px; display: flex; justify-content: space-between; margin: 30px auto 0;}
.r7c2 li {width: 140px; height: 190px}
.r7c2 li img {width: 100%; height: 100%}
.r7c2 .more {margin-top: 20px;}
.r8c1 {float: left; width: 730px}
.r8c1a {float: left; width: 150px; height: 190px; margin-top: 25px}
.r8c1a ul,.r8c1a li,.r8c1a img {width: 100%; height: 100%}
.r8c1b {float: right; width: 540px}
.r8c2 {float: right; width: 350px}
.r8c1 li {margin-top: 25px;}
.r9c1 {float: left; width: 730px}
.r9c1 video {width: 730px; height: 410px}
.r9c2 {float: right; width: 390px}
.r9c2 .list1 {margin-top: 30px}
.r9c2 .list1 li {margin-top: 23px;padding-left: 40px; background: url("/../resources/images/zhuanti_qz100/bnlc.png") no-repeat -856px -230px}


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

.r10c2 .more,.r13 .more {font-size: 18px}
.r10c2 .more a,.r13 .more a {color: #D4A165}

.r11 {display: flex; justify-content: space-between}
.r11c1 {width: 550px}

.r12 {width: 1200px; position: relative; margin-top: 30px;margin-bottom: 40px;}
.r12 .swiper {width: 1090px; overflow: hidden; margin: 0 auto}
.r12 .swiper-slide {width: 250px; height: 140px; margin-right: 30px}
.r12 .swiper-slide img {width: 100%; height: 100%}
.r12 .swiper-slide .mask {position: absolute; width: 100%; background: rgba(197,39,39,.4); left: 0; bottom: 0}
.r12 .swiper-slide .mask h3 {padding: 0 10px;line-height: 22px;font-size: 16px;}
.r12 .swiper-slide .mask a {color: #FFF}

.r13 ul {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 25px}
.r13 li {width: 280px; margin-top: 15px}
.r13 li img {width: 280px; height: 157.5px}
.r13 li h3 {font-size: 16px; font-weight: normal; line-height: 36px}

.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}
.mob-nav{display:none}

@media screen and (max-width:1200px){
	.bg.screen-video{display: none;}
    .bg1{width: fit-content;}
}
@media screen and (max-width:750px) {
	html, body {background: none; font-size: 20px; line-height: 1.5em;}
	.container {width: 98%}

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

	.bg.screen-video{display: none}
  	.bg1{width:100%;}
  	.container.ywx{margin: 0 3px;}
    ul.ywxList { display: flex;flex-wrap: wrap;gap: 0px;}
    ul.ywxList li {padding: .5em 0;margin-top: 0;text-align: justify;}

	h1 {margin: 1em auto .5em;background-color:white;}
	h1 img {max-width: 86%}
	h2 {margin-top: 1em!important}
	h3 {font-size: 20px; line-height: 1.5em}
    .mask h3{font-size:16px;}
    .r10c1 .mask h3 {line-height: 1.5em}
  
	h2.a1 img{width:35%}
	h2.a2 {width: 45vw;height: 13.7vw;background: url("/../resources/images/zhuanti_qz100/bnlc.png") no-repeat;text-indent: -9999px;margin: 0 auto;background-size: 312%;}
	h2.a5 {background-position: 0vw 0;}
	h2.a6 {background-position: -48vw 0;}
	h2.a7 {background-position: -96vw 0;}
	h2.a8 {background-position: 0 -14vw;}
	h2.a9 {background-position: -47vw -14vw;}
	h2.a10 {background-position: -95vw -14vw;}
	h2.a11 {background-position: 0 -28vw;}
  	h2.bnrwhy {width: 45vw;height: 13.7vw;background-size: contain;}
	h2.bngygs {width: 45vw;height: 13.7vw;background-size: contain;}
	
	.bg1 {background: none; padding-top: 0}
	.wztt {padding: 1em 0; font-size: 24px; font-weight: bold; line-height: 1.5em;  zoom: 0.7;}
	.r1c1 {float: none; width: 98vw; height: 55.13vw}
	.r1c1 .mask h3 {padding: 10px; line-height: 1.5em;font-size:16px}
	.r1c2 {float: none; width: 100%; height: auto; padding: 0; margin-top: 1em}
	.r1c2 li {padding: .5em 0;-webkit-line-clamp: 6;}

	.r2 {width: 98%; position: relative; margin-top: 1em}
	.r2 .swiper {width: 98vw; margin: 0 auto; overflow: hidden}
	.r2 .swiper-slide {width: 48vw; height: 27vw; margin-right: 2vw}
	.r2 .swiper-slide .mask h3 {padding: 2px;line-height: 1.3em;font-size: 14px;}
	.menu-wrapper{width: 100vw;background: url(/../resources/images/zhuanti_qz100/nav-mob.png) no-repeat;background-size: 100% 100%;}
	.menu {display: flex;background:none;white-space: nowrap;overflow-x: scroll;width: 98vw;height:auto;margin:1.5vw 1vw;padding:5vw 2vw;}
	.menu li {font-size: 20px; line-height: 1.5em; text-align: center; color: #FFF; position: relative;margin-left: 10px;}

	.r3c1 {float: none; width: 100%; position: relative}
	.r3c1 .swiper {width: 100%}
	.r3c1 .swiper-slide {width: 98vw}
	.r3c1 .swiper-slide img {width: 98vw; height: 54.444vw}
	.r3c1 h3 {margin-top: .5em}
	.r3c1 .swiper-button-next, .r3c1 .swiper-button-prev {top: 50%}
	.r3c2 {float: none; width: 100%}
	.r3c2 li {padding: .5em 0}
	.r3c1 .swiper-button-next, .r3c1 .swiper-button-prev {top: 40%}

	.r4c1,.r4c1a,.r4c2 {float: none; width: 100%}
	.r4c1b {float: none; width: 98vw; height: 54.765vw; margin-top: 1em}

	.r5 {margin: 0}
	.r5c1,.r5c1b,.r5c2 {float: none; width: 100%}
	.r5c1a {float: none; width: 98vw; height: 54.765vw; margin-top: 1em}
	.r5c2 ul {width: 98vw; height: 54.765vw; margin-top: 1em}

	.bg2 {min-width: 320px; padding:1em 0}
	.bg2 .container {margin-top: 0em}
	.r6c1,.r6c2,.r7c1,.r7c2,.r8c1,.r8c2,.r9c1,.r9c2 {float: none; width: 100%}
	.r6c1 .swiper {width: 100%; height: auto; margin: 1em auto 0}
	.r6c1 .swiper-slide {width: 48vw; height: 64vw; margin-right: 2vw}
	.r6c2 .list1 {margin-top: 1em}
	.r6c2b {width: 100%}
	.r6c2b .swiper {width: 98vw; margin: 1em auto 0}
	.r6c2b .swiper-slide {width: 48vw; height: 27vw; margin-right: 2vw}
	.r7c1 .list1 {margin-top: 1em}
	.r7c2 ul {width: 330px; display: flex; justify-content: space-between; margin: 1em auto 0}
	.r8c1 {width: 100%; overflow: hidden}
	.r8c1a {float: left; width: 30vw; height: 38vw; margin-top: 1em}
	.r8c1b {float: right; width: 66vw}
	.r8c1b {margin-top: 1em}
	.r8c1b .list1 li {font-size: 18px; line-height: 25px; height: 25px; margin-top: .5em}
	.r8c1b .more {font-size: 18px}
	.r9c1 video {width: 98vw; height: 55.041vw}
	.r9c2 .list1 {margin-top: 1em}

	.r10c1 {float: none; width: 98vw; height:55.13vw}
	.r10c2 {float: none; width: 100%; padding: 0}
	.r10c2 li {padding: .5em 0 0}

	.r11 {display: block}
	.r11c1 {width: 100%}

	.r12 {width: 98%; margin-top: 1.5em}
	.r12 .swiper {width: 98vw}
	.r12 .swiper-slide {width: 48vw; height: 27vw; margin-right: 2vw}
	.r12 .swiper-slide .mask h3 {padding: 2px;line-height: 1.3em;font-size: 14px;}
  
    .r13 ul {width: 100%;}
    .r13 li { width: 48%;margin: 5px 2px;}
    .r13 li img {width: 100%;height: auto;}
    .r13 li h3 {line-height: 1.5em;font-size: 14px;}
  
    .r2 .swiper-button-next,.r6c2b .swiper-button-next,.r12 .swiper-button-next,.r2 .swiper-button-prev,.r6c2b .swiper-button-prev,.r12 .swiper-button-prev{background-size: 20px 33px;}

  
  	.foot-03 {width: 100%;min-width: 320px;box-sizing: border-box;padding: 10px 20px;}
	.floatewm {display: none !important}
}