body {background:#FFF url(../images/bg2.jpg) no-repeat center 35px; font-family:"Microsoft YaHei", Arial; font-size:16px; line-height:28px; color:#333; margin:0}
a {color:#333; text-decoration:none}
dl,dt,dd,h1,h2,h3,p {margin:0; padding:0}
img {border:0}
ul,li {list-style:none; padding:0; margin:0}
input,button,select,textarea{outline:none}

.topnav {min-width:1000px; height:34px; background:#F1F1F1; border-bottom:1px solid #E0E0E0; overflow:hidden}
.top1 {width:1000px; font-size: 12px; line-height: 34px; margin:0 auto}
.top1 a {padding:0 4px}
.top1 strong {font-weight:normal; color:#d52b4d}
.top1_left {float:left; width:955px}
.top1_right {float:right; width:45px; height:34px; background:url(../images/arrow002.jpg) no-repeat 0 8px; font-size:14px; text-indent:20px}
.top1_right a {padding: 0}

.container {clear:both; width:1000px; margin:20px auto 0; overflow:hidden}
.container1 {clear: both;width: 1000px; margin: 0 auto;position: relative;overflow: hidden}
h1 {clear: both; width:1000px; border-bottom: 6px solid #315CFB; font-size: 36px; color: #016CD9; line-height: 51px; margin: 30px auto 0}
body:last-child h1 {border: 0; padding-bottom: 6px; position: relative}
body:last-child h1::after {content: ""; position: absolute; width: 100%; height: 6px; bottom:0; left:0; background: linear-gradient(to right, #315CFB, #E9EEFF)}
h2 {height: 45px}
h2 i {display: block; float: left; padding: 0 20px; background: #016CD9; font-style: normal; font-size: 24px; line-height: 45px; color: #FFF}
h3 {font-size: 22px; line-height: 31px}

.topic {height: 435px}

.r1 {min-width: 1000px; max-width: 1020px; padding-bottom: 20px; background: #FFF; margin: 0 auto}
.tt {text-align: center; margin-top: 10px}
.tt h3 {font-size: 36px; line-height: 65px}
.tt h3 a {color: #016CD9}
.r1c1 {float: left; width:340px}
.r1c1 p {margin-left: 1.5em}
.r1c1 li {list-style: square; padding-top:1em; color: #016CD9; margin-left: 1.5em}
.r1c2 {float: right; width:640px; margin:5px 5px 0 0; overflow: hidden}


.block1 {position: relative}
.block1 .tt {padding-bottom:20px; background: #EEE; }
.block1 .tt p {width: 340px; margin-top: 0px;}
.b1l {width: 340px}
.yw {margin-top: 10px;}
.yw li {list-style: square;color:#0099FF;margin-left: 1.2em; }
.b1r {position: absolute; width: 640px; left: 50%; top:80px; margin-left: -140px}


.jcarousel-skin-tptt {width:640px; height:360px; position:relative; overflow:hidden}
.jcarousel-skin-tptt .jcarousel-control {position:absolute; height:7px; right:12px; bottom:12px; z-index:10; font-size: 0; line-height: 0}
.jcarousel-skin-tptt .jcarousel-control span {display:inline-block; width:7px; height:7px; background:#FFF; margin-left:10px; cursor:pointer}
.jcarousel-skin-tptt .jcarousel-control span.selected {background: #016CD9}
.jcarousel-skin-tptt .jcarousel-container {width:100%; height:100%}
.jcarousel-skin-tptt .jcarousel-clip {width:100%; height:100%}
.jcarousel-skin-tptt .jcarousel-prev {position:absolute;bottom:50%;left:15px;width:13px;height:39px;cursor:pointer;background:url(http://www.workercn.cn/sites/19da/images/arrow.png) no-repeat -14px -286px}
.jcarousel-skin-tptt .jcarousel-next {position:absolute;bottom:50%;right:15px;width:13px;height:39px;cursor:pointer;background:url(http://www.workercn.cn/sites/19da/images/arrow.png) no-repeat -63px -286px}
.jcarousel-skin-tptt li {position:relative; width:640px; height:360px}
.jcarousel-skin-tptt li img {position:absolute; width:100%; height:100%}
.jcarousel-skin-tptt li .mask {position:absolute; width:100%; bottom:0; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#80000000,endColorstr=#80000000)}
body:last-child .jcarousel-skin-tptt li .mask {filter:none; background:rgba(0,0,0,0.5)}
.jcarousel-skin-tptt li h3 {font-size:16px; font-weight: normal; line-height:40px; color:#FFF; padding:0 10px}
.jcarousel-skin-tptt li h3 a {color:#FFF}
.rdzt {margin-top: 20px}
.rdzt i {padding:2px 5px; background: #1976D2; border-radius: 4px; font-size: 14px; font-style: normal; white-space: nowrap; color: #FFF}
.rdzt i a {color: #FFF}

.r2c1 {float: left; width: 470px; margin-top: 10px}
.r2c1 li {width: 470px; height: 380px}
.pic-item li {position:relative}
.pic-item img {position:absolute; width: 100%; height: 100%; left:0; top:0; z-index:1}
.pic-item .mask {position:absolute; width:100%; padding: 5px 0; left:0; bottom:0; z-index:2; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#80000000,endColorstr=#80000000)}
body:last-child .pic-item .mask {filter:none; background:rgba(0,0,0,0.5)}
.pic-item .mask h3 {padding:0 10px; font-size: 16px; font-weight: normal; margin:0}
.pic-item .mask,.pic-item .mask a {color:#FFF}
.pic-item .mask p {padding: 0 10px; font-size: 14px; line-height: 21px}
.r2c2 {float: left; width: 270px; margin-left: 12px}
.r2c2 li {padding: 5px 0; border-bottom: 1px dashed #808080}
.r2c2 li:last-child {border: 0}
.r2c3 {float: right; width: 235px; margin-top: 10px}
.r2c3 h2 {height: 33px}
.r2c3 h2 i {padding: 0 5px; line-height: 33px}
.jcarousel-skin-tj {width:235px; height:345px; margin-top: 2px; overflow:hidden}
.jcarousel-skin-tj .jcarousel-container {width:100%; height:100%}
.jcarousel-skin-tj .jcarousel-clip {width:100%; height:100%; overflow:hidden}
.jcarousel-skin-tj .jcarousel-prev {position:absolute;bottom:50%;left:15px;width:13px;height:39px;cursor:pointer;background:url(http://www.workercn.cn/sites/19da/images/arrow.png) no-repeat -14px -286px}
.jcarousel-skin-tj .jcarousel-next {position:absolute;bottom:50%;right:15px;width:13px;height:39px;cursor:pointer;background:url(http://www.workercn.cn/sites/19da/images/arrow.png) no-repeat -63px -286px}
.jcarousel-skin-tj li {width:235px; height:345px}
.jcarousel-skin-tj li img {width:100%; height:100%}

.r3c1 {float: left; width:640px}
.r3c1 li {width: 640px; height: 390px}
.r3c2 {float: right; width:350px}
.r3c2 li {float: left; width: 160px; height: 195px; font-size: 0; line-height: 0; margin-left: 15px}
.r3c2 h3 {font-size: 16px; font-weight: normal; line-height: 25px; margin-top: 5px}

.r4 .tabs {width: 1011px; overflow: hidden}
.r4 .tabs li {float: left; width: 326px; height: 50px; background: #E1E1E1; font-size: 22px; line-height: 50px; text-align: center; color: #016CD9; margin-right: 11px; cursor: pointer}
.r4 .tabs li.selected {background-color: #016CD9; color: #FFF}
.r4 .div {width: 1000px; overflow: hidden}
.r4c1 {float: left; width: 500px; margin-top: 20px}
.r4c2 {float: right; width: 470px}
.r4c2 li {padding: 20px 0; border-bottom: 1px dashed #808080}
.r4c2 li:last-child {border: 0}
.gray {width: 980px; padding: 20px 10px; background: #EDEDED; margin-top: 30px; overflow: hidden}
.imgtxt1 {width: 1020px; overflow: hidden}
.imgtxt1 li {float: left; width: 470px; margin-right: 40px}
.imgtxt1 img {float:left; margin-right:15px}
.imgtxt1 h3 {*display:inline}
.list {clear: both; width: 980px; margin-top: 10px; column-count: 2; column-gap: 40px}
.list li {list-style: square; color: #016CD9; margin-left: 1.5em}

.r5 .pic-item {width: 1030px; margin-top: 20px; overflow: hidden}
.r5 .pic-item li {float: left; width: 485px; height: 290px; margin-right: 30px}
.r5 .list {margin-top: 20px}
h2.h2 {margin-top: 30px}
.r5 .divs {width: 870px; padding: 10px; background: url(../images/border.gif); border-radius: 10px; margin: 20px auto 0}
.r5 .div {width: 790px; padding: 20px 40px; background: #FFF; border-radius: 10px}

.block5 * {transition: all .5s}
.block5 ul {position: relative; width: 1000px; height: 360px; margin-top: 10px}
.b5a {position: absolute; width: 640px; height: 360px; left: 0; top: 0}
.b5a img {position: absolute; width: 640px; height: 360px; left: 0; top: 0}
.b5a .mask {position: absolute;width: 100%;bottom: 0;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#80000000, endColorstr=#80000000)}
body:last-child .b5a .mask {filter: none;background: rgba(0,0,0,0.5)}
.b5a,.b5a a {color: #FFF}
.b5a h3 {font-size: 18px;font-weight: normal;line-height: 35px;text-indent: 10px}
.b5a p {padding: 0 10px 10px; font-size: 14px; line-height: 21px}
.b5b {position: absolute; width: 160px; height: 180px; left: 660px; top: 0}
.b5b img {width: 160px; height: 90px}
.b5b h3 {font-size: 14px; font-weight: normal; line-height: 31px}
.b5b p {display: none}
.b5c {position: absolute; width: 160px; height: 180px; left: 840px; top: 0}
.b5c img {width: 160px; height: 90px}
.b5c h3 {font-size: 14px; font-weight: normal; line-height: 31px}
.b5c p {display: none}
.b5d {position: absolute; width: 160px; height: 180px; left: 660px; top: 180px}
.b5d img {width: 160px; height: 90px}
.b5d h3 {font-size: 14px; font-weight: normal; line-height: 31px}
.b5d p {display: none}
.b5e {position: absolute; width: 160px; height: 180px; left: 840px; top: 180px}
.b5e img {width: 160px; height: 90px}
.b5e h3 {font-size: 14px; font-weight: normal; line-height: 31px}
.b5e p {display: none}

#tabs {width: 1000px; height: 100px; position: relative}
.line {position: absolute; width: 900px; height: 2px; background: #DDD; left: 50px; top: 54px}
.jcarousel-skin-tab {width:1000px; height:100px; position: relative; margin:15px auto 0; overflow:hidden}
.jcarousel-skin-tab .jcarousel-container {width:100%; height:100%}
.jcarousel-skin-tab .jcarousel-clip {width:880px; height:100%; margin:0 auto; overflow: hidden}
.jcarousel-skin-tab .jcarousel-prev {position:absolute;left:0;top:45px;width:21px;height:21px;cursor:pointer;background:url(../images/arrow.gif) no-repeat 0 -40px}
.jcarousel-skin-tab .jcarousel-next {position:absolute;right:0;top:45px;width:21px;height:21px;cursor:pointer;background:url(../images/arrow.gif) no-repeat 0 -70px}
.jcarousel-skin-tab li {float:left; width:110px; height: 100px; cursor: pointer; position: relative}
.jcarousel-skin-tab span {position: absolute; width: 110px; height: 30px; line-height: 30px; text-align: center; left: 0; bottom: 0}
.jcarousel-skin-tab li::before {content: ""; position: absolute; width: 6px; height: 6px; background: #DDD; border: 2px solid #016CD9; border-radius: 5px; left: 50px; top: 50px}
.jcarousel-skin-tab li.selected span {font-size: 22px; color: #016CD9}
.jcarousel-skin-tab li.selected::before {width: 16px; height: 16px; background: #016CD9; border-radius: 10px; left: 45px; top: 45px}
.jcarousel-skin-tab li.selected::after {content: ""; position: absolute; width: 21px; height: 32px; background: url(../images/arrow.gif) no-repeat 0 0; left: 45px; top: 0}
.jcarousel-skin-tab li.disabled {cursor: default}
.jcarousel-skin-tab li.disabled::before {border-color: #DDD}
.jcarousel-skin-tab li.disabled span {color: #DDD}

.r6 {width: 1000px; max-height: 600px; position: relative; overflow-y: auto}
.r6 ul::before {content: ""; position: absolute; width: 2px; height: 100%; background: #DDD; left: 158px; top: 0}
.r6 ul {width: 950px; position: relative}
.r6 li {width: 950px; padding: 10px 0; overflow: hidden}
.date {float: left; width: 170px; text-indent: 20px; position: relative}
.date i {padding:5px 10px; background: #1976D2; border-radius: 4px; font-size: 14px; font-style: normal; white-space: nowrap; color: #FFF; margin-left: 10px}
.date::after {content: ""; position: absolute; width: 6px; height: 6px; background: #DDD; border: 2px solid #016CD9; border-radius: 5px; left: 154px; top: 12px}
.text {float: right; width: 760px}

.r9 ul {width:1012px}
.r9 li {float: left; width:240px; margin-right: 13px}
.r9 h3 {font-size: 16px; font-weight: normal; line-height: 28px; text-align: center}

.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}
