h1{ text-align: left; } h1 + p{ font-size: 20px; } /* banner */ .news_banner{ width: 100%; min-width: 1280px; height: 28.125vw; min-height: 360px; position: relative; background-size: cover; } /* 鏂伴椈绉嶇被 */ .new_header{ display: flex; height: 80px; align-items: center; justify-content: space-between; width: 1280px; margin: 0 auto; } .new_kind{ display: flex; font-size: 16px; } .new_kind li{ margin-right: 54px; } .news_all{ font-weight: bold; } .separator{ display: inline-block; height: 20px; width: 1px; background-color: #CCCCCC; margin: 0 26px 0 28px; } .news_search{ display: flex; } .news_search .search_input:first-child{ margin-right: 40px; } .search_input{ display: flex; align-items: center; /* min-width: 218px; */ width: 218px; height: 40px; border: 1px solid #999999; padding: 0 15px; box-sizing: border-box; transition: all .1s; } .search_input input{ border: none; outline: none; height: 100%; font-size: 16px; width: 166px; } .search_input .iconfont{ font-size: 24px; color: #666666; cursor: pointer; /* color: #00000029; */ } .search-delete{ display: none; align-items: center; } .search-delete .separator{ margin: 0 14px 0 8px; } .search_input:hover{ border-color: #333333; } .search-delete .iconfont:hover{ color: #FF0000; } .new_list{ padding: 60px 0 100px 0; background: #E9EDF2; } .news_banner_intro{ position: absolute; top: 50%; right: 24%; /* right: 476px; */ transform: translateY(-50%); text-align: center; } .new_list ul,.change,.news_kind{ /* width: 69.4%; */ /* width: 66.5%; */ /* min-width: 1136px; */ /* min-width: 1265px; */ width: 1320px; margin: 0 auto; display: flex; flex-wrap: wrap; } .news_kind{ justify-content: space-between; } .news_kind ul{ display: flex; padding: 27px 0; align-items: center; } .news_kind_one li{ margin-right: 38px; } .icon-index-copy{ font-size: 20px; } .news_kind_two .iconfont{ margin: 0 10px; } .news_kind a{ font-size: 20px; color: #333333; } .news_kind a:hover{ color: #2168FB; } .news_kind_active a{ color: #2168FB; } .new_list ul{ font-size: 16px; } .news_item{ margin-right: 30px; margin-bottom: 30px; box-sizing: border-box; width: 420px; height: 305px; background-color: #FFFFFF; padding: 10px; transition: all .3s; /* width: 400px; */ } .news_item:hover{ box-shadow: 0 10px 35px 0 rgb(0 0 0 / 10%); } .news_item img{ max-height: 170px; } .news_item a{ display: block; width: 100%; height: 100%; } .news_item:nth-child(3n){ margin-right: 0; } .new_list img{ width: 100%; transition: all .3s; } .new_time{ font-weight: 400; line-height: 24px; color: #666666; letter-spacing: 0.168px; margin: 8px 0; } .new_title{ /* font-size: 20px; */ font-weight: bold; line-height: 28px; color: #666666; letter-spacing: 1.08px; transition: all .3s; } .news_item:hover img{ box-shadow: 0px 3px 16px rgba(0, 17, 54, 0.2); } .news_item:hover .new_title{ color: #407BFF; } #pageChange{ display: flex; align-items: center; } .change{ display: flex; justify-content: flex-end; } .change a{ display: inline-block; text-align: center; width: 20px; height: 24px; line-height: 24px; font-size: 14px; color: #999999; margin: 0 5px; transition: all .3s; } .change a:hover{ color: #FFFFFF; background-color: #407BFF; } .change .newActive{ background: #F8F8F8; } .change .newActive{ color: #407BFF; } .change .news_change{ width: 30px; height: 24px; background: #F8F8F8; } .page_jump{ margin-left: 15px; } .total{ margin-right: 15px; } #page{ width: 24px; height: 24px; border: 1px solid #CCCCCC; outline: none; text-align: center; margin: 6px 0; } #newJump{ display: inline-block; width: 40px; height: 24px; border: 1px solid #666666; text-align: center; color: #666666; line-height: 24px; margin-left: 30px; cursor: pointer; } #newJump:hover{ border-color: #407BFF; color: #407BFF; } @media only screen and (max-width: 1440px) { .news_banner_intro{ right: 16%; } .new_list ul,.change,.news_kind{ width: 1136px; } .news_item{ width: 360px; margin-right: 26px; height: 288px; } } @media only screen and (max-width: 1280px) { .new_list ul, .change{ width: 1136px; } /* .news_item{ width: 360px; margin-right: 26px; height: 265px; } */ .news_banner_intro{ right: 12%; } } .news_kind_link{ color: #333333; cursor: pointer; } .news_kind_link:hover{ color: #407BFF; } /* search */ .search_list{ width: 1000px; margin: 70px auto 100px auto; } .search_list .search_item{ height: 126px; } .search_list .search_item:not(:last-child){ border-bottom: 1px solid #EEEEEE; } .search_item a{ height: 100%; display: flex; align-items: center; } .search_item_time > p{ font-size: 32px; line-height: 24px; color: #333333; display: flex; align-items: flex-end; } .search_item_time{ display: flex; } .search_item_time > p span{ display: block; width: 1px; height: 24px; background-color: #333333; transform: rotateZ(20deg); /* font-size: 30px; color: #666666; font-weight: 300; */ margin: 0 10px; } .search_item_year{ color: #666666; height: 32px; } .search_item_title{ font-size: 18px; font-weight: bold; line-height: 24px; color: #666666; margin-bottom: 6px; } .search_item_title:hover{ color: #407BFF; } .search_item_content{ font-size: 14px; color: #666666; } .separate{ width: 1px; height: 34px; background-color: #EEEEEE; margin: 0 30px; }