body {background:linear-gradient(to bottom,#4785FC 440px,#FFF 1700px); font-family:"Microsoft YaHei", Arial; font-size:16px; line-height:30px; color:#333; margin:0;padding-bottom: 20px;height: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}

.topic img {width: 100%}
.ImgMobile {display: none}
h1 {clear: both; width: 370px; height: 93px; background: url("/../resources/images/zhuanti_qgkcmj/title.jpg") no-repeat; font-size: 34px; line-height: 93px; text-align: center; color: #1F5EEB; margin: 60px auto 0}
.container {clear:both; width: 926px; margin: 30px auto 0; overflow: hidden}

.intro {width: 1050px; padding: 10px; margin: 0 auto; position: relative;z-index:99;}
.intro::before {content: ""; position: absolute; width: 44px; height: 44px; background: #AFD1FF; left: 0; top: 0; z-index: -1}
.intro::after {content: ""; position: absolute; width: 44px; height: 44px; background: #AFD1FF; right: 0; top: 0; z-index: -1}
.intro2 {background: #85A3FB; padding: 40px 60px; font-size: 18px; line-height: 49px; color: #FFF}
.intro2::before {content: ""; position: absolute; width: 44px; height: 44px; background: #AFD1FF; left: 0; bottom: 0; z-index: -1}
.intro2::after {content: ""; position: absolute; width: 44px; height: 44px; background: #AFD1FF; right: 0; bottom: 0; z-index: -1}

.border {clear: both; width: 1050px; background: #FFF; border-radius: 60px; border:1px solid transparent; padding-bottom: 80px; box-shadow: 0 0 20px 20px #C3D6FF; margin: 45px auto 0}
.r1 {width: 944px; margin: 0 auto; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between}
.r1 li {width: 200px; height: 340px; padding: 5px; background: linear-gradient(135deg, #C9314A, #3F3BCD); line-height: 0; margin-top: 40px}
.r1 li img {width: 200px; height: 268px}
.r1 h3 {padding: 0 10px; font-size: 16px; font-weight: normal; line-height: 31px; color: #FFF;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.r1 a {color: #FFF}

.jcarousel-skin-gd {width:1050px; margin-top: 40px; overflow: hidden;height: 225px;}
.jcarousel-skin-gd .jcarousel-container {width:100%}
.jcarousel-skin-gd .jcarousel-clip {width:940px; margin: 0 auto; overflow: hidden}
.jcarousel-skin-gd .jcarousel-prev {position: absolute; width: 30px; height: 70px; background: url("/../resources/images/zhuanti_qgkcmj/prev.gif"); left: 0; top: 42px; cursor:pointer}
.jcarousel-skin-gd .jcarousel-next {position: absolute; width: 30px; height: 70px; background: url("/../resources/images/zhuanti_qgkcmj/next.gif"); right: 2px; top: 42px; cursor:pointer}
.jcarousel-skin-gd ul {height: 225px;}
.jcarousel-skin-gd li {width:293px; line-height: 0; margin-right:22px}
.jcarousel-skin-gd li img {width:100%; height:165px}
.jcarousel-skin-gd li h3 {font-size: 16px; font-weight: normal; line-height: 23px; margin-top: 10px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.imgtxt1 {width: 950px; margin: 20px auto 0}
.imgtxt1 li {clear:both; padding: 30px 0; border-bottom: 1px solid #3f3f3f3b; overflow:hidden}
.imgtxt1 li:last-child {border: 0}
.imgtxt1 img {float:left; width: 256px; height: 144px; margin-right:20px}
.imgtxt1 h3 {font-size: 22px; line-height: 39px; margin-top: 0.2em;min-height: 80px;}
.info {font-size: 18px;line-height: 33px;color: #777;margin-top: 1.5em;}
.info span{float: right;}
.info1 {float: left}
.info1 .media {padding-left: 25px; background: url("//www.workercn.cn/resources/images/icons.png") no-repeat 0 -39px}
.info2 {float: left; padding-left: 25px; background: url("//www.workercn.cn/resources/images/icons.png") no-repeat 0 -70px; margin-left: 20px;}
.spvideo{text-align: center;margin: 60px auto; } 
.spvideo video{width: 90%;border-radius: 60px;} 
.kcmj{display: none;}
.kcmore{float: right;margin: 20px 55px;font-size: 20px;color: #4b3ac0;font-weight: 600;cursor: pointer;}
@media screen and (max-width:750px) {
	body {background: none #FFF; font-size: 16px; line-height: 1.5em}
	.ImgPc,.intro::before,.intro::after,.intro2::before,.intro2::after {display: none}
	.ImgMobile {display: inline;width: 100%;}
	h1 {margin-top: 1em}
	h1 {width: 305px;height: 75px;background-size: contain;font-size: 28px;line-height: 75px;text-align: center;color: #1F5EEB;margin: 30px auto 0;}

	.intro {width: 100%; padding: 0}
	.intro2 {padding: 20px; font-size: 1rem; line-height: 1.5em;text-align: justify;}
	.border {width: 98%; border-radius: 0; border: 0; padding: 0; box-shadow: 0 0 0 0; margin: 1em auto 0}
	.r1 {width: 100%}
	.r1 li {width: 48vw; height: auto; box-sizing: border-box; margin-top: 1em}
	.r1 li img {width: 100%; height: auto}
	.jcarousel-skin-gd {width:100%; margin-top: 1em}
	.jcarousel-skin-gd .jcarousel-clip {width:293px}
	.imgtxt1 {width: 100%; margin: 1em 0 0 0}
	.imgtxt1 li {padding: .5em 0; border-bottom: 1px solid #3f3f3f3b}
	.imgtxt1 img {width: 35%; height: auto; margin-right: 10px}
	.imgtxt1 h3 {font-size: 1rem; font-weight: normal; line-height: 1.5rem; margin-top: 0; min-height: 55px;}
  	.info {font-size: 12px;line-height: 17px;margin-top: 0px;margin-left: 9rem;}
	.info2 {padding: 0; background: none; margin: 0 15px;line-height: 30px;}
    .media span {display: block}
	.info1 span{ height: 30px;line-height: 30px;}
	.info>span{display: none;}
  	.spvideo{margin:-16px auto 10px; } 
	.spvideo video{width: 100%; border-radius: 0px;} 
    .sj{font-size: 25px;}
    .kcmore{margin: 15px 0px 30px;}

}