/* /2022/active/sjb22/pc/images*/
.sjb22-wrap {background-color: #071531;min-width: 1200px;}
.sjb22-con {padding-top: 692px;background: url(http://f2.cri.cn/M00/69/58/rBABCmNrCPyAYvx8AAAAAAAAAAA9615006.top_02.jpg) no-repeat top center;position: relative;}

.sjb22-1-wrap {position: absolute;top:500px;left: 50%;width: 1050px;margin-left: -525px;}
.sjb22-1-con {}
.sjb22-1-con .list-title {font-size: 30px;font-weight: bold;text-align: center;padding: 10px 0;line-height: 50px;margin-top: -20px;}
.sjb22-1-con .list-title a {color: #fa003d;}
.sjb22-1-con .list-title a:hover{
    /* color: #bf0614; */
	text-decoration: underline;
}
.sjb22-1-con .list-brief {
	text-align: center;
    /* margin-top: 15px; */
    font-size: 16px;
}
.sjb22-1-con .list-brief p.gang::after{
    content: '|';
    padding: 0 15px;
}
.sjb22-1-con .list-brief a:hover{
    /* color: #bf0614; */
	text-decoration: underline;
}

.sjb22-2-wrap {}
.sjb22-2-con {width: 1120px;margin: 0 auto;}
.banner-a {width: 1120px;height: 630px;position: relative;margin: 0 auto;}
.banner-a-img {width: 100%;height: 100%;position: relative;overflow: hidden;}
.banner-a-img ul {width: 100000000px;}
.banner-a-img li {float: left;height: 100%;position: relative;width: 1120px;height: 630px;}
.banner-a-img li a,.banner-a-img li img {display: block;width: 100%;height: 100%;position: relative;}
.banner-a-nav {position: absolute;bottom:20px;right:30px;z-index: 2;}
.banner-a-nav li {float: left;margin-left: 10px;}
.banner-a-nav li span {display: block;width: 10px;height: 10px;cursor: pointer;border-radius: 50% 50%;background-color: #fff;}
.banner-a-nav li .active {width: 40px;border-radius: 50px 50px;}
.banner-a-text {position: absolute;bottom:0;left:0;width: 100%;background: url(http://f2.cri.cn/M00/69/58/rBABCmNrCPyAYvx8AAAAAAAAAAA9615006.jb-1_05.png) repeat-x bottom left;height: 54px;padding-top: 46px;}
.banner-a-text a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 20px;color: #fff;padding: 0 0 0 20px;display: block;line-height: 54px;width: 800px;}
.banner-a-text a:hover{text-decoration: underline;}
.banner-a-page {/* box-shadow:0 0px 20px 0 rgba(187, 187, 187, 0.4); */display: none;}
.banner-a-page a {display: block;position: absolute;top:50%;width: 39px;height: 69px;margin-top:-34px;cursor: pointer;opacity:1;filter:alpha(opacity=100);}
/*.banner-a-page a:hover {opacity:0.8;filter:alpha(opacity=80);}*/
.banner-list {width: 700px;overflow-x: auto;position: relative;display: none;}
.banner-list li {width: 300px;height: 300px;background: #000;color: #fff;float: left;margin-right: 20px;}
.banner-list li a {display: block;position: relative;width: 100%;height: 100%;color: #fff;}
.banner-a-num {position: absolute;bottom:10px;right:30px;z-index: 20;color: #fecf9e;line-height: 50px;font-size: 24px;display: none;}
.banner-a-num span {color: #ab0000;font-size: 46px;}
.banner-a-num strong {font-weight: normal;}

.sjb22-3-wrap {height: 1127px;background: url(http://f2.cri.cn/M00/69/58/rBABCmNrCPyAYvx8AAAAAAAAAAA9615006.pic-1_07.jpg) no-repeat top center;}

.sjb22-more {position: absolute;top:133px;right:0;z-index: 10;}
.sjb22-more a {color: #855136;font-size: 18px;font-style: italic;display: inline-block;background: url(http://f2.cri.cn/M00/69/58/rBABCmNrCPyAYvx8AAAAAAAAAAA9615006.more_10.png) no-repeat center right;padding-right: 40px;line-height: 28px;height: 28px;color: #fff;}
.sjb22-more a:hover {text-decoration: underline;}

.sjb22-4-wrap {height: 834px;background: url(http://f2.cri.cn/M00/69/58/rBABCmNrCPyAYvx8AAAAAAAAAAA9615006.bg-1_08.jpg) no-repeat top center;}
.sjb22-4-con {position: relative;width: 1200px;margin: 0 auto;padding-top: 266px;}
.sjb22-4-list-4 {position: relative;height: 430px;width: 100%;}
.sjb22-4-list-4 .list-video-box {float: left;width: 764px;height: 430px;background-color: #000;position: relative;}
.sjb22-4-list-4 .list-video-box .list-video-video,.sjb22-4-list-4 .list-video-box .list-video-video video,.sjb22-4-list-4 .list-video-box .list-video-pic img {position: relative;width: 100%;height: 100%;display: block;}
.sjb22-4-list-4 .list-video-box .list-video-img {z-index: 1;position: absolute;top:0;left:0;width: 100%;height: 100%;}
.sjb22-4-list-4 .list-video-box .list-video-img img {width: 100%;height: 100%;}
.sjb22-4-list-4 .list-video-box .list-video-btn {cursor: pointer;z-index: 2;position: absolute;top:50%;left:50%;width: 88px;height: 88px;margin-top: -44px;margin-left: -44px;background: url(http://f2.cri.cn/M00/69/58/rBABCmNrCPyAYvx8AAAAAAAAAAA9615006.icon-5_32.png) center top no-repeat;}
.sjb22-4-list-4 ul {width: 420px;height: 430px;padding: 0px 0;background-color: #f5f5f5;float: right}
.sjb22-4-list-4 li {height: 143px;margin: 0 25px 0 30px;}
.sjb22-4-list-4 .list-time {padding-top: 20px;height: 32px;line-height: 32px;color: #888;}
.sjb22-4-list-4 .list-title {line-height: 28px;font-size: 16px;}
.sjb22-4-list-4 .list-title a {color: #333;}
.sjb22-4-list-4 .list-active-box {z-index: 2;box-shadow: 0 10px 10px rgba(236,0,0,0.3);width: 490px;height: 140px;position: absolute;right:0;background: url(http://f2.cri.cn/M00/69/58/rBABCmNrCPyAYvx8AAAAAAAAAAA9615006.ja-2_10.jpg) center top no-repeat;
transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;	
-moz-transition: all .3s ease 0s;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;		
}

.sjb22-4-list-4 .list-active-box.active-1 {top:0px;}
.sjb22-4-list-4 .list-active-box.active-2 {top:50%;margin-top: -75px;}
.sjb22-4-list-4 .list-active-box.active-3 {top:290px;}
.sjb22-4-list-4 .list-active-box-con {margin: 0 45px 0 40px;}
.sjb22-4-list-4 .list-active-box .list-time {height: 30px;line-height: 30px;color: #e86d8d;padding-top: 17px;margin-bottom: 8px;}
.sjb22-4-list-4 .list-active-box .list-title {line-height: 30px;font-size: 20px;}
.sjb22-4-list-4 .list-active-box .list-title a {color: #fff;}

.sjb22-5-wrap {height: 1001px;background: url(http://f2.cri.cn/M00/69/58/rBABCmNrCPyAYvx8AAAAAAAAAAA9615006.bg-2_17.jpg) no-repeat top center;}
.sjb22-5-con {position: relative;width: 1200px;margin: 0 auto;padding-top: 327px;}
.sjb22-5-list-up {width: 1100px;margin: 0 auto 50px;}
.sjb22-5-list-up ul::after {content: "";display: block;clear: both;}
.sjb22-5-list-up li {float: left;width: 190px;margin: 0 15px;height: 360px;}
.sjb22-5-list-up .list-con {position: relative;width: 100%;height: 100%;}
.sjb22-5-list-up .list-pic-1 {position: absolute;top:0;left: 50%;width: 240px;height: 360px;margin-left: -120px;}
.sjb22-5-list-up .list-pic-2 {position: absolute;top:50%;left: 50%;width: 288px;height: 430px;margin-left: -144px;margin-top: -215px;z-index: 2;display: none;}
.sjb22-5-list-up .list-con img,.sjb22-5-list-up .list-con a {display: block;position: relative;width: 100%;height: 100%;}
.sjb22-5-list-down {width: 840px;margin: 0 auto;}
.sjb22-5-list-down li {display: none;}
.sjb22-5-list-down .list-title {text-align: center;padding: 10px;font-size: 24px;line-height: 44px;}
.sjb22-5-list-down .list-title a {color: #fff;}
.sjb22-5-list-down .list-brief {font-size: 16px;line-height: 30px;color: #a0aed1;text-indent: 2em;}
.sjb22-5-list-down .list-brief a {color: #ee1848;text-decoration: underline;}
.sjb22-5-list-down .list-brief a:hover {text-decoration: none;}

.sjb22-6-wrap {height: 1993px;background: url(http://f2.cri.cn/M00/69/58/rBABCmNrCPyAYvx8AAAAAAAAAAA9615006.bg-3_26.jpg) no-repeat top center;}
.sjb22-6-con {position: relative;width: 1200px;margin: 0 auto;padding-top: 400px;}
.sjb22-6-list {width: 770px;}
.sjb22-6-list li {margin-bottom: 40px;height: 144px;}
.sjb22-6-list .list-pic {float: left;width: 256px;}
.sjb22-6-list .list-text {float: right;width: 495px;}
.sjb22-6-list .list-title {font-size: 20px;margin-bottom: 20px;}
.sjb22-6-list .list-title a {color: #fff;}
.sjb22-6-list .list-brief {font-size: 14px;line-height: 24px;color: #da8098;}

.sjb22-7-wrap {height: 1334px;background: url(http://f2.cri.cn/M00/69/58/rBABCmNrCPyAYvx8AAAAAAAAAAA9615006.bg-4_27.jpg) no-repeat top center;}
.sjb22-7-con {position: relative;width: 1200px;margin: 0 auto;padding-top: 280px;}
.sjb22-7-list {width: 1200px;margin: 0 auto;height: 796px;position: relative;}
.sjb22-7-list li {position: absolute;}
.sjb22-7-list li.li-1 {width: 285px;height: 285px;top:0;left:0;}
.sjb22-7-list li.li-2 {width: 220px;height: 220px;top:0;left:290px;}
.sjb22-7-list li.li-3 {width: 390px;height: 220px;top:0;left:515px;}
.sjb22-7-list li.li-4 {width: 285px;height: 506px;top:0;right:0;}
.sjb22-7-list li.li-5 {width: 285px;height: 506px;bottom:0;left:0;}
.sjb22-7-list li.li-6 {width: 390px;height: 220px;bottom:0;left:290px;}
.sjb22-7-list li.li-7 {width: 285px;height: 285px;bottom:0;right:0;}
.sjb22-7-list li.li-8 {width: 615px;height: 346px;top:225px;left:290px;}
.sjb22-7-list .list-con,.sjb22-7-list .list-pic {position: relative;width: 100%;height: 100%;}
.sjb22-7-list .list-pic a,.sjb22-7-list .list-pic img {display: block;width: 100%;height: 100%;position: relative;}
.sjb22-7-list .list-text {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(255,0,80,0.4);display: none;}
.sjb22-7-list .list-title {display: table;text-align: center;line-height: 30px;font-size: 20px;height: 100%;width: 100%;}
.sjb22-7-list .list-title a {display: table-cell;vertical-align: middle;color: #fff;padding: 0 20px;width: calc(100% - 40px);}
.sjb22-7-list li:hover .list-text {display: block;}
.sjb22-7-list .sjb22-more-2 {width: 220px;height: 220px;position: absolute;bottom: 0;left: 685px;}
.sjb22-7-list .sjb22-more-2 a {display: block;width: 100%;height: 100%;position: relative;background: url(http://f2.cri.cn/M00/69/58/rBABCmNrCPyAYvx8AAAAAAAAAAA9615006.more_03.jpg) no-repeat;}
.sjb22-7-list .sjb22-more-2 a:hover {opacity: .9;}

.float-nav {z-index: 10;width: 336px;height: 490px;position: fixed;top: 100px;left: 50%;margin-left: 600px;background: url(http://f2.cri.cn/M00/69/58/rBABCmNrCPyAYvx8AAAAAAAAAAA9615006.float-bg_03.png) no-repeat;}
.float-nav.active {left: auto;right:0;margin-left: 0px;}
.float-nav .float-nav-box {padding-top: 148px;width: 160px;margin: 0 auto;margin-left: 84px;}
.float-nav .float-nav-box ul {margin-bottom: 10px;}
.float-nav .float-nav-box li {line-height: 40px;text-align: center;font-size: 18px;}
.float-nav .float-nav-box li a {color: #fff;cursor: pointer;}
.float-nav .float-backtop {width: 35px;height: 40px;margin: 0 auto;cursor: pointer;background: url(http://f2.cri.cn/M00/69/58/rBABCmNrCPyAYvx8AAAAAAAAAAA9615006.float-backtop.png) no-repeat;}