.subtit{ margin-bottom: 30px; margin-top: 80px; } .title_img{ width: 24px; height: 24px; display: block; background-repeat: no-repeat; } .view_more{ font-size: 16px; color: #999; } .zk_order{ width: 1334px; margin: 0 auto; position: relative; } .line{ position: absolute; top: 58%; left: 50%; transform: translate(-50%,-50%); border-bottom: 1px solid #dedede; width: 97%; display: block; z-index: ; } .zk_order ul{ display: flex; justify-content: space-between; height: 198px; align-items: center; z-index: 100; position: relative; } .zk_order ul li{ height: 48px; display: flex; flex-direction: column; align-items: center; position: relative; justify-content: space-between; } .zk_order ul li>p{ font-size: 18px; font-weight: bold; } .zk_order ul li span{ width: 16px; height: 16px; background: #ef2a2a; border-radius: 50%; } .zk_order ul li div{ width: 96px; height: 67px; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; flex-direction: column; } .zk_order ul li div p{ font-size: 14px; } .bottom{ background-image: url(/uploads/image/shizhongkao/bg_bottom.png); position: absolute; top: 48px; } .top{ background-image: url(/uploads/image/shizhongkao/bg_top.png); position: absolute; top: -64px; } /*.tab{ display: flex; justify-content: flex-start; border-bottom: 1px solid #dedede; } .tab p{ font-size: 18px; margin-right: 40px; padding-bottom: 16px; border-bottom: 3px solid transparent; box-sizing: border-box; } .tab p:hover{ cursor: pointer; } .tab p.active{ border-bottom: 3px solid #ef2a2a; }*/ .gkzsd{ margin: 80px 0 0; display: flex; justify-content: left } .gkzsd .subtit2{ display: flex; margin-right: 40px; } .gkzsd .subtit2 span{ margin-right: 10px; } .gkzsd .subtit2 p{ font-size: 24px; font-weight: bold; color: #222; line-height: 1; flex: 1; } .gkzsd .tab2{ display: flex; flex: 1; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .gkzsd .tab2 p{ font-size: 18px; margin-right: 40px; position: relative; } .tab2 p:hover{ cursor: pointer; } .tab2 p.active::before{ content: ''; display: block; width: 100%; height: 3px; background-color: #ef2a2a; position: absolute; bottom:-10px; } .zx{ display: flex; justify-content: space-between; } .zkzx{ width: 960px; } .zkzx_info{ width: 960px; display: flex; justify-content: space-between; margin-right: 40px; } .zkzx_list{ width: 460px; margin-top: 40px; } .zkzx_list>a{ width: 460px; height: 160px; font-size: 0; border-radius: 20px; overflow: hidden; position: relative; display: block; } .zkzx_list>a img{ width: 100%; } .article_title{ position: absolute; top: 20px; left: 20px; width: 80%; font-weight: bold; line-height: 1.8; font-size: 18px; } .article_date{ font-size: 36px; font-weight: bold; position: absolute; left: 20px; bottom: 40px; } .article_time{ font-size: 14px; position: absolute; left: 20px; bottom: 20px; } .zkzx_list ul li a{ display: flex; justify-content: space-between; align-items: center; margin-top: 20px; } /*.zkzx_list ul li p{ }*/ ul.hover-list li a{ transition: all .2s; } ul.hover-list li:hover a{ margin-left: 4px; color: var(--color-red) !important; } ul.hover-list li:hover span{ background-color: var(--color-red) !important; } ul.hover-list li:hover p{ color: var(--color-red) !important; } .drop{ width: 6px; height: 6px; border-radius: 50%; background: #ffc300; margin-right: 8px; } .zkzx_list ul li a p:first-of-type{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; flex: 1; margin-right: 40px; } .zkzx_list ul li a p:nth-of-type(2){ font-size: 14px; color: #999; } .rmzx{ width: 400px; } .rmzx_info{ border-bottom: 1px solid #dedede; } .rmzx_info a{ width: 400px; display: flex; justify-content: space-between; margin-bottom: 20px; } .rmzx_info a:hover p:first-of-type{ color: var(--color-red) !important; } .rmzx_img{ width: 80px; height: 80px; font-size: 0; margin-right: 10px; } .rmzx_img img{ width: 100%; } .rmzx_word{ flex: 1; } .rmzx_word p:first-of-type{ font-size: 16px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.5; } .rmzx_word p:nth-of-type(2){ font-size: 14px; color: #999; text-align: right; margin-top: 10px; } .rmzx ul li a{ display: flex; justify-content: space-between; align-items: center; margin-top: 17px; } .rmzx ul li a p:first-of-type{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; flex: 1; margin-right: 40px; } .rmzx ul li a p:nth-of-type(2){ font-size: 14px; color: #999; } .wd{ display: flex; justify-content: space-between; } .zkwd{ width: 960px; } .zkwd_info{ width: 960px; display: flex; justify-content: space-between; margin-right: 40px; margin-top: 30px; } .zkwd_left{ width: 390px; height: 540px; display: flex; flex-direction: column; justify-content: space-between; } .zkwd_left a{ width: 390px; height: 260px; font-size: 0; border-radius: 20px; overflow: hidden; position: relative; } .zkwd_left a img{ width: 100%; } .zkwd_right{ width: 530px; height: 540px; display: flex; flex-direction: column; justify-content: space-between; } .zkwd_right li a{ width: 530px; display: flex; justify-content: space-between; } .zkwd_img{ width: 190px; height: 120px; font-size: 0; border-radius: 20px; overflow: hidden; position: relative; margin-right: 14px; } .zkwd_img img{ width: 100%; } .zkwd_msg{ flex: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 10px 0; } .zkwd_msg p:first-of-type{ font-size: 16px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.5; } .zkwd_msg p:nth-of-type(2){ font-size: 14px; color: #999; text-align: right; } .hotwd{ width: 400px; } .rmwd_top{ width: 400px; height: 240px; font-size: 0; border-radius: 20px; overflow: hidden; position: relative; display: block; } .rmwd_top img{ width: 100%; } .hotwd ul li a{ display: flex; justify-content: space-between; align-items: center; margin-top: 17px; } .hotwd ul li a p:first-of-type{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; flex: 1; margin-right: 40px; } .hotwd ul li a p:nth-of-type(2){ font-size: 14px; color: #999; } .zkbk_info{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .zkbk_list{ width: 335px; border-radius: 20px; background: #f5f5f5; padding: 20px; box-sizing: border-box; margin-bottom: 20px; } .zkbk_list p{ font-size: 20px; font-weight: bold; margin-bottom: 20px; padding: 0 10px; } .zkbk_list div{ width: 295px; height: 120px; font-size: 0; } .zkbk_list div img{ width: 100%; } .zkbk_list ul li a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; display: block; margin-top: 20px; padding: 0 10px; }