body {background:#FFF; font-family:Simsun, Arial; font-size:22px; line-height:45px; color:#333; margin:0}
a {color:#333; text-decoration:none}
a:hover {color: #F52A30}
h1,h2,h3,p {margin:0; padding:0}
img {border:0}
ul,li {list-style:none; padding:0; margin:0}

.container {clear:both; width:1200px; margin:40px auto 0; overflow:hidden}
h1 {text-align: center; margin-top: 70px}
h2 {padding-bottom: 10px}
.topic {min-width: 1200px; height: 320px; background: no-repeat center 0}
.imglist {line-height: 0}
.imglist h3 {font-size: 20px; font-weight: normal; line-height: 31px; text-align: center; margin-top: 25px}
.list1 li {list-style: square; color: #F52A30; margin-left: 1em}
.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%; 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:5px 10px; font-size: 20px; font-weight:normal; line-height: 30px; margin:0}
.pic-item .mask h3,.pic-item .mask h3 a {color:#FFF}
.pic-item .mask h3 a:hover {text-decoration:none}

.r1 {width: 1200px; margin: 40px auto 0; overflow: hidden}
.tt {text-align: center}
.tt,.tt a {color: #F52A30}
.tt h3 {font-family: "Microsoft YaHei", SimSun, Arial; font-size: 40px; line-height: 59px}
.tt p {font-size: 18px; line-height: 35px;}
.r1c1 {float: left; width: 560px; margin-top: 30px}
.r1c1 .list li {padding-left: 30px; background: url("../images/icons.png") no-repeat 0 -90px ; font-size:20px}
.r1c1 .list li.first {background-image: none}
.r1c1 .list li.first,.r1c1 .list li.first a {color: #F52A30}
.r1c2 {float: right; width: 600px; margin-top: 30px}
.jcarousel-skin-tptt {width:600px; height:378px; position:relative; margin-top: 10px; overflow:hidden}
.jcarousel-skin-tptt .jcarousel-control {position:absolute; height:16px; right:40px; bottom:17px; z-index:10; font-size: 0; line-height: 0}
.jcarousel-skin-tptt .jcarousel-control span {display:inline-block; width:16px; height:16px; border-radius: 8px; background:#FFF; margin-left:10px; cursor:pointer}
.jcarousel-skin-tptt .jcarousel-control span.selected {background:rgba(255,255,255,0.5)}
.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; left: 0; bottom: 50%; height: 90px; padding: 0 10px; background: rgba(0,0,0,.3); font: 50px/91px "simsun"; color: #FFF; cursor: pointer; transform-origin: 0 50%; transform: scaleX(.9)}
.jcarousel-skin-tptt .jcarousel-prev:hover {background: rgba(0,0,0,.7)}
.jcarousel-skin-tptt .jcarousel-next {position: absolute; right: 0; bottom: 50%; height: 90px; padding: 0 10px; background: rgba(0,0,0,.3); font: 50px/91px "simsun"; color: #FFF; cursor: pointer; transform-origin: 100% 50%; transform: scaleX(.9)}
.jcarousel-skin-tptt .jcarousel-next:hover {background: rgba(0,0,0,.7)}
.jcarousel-skin-tptt li {position:relative; width:600px; height:378px}
.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=#80F52A30,endColorstr=#80F52A30)}
body:last-child .jcarousel-skin-tptt li .mask {filter:none; background:rgba(0, 0, 0, 0.3)}
.jcarousel-skin-tptt li h3 {padding:10px; font-size:22px; font-weight: normal; line-height:31px; color:#FFF}
.jcarousel-skin-tptt li h3 a {color:#FFF}

.navholder {min-width: 1200px; height: 80px; margin: 40px auto 0; position: relative}
#nav {height: 80px; background: #F52A30; position: relative}
#nav,#nav a {color: #FFF}
#nav::before {content: ""; display: block; position: absolute; width: 310px; height: 80px; background: url("../images/logo.jpg"); right: 50%; top: 0; margin-right: 455px}
#nav ul {width: 1055px; padding-left: 145px; margin: 0 auto; overflow: hidden}
#nav li {float: left; font-size: 24px; line-height: 80px; padding-right: 2em}

.r2c1 {float: left; width: 600px}
.r2c2 {float: right; width: 540px; margin-top: 20px}
.r3c1 {float: left; width: 540px; margin-top: 20px}
.r3c2 {float: right; width: 600px}

.r4c1 {float: left; width: 600px; margin-top: 23px}
#wyScroll {width:600px; height:440px; overflow:hidden}
#wyScroll_prev {left:0; top:195px; width:30px; height:50px; font-size: 48px; line-height: 50px; text-align: center; color: rgba(0, 0, 0, 0.3)}
#wyScroll_prev::before {content: "<"}
#wyScroll_next {right:0; top:195px; width:30px; height:50px; font-size: 48px; line-height: 50px; text-align: center; color: rgba(0, 0, 0, 0.3)}
#wyScroll_next::before {content: ">"}
#wyScroll .mask {position:absolute; width:100%; background:rgba(0, 0, 0, 0.3); left: 0; bottom:0; z-index: 3}
#wyScroll h3 {padding:10px; font-size:20px; font-weight: normal; line-height:31px; color:#FFF}
#wyScroll h3 a {color:#FFF}
.r4c2 {float: right; width: 550px}

.zsjc {height: 540px; background: #F2F5F7; border-radius: 15px; position: relative}
.zsjclist {width: 1100px; padding: 50px 0 0 20px}
.zsjclist li {float: left; width: 160px; height: 160px; margin:40px 0 0 60px; cursor: pointer}
.zsjc .a {position: absolute; width: 1115px; height: 490px; padding: 20px 0 0 55px; background: #F2F5F7; color: #F52A30; left: 15px; top: 15px; display: none}
.zsjc .a ul {width: 1115px; overflow: hidden}
.zsjc .a li {float: left; width: 180px; height: 320px; line-height: 31px; margin:20px 40px 0 0; position: relative}
.zsjc .a li img {width: 180px; height: 280px; border-radius: 10px}
.zsjc .a li .mask {position: absolute; width: 180px; border-radius: 0 0 10px 10px; left: 0; bottom: 40px; background:rgba(0,0,0,0.5)}
.zsjc .a li .mask h3 {padding: 10px; font-size: 20px; font-weight: normal; line-height: 31px; color: #FFF}
.zsjc .a li .mark {position: absolute; width: 86px; height: 87px; background: url("../images/icons.png") no-repeat 0 0; left: 120px; top: 60px; display: none}
.zsjc .a li .mark.wrong {background-position: -90px 0}
.zsjc .button {text-align: center; margin-top: 20px}
.zsjc .button i {padding: 5px 35px; background: #F52A30; border-radius: 35px; font-style: normal; color: #FFF; margin-right: 20px; cursor: pointer}
.zsjc .q {position: absolute; width: 1090px; height: 470px; padding: 20px 55px; background: #F2F5F7; font-size: 18px; line-height: 31px; left: 15px; top: 15px; display: none}
.zsjc .q b {font-weight: normal}
.zsjc .q b.right {color: #F52A30}

.jcarousel-skin-ljl {width:1198px; height:360px; border: 1px solid #DDD; position:relative; overflow:hidden}
.jcarousel-skin-ljl .jcarousel-control {position: absolute; width: 558px; height: 360px; padding-left: 18px; right: 0; top: 0; overflow-y: auto}
.jcarousel-skin-ljl .jcarousel-control span {display:block; padding: 20px; border-bottom: 1px solid #DDD; cursor: pointer}
.jcarousel-skin-ljl .jcarousel-control span:last-child {border: 0}
.jcarousel-skin-ljl .jcarousel-control span.selected {background: #EEE; position: relative}
.jcarousel-skin-ljl .jcarousel-control span.selected::before {content: ""; position: absolute; display: block; width: 0; height: 0; border-top: 14px solid transparent; border-right: 18px solid #EEE; border-bottom: 14px solid transparent; left: -18px; top: 50%; z-index: 9; margin-top: -14px}
.jcarousel-skin-ljl .jcarousel-container {float: left; width: 640px; height:100%}
.jcarousel-skin-ljl .jcarousel-clip {width:100%; height:100%; overflow: hidden}
.jcarousel-skin-ljl li {width:640px; height:360px}
.jcarousel-skin-ljl li img {width:100%; height:100%}
.jcarousel-skin-ljl li .mask {display: none}
.jcarousel-skin-ljl h3 {font-size:18px; font-weight: bold; line-height:25px}
.jcarousel-skin-ljl p {font-size: 16px; line-height: 25px; margin-top: 10px}

.r5c1 {float: left; width: 270px}
.r5c2 {float: left; width: 270px; margin-left: 40px}
.r5 .pic-item li {width: 270px; height: 180px}
.r5 .list {margin-top: 20px}

.tabs {height: 50px; background: #F52A30}
.tabs li {float: left; width: 240px; font-size: 26px; font-weight: bold; line-height: 50px; text-align: center; color: #FFF; cursor: default}
.tabs li.selected {background: #F2F5F7; color: #F52A30}
.divs {padding: 30px; background: #F2F5F7; font-size: 18px; line-height: 35px}
.divs a {color: #F52A30}

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

@media screen and (max-width:1599px) {
}