body {background:linear-gradient(to bottom, #D61702, #D61702 920px, #FFF 1620px, #FFF); font-family:"Microsoft YaHei", Arial; font-size:26px; line-height:35px; 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: 1240px; height: 920px; background: url("/../resources/images/zhuanti_cygh/topic1.png") no-repeat center 0; background-size: 100%;}
.topic img {display: none}

.intro {width: 1240px; height: 437px; box-sizing: border-box; padding: 85px 40px 0 160px; background: url("/../resources/images/zhuanti_cygh/bg1.png"); font-size: 26px; line-height: 35px; color: #B51111; margin: 60px auto 0}
.intro p {line-height: 25px;font-size: 16px;}

h1 {text-align: center; margin: 70px 0}
h2 {width: 1200px; margin: 30px auto 50px}
.container {clear: both; width: 1200px; margin: 0 auto; overflow: hidden}
.container ul {max-height: 560px; padding-right: 20px; display: flex; justify-content: flex-start; flex-wrap: wrap; overflow-y: auto; scrollbar-color: #FFF #CA0F02}
.container ul.gdhid{ overflow-y: hidden;}
.container li {width: 340px; height: 280px; margin:0 0 0 47px}
.container img {width: 340px; height: 190px}
.container h3 {font-size: 20px; font-weight: normal; line-height: 35px; text-align: center;}

.grb {width: 1200px; box-sizing: border-box; padding: 152px 30px 30px; background: #CA0F02 url("/../resources/images/zhuanti_cygh/t2.png") no-repeat center 0; margin: 0 auto}
.grb1 {max-height: 720px; box-sizing: border-box; padding: 20px; border-radius: 10px; background: linear-gradient(to bottom, #FCE8D4, #FFF); overflow-y: auto; scrollbar-color: #CA0F02 #FFF}
.grb1 p {font-size: 16px;}

.imgtxt1 {width: 1200px; margin: 0 auto; overflow: hidden}
.imgtxt1 li {clear:both; margin-bottom: 65px; overflow:hidden}
.imgtxt1 img {float:left; width: 260px; height: 144px; margin-right:50px}
.imgtxt1 h3 {min-height: 120px; font-size: 26px; line-height: 35px}
.info {font-size: 18px; line-height: 23px; color: #777}
.info span{float: right;}
.info1 {float: left}
.info1 .media {padding-left: 25px; background: url("https://www.workercn.cn/resources/images/icons.png") no-repeat 0 -44px}
.info2 {float: left; padding-left: 25px; background: url("https://www.workercn.cn/resources/images/time.png") no-repeat 0 1px;background-size:22px; margin-left: 20px;}
.more {width: 140px; height: 40px; border-radius: 20px; background: linear-gradient(to right, #ED0201, #FF8233); color: #FFF; font-size: 18px; line-height: 40px; text-align: center; margin: 0 auto; cursor: pointer}
.more a {color: #FFF;}

.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}


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

	.topic {min-width: 98%; height: auto; background: none}
	.topic img {display: block; max-width: 100%}
	
	.intro {width: 98%; height: 31vh; overflow-y: scroll; padding: .5em 1em; border: 1px solid #DDD; background: none; font-size: 1rem; line-height: 1.5em; margin: 1rem auto 0}


	h1 {margin: 2rem 0 1rem}
	h1 img {max-width: 80%}
	h2 {width: 100%; margin: 2rem 0 1rem}
	h2 img {max-width: 70%}
	.container {width: 98%}
	.container ul {max-height: 9999px; padding-right: 0;justify-content: space-between; }
	.container li {width: 46vw; height: auto; margin:0 0 1em 0}
	.container img {width: 46vw; height: 25.7vw}
	.container h3 {font-size: 1rem; line-height: 1.5em}

	.grb {width: 100%; padding: 152px .5rem .5rem}
	.grb1 {max-height: 9999px; padding: 1rem; height: 43vh; overflow-y: scroll;}

	.imgtxt1 {width: 98%}
	.imgtxt1 li {margin-bottom: 1em}
	.imgtxt1 img {float:right; width: 35vw; height: auto; margin:0 0 0 .75rem}
	.imgtxt1 h3 {min-height: 1px; font-size: 1rem; font-weight: normal; line-height: 1.5em}
	.info {display: none}

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

	/* 针对 .intro 和 .grb1 类的滚动条整体样式 */
	.intro::-webkit-scrollbar,
	.grb1::-webkit-scrollbar {
	width: 12px; /* 滚动条宽度 */
	}

	/* 滚动条轨道 */
	.intro::-webkit-scrollbar-track,
	.grb1::-webkit-scrollbar-track {
	background-color: #f1f1f1; /* 轨道背景色 */
	}

	/* 滚动条滑块 */
	.intro::-webkit-scrollbar-thumb,
	.grb1::-webkit-scrollbar-thumb {
	background-color: #888; /* 滑块颜色 */
	border-radius: 6px; /* 圆角半径 */
	}

	/* 滑块悬停效果 */
	.intro::-webkit-scrollbar-thumb:hover,
	.grb1::-webkit-scrollbar-thumb:hover {
	background-color: #555; /* 悬停时颜色加深 */
	}

	.intro,
	.grb1 {
	scrollbar-width: thin; /* 滑块宽度 */
	scrollbar-color: #888 #f1f1f1; /* 滑块颜色 | 轨道颜色 */
	}
}