@charset "utf-8"; @media (min-width: 1551px) { .main-content .center-text-wrap { width: 1920px !important; height: 1020px; } .date-wrap{ left: 61%!important; margin-left: 10%; } .row3{ margin-right: 60px; } } @media (max-width: 1550px) and (min-width: 1200px) { .main-content .center-text-wrap { width: 1540px!important; height: 1020px; } .date-wrap{ margin-left: 3%!important%; height: 700px; } .row{ margin-top: 50px; } .row3{ margin-right: 40px; } .main-content .page-content .scroll-outer{ margin-left: -125px; } } @media (max-width: 1198px) and (min-width: 1000px) { .main-content .center-text-wrap { width: 1185px!important; height: 1020px; } .date-wrap{ margin-left: 0!important%; height: 600px; } .main-content .page-content .scroll-outer{ margin-left: -170px; } .row3{ margin-right: 35px; } } @media (min-width: 1030px) and (max-width: 1090px) { .main-content .center-text-wrap { width: 1185px!important; height: 1020px; } .date-wrap{ margin-left: 0!important%; height: 500px; } .row3{ margin-right: 30px; } } @media (min-width: 900px) and (max-width: 1028px) { ..main-content .center-text-wrap { width: 1185px!important; height: 1020px; } .date-wrap{ margin-left: 0!important%; height: 400px; } .row3{ margin-right: 20px; } } @media (min-width: 500px) and (max-width: 898px) { .main-content .center-text-wrap { width: 1185px!important; height: 1020px; } .date-wrap{ margin-left: 0!important%; height: 400px; } .row3{ margin-right: 0px; } } /**html5 common css*/ html { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; } html, body { height: 100%; } body { font-family: 'microsoft yahei'; font-size: 12px; } *, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } * { margin: 0; padding: 0; outline: 0; border: 0; } a { text-decoration: none; color: inherit; } a:hover { color: inherit; } a, img { -webkit-touch-callout: none; } a, a:active, a:focus, a:hover, a:visited { text-decoration: none; } li, ol, ul { list-style: none; } input, select, textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; font-size: 100%; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; } input:focus, select:focus, textarea:focus, button:focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } .hidevisibility { visibility: hidden; opacity: 0; } .opacity0 { opacity: 0 !important; } [hide], [hidden], .hide { display: none; } .blur { -webkit-filter: blur(5px); filter: blur(5px); /*no*/ opacity: 0.6; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .g-text-right { text-align: right; } .g-text-left { text-align: left; } .g-text-center { text-align: center; } .g-pointer { cursor: pointer; } .g-clearfix:after, .clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; } .float-left, .fl, .g-fl { float: left; } .float-right, .fr, .g-fr { float: right; } .g-relative { position: relative; } .g-fixed { position: fixed; } .g-absolute { position: absolute; } .g-container-1000 { width: 1000px; margin-left: auto; margin-right: auto; } .g-font12 { font-size: 12px !important; } .g-font14 { font-size: 14px !important; } .g-font16 { font-size: 16px !important; } .g-font18 { font-size: 18px !important; } .g-font20 { font-size: 20px !important; } .g-font22 { font-size: 22px !important; } .g-font24 { font-size: 24px !important; } .g-font28 { font-size: 28px !important; } .g-font30 { font-size: 30px !important; } .g-font32 { font-size: 32px !important; font-weight: 700; } .g-font36 { font-size: 36px !important; font-weight: 700; } .g-font40 { font-size: 40px !important; font-weight: 700; } .g-font48 { font-size: 48px !important; font-weight: 700; } .g-mb-5 { margin-bottom: 5px; } .g-mb-10 { margin-bottom: 10px; } .g-mb-15 { margin-bottom: 15px; } .g-mb-20 { margin-bottom: 20px; } .g-mb-25 { margin-bottom: 25px; } .g-mb-30 { margin-bottom: 30px; } .g-mb-40 { margin-bottom: 40px; } .g-mb-50 { margin-bottom: 50px; } .g-mb-60 { margin-bottom: 60px; } .g-mb-80 { margin-bottom: 80px; } .g-mr-5 { margin-right: 5px; } .g-mr-10 { margin-right: 10px; } .g-mr-15 { margin-right: 15px; } .g-mr-20 { margin-right: 20px; } .g-mr-25 { margin-right: 25px; } .g-mr-30 { margin-right: 30px; } .g-mr-40 { margin-right: 40px; } .g-mr-50 { margin-right: 50px; } .g-mr-60 { margin-right: 60px; } .g-mr-80 { margin-right: 80px; } .g-ml-5 { margin-left: 5px; } .g-ml-10 { margin-left: 10px; } .g-ml-15 { margin-left: 15px; } .g-ml-20 { margin-left: 20px; } .g-ml-25 { margin-left: 25px; } .g-ml-30 { margin-left: 30px; } .g-ml-40 { margin-left: 40px; } .g-ml-50 { margin-left: 50px; } .g-ml-60 { margin-left: 60px; } .g-ml-80 { margin-left: 80px; } .g-ellipsis-1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .g-ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .g-ellipsis-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .g-ellipsis-4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .g-space { display: inline-block; *display: inline; *zoom: 1; width: 6px; } .g-border-box { -webkit-box-sizing: border-box; box-sizing: border-box; } .g-oh { overflow: hidden; } .g-oa { overflow: auto; } ::-webkit-input-placeholder { color: #ccc; } ::-webkit-scrollbar { width: 0; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 10px; border-radius: 10px; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } .g-layer, .g-layer-1, .g-layer-2, .g-layer-3, .g-layer-4, .g-layer-5, .g-layer-6, .g-layer-7, .g-layer-8 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .g-layer-1 { z-index: 1; } .g-layer-2 { z-index: 2; } .g-layer-3 { z-index: 3; } .g-layer-4 { z-index: 4; } .g-layer-5 { z-index: 5; } .g-layer-6 { z-index: 6; } .g-layer-7 { z-index: 7; } .g-layer-8 { z-index: 8; } .g-indent-2, .g-indent { text-indent: 2em; } .g-indent-4 { text-indent: 4em; } .g-mask { position: absolute; left: 0; top: 0; z-index: 9999999999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); } /*默认滚动条样式修改ie9 google firefox 等高版本浏览器有效*/ /*::selection {background: #d03333;color: white;text-shadow: none;} ::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2} ::-webkit-scrollbar{width:10px;height:6px} ::-webkit-scrollbar-thumb{height:50px;background-color:rgba(0,0,0,.3);} ::-webkit-scrollbar-thumb:hover{background:#cc0000}*/ @-webkit-keyframes aniopscale { 0% { opacity: .4; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { opacity: .4; -webkit-transform: scale(1); transform: scale(1); } } @keyframes aniopscale { 0% { opacity: .4; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { opacity: .4; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes aniarrowmoveup { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -26px, 0); transform: translate3d(0, -26px, 0); opacity: 0; } } @keyframes aniarrowmoveup { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -26px, 0); transform: translate3d(0, -26px, 0); opacity: 0; } } @-webkit-keyframes aniround { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes aniround { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .g-ani-arrow-up { -webkit-animation: aniarrowmoveup 1s linear infinite; animation: aniarrowmoveup 1s linear infinite; -webkit-animation-delay: .1s; animation-delay: .1s; } .g-ani-bigger { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 2s linear; transition: -webkit-transform 2s linear; transition: transform 2s linear; transition: transform 2s linear, -webkit-transform 2s linear; } .g-ani-bigger2 { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 1s linear; transition: -webkit-transform 1s linear; transition: transform 1s linear; transition: transform 1s linear, -webkit-transform 1s linear; } @-webkit-keyframes anishare { to { -webkit-transform: translate3d(20px, -20px, 0); transform: translate3d(20px, -20px, 0); } } @keyframes anishare { to { -webkit-transform: translate3d(20px, -20px, 0); transform: translate3d(20px, -20px, 0); } } .test-logo, .full { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .center-box { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } body { max-height: 100%; } .test-logo { position: absolute; left: 554px; top: 40px; z-index: 1; width: 43px; height: 43px; background: url(/uploads/image/rcw2img/logo.png) center/contain no-repeat; } .main { position: relative; height: 100%; overflow: hidden; } .full { overflow: hidden; } @-webkit-keyframes anipagecover { to { background-position-x: -28500px; } } @keyframes anipagecover { to { background-position-x: -28500px; } } @-webkit-keyframes anitext1 { 0% { -webkit-filter: blur(0); filter: blur(0); -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); } 50% { -webkit-filter: blur(4px); filter: blur(4px); -webkit-transform: scale(1.1) translate3d(2px, 0, 0); transform: scale(1.1) translate3d(2px, 0, 0); } 100% { -webkit-filter: blur(0); filter: blur(0); -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); } } @keyframes anitext1 { 0% { -webkit-filter: blur(0); filter: blur(0); -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); } 50% { -webkit-filter: blur(4px); filter: blur(4px); -webkit-transform: scale(1.1) translate3d(2px, 0, 0); transform: scale(1.1) translate3d(2px, 0, 0); } 100% { -webkit-filter: blur(0); filter: blur(0); -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); } } /*clear*/ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; overflow: hidden; } .clearfix { zoom: 1; } /*other*/ .mt30 { margin-top: 30px; } .mt40 { /* margin-top: 40px; */ } .w1000 { width: 1000px; margin-left: auto; margin-right: auto; } .w1100 { width: 1100px; margin-left: auto; margin-right: auto; } .fl { float: left; } .fr { float: right; } .list_18 li { background: no-repeat 0 18px; padding-left: 8px; } .white, .white a:link, .white a:visited, .white a:hover { color: #fff; } div { margin: 0 auto; font: normal 14px/180% \5fae\8f6f\96c5\9ed1; } /*header*/ .header { position: absolute; left: 0; top: 0; width: 100%; z-index: 1111; height: 40px; background: #ffffff; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .header span { float: left; } .header span img { margin-top: 3px; } .header em { float: right; line-height: 40px; font-family: \5b8b\4f53; font-style: normal; } .header em a { margin: 0 6px; } .header em, .header em a:link, .header em a:visited, .header em a:hover { color: #666; } .main-content { position: relative; width: 100%; height: 100%; overflow: auto; } .main-content .page { position: relative; height: 100%; width: 100%; } .main-content .page-cover { /* background: center no-repeat ; background-size: 1920px auto; background-position: center; */ } .main-content .inner { position: relative; width: 1080px; margin: 0 auto; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } .main-content .page-content { background: center no-repeat; padding-top: 5vh; } .main-content .page-content .scroll-outer { width: 650px; margin-left: -20%; } .main-content .page-content .scroll-outer h2 img { width: 100%; } .main-content .page-content .scroll-outer .title1 { color: #1f3253; /* font: bold 36px "microsoft yahei"; */ font: bold 36px "sourcehansanscn-bold"; margin-bottom: 30px; } .main-content .page-content .scroll-outer .list-news li, .main-content .page-content .scroll-outer .desc1 { font: normal 20px/2 "microsoft yahei"; text-align: justify; } .main-content .page-content .scroll-outer .list-news { margin-bottom: 30px; } .main-content .page-content .scroll-outer .list-news li { position: relative; padding-left: 43px; } .main-content .page-content .scroll-outer .list-news li:before { position: absolute; left: 14px; top: 15px; width: 7px; height: 7px; background: #9c7f5b; content: ""; -webkit-border-radius: 7px; border-radius: 7px; } .main-content .page-content .scroll-outer .desc1 { margin-bottom: 20px; } .main-content .page-content .scroll-outer .detail { color: #9c7f5b; } .main-content .page-content .scroll-outer .box-img img { width: 100%; height: 100%; } /* .box-img{ width: 900px; } */ /* .main-content .page-content .scroll-outer .box-img p { font: normal 20px/2 "microsoft yahei"; text-align: left; } */ .main-content .center-text-wrap { margin-top: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .main-content .center-text-wrap .xi { max-height: 55vh; height: 720px; width: auto; } .main-content .center-text-wrap .editor-text { width: 1000px; margin: 0 auto; } .main-content .center-text-wrap .editor-text > div { display: inline-block; font-size: 18px; vertical-align: top; } .main-content .center-text-wrap .editor-text .bianzhean-text { max-width: 810px; text-align: left; text-indent: 2em; color: #563d1d; } .main-content .center-text-wrap .editor-text .bianzhean-text a { color: #563d1d; } .main-content .center-text-wrap .links-wrap { padding-top: 20px; cursor: pointer; text-align: center; margin-bottom: 10px; } .main-content .center-text-wrap .links-wrap a { position: relative; display: inline-block; margin-bottom: 13px; background: #dac2a2; background: #ebdfd0; -webkit-border-radius: 180px; border-radius: 180px; font-size: 18px; color: #563d1d; width: auto; padding: 4px 40px 4px 40px; } .main-content .center-text-wrap .links-wrap a:nth-of-type(2) { background: #dac2a2; } .main-content .center-text-wrap .links-wrap a:nth-of-type(3) { background: #dac2a2; } .main-content .center-text-wrap .links-wrap a:nth-of-type(even) { margin-left: -23px; } .main-content .center-text-wrap .links-wrap a:last-child { padding-right: 20px; } .main-content .center-text-wrap .links-wrap a:before { position: absolute; left: 25px; top: 50%; width: 11px; height: 10px; margin-top: -5px; background: no-repeat; content: ""; } .top-wrap img { width: 100%; height: auto; float: left; } .big-title { text-align: center; } .big-title h1, .big-title h2 { font-size: 36px; color: #303030; margin-bottom: 20px; } .big-title h1 a, .big-title h2 a { font-size: 36px; color: #303030; } .big-title .list-small-news { color: #303030; margin-bottom: 30px; } .big-title a { color: #303030; font-size: 14px; } .big-title a:hover { text-decoration: underline; } .big-title .sum-list { text-align: center; } .nav-list { background: #356367; height: 62px; line-height: 62px; text-align: center; font-size: 0; margin-bottom: 40px; color: #ffffff; } .nav-list li { position: relative; height: 100%; display: inline-block; padding: 0 22px; font: bold 27px/60px "microsoft yahei"; vertical-align: middle; } .nav-list li:before { position: absolute; left: 50%; bottom: 5px; width: 30px; width: 0; margin-left: -15px; height: 3px; background: #ffffff; content: ""; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; } .nav-list li:hover, .nav-list li.active { opacity: 0.9; } .nav-list li:hover:before, .nav-list li.active:before { width: 30px; } .nav-list li:last-child:after { display: none; } .nav-list li:after { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); content: ""; width: 2px; height: 26px; background: #96aeb0; } .nav-list li a { color: #fff; } .main-news { position: relative; min-height: 432px; margin-bottom: 110px; } .left-swiper-wrap { float: left; position: relative; overflow: hidden; width: 488px; height: 322px; } .right-news-wrap { margin-left: 528px; overflow: hidden; max-height: 322px; } .right-news-wrap h2 { color: #333333; margin-bottom: 5px; font: bold 24px/1.4 "microsoft yahei"; } .right-news-wrap .news-group { margin-left: 0; margin-right: auto; margin-bottom: 8px; } .right-news-wrap .news-group p { text-indent: 2em; } .right-news-wrap .news-group li { line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; line-height: 2; font-size: 16px; } .right-news-wrap .news-group li:hover { text-decoration: underline; } .right-news-wrap .news-group li a:hover { text-decoration: underline; } .backgroundmap{ background-image: ; background-size: cover; background-repeat: no-repeat; } .swiper-wrapper, .swiper-container { height: 100%; } .swiper-slide { position: relative; height: 100%; overflow: hidden; } .swiper-slide .img-slide { width: 100%; height: 100%; } .swiper-slide .desc { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background: rgba(0, 0, 0, 0.7); color: #fff; } .swiper-slide .desc .page-index { position: absolute; left: 33px; top: 31px; font-size: 0; } .swiper-slide .desc .page-index span { font-size: 24px; } .swiper-slide .desc .page-index .slash { font-size: 20px; } .swiper-slide .desc .page-index .num1 { color: #fff; } .swiper-slide .desc .page-index .num2 { margin-left: 1px; color: #fff; font-size: 16px; } .swiper-slide .desc p { margin-left: 80px; margin-right: 32px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .copyright { text-align: center; padding: 68px 0 80px 0; color: #333; height: 188px; margin-top: -50px; position: relative; } .common-title { display: inline-block; width: 286px; height: 46px; background: center no-repeat; text-align: center; } .common-title h3 { font: bold 28px/1.5 "microsoft yahei"; color: #356367; margin-top: -20px; } .common-title p { color: #636363; } .common-title img { height: 56px; width: auto; } .common-title2 img { height: 56px; width: auto; } .empty { position: relative; } .empty .arrow-left3d { position: absolute; left: 0; top: 230px; z-index: 2; cursor: pointer; } .empty .arrow-right3d { position: absolute; right: 0; top: 230px; z-index: 2; cursor: pointer; } .bk-video { width: 1093px; margin: 0 auto; margin-bottom: 110px; } .title-column { position: relative; margin-bottom: 60px; } .title-column span { position: relative; display: inline-block; color: #15306b; font: bold italic 56px "microsoft yahei"; margin-left: 85px; } .title-column span:before { position: absolute; top: -5px; left: -85px; width: 85px; height: 76px; background: no-repeat; content: ""; } .title-column span:after { position: absolute; bottom: -5px; right: -85px; width: 85px; height: 76px; background: no-repeat; content: ""; } .video-box { position: relative; width: 1000px; font-size: 0; text-align: center; margin-bottom: 40px; -webkit-box-shadow: 5px 8px 27px 0px rgba(2, 7, 24, 0.24); box-shadow: 5px 8px 27px 0px rgba(2, 7, 24, 0.24); } .video-box .img-video { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; } .video-box .btn-play { position: absolute; left: 50%; top: 50%; z-index: 2; width: 94px; height: 94px; margin-left: -47px; margin-top: -47px; cursor: pointer; } .video-box video { width: 100%; height: 100%; object-fit: cover; object-position: center; } .video-desc b { vertical-align: middle; color: #333333; font: bold 31px "microsoft yahei"; margin-right: 30px; } .video-desc span { vertical-align: middle; color: #333333; font: normal 23px "microsoft yahei"; } .bk-apply { width: 1086px; margin: 0 auto; overflow: hidden; } .bk-apply li { float: left; width: 220px; height: 300px; margin-bottom: 40px; text-align: center; } .bk-apply li img { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; } .bk-apply li img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .bk-apply li .desc-icon { width: 150px; margin: 0 auto; } .bk-apply li .desc-icon h3 { color: #333333; font: bold 26px "microsoft yahei"; } .bk-apply li .desc-icon p { text-align: justify; color: #333333; font: normal 18px/1.8 "microsoft yahei"; max-height: 128px; overflow: hidden; } @-webkit-keyframes anidot { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes anidot { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } } .bk-timeline { position: relative; width: 1285px; margin: 0 auto; margin-bottom: 110px; } .bk-timeline .hline { position: absolute; left: 0; top: 52px; z-index: 0; width: 100%; height: 2px; background: #00caca; } .bk-timeline .box-timeline { position: relative; height: 280px; } .bk-timeline .timeline-outer { position: relative; z-index: 3; width: 1000px; overflow: auto; } .bk-timeline .list-timeline { white-space: nowrap; font-size: 0; } .bk-timeline .list-timeline li { display: inline-block; padding-right: 28px; text-align: center; vertical-align: top; padding-bottom: 20px; } .bk-timeline .list-timeline li .group-text { font-size: 18px; line-height: 1.6; } .bk-timeline .list-timeline li .date { font: normal 20px "microsoft yahei"; text-align: center; height: 39px; } .bk-timeline .list-timeline li p { color: #333333; font: normal 18px/1.5 "microsoft yahei"; } .bk-timeline .list-timeline li h4 { font: bold 18px "microsoft yahei"; } .bk-timeline .list-timeline li .img-circle { height: 26px; width: auto; margin-bottom: 10px; -webkit-animation: anidot 1.2s linear infinite; animation: anidot 1.2s linear infinite; } .bk-timeline .list-timeline li:nth-child(5n 1) { -webkit-animation-delay: 2s; animation-delay: 2s; } .bk-timeline .list-timeline li:nth-child(5n 2) { -webkit-animation-delay: 3s; animation-delay: 3s; } .bk-timeline .list-timeline li:nth-child(5n 3) { -webkit-animation-delay: 4s; animation-delay: 4s; } .bk-timeline .list-timeline li:nth-child(5n 4) { -webkit-animation-delay: 5s; animation-delay: 5s; } .timeline-outer::-webkit-scrollbar { width: 16px; height: 16px; background: #ffffff; -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden; } .timeline-outer::-webkit-scrollbar-button { display: none; } .timeline-outer::-webkit-scrollbar-track { -webkit-border-radius: 16px; border-radius: 16px; } .timeline-outer::-webkit-scrollbar-track-piece { background-color: #fff; -webkit-border-radius: 16px; border-radius: 16px; } .timeline-outer::-webkit-scrollbar-thumb { background: center #70c8e3 no-repeat; } .timeline-outer::-webkit-scrollbar-corner { -webkit-border-radius: 16px; border-radius: 16px; } .timeline-outer::-webkit-resizer { display: none; } .move-up-tip { position: absolute; right: 298px; bottom: 207px; z-index: 4; width: 26px; color: #fff; font: normal 30px/1 'microsoft yahei'; } @media screen and (min-device-width: 0px) and (max-device-width: 666px) { .bk-timeline { width: 100%; } html { overflow-x: hidden; } } .date-list-wrap { display: none; position: absolute; right: 0; top: 0; z-index: 4; max-width: 291px; height: 100%; } .date-list-wrap .list-date { /* height: 88.88%; */ height: 100%; } .date-list-wrap li { width: 291px; background: #cf1820; padding: 25px; cursor: pointer; color: #fff; font-size: 36px; height: 16.6%; } .date-list-wrap li div { display: table; height: 100%; } .date-list-wrap li div span { font-size: 20px; height: 100%; display: table-cell; vertical-align: middle; } .date-list-wrap li:hover { cursor: not-allowed; background: #1c2e4f; } .date-list-wrap li.ok { color: #fff; } .date-list-wrap li.ok.active, .date-list-wrap li.ok:hover { background: #770409 ; cursor: pointer; } .date-list-wrap .last-arrow { width: 100%; height: 11.11%; background: #c2ad94; text-align: center; cursor: pointer; } .date-list-wrap .last-arrow .table-outer { height: 100%; } .date-list-wrap .last-arrow img { margin-top: 10%; width: 40px; } .icon-date { display: none; position: absolute; right: 80px; top: 70px; z-index: 3; cursor: pointer; } .icon-date:hover { opacity: 0.8; } .row1 { margin-left: 24px; } .date-wrap { display: none; position: absolute; left: 65%; top: 0px; z-index: 2; width: 230px; height: 100%; text-align: center; } .line-wrap { min-height: 100px; } .line-wrap div { display: inline-block; width: 1px; height: 100%; height: 160px; background: #93755e; margin-left: 25px; } .line-wrap .vline2 { position: relative; height: -webkit-calc(100vh - 553px); height: calc(100vh - 553px); } .line-wrap .vline2:before { position: absolute; left: -7px; top: 0; z-index: 2; width: 14px; height: 14px; background: no-repeat; content: ""; } .line-wrap .vline2.active:after { position: absolute; left: -6px; bottom: 0; z-index: 2; width: 14px; height: 14px; background: no-repeat; content: ""; } .clock-wrap { position: relative; overflow: hidden; padding-bottom: 0; } .clock-wrap .month { position: absolute; top: 181px; left: 26px; font: bold 34px/1 "microsoft yahei"; color: #425e83; } .clock-wrap .day .swiper-slidez{ position: absolute; right: 2px; top: 50%; transform: translatey(-50%); width: 215px; height: 125px; text-align: center; line-height: 143px; font: bold 50px/1 "microsoft yahei"; color: #425e83; } .clock-wrap .day { position: absolute; right: 2px; top: 50%; transform: translatey(-65%); width: 182px; height: 125px; text-align: center; line-height: 143px; font: bold 50px/1 "microsoft yahei"; color: #425e83; } .clock-wrap .day .swiper-container { height: 100%; } .clock-wrap .day .swiper-slide{ /* font: bold 60px/1 "microsoft yahei"; */ font: bold 41px/1 "microsoft yahei"!important; color: #c2030b; /* background-color: red!important; */ } .clock-wrap .day .swiper-slide .zzz { /* font: bold 60px/1 "microsoft yahei"; */ font: bold 38px/1 "microsoft yahei"!important; color: #c2030b; } .hidden-date { display: none; } .logos-wrap .left { float: left; width: 110px; } .logos-wrap .right { margin-left: 110px; } .logos-wrap h2 { font: bold 32px/1.4 "microsoft yahei"; color: #93755e; margin-bottom: 15px; text-align: center; } .logos-wrap .desc2 { line-height: 1.3; font: normal 18px/1.4 "microsoft yahei"; margin-bottom: 28px; text-align: left; text-indent: 2em; } .logos-wrap .box-img p { text-align: left; } .arrow-left { display: none; position: absolute; right: 60px; bottom: 140px; z-index: 3; padding: 10px 30px; color: #fff; font: normal 22px "microsoft yahei"; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes aniarrowright { 100% { -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); opacity: 0.5; } } @keyframes aniarrowright { 100% { -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); opacity: 0.5; } } .arrow-right { display: none; position: absolute; right: 254px; bottom: 40px; z-index: 3; width: 120px; color: #fff; font: normal 22px "microsoft yahei"; -webkit-animation: aniarrowright 1s linear infinite; animation: aniarrowright 1s linear infinite; } .arrow-right img { width: 100%; } @media all and (min-device-width: 666px) and (max-device-width: 9666px) { .swiper-button-disabled, .arrow-left, .arrow-right { display: none !important; } } @media all and (min-device-width: 0px) and (max-device-width: 666px) { .main-content .center-text-wrap .editor-text .bianzhean-text { font-size: 22px; } .main-content .center-text-wrap .xi { margin-bottom: 5px; } .icon-date { top: 100px; right: 120px; } .main-content .page-content .inner { width: 1380px; margin: 0 auto; } .swiper-slide .page { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .swiper-slide:last-child .page-content { padding-top: 8vw; } .main-content .page-content { background: center no-repeat; padding-top: 1vw; } .main-content .page-content .scroll-outer { width: 760px; margin-left: 0; } .scroll-outer{ width: 1200px!important; } .main-content .page-content .scroll-outer .title1 { color: #1f3253; /* font:bold 36px "microsoft yahei"; */ font:bold 36px "sourcehansanscn-bold"; margin-bottom: 30px; } .main-content .page-content .scroll-outer .list-news li, .main-content .page-content .scroll-outer .desc1 { font: normal 22px/2 "microsoft yahei"; text-align: justify; } .main-content .page-content .scroll-outer .list-news { margin-bottom: 30px; } .main-content .page-content .scroll-outer .list-news li { position: relative; padding-left: 43px; text-indent: 0; } .main-content .page-content .scroll-outer .list-news li:before { position: absolute; left: 14px; top: 15px; width: 7px; height: 7px; background: #9c7f5b; content: ""; -webkit-border-radius: 7px; border-radius: 7px; } .main-content .page-content .scroll-outer .desc1 { margin-bottom: 20px; } .main-content .page-content .scroll-outer .detail { color: #93755e; } .main-content .page-content .scroll-outer .box-img img { width: 100%; height: auto; } /* .main-content .page-content .scroll-outer .box-img p { font: normal 18px/2 "microsoft yahei"; text-align: left; text-indent: 2em; } */ .date-list-wrap { display: none; position: absolute; right: 0; top: 0; z-index: 4; max-width: 292px; max-height: 100%; overflow: auto; } .date-list-wrap li { font-size: 24px; } .date-list-wrap li div span { font-size: 26px; } } @media all and (min-device-width: 666px) and (max-device-width: 1300px) { .icon-date { right: 60px; } } .swiper-button-disabled { display: none !important; } html { overflow: hidden; } /* 动态要闻 */ .firstimgs{ display: flex; width: 1000px; justify-content: space-between; height: 369px; overflow: hidden; /* height: 100%; */ } .box_header{ /* width: 590px; */ width: 591px; height: 369px; overflow: hidden; } .box_foot{ width: 394px; margin-left: 19px; display: flex; flex-direction: column; } .title_text{ /* height: 65px; */ font-size: 24px; color: #425e83 ; font-weight: bold; text-align: center; } .imagebig{ width: 100%; height: 100%; position: relative; /* margin-top: -50px; */ } .text33{ width: 394px; height: 100px; text-overflow: ellipsis; overflow: hidden; } #icon{ position: absolute; top: 80%; left: 50%; } .title1{ text-align: center; } .text{ color: #333333; font-family: 'sourcehansanscn-regular' ; font-size: 16px; text-indent: 2em; } .xiangqing{ color: #f15358; } .list1{ /* height: 45px; */ width: 32%; display: flex; justify-content: flex-start; align-items: center; } .circular{ display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color:#cf1820; margin-right: 10px; } .text_foot{ display: inline-block; color: #333; font-size: 16px; /* font-family: 'sourcehansanscn-bold'; */ font-weight: bold; } .row{ width: 1060px; display: flex; justify-content: space-between; margin: 0; margin-top: 40px; overflow:hidden ; } .row_flex{ margin: 0; width: 33%; display: flex; flex-direction: column; } .rowfrist{ display: flex; width:100%; margin: 0; margin-top: 40px; } .row_flex_l{ margin-left: 60px; } .row_flex_text{ margin: 0; width: 100%; color: #425e83 ; font-size: 26px; font-weight: bold; } .list2{ width: 421px; height: 66px; background-image: ; background-repeat: no-repeat; background-size: cover; box-shadow: 0 2px 10px #99b1d0 ; border-radius: 36.1px; } .row1{ width: 900px; display: flex; justify-content: space-between; } .list2_text{ width: 100%; font: bold 24px 'sourcehansanscn-bold'; color: #425e83; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 71px; } /* 查看更多 */ .btns1{ width: 243px; height: 53px; margin-left: 50%; margin-top: 5%; } .video-bg{ position: relative; width: 500px; height: 300px; /* background-image: ; */ /* background-size: contain; */ /* padding: 53px 57px 53px 61px; */ box-sizing: border-box; margin-top: 50px; } .video-s{ width: 855px; height: 483px; overflow: hidden; /* background-color: #fff; */ /* border-radius: 10px; */ } .video-h,.video-hs{ position: absolute; top: 0; left: 0px; width: 500px; height: 300px; /* background-image: url(/uploads/image/rcw2img/镂空.png); */ /* background-size: contain; */ } .video_img,.video_imgs{ position: absolute; width: 49px; height: 49px; left: 50%; top: 50%; transform: translate(-50%,-50%); } /* 视频 */ .video_two{ display: flex; margin-top: 15%; /* margin: auto; */ } .video_margin{ margin-left: 40px; } .video-bg_text{ font-size: 26px; font-weight: bold; color: #425e83; margin-bottom: 70px; } /* 访谈 */ .workgeneration{ display: flex; flex-direction: column; } .workgeneration_text{ width: 100%; font-size: 26px; font-weight: bold; color: #425e83; } .peoplerow{ height: 90px; margin-bottom: 30px; /* margin-top: 20px; */ } .portrait{ width: 144px; height: 100px; } .peoplelist1{ height: 30px; width: 452px; display: flex; margin-right: 30px; } .list3{ margin-left: 15px; height: 30px; width: 310px; display: flex; flex-direction: column; /* justify-content: flex-start; align-items: center; */ } .text_info{ color: #333; font-size: 16px; margin-top: 10px; } /* 精彩瞬间 */ .imgages{ display: flex; margin-bottom: 10px; } .imgages img{ vertical-align: middle; } .images_list{ display: flex; flex-direction: column; } /* 名词解释 */ #slide{ height: 551px; width: 977px; margin: 100px auto 0; position: relative; overflow: hidden; display: flex ; } .pic-list{ width: 5862px; height: 551px; position: absolute; top: 0; left: 0px; } .pic-list .nounbox{ float: left; overflow: hidden; } .pic-list .nounbox{ width: 217px; height: 551px; display: flex; flex-direction: column; overflow: hidden; } .pic-list .nounbox img{ width: 100%; height: 100%; } .btn{ width: 44px; height: 44px; float: left; border-radius: 50%; /* background-color: pink; */ text-align: center; line-height: 44px; position: absolute; top: 50%; transform: translatey(-50%); } .next{ right: 0; } .icon-list{ position: absolute; bottom: 10px; left: 50%; transform: translatex(-50%); } .icon-list li{ float: left; margin: 0 5px; height: 10px; width: 10px; border-radius: 50%; background: #ccc; cursor: pointer; } .icon-list .active{ background: #fff; } /* .nounbox{ display: flex; width: 200px; height: 100%; flex-direction: column; overflow: hidden; } */ .noun_bigbox{ width: 867px; height: 100%; position: relative; /* background-color: pink; */ overflow: hidden; padding: 0 11px; } .nounbox_text{ position: relative; width: 100%; height: 165px; margin-bottom: 28px; /* background-color: #fff; */ background-image: ; background-size: contain; background-repeat: no-repeat; } .nounbox_texts{ position: relative; width: 100%; height: 165px; margin-bottom: 28px; background-size: contain; background-repeat: no-repeat; } .nounbox_content{ position: relative; width: 100%; height: 165px; margin-bottom: 28px; /* background-color: #fff; */ background-image: ; background-size: contain; background-repeat: no-repeat; } .ghj{ text-align: center; height: 41px; line-height: 41px; width: 88%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0; } .foot_box{ /* width: 179px; */ /* width: 100%; */ height: 86px; padding: 13px 15px 25px 2px; font-size: 14px; overflow: hidden; text-indent: 2em; margin: 0 30px 0 9px; } /* .rowimg{ width: 50px; height: 700px; } .rowimg img{ width: 100%; height: 100%; } */ .clock-wrap{ width: 170px; height: 100%; background-image: ; background-size: contain; background-repeat: no-repeat; margin: 0; background-position: 46px -10px; } .row3{ position: relative; float: right; /* margin-right: 90px; */ } .noun_bigbox_hidden{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 480px; height: 260px; background-image: url(/uploads/image/rcw2img/0555.png); background-size: contain; background-repeat: no-repeat; display: none; padding: 13px 12px 12px 4px; z-index: 99; } .hidden_header{ box-sizing: border-box; width: 80%; /* height: 30px; */ /* height: 60px; */ margin: 16px 0 5px 40px ; font-size: 16px; font-weight: bold; /* border-bottom: 1px solid #99b1d0; */ } .hidden_text{ height: 200px; width: 100%; padding: 0px 8px 22px 20px ; text-indent: 2em; font-size: 13px; overflow: hidden; box-sizing: border-box; text-overflow: ellipsis; } .footer{ width: 1200px; margin: auto; text-align: center; color: #666666; /* margin-top: 120px; */ margin-top: 10%; position: fixed; /* bottom: 20px; */ } /* 公共的 */ .text_color{ color: #c2030b!important; } .text_color1{ color: #fff; } .text_color3{ color: #fae39e; } .text_color4{ color: #cf1820; } /* 动态要闻 */ .box{ width: 591px; height: 369px;position: relative;overflow: hidden;} .box-in{width: 1773px;position: absolute;top:0px;left: 0px;} .box-in li{float: left; width: 591px; height: 369px;} .box-in li img{ width: 100%; height: 100%; } /* .btn{width: 730px;height: 30px;position: absolute;top:50%;left: 50%;margin-left: -365px;margin-top: -15px;} */ /* .btn a{width: 50px;height: 70px;background: pink;color: #fff;line-height: 70px;text-align: center;font-size: 30px;} */ /* .zuo{float: left;} */ /* .you{float: right;} */ .circle{width: 100px;height: 10px;bottom: 10px;right:10px;position: absolute;} .circle span{width: 8px;height: 8px;border-radius: 50%;background-color: white;float: left;text-align: center;line-height: 18px;margin-right: 5px;cursor: pointer;} .circle span.current{background: #c2030b;} /* .actives{ width: 200px; height: 165px; position: absolute; top: 0; left: 0; background-color: #000000; } */ .foottext_big{ height: 123px; }