@charset "utf-8"; .layout { width: 1200px; margin: 0 auto; } body a:hover { color: #1a53bc!important; } .container-wrap { padding-top: 5px; padding-bottom: 30px; } .layout_head { position: relative; width: 100%; height: 51px; margin-bottom: 30px; } .layout_head .head_title { margin: 0 auto; position: relative; width: 164px; height: 51px; line-height: 49px; text-align: center; border: 1px solid #999999; border-radius: 5px; font-size: 30px; font-weight: bold; color: #1953bb; } .layout_head .head_title:before { content: ""; position: absolute; top: 25px; left: -190px; width: 190px; height: 1px; background-color: #575757; } .layout_head .head_title:after { content: ""; position: absolute; top: 25px; right: -190px; width: 190px; height: 1px; background-color: #575757; } .layout_head .head_path { position: absolute; top: 0; right: 22px; display: block; float: right; line-height: 56px; font-size: 14px; font-weight: 400; color: #999; } .live_moduler .list .item { padding: 30px 48px 19px 45px; } .live_moduler .list .item a:hover .details_titlebar { color: #1a53bc; } .live_moduler .list .item .img { float: left; width: 109px; height: 109px; margin-right: 26px; } .live_moduler .list .item .img img { width: 100%; height: 100%; } .live_moduler .list .item .details { float: left; width: 342px; } .live_moduler .list .item .details .details_time { font-size: 14px; font-weight: 400; color: #000; margin-bottom: 10px; justify-content: space-between; justify-content: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .live_moduler .list .item .details .details_titlebar { max-height: 40px; font-size: 14px; font-weight: 400; color: #000; line-height: 20px; margin-bottom: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .live_moduler .list .item .details .details_name { font-size: 14px; font-weight: 400; color: #999; line-height: 23px; justify-content: space-between; justify-content: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .course_moduler .list .item { width: 271px; float: left; margin-right: 21px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .course_moduler .list .item a { display: block; } .course_moduler .list .item a:hover .item_title { color: #1a53bc; } .course_moduler .list .item .img { width: 100%; height: 161px; } .course_moduler .list .item .img img { width: 100%; height: 100%; } .course_moduler .list .item .item_dl { box-sizing: border-box; width: 100%; padding: 10px 14px; border: 1px solid #c7c5c5; border-radius: 0px 0px 10px 10px; border-top: none; } .course_moduler .list .item .item_title { line-height: 24px; margin-bottom: 10px; font-size: 15px; font-weight: bold; color: #333; justify-content: space-between; justify-content: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .course_moduler .list .item .item_name { line-height: 21px; font-size: 15px; font-weight: 400; color: #333; margin-bottom: 10px; justify-content: space-between; justify-content: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .course_moduler .list .item .item_pic { font-size: 14px; font-weight: 400; color: #999; line-height: 21px; justify-content: space-between; justify-content: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .course_moduler .list .item .item_pic img { vertical-align: -3px; margin-right: 8px; } .course_moduler .list .item:nth-child(4n) { margin-right: 0px; } .course_moduler .list .item:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .news_moduler .news_title { height: 62px; margin-bottom: 38px; } .news_moduler .news_title h6 { position: relative; float: left; line-height: 62px; font-size: 30px; font-weight: 400; color: #333; } .news_moduler .news_title h6:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #feb624; } .news_moduler .new_title:before { content: ""; } .news_moduler .list .item { position: relative; width: 100%; height: 18px; line-height: 18px; margin-bottom: 14px; font-weight: 400; } .news_moduler .list .item a { width: 85%; float: left; line-height: 18px; font-size: 16px; color: #333; justify-content: space-between; justify-content: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .news_moduler .list .item span { float: right; color: #a5a5a5; font-size: 14px; } #chart_moduler { width: 100%; min-width: 1200px; height: 450px; } .chart_moduler { box-sizing: border-box; padding: 0 24px; height: 450px; background-image: ; } #jyb_index_focus { clear: both; position: relative; margin: 0 auto; width: 100%; height: 430px; background: transparent; overflow: hidden; } .jyb_index_focusimg li { clear: both; position: absolute; top: 32px; left: 0; width: 680px; height: 347px; opacity: 0.2; filter: alpha(opacity=20); overflow: hidden; } .jyb_index_focusimg li a, .jyb_index_focusimg li img { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; } .jyb_index_focusimg li p { display: none; position: absolute; bottom: 0; left: 0; width: 100%; text-indent: 10px; font-size: 16px; line-height: 36px; background-color: rgba(0, 0, 0, 0.3); color: #fff; } .jyb_index_focusimg li.active { box-sizing: border-box; z-index: 3; top: 0; opacity: 1; padding: 0 157px; width: 1150px; height: 426px; filter: alpha(opacity=100); } .jyb_index_focusimg li.active img:hover { transform: scale(1.1); transition: all 0.5s; } .jyb_index_focusimg li.active p { display: block; } .jyb_index_focusimg li.next { left: 470px; opacity: 0.5; filter: alpha(opacity=50); } .focus-pagenation { position: absolute; bottom: 14px; right: 160px; z-index: 5; margin-right: 35px; } .focus-pagenation dd { float: left; margin: 0 3px; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; cursor: pointer; } .focus-pagenation dd.curr { background-color: #e41414; } .focus-arrow-left, .focus-arrow-right { position: absolute; top: 167px; left: -60px; z-index: 4; opacity: 0; filter: alpha(opacity=0); } .focus-arrow-right { left: auto; right: -60px; } .scy_bottom { position: relative; width: 100%; padding-top: 30px; } body { background-color: #f8f8fa; } .article_live { padding-top: 35px; } .article_live .body_list .live_left, .article_live .body_list .live_right { width: 570px; background-color: #fff; } .article_live .body_list .live_left { float: left; } .article_live .body_list .live_right { float: right; } .article_course { padding-top: 45px; } .article_course .navsub_list { width: 100%; height: 53px; margin-bottom: 4px; } .article_course .navsub_list .list_li { float: left; line-height: 53px; padding: 0 25px; } .article_course .navsub_list .list_li a { position: relative; display: block; font-size: 18px; font-weight: bold; color: #999; } .article_course .navsub_list .active a { color: #1953bb; } .article_course .navsub_list .active a:before { content: ""; position: absolute; bottom: 3px; left: 0; width: 100%; height: 5px; background-color: #fdb527; } .article_course .body_list { background-color: #fff; padding: 37px 25px 29px; } .article_course .course_moduler .list { display: none; } .article_course .course_moduler .list:first-child { display: block; } .article_news { padding-top: 50px; } .article_news .layout_head .head_title { width: 206px; } .article_news .body_list { background-color: #fff; padding: 14px 0 16px 0; } .article_news .body_list .news_left { box-sizing: border-box; float: left; width: 600px; background-color: #fff; border-right: 1px dashed #999; padding: 0 30px 0 23px; } .article_news .body_list .news_right { box-sizing: border-box; float: right; width: 600px; background-color: #fff; padding: 0 30px 0 23px; } .article_news .news_moduler .item { margin: 7px 0; padding-left: 10px; margin-bottom: 15px; } .article_news .news_moduler .item:before { content: ""; width: 1px; height: 1px; background-color: #999; position: absolute; left: 0px; top: 9px; }