li { position: relative; } .top-nav > li > a, .top-nav > li > span, .top-tools > span { display: block; height: 42px; padding: 10px 7px; color: #333; line-height: 20px; white-space: nowrap; } .top-nav .more-trigger::after, .top-tools .drop-label::after { margin-left: 3px; color: #888; content: "??"; } .dropdown-menu { position: absolute; z-index: 30; top: 40px; left: 0; display: none; min-width: 128px; padding: 7px 0; border: 1px solid rgba(0,0,0,.14); box-shadow: 0 6px 12px rgba(0,0,0,.16); background: #fff; } .dropdown:hover > .dropdown-menu, .dropdown:focus-within > .dropdown-menu { display: block; } .dropdown-menu.counties { width: 170px; } .dropdown-menu.counties li { float: left; width: 50%; } .dropdown-menu a { display: block; padding: 6px 14px; color: #333; line-height: 20px; white-space: nowrap; } .top-tools > span { color: #666; } .top-tools .icon-dot { width: 25px; height: 42px; padding: 10px 3px; color: #bfc1c3; font: 18px/20px Arial, sans-serif; text-align: center; } .hotline-tool { position: relative; width: 25px; height: 42px; } .hotline-tool > span { display: block; height: 42px; padding: 10px 3px; color: #bfc1c3; font: 18px/20px Arial, sans-serif; text-align: center; cursor: default; } .hotline-menu { width: 220px; color: #2b6094; font-size: 16px; line-height: 30px; text-align: center; } #nav { height: 50px; background: transparent; } .nav-inner { height: 50px; } .navbar-header { display: flex; height: 50px; align-items: center; } .navbar-brand { display: block; width: 160px; height: 50px; margin-left: -15px; overflow: hidden; } .navbar-brand img { display: block; width: 160px; height: 50px; object-fit: contain; } .add { width: 570px; height: 50px; margin-left: 12px; overflow: hidden; color: #999; font-family: "瀹?浣?", serif; line-height: 50px; white-space: nowrap; } .add a { margin: 0 8px; color: #666; } .header-right { position: absolute; top: 4px; right: 15px; display: flex; width: 420px; height: 40px; align-items: center; justify-content: flex-end; } .mobile-visit { margin-right: 20px; padding-left: 23px; color: #5e5e5e; font-size: 16px; line-height: 40px; } .mobile-visit::before { margin-right: 5px; color: #aaa; content: "??; } .search-shell { display: flex; width: 287px; height: 40px; } .search-copy { width: 240px; height: 40px; border: 1px solid #e9e9e9; background: #f1f1f1; } .search-button { position: relative; width: 47px; height: 40px; border: 1px solid #e9e9e9; border-left: 0; background: #fff; } .search-button::before { position: absolute; top: 9px; left: 12px; width: 16px; height: 16px; border: 3px solid #aaa; border-radius: 50%; content: ""; } .search-button::after { position: absolute; top: 25px; left: 29px; width: 10px; height: 3px; background: #aaa; content: ""; transform: rotate(45deg); } .mobile-menu { display: none; } #xl-headline { margin-top: 25px; } #xl-headline .layout { height: 151px; padding-top: 30px; padding-bottom: 8px; border-bottom: 1px solid #e8e8e8; } .article-title { height: 42px; overflow: hidden; color: #252525; font-size: 36px; font-weight: 700; line-height: 42px; overflow-wrap: anywhere; } .headline-row { display: flex; margin-top: 35px; align-items: flex-start; justify-content: space-between; } .article-meta { margin-top: 15px; color: #888; font: 14px/18px "瀹?浣?", serif; } .article-meta a { color: #888; } .article-tools { display: flex; height: 35px; align-items: center; gap: 15px; } .article-tools .circle { display: inline-flex; width: 35px; height: 35px; border-radius: 50%; color: #fff; background: #d3d3d3; font: 14px/35px Arial, sans-serif; align-items: center; justify-content: center; } .article-tools .divider { width: 1px; height: 25px; margin-right: 0; background: #e5e5e5; } .content-grid { display: grid; width: 1200px; margin: 0 auto; grid-template-columns: 800px 400px; align-items: start; } .main { min-width: 0; margin: 40px 0 10px; padding: 35px 15px 0; } .sidebar { min-width: 0; margin-top: 40px; padding: 35px 15px 0; } .news-con { width: 770px; color: #111; overflow-wrap: anywhere; } .news-con > p, .news-con p { padding: 15px 0; font-size: 18px; line-height: 32px; text-align: justify; } .news-con img { display: block; width: auto; max-width: 100%; height: auto; margin: 15px auto; } .news-con strong { font-weight: 700; } .mobile-promo { margin-top: 15px; color: #619ccc; font: 14px/28px "瀹?浣?", serif; } .mobile-promo span { display: block; } .editor { display: flex; min-height: 105px; margin-top: 50px; padding: 2px 0; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; align-items: center; justify-content: space-between; } .share-appearance { display: flex; align-items: center; gap: 30px; } .share-appearance span { display: inline-flex; width: 35px; height: 35px; border-radius: 50%; color: #fff; background: #d4d4d4; font-size: 16px; align-items: center; justify-content: center; } .editor-text { margin-right: 33px; color: #999; font: 14px/22px "瀹?浣?", serif; text-align: left; } .content-block { margin: 30px 0 10px; } .block-title { height: 53px; border-bottom: 3px solid #dbdbdb; color: #053a67; font-size: 26px; font-weight: 400; line-height: 50px; } .related-list li { display: flex; height: 50px; border-bottom: 1px solid #f5f5f5; font-size: 18px; line-height: 50px; justify-content: space-between; gap: 12px; } .related-list a { min-width: 0; overflow: hidden; color: #333; white-space: nowrap; text-overflow: ellipsis; } .related-list time { color: #999; font-size: 14px; white-space: nowrap; } .recommend-list li { padding: 25px 0 20px; border-bottom: 1px solid #f3f3f3; } .recommend-list h3 { height: 34px; margin-bottom: 12px; overflow: hidden; color: #333; font-size: 20px; font-weight: 400; line-height: 34px; white-space: nowrap; text-overflow: ellipsis; } .recommend-list p { color: #555; font-size: 15px; line-height: 26px; } .recommend-tail { margin-top: 8px; color: #999; font-size: 13px; } .side-inner { width: 300px; margin-left: auto; overflow: hidden; } .side-block { margin-bottom: 35px; } .side-title { color: #053a67; font-size: 22px; font-weight: 400; line-height: 30px; } .side-photo { margin-top: 25px; } .side-photo img { display: block; width: 300px; height: 188px; object-fit: cover; } .side-photo p { height: 25px; margin-top: 5px; overflow: hidden; color: #333; font-size: 14px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; } .side-list { margin-top: 12px; } .side-list li { position: relative; height: 30px; padding-left: 12px; overflow: hidden; font-size: 14px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; } .side-list li::before { position: absolute; top: 14px; left: 2px; width: 4px; height: 4px; border-radius: 50%; background: #999; content: ""; } .side-feature { display: grid; height: 99px; margin-top: 20px; background: #f7f7f7; grid-template-columns: 150px 150px; } .side-feature img { width: 150px; height: 99px; object-fit: cover; } .side-feature p { display: flex; padding: 0 12px; font-size: 15px; line-height: 24px; align-items: center; } #bottom-nav { margin-top: 70px; border-top: 1px solid #4a4a4a; color: #ddd; background: #575757; font: 12px/24px "瀹?浣?", serif; } #bottom-nav a { color: #ddd; } #bottom-nav .layout { display: grid; padding-top: 22px; padding-bottom: 22px; grid-template-columns: repeat(5, 1fr); gap: 24px; } .bottom-block h2 { height: 42px; color: #eee; font: 400 20px/42px "Microsoft YaHei", sans-serif; text-align: center; } .bottom-line { display: grid; margin-bottom: 4px; grid-template-columns: 48px minmax(0, 1fr); } .bottom-line strong { color: #fff; } .bottom-line span a { display: inline-block; margin-right: 8px; } #footer { min-height: 147px; border-top: 1px solid #686868; color: #ddd; background: #575757; font: 12px/24px "瀹?浣?", serif; text-align: center; } #footer .layout { padding-top: 25px; padding-bottom: 25px; } #footer a { color: #ddd; } #footer-mobile { display: none; } @media (max-width: 767px) { .container, .layout { width: 100%; } #top { display: none; } #nav { height: 50px; background: #1066af; } .nav-inner { width: 100%; padding: 0; } .navbar-header { padding-left: 12px; justify-content: space-between; } .navbar-brand { margin-left: 0; background: #fff; } .add, .header-right { display: none; } .mobile-menu { position: relative; z-index: 50; display: block; height: 50px; } .mobile-menu summary { display: flex; width: 42px; height: 34px; margin: 8px 14px 0 0; border-radius: 4px; background: #fff; cursor: pointer; list-style: none; flex-direction: column; align-items: center; justify-content: center; gap: 4px; } .mobile-menu summary::-webkit-details-marker { display: none; } .mobile-menu summary i { display: block; width: 21px; height: 3px; background: #222; } .mobile-links { position: absolute; z-index: 60; top: 50px; right: 0; display: grid; width: 240px; padding: 10px; box-shadow: 0 8px 18px rgba(0,0,0,.2); background: #1066af; grid-template-columns: 1fr 1fr; } .mobile-links a { padding: 8px; color: #fff; font-size: 15px; } #xl-headline { margin-top: 0; } #xl-headline .layout { height: 83px; padding-top: 15px; padding-bottom: 15px; } .article-title { height: 26px; font-size: 20px; font-weight: 400; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; } .headline-row { display: block; margin-top: 10px; } .article-meta { margin-top: 0; font-size: 12px; line-height: 16px; white-space: nowrap; } .article-tools { display: none; } .content-grid { display: block; width: 100%; } .main { width: 100%; margin-top: 20px; padding: 5px 15px 0; } .news-con { width: 100%; } .news-con > p, .news-con p { padding: 5px 0; font-size: 16px; line-height: 26px; } .news-con img { width: 100%; height: auto; } .mobile-promo { margin-top: 10px; font-size: 12px; line-height: 22px; } .editor { min-height: 122px; margin-top: 20px; flex-direction: column; align-items: stretch; } .share-appearance { padding: 15px 0 10px; justify-content: space-around; } .share-appearance span { width: 35px; height: 35px; } .editor-text { margin: 12px 0 8px; font-size: 12px; line-height: 20px; } .content-block { margin-top: 20px; } .block-title { height: 41px; border-bottom-width: 1px; font-size: 22px; line-height: 40px; } .related-list li { height: 30px; font-size: 16px; line-height: 30px; } .related-list time { display: none; } .recommend-list li { padding: 16px 0; } .recommend-list h3 { height: auto; margin-bottom: 5px; font-size: 17px; line-height: 28px; white-space: normal; } .recommend-list p { display: none; } .sidebar, #bottom-nav, #footer { display: none; } #footer-mobile { display: block; width: 100%; margin-top: 20px; padding: 10px 0; border-top: 1px solid #aaa; color: #ddd; background: #575757; font-size: 14px; line-height: 30px; text-align: center; } } @media (min-width: 768px) and (max-width: 1199px) { .container { width: 970px; } .layout { width: 992px; } .top-tools { display: none; } #top { margin-bottom: 30px; } .content-grid { width: 992px; grid-template-columns: 661px 331px; } .main { margin-top: 30px; } .sidebar { margin-top: 30px; } .news-con { width: 631px; } .side-inner { width: 300px; } #xl-headline { margin-top: 20px; } #xl-headline .layout { height: 124px; padding-top: 20px; padding-bottom: 6px; } .article-title { height: 36px; font-size: 30px; line-height: 36px; } .headline-row { margin-top: 25px; } .header-right { width: 330px; } .mobile-visit { padding-left: 20px; font-size: 14px; } .search-shell { width: 227px; } .search-copy { width: 180px; } }

??濮?濮?妗??辨?娲??h?宠???????????涔?????锛????讳?璇??瑙f??

??濮?濮?妗??辨?娲??h?宠????????涓????哄???璇??涔?涓?????妗??辨?璁般??涓??????ャ??瀹?????妗??辨?????骞芥繁????绉???璞★?涓???娲??b?????宠?????????????╂????缁????ㄤ?璧枫???ㄤ?椋???????瀛﹁〃杈炬?讹???互?ラ??骞介????绻??????婚????ㄤ??ф?с??璋?渚???缃?缁?璇???讹???娲??b?????宠??涔????借????ュ奖灏?濂虫?х?瀵??ㄤ????跺?ㄥ?翠?姣?锛???涓哄甫???ф??绀虹??濮?濠?璇存????ゆ???蜂?????锛??抽????瀹??虹?扮??涓?涓???锛???涓??藉??????涓??璁ゅ???

??涓???璞$?????锛?涓轰?涔?浼???涓???瑙i??

??妗??辨?????甯歌?浜鸿???冲?拌?绂诲?涓?????绉???缇?濂界???版?癸???娲??b???㈠??互??北娲??ュ?o?涔?瀹规???ㄥ???宠〃杈句腑琚???瑙d负韬???ュ?o????宠??????????????宠??绻???锛?瀛??????????????╄??瀵???涓?涓???璞¤??ㄤ?璧凤?涓??归?㈠??互????骞芥繁?????舵???诧??︿??归????????ュ?b??涓???绻??????????筹?琚??ㄤ???????韬????绀恒??

??濮?濮???????甯告??О?兼??浜鸿???涓??ㄥ??锛???互琛ㄧず浜茶?????濞???璋?渚?锛?涔????芥???ㄥ???浣?濂虫?ц?璇???瀹???韩骞朵?绛?浜??ф??绀猴?浣?????娲??h?宠????????杩?绫绘???骞剁疆?讹??翠?璇??寰?寰?浼???寰??ф?ф????璋???姝ょ被琛ㄨ揪?????充富瑕??ヨ??????崇郴锛???涓?????濮?濮????????宠?????????锋????绉??哄??????

瀹?????妗??辨?璁般?????崇郴锛????ㄦ??澧?锛?涓???????寮???/h2>

杩??ヨ?瀹规??璁╀汉?冲?伴?舵???????妗??辨?璁般??锛???涓哄???????版??辨????灞变腑灏??o?浠ュ??杩??ュ??璞??跺?????绌洪?村???????????????宠??椴?缇?锛??借?辩激绾封??锛?涔???????灞辨??灏??o?浠夸??ユ??????锛?骞舵病????娲??h?宠????????杩?涓????ャ???㈠?ヨ?璇达?缃?缁?琛ㄨ揪???ㄤ?妗??辨???娲??g????瀛﹁???筹????????????╅???版?兼?ャ???瑰??浜???

???宠??????????父瑙??????╂?????ㄨ?锛????????宠???垮?????锛?瀹?涓?涓?灞?浜???妗??辨?璁般???????凤?缃?缁?涓??ユ????娼烘胶姘村0??绛?璇???妗??辨?骞跺??浣跨???涔?涓??藉??姝ゅ氨璁ゅ?瀹?浠?????????瀹广???????告???讹???互????妗??辨?????浣?涓?绉???瀛︽??存?ユ?锛?浣?搴????????????ョ??浠垮????缃?缁????冲??寮???

?ф?ц?澧????????伙???甯搁??浠?涔???绔?

?ㄥ甫??璋??????╃?????浜烘??绀虹??璇??涓??杩??ヨ????芥????妗??辨???璇存????绉?涔?澶?锛?????娲??b??褰?浣?韬???ㄤ???濮?濠?浠gО锛????ㄢ???宠??????????绀哄?ㄥ?存?????瀹?娌℃??涓ユ?笺??缁?涓???瀵???寮???涔?锛??村?????╃?ㄨ???舵???╄?姹???瑁??寸?藉??瀹广?????﹀??ㄨ?涓?灞?????锛???甯歌??????????﹀?虹?版?╂?ㄣ???ф??绀恒??韬???????????剧?????宠?姘???

杩?绉?琛ㄨ揪???圭?规??????????姝т?锛?璇磋?????互??瀹?瑙i??????绾???灞辨按?宠薄锛?????涔????戒????澧?璇诲?烘?寸?瀵?????绀恒??瀹???????崇??姣?娆″?虹?伴?藉?ㄨ??э?涔?涓?浠h〃??妗??辨????ㄤ?缁???瀛︿腑????氨??杩?绉??哄?璞″???缃?缁?姊?甯稿???ㄧ????????瀛︽??璞″?堕????宸???扮???╃??ㄦ?涓????稿???骞朵??稿????

???疯鲸璁ゆ???ㄥ?????杩????ㄧ?╁????/h2>
  • ??涓?涓?????瀵硅薄锛??ュ?????ㄥ??灞辨?????㈡?????琛???缁??绘???ゆ??璧???锛???甯告?????舵?????瑙f?村??????
  • ??????璇???璇??锛??ュ???跺?虹?版???剧???ф?хО?笺??????璇?璇???韬???稿?宠〃杈撅????冲???ф??绀虹?????芥?т?澧?????
  • ??琛ㄨ揪?烘???灏?璇淬??璇??ュ??椋?????妗????借拷姹?骞芥繁??澧?锛???澶┿??璇?璁烘???╂???瀹瑰???翠?璧?璇??锛????舵??????璁╁??????绀哄苟瀛???
  • 涓?瑕???????涓??瀹??э???娲??b????互??灞辨??ュ?o????宠??????互???????ㄣ???辩?涓?涓?????瀹?浠??姒?瑙i????韬?????伙?瀹规??璇?????????╂??????

?充?杩??ヨ??????哄???涓?????/h2>

????涓??戒?????ユ?兼?ュ?琛ㄨ揪璁ゅ?瀹??ヨ?????ㄤ???????涓???瀹?浜?浠舵????涓??瑰?浣??????寸ǔ濡ョ????瑙f???瀹????ㄤ?妗??辨??稿?崇????瀛︽??璞★?骞跺?ㄩ?ㄥ??缃?缁?浜ゆ?涓???灞??哄甫???ф?ц?插僵?????崇?ㄦ????ユ??浜哄?瀹?浣?涓哄?蜂?浣????拌????哄??告??寮??????瑕?缁?????濮?????????甯??烘????涓?涓???杈ㄥ???涓??芥?????ョ???瑰???存?ュ????ゆ?????ャ??

??姝わ?杩??ヨ???互??涓ゅ?涓昏?璇绘?锛?瀛????????辨??ュ?i??杩????ㄧ???????薄锛??ㄧ?瑰?璋?渚?????浜鸿?澧?涓???????芥???濂虫?х?瀵??ㄤ???????褰卞??????ゆ???烘??????ゆ?????伙??㈣?界??瑙g?缁??╃?锛?涔??介?垮????????????己琛?瑙h???姊???

???村??伴?伙?璇峰?虫敞??娴锋?ユ?伴?烩??瀹㈡?风?????灞变????烘?ワ????惰?峰?????版?伴?昏?璁???

??瀹$?杈?锛???瀹?

璐d换缂?杈?锛?姘村????

?稿?虫?伴??/h2>
?ㄨ????璇?/h2>