body {background:#FFF; font-family:"Microsoft YaHei", Arial; font-size:20px; line-height:52px; 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 img {width: 100%}
.topic {background: none}
.topicImgMobile{display: none;}
img.topicImgPc { width: 100%; height: auto;}
.container {clear:both; width: 1200px; margin: 0 auto; overflow: hidden}
.h1 {clear:both; width: 1200px; padding-bottom: 30px; margin: 45px auto 0; overflow: hidden}
h1 {float: left; width: 1126px; height: 79px; box-sizing: border-box; padding: 20px 386px 0 457px; background: url("../../images/zhuanti_ghszhjs/t1.gif") no-repeat 0 center; font-size: 40px; line-height: 57px; color: #FFF; letter-spacing: 10px; text-align: center}
.h1 .more {float: right; line-height: 95px;font-size: 20px;background: none;margin-top: 0;}
.more a {color: #717071}

.r1 {background: url("../../images/zhuanti_ghszhjs/bg.gif") no-repeat 50% 50%}
.r1c1 {clear: both; float: left; width: 582px; height: 330px; margin-top: 18px}
.pic-item {width: 100%; height: 100%}
.pic-item li {position:relative; width: 100%; height: 100%}
.pic-item img {position:absolute; width: 100%; height: 100%; left:0; top:0; z-index:1}
.pic-item .mask {position:absolute; width:100%; left:0; bottom:0; z-index:2; background:rgba(0,0,0,0.5);display: block;top: auto;}
.pic-item .mask h3 {padding:5px 10px; font-weight:normal; margin:0}
.pic-item .mask h3,.pic-item .mask h3 a {color:#FFF}
.pic-item .mask h3 a:hover {text-decoration:none}

.jcarousel-skin-lb {width: 582px; height: 330px; position:relative; overflow:hidden;}
.jcarousel-skin-lb .jcarousel-control {position:absolute; height:9px; right:25px; bottom:5px; z-index:10; font-size: 0; line-height: 0}
.jcarousel-skin-lb .jcarousel-control span {display:inline-block; width:9px; height:9px; border-radius: 4px; background:#FFF; margin-left:10px; cursor:pointer}
.jcarousel-skin-lb .jcarousel-control span.selected {background: #F9C1C5}
.jcarousel-skin-lb .jcarousel-container {width:100%; height:100%}
.jcarousel-skin-lb .jcarousel-clip {width:100%; height:100%}
.jcarousel-skin-lb ul { height:100%;}
.jcarousel-skin-lb li {width:100%; height:100%;position:relative;}
.jcarousel-skin-lb li img {width:100%; height:100%;}
.jcarousel-skin-lb li .mask {width: 100%;background:rgba(0,0,0,0.5);position: absolute;bottom: 0; left: auto;top: auto;right: auto;display: block;}
.jcarousel-skin-lb li .mask h3 {width: 580px;color: #fff;padding: 10px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.r1c2 {float: right; width: 590px}
 .list li {list-style: inside disc;	margin-top: 0;font-size: 20px;overflow: hidden;	text-overflow: ellipsis;white-space: nowrap;}

.r2 ul {display: flex; justify-content:space-between}
.r2 li {width: 270px;position: relative;}
.r2 li img {width: 100%}
.r2 li h3 {font-size: 20px; font-weight: normal; line-height: 40px}

.r3 {display: flex; justify-content:space-between; flex-wrap: wrap}
.r3c1 {width: 590px}
.h2 {clear: both; width: 590px; padding-bottom: 30px; margin-top: 40px; overflow: hidden}
h2 {float: left; width: 498px; height: 72px; background: url("../../images/zhuanti_ghszhjs/t2.gif") no-repeat; font-size: 38px; line-height: 41px; color: #2C24B4}
.h2 .more {float: right; line-height: 75px;	font-size: 20px;background: none;	margin-top: 0;margin-right: 20px;}
.r2sp{width: 270px;height: 152px;	background: azure;}
li .r2sp::after {content: "";position: absolute;top: 21%;left: 40%;background: url("../../images/zhuanti_ghszhjs/play.png") no-repeat;width: 62px;height: 62px;}

@media screen and (max-width:750px) {
	body {background: none; font-size: 20px; line-height: 2em}
	.topic {min-width: 320px}

	.container {width: 98%}
    .topic{height: auto;}
    .topicImgPc{display: none;}
    .topicImgMobile{display: block; width: 100%;height: auto;}
	.h1 {width: 100%; padding-bottom: 0; margin: 1.5em 0 0}
	h1 {float: none; width: 200px; height: 79px; padding: 20px 11px 0 0; background-position: -552px 0; margin: 0 auto;    font-size: 29px;}
	.h1 .more {float: right; line-height: 1.5em}

	.r1 {background: none}
	.r1c1 {float: none; width: 100vw; height: 55vw; margin-top: 1.5em}
	.r1c2 {float: none; width: 100%; margin-top: 1.5em}
  	.jcarousel-skin-lb {width: 100%;height: 100%;}
  	/*.jcarousel-skin-lb li {width:100%;}*/
    .jcarousel-skin-lb li .mask h3 {width: 385px;}


	.r2 ul {flex-wrap: wrap}
	.r2 li {width: 48vw; margin-top: 1rem}
	.r2 li h3 {font-size: 1rem; line-height: 1.5em}

	.r3 {display: block}
	.r3c1 {width: 100%}
	.h2 {width: 100%; padding-bottom: 0; margin-top: 1.5em}
	h2 {float: none; width: 100%; height: 72px; background: url("../../images/zhuanti_ghszhjs/t2.gif") no-repeat;background-size: contain;
    font-size: 29px; line-height: 41px; color: #2C24B4}
	.h2 .more {line-height: 1.5em}
	.r3 .list {margin-top: 1rem}
	.r2sp{width: 100%;height: auto;background: azure;}
    .appname h1 { background: none; width: auto; letter-spacing: normal;height: auto; padding: 0 45px 0px 0px;}
    li .r2sp::after { top: 15%;left: 38%;}
}