div, input, span { box-sizing: border-box; } html { -webkit-tap-highlight-color: transparent; } element.style { font-size: small; } .curr_p { color: #696969; } a { text-decoration: none!important; color: white; cursor: pointer; } a:hover { text-decoration: none!important; } h6 { font-size:16px; font-weight:600; color:rgba(51,51,51,1); line-height:28px; } blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { margin: 0; font-family: pingfangsc-regular,fzltxhk,arial,hiragino sans gb,microsoft yahei,wenquanyi micro hei,sans-serif; padding: 0; } ol { display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } li { display: list-item; text-align: -webkit-match-parent; } li { text-align: -webkit-match-parent; } p { display: block; line-height: 24px; } .pc a { color: initial; } .path_box { background: #f7f7f7; height: 49px; font-size: 12px; color: #696969; padding-left: 40px; } .flex_j { justify-content: center; } .flex_a { align-items: center; } .flex { display: flex; } .pc { margin-top: 65px; } .pc .item_box { /* border-bottom: 1px solid #e6e6e6; */ display: flex; flex-direction: column; align-items: center; padding-left: 40px; padding-right: 40px; } .pad_b_80 { padding-bottom: 80px; } .pad_t_50 { padding-top: 50px; } .type_page { width: 1200px!important; } .type_page .title { font-size: 24px; color: rgba(51,51,51,1); font-weight:600; line-height: 32px; letter-spacing: 0; margin-bottom: 10px; } .page_h1, .page_h1_inline { font-weight: 400; font-size: inherit; color: inherit; } .flex_sb { justify-content: space-between; } .flex { display: flex; } .tit_box_1 { font-family: pingfangsc-medium, fzltxhk, arial, "hiragino sans gb", "microsoft yahei", "wenquanyi micro hei", sans-serif; font-size: 24px; color: #181818; letter-spacing: 0; } .tit_box_1 .bor { background: #0e57a2; width: 4px; height: 12px; margin-right: 15px; } .path_box { background: #f7f7f7; height: 49px; font-size: 12px; color: #696969; } .path_box .now_path { font-size: 12px; line-height: 17px; color: #0e57a2; } .date { font-size: 14px; color:rgba(51,51,51,1); line-height:24px; } .news_box .left { width: 800px; margin-right: 39px; padding-left: 20px; } .news_box .left .top_box { border-bottom: 1px solid #e6e6e6; padding-bottom: 30px; margin-bottom: 30px; } .date { font-size: 14px; color:rgba(51,51,51,1); line-height:24px; } .type_page .title { font-size: 22px; color: #181818; letter-spacing: 0; margin-bottom: 10px; margin-left: 20px; } .type_page .title a:hover,.type_page .title a:active,.type_page .title a:visited,.type_page .title a:link { color: #696969; } .news_box .left .text_box { /* height: 1200px; */ margin-bottom: 80px; } .news_box .left .text_box span { width:700px; height:192px; font-size:14px; font-weight:400; color:rgba(51,51,51,1); line-height:24px; } .news_box .left .big_btn .ele { display: flex; align-items: center; background: #f7f7f7; height: 110px; padding: 0 32px; width: 400px; cursor: pointer; } .news_box .left .big_btn .ele:hover { background:rgba(247,247,247,1); box-shadow:0px 0px 12px 0px rgba(0,0,0,0.15); border-radius:1px; color: #0e57a2; font-weight: 600; } .news_box .left .big_btn .ele:hover .text_1 { color: #0e57a2; } .news_box .left .big_btn .ele .left { width: 20px; height: 20px; position: relative; } .news_box .left .big_btn .ele .left img { transform: rotate(180deg); width: 20px; height: 12px; position: absolute; top: 50%; left: 10; margin: -8px 0 -10px 0 } .news_box .left .big_btn .ele .left .img_1 {} .news_box .left .big_btn .ele .left .img_2 { display: none; } .news_box .left .big_btn .ele:hover .left .img_1 { display: none; } .news_box .left .big_btn .ele:hover .left .img_2 { display: block; } .news_box .left .big_btn .ele_1 { margin-right: 14px; } .news_box .left .big_btn .ele_1:hover .text_1 { padding-right: 10px; } .news_box .left .big_btn .ele_2:hover .text_1 { padding-left: 10px; } .news_box .left .big_btn .ele_2:hover .right .aa { display: none } .news_box .left .big_btn .ele_2:hover .right .bb { display: block } .news_box .left .big_btn .ele_2 .right .bb { display: none } .news_box .left .big_btn .ele .right { width: 20px; height: 20px; margin-left: 39px; position: relative; } .news_box .left .big_btn .ele .right img { width: 20px; height: 12px; position: absolute; top: 50%; left: -15; margin: -8px 0 -10px 0 } .news_box .left .big_btn .ele .line { width: 1px; height: 22px; opacity: 0.2; background: #999999; margin: 0 20px; } .news_box .left .big_btn .ele .text_1 { /* width: 149px; */ font-size: 14px; color:rgba(51,51,51,1); overflow: hidden; display: block; position: relative; line-height: 24px; /* text-overflow: ellipsis; display: -webkit-box; line-height: 24px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; */ } .news_box .left .big_btn .ele .text { /* width: 279px; */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #333333; } .news_box .left .big_btn .ele:first-child .img { width: 120px; height: 50px; margin-left: 20px; background: #0e57a2; display: none; } .news_box .left .big_btn .ele:nth-child(2) .img { width: 120px; height: 50px; margin-right: 20px; background: #0e57a2; display: none; } .news_box .left .big_btn .ele:hover .img { display: block; } .news_box .left .big_btn .ele:hover .text_1 { width: 149px; flex-shrink: 0; height: 45px; overflow: hidden; } .news_box .left .big_btn .ele .img img { width: 100%; height: 100%; } .news_box .right_list { width: 340px; margin-top: -16px; } .news_box .right_list .top_box { border-bottom: 1px solid #e6e6e6; padding-bottom: 30px; margin-bottom: 30px; } .news_box .right_list .top_box .title { font-size: 16px; color: #181818; letter-spacing: 0; height: 30px; line-height: 40px; } .news_box .right_list .ele_box { display: block; padding: 20px; line-height: 28px; margin-bottom: 29px; cursor: pointer; background: rgba(130, 130, 130, 0.00); border: 1px solid #f1f2f2; } .news_box .right_list .ele_box:hover { background: #ffffff; box-shadow: 0 0 40px 0 rgba(27, 31, 64, 0.10); } /* .news_box .right_list .ele_box:hover .more_1 { display: none; } */ /* .news_box .right_list .ele_box:hover .more { display: block; } */ .news_box .right_list .ele_box:hover .title { color: #0e57a2; } .news_box .right_list .ele_box .img { width: 300px; height: 124px; } .news_box .right_list .ele_box .img img { width: 100%; height: 100%; } .news_box .right_list .ele_box .title { font-family: pingfangsc-medium, fzltxhk, arial, "hiragino sans gb", "microsoft yahei", "wenquanyi micro hei", sans-serif; font-size: 16px; color: #181818; letter-spacing: 0; margin: 20px 0 10px 0; } .news_box .right_list .ele_box .detail { width: 305px; font-size: 14px; color: #999999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 30px; } .news_box .right_list .ele_box .more { background: #0e57a2; width: 89px; height: 22px; color: #ffffff; line-height: 22px; text-align: center; position: relative; display: none; } .news_box .right_list .ele_box .more .line { width: 12px; height: 1px; background-color: #ffffff; position: absolute; right: 0; top: 50%; transform: translatey(-50%); } .to_top { position: fixed; right: 40px; bottom: 500px; width: 50px; height: 50px; background-color: #a3a3a3; cursor: pointer; display: flex; align-items: center; justify-content: center; } .to_top img { width: 18px; height: 18px; } .news_box .right_list .ele_box .more_1 { display: flex; align-items: center; height: 22px; } .news_box .right_list .ele_box .more_1 .line { width: 1px; height: 22px; opacity: 0.2; background: #999999; margin-right: 25px; } .news_box .right_list .ele_box .more_1 img { width: 25px; height: 19px; } img { border: 0; -webkit-touch-callout: none; -ms-user-select: none; user-select: none; vertical-align: middle; } .news_box .left .big_btn .ele .left .img_2, .news_box .left .big_btn .ele:hover .left .img_1 { display: none; } .news_box .left .big_btn .ele_2 .right .bb { display: none; } .news_box .left .text_box p img { width: 80% !important; height: auto !important; } #mobile { display: none; }