:root{ --color:#123686; } @font-face { font-family: 'iconfont'; /* Project id 2365634 */ src: url('//at.alicdn.com/t/font_2365634_chyd2qa7d5r.woff2?t=1625883667148') format('woff2'), url('//at.alicdn.com/t/font_2365634_chyd2qa7d5r.woff?t=1625883667148') format('woff'), url('//at.alicdn.com/t/font_2365634_chyd2qa7d5r.ttf?t=1625883667148') format('truetype'); } @keyframes lv-fadeinup{ 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100%{opacity: 1; -webkit-transform: none; -ms-transform:none; transform: none; } } @keyframes lv-fadeinLeft{ 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100%{opacity: 1; -webkit-transform: none; -ms-transform:none; transform: none; } } @keyframes lv-fadeinRight{ 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100%{opacity: 1; -webkit-transform: none; -ms-transform:none; transform: none; } } @keyframes lv-fadeinnav{ 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .lv-fadeinup{ animation-name: lv-fadeinup;} .fadeinLeft{ animation-name: lv-fadeinLeft;} .fadeinRight{ animation-name: lv-fadeinRight;} /*杩囧害鍔ㄧ敾*/ .transition3{ -webkit-transition: all .3s cubic-bezier(.165,.84,.44,1), background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1), color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1); transition: all .3s cubic-bezier(.165,.84,.44,1), background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1), color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1); -o-transition: all .3s cubic-bezier(.165,.84,.44,1), background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1); -moz-transition: all .3s cubic-bezier(.165,.84,.44,1), background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1); -ms-transition: all .3s cubic-bezier(.165,.84,.44,1), background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1); } .transition3:hover{ -webkit-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -o-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -moz-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -ms-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); } .transition5{ -webkit-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -o-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -moz-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -ms-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); } .transition5:hover{ -webkit-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -o-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -moz-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -ms-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); } .transition7{ -webkit-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -o-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -moz-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -ms-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); } .transition7:hover{ -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -o-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -moz-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -o-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -ms-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); } .transition10{ -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -o-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -moz-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -o-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -ms-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); } .transition20{ -webkit-transition: all 2s cubic-bezier(.165,.84,.44,1), background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); -o-transition: all 2s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); -moz-transition: all 2s cubic-bezier(.165,.84,.44,1), background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); -o-transition: all 2s cubic-bezier(.165,.84,.44,1), background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); -ms-transition: all 2s cubic-bezier(.165,.84,.44,1), background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); } /*杩囧害鍔ㄧ敾*/ /*鍥剧墖灞呬腑*/ .jzimgbox{ position:relative; width:100%; height:0px; overflow:hidden; padding-bottom:75%; } .jzimg{ left:50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); max-width:100%; position:absolute; } /*杩囧害鍔ㄧ敾*/ .jzimgbox:hover img{ transform:translate(-50%,-50%) scale(1.1); -webkit-transform: translate(-50%,-50%) scale(1.1); -moz-transform: translate(-50%,-50%) scale(1.1); -ms-transform: translate(-50%,-50%) scale(1.1); -o-transform:translate(-50%,-50%) scale(1.1); cursor: pointer; } /*鍥剧墖鏀惧ぇ*/ /*鍥剧墖鏀惧ぇ*/ /*杩囧害鑳屾櫙*/ .wlbg:after{ content:""; position:absolute; width:100%; left:0px; top:0px; height:100%; } .wlbg:before{ content:""; position:absolute; width:100%; left:0px; top:0px; height:100%; } /*杩囧害鑳屾櫙*/ /*娴姩*/ .fdbox{ overflow:hidden; width:100%; } .fd{ float:left; } .fd2{ float:left; width:50%; } .fd3{ float:left; width:33.33333%; } .fd4{ float:left; width:25%; } .fd5{ float:left; width:20%; } /*娴姩*/ /*鍏冪礌灞呬腑*/ .jzbox{ text-align:center; font-size:0px; } .jz{ display:inline-block; } /*鍏冪礌灞呬腑*/ /*寮规€у眳涓?/ .flexsxjz{ display: -webkit-flex; display:flex; align-items:center; } .flexzyjz{ display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } /*寮规€у眳涓?/ /*寮规€т袱渚?/ .flextxlc{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } /*寮规€т袱渚?/ /*鍥剧墖鍙橀粦鐧界粡杩囨甯?/ .heibai img{ filter:saturate(0.2); -webkit-filter:saturate(0.2); transition:1s; } .heibai img:hover{ filter:saturate(1); -webkit-filter:saturate(1); } /*鍥剧墖鍙橀粦鐧界粡杩囨甯?/ /*鏂囨湰瓒呭嚭闅愯棌*/ .ccyc1{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .ccyc2{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .ccyc3{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .ccyc4{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; } .ccyc5{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; } /*鏂囨湰瓒呭嚭闅愯棌*/ /*鍒囨崲鎸夐挳*/ .d_description img,.reset_style img{max-width:100%!important;height:auto!important;} /*鍒囨崲鎸夐挳*/ /*鍒囨崲鎸夐挳*/ @media only screen and (min-width: 769px) { .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #f0f0f0; background: #f0f0f0; color: #333; } .p_page .pre:active { background: var(--color); border-color: var(--color); color: #fff; } .p_page .pre:hover { color: #fff; background: var(--color); border-color: var(--color); cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #f0f0f0; background: #f0f0f0; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: var(--color); border-color: var(--color); color: #fff; } .p_page .next:hover { background: var(--color); border-color: var(--color); color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: var(--color); border-color: var(--color); } .p_page .pageNum:hover { color: #fff; border-color: var(--color); cursor: pointer; text-decoration: none; background-color: var(--color); } .p_page .pageNum.active { text-decoration: none; background-color: var(--color); color: #fff; border-color: var(--color); } } @media screen and (max-width: 768px) { .p_OccupyBox{ width:100%!important; } .p_pagebox .NumBox { display: none !important; } .p_pagebox { width: 100%; text-align: center; } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont { color: #ddd !important; } .p_pagebox .js_pageBtnDisable:hover .iconfont { color: #bfbfbf !important; } .p_pagebox .pre { width: 48%; margin-right:2%; background-color: var(--color); } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: var(--color); background-color: var(--color); cursor: pointer; } .p_pagebox .pre:active { background-color: var(--color); } .p_pagebox .next { width: 48%; margin-left:2%; background-color: var(--color); } .p_pagebox .next:hover { background-color: var(--color); } .p_pagebox .next:active { background-color: var(--color); } } /*鍒囨崲鎸夐挳*/ /*婊氬姩鏉?/ ::-webkit-scrollbar { width: 4px; height:10px; } ::-webkit-scrollbar-track { background: rgba(255,255,255,0.9); border-radius: 0px; } .p_articles img,.reset_style img{max-width:100%;height:auto!important;} ::-webkit-scrollbar-thumb { background: var(--color); } /*婊氬姩鏉?/ /*榧犳爣鏁堟灉*/ .cursor-dot { width:20px; height:20px; background-color:rgba(255, 255, 255,0); transition:all 0.2s ease-out; } .cursor-dot-outline { width:20px; height:20px; background-color:#fff; transition:all 0.2s ease-out; } .cursor-dot,.cursor-dot-outline { pointer-events:none; position:absolute; top:50%; left:50%; border-radius:50%; opacity:0; transform:translate(-50%,-50%); transition:opacity .3s ease-in-out,transform .3s ease-in-out; z-index:99999999999 !important; mix-blend-mode: difference; } /*榧犳爣鏁堟灉*/ @media only screen and (max-width: 769px) { #w_grid-1622273233586{display:none;} }