@charset "utf-8"; /*Technical Support SudyTech*/ html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {margin:0;padding:0;} header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {display:block;} table {border-collapse:collapse;border-spacing:0;} caption,th {text-align:left;font-weight:normal;} html,body,fieldset,img,iframe,abbr {border:0;} img {vertical-align:top;} html.prevent{overflow:hidden} html {overflow-x:hidden;font-size:calc(100vw / 19.20)} [hidefocus],summary {outline:0;} li {list-style:none;} h1,h2,h3,h4,h5,h6,small {font-size:100%;} sup,sub {font-size:83%;} pre,code,kbd,samp {font-family:inherit;} q:before,q:after {content:none;} textarea {overflow:auto;resize:none;} label,summary {cursor:default;} a,button {cursor:pointer;} h1,h2,h3,h4,h5,h6,em,strong,b {font-weight:bold;} del,ins,u,s,a,a:hover {text-decoration:none;} body,textarea,input,button,select,keygen,legend {font:13px/1 arial,\5b8b\4f53;color:#333;outline:0;} :focus {outline:0;} .none {display:none;} .wcb {width:100%;height:30px;border:2px dashed #97CBE0;} .hidden {visibility:hidden;} .clear {width:100%;height:0;line-height:0;font-size:0;overflow:hidden;clear:both;display:block;_display:inline;} .clearfix:after {clear:both;content:"";display:block;height:0;visibility:hidden;} .clearfix {display:block;zoom:1;} ::-webkit-input-placeholder {color:#005197;} :-moz-placeholder {color:#005197;} ::-moz-placeholder {color:#005197;} :-ms-input-placeholder {color:#005197;} @font-face { font-family: 'roboto'; src: url(../fonts/Roboto-Regular.ttf); font-style: normal; font-display: swap; } @font-face { font-family: 'roboto-medium'; src: url(../fonts/Roboto-Medium.ttf); font-style: normal; font-display: swap; } @font-face { font-family: 'alimama'; src: url(../fonts/AlimamaShuHeiTi-Bold.ttf); font-style: normal; font-display: swap; } /* 250 = ExtraLight 300 = Light 350 = Normal 400 = Regular 500 = Medium 600 = SemiBold 700 = Bold 900 = Heavy */ @font-face { font-family: 'syh'; src: url('../fonts/SourceHanSansCN-VF.woff2') format('woff2-variations'), url('../fonts/SourceHanSansCN-VF.otf') format('opentype'); font-weight: 250 900; font-style: normal; font-display: swap; } @font-face { font-family: 'sys'; src: url('../fonts/SourceHanSerifCN-VF.woff2') format('woff2-variations'), url('../fonts/SourceHanSerifCN-VF.woff2') format('opentype'); font-weight: 250 900; font-style: normal; font-display: swap; } /* html{font-size: 5.21vw;} */ body {line-height:1;font-size:13px;font-family:"syh","PingFang","Microsoft YaHei","\u5b8b\u4f53",Tahoma,Geneva,sans-serif;color:#232222;position: relative;} :root {--mainColor:#005197;--hoverColor:#005197;--bigSize:0.2rem;--titleSize:0.18rem;--smailSize:0.16rem;--smailSizex:0.14rem;--tinySize:0.12rem;;--innerWidth:15.2rem;} p {line-height:1.75;} a {color:#333;text-decoration:auto;transition:all 0.4s ease-in-out;} a:hover {color:var(--hoverColor);} .line1 {text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .line2 {text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .line3 {text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .line4 {text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;} .wrapper {width:100%;margin:0 auto;} .wrapper .inner {width:var(--innerWidth);margin:0 auto;} .fix-top{padding-top:100vh;position:relative;transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-webkit-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-moz-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-ms-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-o-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;z-index:-1} .fix-top.fixed{padding-top:0} /**兼容模式提示**/ #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;display: flex;align-items: center;} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1;} #browser-modal .browser-content{width:700px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:30px;background-color:#fff;border-radius:5px;} #browser-modal .browser-content .browser-dpc-logo{height:62px;margin:45px auto 30px;background: url(../images/logo.png)no-repeat center/100% 100%;} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px;} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:40px;font-size:14px;} #browser-modal .browser-content .browser-list{width:600px;margin:40px auto;height:130px;} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto;} #browser-modal .browser-content .browser-item .iconfont{width:80px;height:80px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:30px;background-size: 100%;} #browser-modal .browser-content .browser-item .iconfont.iconchrome{background-image: url(../images/Chrome.svg);} #browser-modal .browser-content .browser-item .iconfont.iconfirefox{background-image: url(../images/Firefox.svg);} #browser-modal .browser-content .browser-item .iconfont.iconsafari{background-image: url(../images/Safari.svg);} #browser-modal .browser-content .browser-item .iconfont.iconEdge{background-image: url(../images/Edge.svg);} #browser-modal .browser-content .browser-item a{color:#921041;cursor:pointer;display:block;} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px;} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700;} /**头部**/ .header {border-bottom:none;height:auto;line-height:inherit;background-size:cover;position:relative;z-index:30; position:absolute;width:100%;top:0;transition:1s;} .header:before{content:"";position: absolute;width: 100%;height: 1.92rem;background: linear-gradient(#005197, transparent);opacity: 0.8;z-index: -1;} .header.opennav{position: fixed;} .header.fix {background:var(--mainColor);} .header .inner {position:relative;transition:all 0.4s ease-in-out;width: auto;padding-left: 0.4rem;padding-right: 0.25rem;padding-top: 0.43rem;} .header .sitelogo {display:flex;} .header .sitelogo .logo img {width:4.9rem;} .header .sitelogo .logo {margin-right:0.29rem;display:inline-block;} .header .sitelogo h1 {font-size:inherit;font-weight:normal;background:none;padding-left:0px;} .header .sitelogo .sitetitle {display:inline-block;margin-left:0.19rem;color:#fff;min-height:0.52rem;vertical-align:middle;margin-top:-0.1rem;} .header .sitelogo a {align-items:center;} .header .sitelogo .tago img {width:3.82rem;} .header .sitelogo .sitetitle span {display:block;} .header .sitelogo img.logo {width:3.4rem;transition:all 0.6s ease-in-out;} .header .head-main {float:left;margin-top:10px;} .header .mod {display:flex;justify-content:space-between;align-items:flex-end;} .header .head-top {display:flex;align-items:center;gap:0.13rem;} .header .head-right {margin-left: auto;display: flex;align-items: center;gap:0.3rem;padding-bottom:0.05rem} .header .head-right .head-wrap{display:flex;align-items:flex-end;gap:0.18rem;flex-direction:column;justify-content: center;} .header.opennav .nav{display: none;} /* 搜索*/ .wp_search {display:inline-block;position:relative;padding-left:4px;border:1px solid #d0d0d0;} .wp_search #keyword {width:160px !important;padding:4px 0;border:none;height:20px;line-height:20px;background:transparent;color:#fff;} .wp_search .search {width:32px;height:30px;border:0px;background:#FFFFFF url(../images/sous.png) no-repeat center;cursor:pointer;vertical-align:top;} .searchbox .tt {color:#fff;text-align:center;font-size:0.3rem;font-weight:bold;margin-bottom:0.47rem;} .searchbox {text-align:right;width:0.3rem;border-radius:var(--bigSize);overflow:hidden;} .wp-search {position:relative;} .wp-search form {display:block;} .wp-search .search-input {margin-left:0.2rem;margin-right:0.3rem;} .wp-search .search-input input.search-title {width:100%;line-height:0.3rem;background:none;color:var(--mainColor);font-size:var(--smailSizex);border:0;outline:0;font-family:'';} .wp-search .search-btn {width:0.3rem;height:0.3rem;position:absolute;right:0;top:0%;} .wp-search .search-btn input.search-submit {width:100%;height:100%;border:0;outline:0;background: url(../images/wap_sous.svg) no-repeat center/var(--smailSize);cursor:pointer;pointer-events: none;} body.list .wp-search .search-btn input.search-submit{background-image:url(../images/wap_sous.svg)} .header .searchbox {transition:all 0.4s ease-in-out;opacity: 1 !important;visibility: visible !important;} .header .searchbox.search-expanded input.search-submit {pointer-events: all;} /**角色**/ .site-lang ul {display: flex;} .site-lang ul li.links a {line-height:1.4;padding:0 var(--bigSize);font-size:var(--bigSize);color: #fff;display: block;position: relative;} .site-lang ul li.links a:after{content:"";position: absolute;right:0;top:50%;transform: translateY(-50%);width: 2px;height: 0.22rem;background: #fff;} body.list .site-lang ul li.links a:after{background:#fff;} .site-lang ul li.links a:hover {color:} /**导航**/ #nav { } #nav .inner .wp-panel .navbg {position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;width:auto;height:100%;background:#fff;opacity:.7;filter:alpha(opacity=70);} .nav .wp-menu {margin:0 auto;display:flex;justify-content:space-between;gap:0.36rem} .nav .wp-menu .menu-item {position:relative;text-align:center;} .nav .wp-menu .menu-item.i1 {background:none;} .nav .wp-menu .menu-item a>.menu-switch-arrow {display:none;width:20px;height:20px;background:url(../images/nav_j.png) no-repeat center center;vertical-align:middle;} .nav .wp-menu .sub-menu li .sub-menu {display:none;} .nav .wp-menu .menu-item a.menu-link {line-height:1.1;font-size:var(--bigSize);display:block;color: #fff;position:relative;font-weight: bold;} body.list .nav .wp-menu .menu-item a.menu-link,body.list .site-lang ul li.links a{color:#fff} .nav .wp-menu .menu-item.hover a.menu-link,.nav .wp-menu .menu-item a.hover {font-weight:bold;text-decoration:none;color:var(--mainColor);} .nav .sub-menu {position:absolute;left:50%;top:110%;min-width:1.5rem;z-index:100;opacity:0;transform:translateX(-50%) scale(0);transition:all 0.4s ease-in-out;border-radius:8px;overflow:hidden;} .nav .sub-menu .sub-item {position:relative;white-space:nowrap;vertical-align:top;_zoom:1;} .nav .sub-menu .sub-item a {display:block;color:#fff;line-height:1.5;padding: var(--smailSizex);font-size:var(--titleSize);background:none;text-align:center;background:var(--mainColor);} .nav .sub-menu .sub-item.hover>a,.nav .sub-menu .sub-item a:hover {color:#333;background-color:#fff;display:block;} .nav .sub-menu .sub-menu {left:100%;top:0px;z-index:200;background:#fff;} .nav .site-lang {display:none;} .nav .wp-menu .menu-item a.menu-link:after {content:"";width:100%;height:1px;position:absolute;bottom:0;background:#fff;left:0;transform:scale(0);transition:all 0.4s ease-in-out;} .nav .wp-menu .menu-item a.menu-link:hover:after {transform:scale(1);} .nav .wp-menu li:hover>.sub-menu {transform:translateX(-50%);opacity:1;} /**大图**/ .mbanner {perspective:1920px;transform-style:preserve-3d;position: relative; z-index: 1;} #banner .inner {width:100%;text-align:center;} .mbanner .news_imgs a {display:block;height:100vh;} .mbanner .news_imgs a img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition: 0.6s;} .mbanner .news_imgs:hover img{transform: scale(1.05);} .mbanner .news .news_video {height:100vh;} .mbanner .news .news_video video {position:absolute;width:100%;height:100%;object-fit:cover;left:50%;top:50%;transform:translate(-50%,-50%);} .mbanner .news .news_video:before,.mbanner .news_imgs a:before {content:"";display:block;width:100%;position:absolute;height:1.92rem;background:linear-gradient(transparent,#000000);opacity: 0.4;;z-index:1;bottom:0;} .xxgd{ border: 1px solid hsla(0, 0%, 100%, .4); border-radius: 50%; color: #fff; cursor: pointer; font-size: .12rem; height: 2.26rem; left: 50%; opacity: 1; overflow: hidden; pointer-events: none; position: absolute; text-decoration: none; top: calc(100vh - 0.4rem); transform: translate3d(-50%, -50%, 0); width: 2.26rem; z-index: 9; } .xxgd:before { border-radius: 50%; border-top: 1px solid #fff; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: all 1s ease-in-out; width: 100%; } .xxgd:hover:before { transform: rotate(1turn) } .xxgd .xxgd_1 { animation: scrollxxgd 3s ease-in-out infinite; color: #fff; left: 50%; padding: 0.2rem; pointer-events: auto; position: absolute; top: 0.56rem; box-sizing: border-box; transform: translate3d(-50%, -50%, 0); display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 0.09rem; } @keyframes scrollxxgd { 25% { opacity: 0; transform: translate3d(-50%,150%,0) } 50% { opacity: 0; transform: translate3d(-50%,-100%,0) } 75%,to { opacity: 1; transform: translate3d(-50%,-50%,0) } } .mbanner .swiper-pagination{display: flex;justify-content: center;gap:0.34rem;align-items: center;bottom:0.29rem} .mbanner .swiper-pagination .swiper-pagination-bullet{margin: 0;position: relative;;border:2px solid #fff;width: var(--smailSizex);height: var(--smailSizex);background: none;opacity: 1;border-radius: 50%;box-sizing:border-box; opacity: 0.5;} .mbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: var(--smailSizex);height: var(--smailSizex);/*background: url(../images/dot_active.svg) no-repeat center/100% 100%;*/background:#fff;border:0;margin: 0 -0.03rem;opacity:1;} .mbanner.fixBanner {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: #ccc;} .fixedok .mbanner {opacity: 0;} /**内容**/ .news_imgs a,.news_imgs span {display:block;overflow:hidden;} .post .news:hover .news_imgs img,.post .news:hover .news_imgs span img {transform:scale(1.1);} .news_imgs img,.news_imgs span img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 0.6s ease-in-out;} .news_imgs {overflow:hidden;background:#ccc;position:relative;} .news_imgs.bg:after {content:"";width:100%;position:absolute;height:1.4rem;background:linear-gradient(0.00deg,rgb(21,21,21) 3.433%,rgba(57,57,57,0) 96.567%);bottom:0;opacity:0.7;pointer-events:none;} span.underLine {background-image:linear-gradient(var(--mainColor),var(--mainColor));background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .4s;} .news:hover span.underLine {background-size:100% 1px;color:var(--mainColor);} /**主体公共**/ .post1 .tt {display:flex;position:relative;justify-content:space-between;margin-bottom:0.24rem;align-items: center;} .post1 .more_btn {position:absolute1;right:0;bottom:0;} .post1 .more_btn img {width:0.14rem;margin-left:0.05rem;} .post1 .more_btn .more_text {vertical-align:middle;font-size:var(--titleSize);color:#005197;line-height:1.1;font-weight: bold;padding-right: 0.22rem;display: block;;background: url(../images/more.svg) no-repeat right center/var(--smailSize);} .post-w .more_btn .more_text{color: #fff;background-image: url(../images/more_w.svg);} .post1 .tt .tit span {display:block;position:relative;z-index:1;} .post1 .tit img{width: 2.46rem;display: block;margin-left: -0.25rem;} .post1 .tt .title {font-weight:normal;font-weight:bold;line-height:1.4;} .post1 .news .news_title {font-size:var(--titleSize);line-height:1.5;font-weight:bold;} .post1 .news .news_text {font-size:var(--smailSizex);line-height:1.71;color:#333;opacity: 0.6;;transition: 0.4s ease-in-out; display: none} .post1 .news .news_title a {color:inherit;} .post1 .news .news_text a {color:inherit;} .post1 .news .news_meta {color:#fff;display:inline-block;} body.main{background: #F7FCFC;} div.swiper-button{width: 0.6rem;height: 0.6rem;border-radius: 50%;border:1px solid #005197;margin: 0;box-sizing: border-box;} .main .swiper-controls{display: flex;gap:0.32rem} .main .swiper-controls .swiper-button{position: static;} .main .swiper-controls .swiper-button:hover{background: #005197;} .main .swiper-controls .swiper-button:hover path{fill:#fff} /**main1**/ .bodycon1{position: relative;z-index: 1;overflow:hidden} .bodycon1>.bg1{width: 16.85rem;position: absolute;z-index:1;top:-1.6rem;right:-3.47rem; } .main1 { position:relative;z-index:1;background: url(../images/main1_bg2.png) no-repeat top 0.55rem center/6.94rem;} .main1 .inner {padding:0.7rem 0 0.42rem;} .main1 .mbottom {display:flex;justify-content: space-between;} .post-12{flex:55.5% 0 0;width: 0;} .post-13{flex:41.4% 0 0;width: 0;} .post-12 .news_imgs{padding-top: 66.8%;} .post-13 .news:last-child { border: 0; } .post-12 .swiper-pagination{display: flex; justify-content: flex-end; width: auto; left: 0; bottom: 0; gap: var(--smailSizex); position: absolute; right: 0.15rem; bottom: 0.25rem;} .post-12 .swiper-pagination .swiper-pagination-bullet{width: 0.08rem;height: 0.08rem;background: #fff;border-radius: 0.04rem;transition: 0.3s;opacity: 1;margin: 0;} .post-12 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 0.35rem;} .post-12 .swiper{padding-bottom: 0rem;} .post-12 .swiper-button{backdrop-filter: blur(30px) brightness(1.2);background: rgba(255,255,255,0.1);margin: 0;top:2.2rem;border:0} .post-12 .swiper-button-prev{left:var(--bigSize)} .post-12 .swiper-button-next{right:var(--bigSize)} .post-12 .swiper-button:hover{background: rgb(0 81 151 / 60%);} .post-12 .news .wz{ position: absolute; bottom: 0; left: 0; width: 92%; padding: 5% 5% 1% 3%; background: linear-gradient(0deg, #0000006b, transparent);} .post-12 .news .news_title{line-height: 1.2;margin-bottom: var(--tinySize); color: #fff; width: 80%;} .post-12 .news .news_text{color: #666; display: none;} .post-13 .news{padding: 0.24rem 0 0.22rem;border-bottom:1px solid rgba(137,158,219,0.2);display: flex;gap:0.37rem;} .post-13 .news .news_date{white-space: nowrap;color: #005197;line-height: 1.33;font-size: var(--tinySize);font-family: 'roboto';text-align: center;transition: 0.4s ease-in-out} .post-13 .news .news_date .news_day{font-size: 0.4rem;line-height: 1.2;font-weight: bold;} .post-13 .news .wz{flex:1 0 0;padding: var(--tinySize) 0 0;} .post-13 .news .news_title{line-height: 1.3;margin-bottom: var(--bigSize);} .post-13 .news:first-child{padding-top: 0;} .post-13 .news:hover .news_date,.post-13 .news:hover .news_title,.post-13 .news:hover .news_text,.post-12 .news:hover .news_title,.post-12 .news:hover .news_text{color: #29C5CA;} /**main2**/ .main2 {position:relative;z-index: 1;overflow-x: hidden;} .bodycon1>.bg2{position: absolute;left:0;z-index: -1;width: 104vw;transform: translateY(-0.7rem);} .main2 .inner {padding:1rem 0 0rem;background:url(../images/main2_bg1.svg) no-repeat 2.6rem top/5.34rem;} .post-21 .tit img{margin-left: -0.18rem;} .post-21 .example{width: 0.6rem;} .post-21 .news_imgs{padding-top: 66.4%;} .post-21 .news_time{font-family:"roboto-medium";color: #005197;font-size: var(--smailSize);line-height: 1.2;margin:var(--bigSize) 0 var(--smailSizex);transition: 0.4s ease-in-out;} .post-21 .news:hover .news_time,.post-21 .news:hover .news_title{color: #29C5CA;} /**main3**/ .main3 {position:relative;/*background: url(../images/main3_bg.svg) no-repeat center top 69.5%/108%*/;z-index: 1;} .main3 .inner {padding:1.2rem 0 0.87rem;} .post-31 .tt{margin-bottom: 0.61rem;} .post-31 .tit img{margin-left: -0.2rem;} .post-31 .con{margin: 0 -0.1rem;position:relative} .post-31 .swiper{margin: 0 0.1rem;} .post-31 .con .bg{width:108vw;left:50%;top:-12%;z-index:-1;transform:translate(-50%,0);position:absolute} .post-31 .swiper-wap{display: none;margin: 0;} .post-31 .swiper-slide{display: flex;flex-wrap: wrap;justify-content: space-between;gap:2.2rem 10%;height:4.6rem;} .post-31 .swiper .news{width: 20%;position: relative;box-sizing: border-box;padding-left: 0.28rem;} /* .post-31 .swiper .news:nth-child(n+4){width: 30%;margin-top: 3rem;} */ .post-31 .swiper .news:nth-child(3){width: 23.7%;} .post-31 .swiper .news:nth-child(4){margin-left: auto;margin-right:7.5%;} .post-31 .swiper .news:nth-child(5){margin-right: auto; } .post-31 .swiper .news .field{color: #005197;font-weight: 500;font-size: var(--smailSize);line-height:1.2} .post-31 .swiper .news .news_time{font-size: var(--smailSize);font-family: 'roboto-medium';margin: var(--smailSize) 0 0.1rem;line-height: 1.2;} .post-31 .swiper .news .linebox{position: absolute;left:0;top:0;height: 1.18rem;display: flex;flex-direction: column;align-items: center;} .post-31 .swiper .news .linebox .line{width: 1px;background: #005197;flex:1 0 0} .post-31 .swiper .news .linebox .circle{ width: 0.1rem;height: 0.1rem;background: #005197;border-radius: 50%;} .post-31 .swiper .news:nth-child(n+4) .linebox{top:auto;bottom:0;flex-direction: column-reverse;} .post-31 .swiper .news:nth-child(2) .linebox{height: 3.23rem;} .post-31 .swiper .news:nth-child(3) .linebox{height: 1.58rem;} .post-31 .swiper .news:nth-child(4) .linebox{height: 3.07rem;} .post-31 .swiper .news:nth-child(5) .linebox{height: 1.9rem;} .post-31 .swiper .news:nth-child(n+4){display: flex;flex-direction: column; justify-content: flex-end} .post-31{--slides:5} /**main4**/ .main4 {background:url(../images/main4_bg1.png) no-repeat top right /105%;position: relative;z-index: 0;} .main4>.bg{position: absolute;left:-1.8rem;top:-1.1rem;width: 9.53rem;max-width: 100%;} .main4 .inner {padding:1.28rem 0 0rem;} .post-41 .tt{justify-content: center;margin-bottom: 0.39rem;} .post-41 .tit img{margin-left: 0 !important; } .post-41 .con{text-align: center;} .post-41 ul.news_list{display: flex;flex-wrap: wrap;justify-content: space-between;gap:0.6rem 0} .post-41 li.news{width: 30.7%;display: flex;align-items: center;gap:0.26rem;text-align:left} .post-41 li.news .news_date{flex:0.9rem 0 0;height: 0.9rem;padding-bottom: 0.05rem;box-sizing: border-box;font-family: 'roboto';transition: 0.4s ease-in-out;line-height: 1.33;font-size: var(--tinySize);;display: flex;align-items: center;flex-direction: column;justify-content: center;color: #fff;transition: 0.4s ease-in-out;border-radius: 50%;background: #005197 url(../images/post41_bg.svg) no-repeat center bottom/0.8rem;position: relative;text-align: center;} .post-41 li.news .news_day{font-weight: bold;font-size: 0.4rem;line-height: 1.2;} .post-41 li.news:hover .news_title{color: #29C5CA;} .post-41 li.news:hover .news_date{background-color: #29C5CA;} .post-41 .more_btn{margin-top: 0.5rem;display: inline-block;} /**main5**/ .main5 {position:relative;z-index:1;} .main5>.bg{position: absolute;width: 100%;bottom:0rem;left:0;z-index: -1;} .main5 .inner {padding:1.85rem 0 1.39rem;} .main5 .mod{display: flex;justify-content: space-between;} .main5 .mod>div{width: 29.7%;} .main5 .tt{margin-bottom: 0.38rem;;} .main5 .con{border-top: 1px solid rgba(0,81,151,0.38);} .main5 .tit img{ width: auto;height: 0.78rem;margin-left: -0.32rem;} .post-51 li.news{padding: 0.29rem 0;border-bottom:1px solid #DEDEDE} .post-51 li.news:last-child{ /* border-bottom: 0; */} .post-51 li.news .news_title{line-height: 2;margin-bottom: var(--tinySize); width: 67%;float: right;} .post-51 li.news:hover .news_title,.post-51 li.news:hover .news_text{color: #29C5CA;} .post-52 .con{ /* background: url(../images/post51_bg.svg) no-repeat center/cover; */ /* padding: 0.31rem 0.35rem; */ text-align: center;} .post-52 li.news ._logo{width: 2.83rem;max-width: 90%;display: block;margin:0 auto var(--smailSizex);} .post-52 li.news ._title{color: #fff;font-size: 0.24rem;font-family: "alimama";padding: 0.15rem 0;border-top:1px solid #fff;border-bottom: 1px solid #fff;} .post-52 li.news .news_title{color: #fff;font-size: var(--smailSize);text-align: center;margin: var(--smailSize) auto;width: 67.5%;} .post-52 li.news .photo{width: 1.8rem;height: 1.8rem;position: relative;z-index: 1;border-radius: 50%;margin:0 auto 0.4rem;} .post-52 li.news .photo img{width: 100%;height: 100%;display: block;border-radius: inherit;} .post-52 li.news .photo:after{content:"";position: absolute;width: 100%;height: 100%;left:5px;top:3px;background: url(../images/gradient.svg) no-repeat center/cover;z-index: -1;} .post-52 li.news .fieldbox{color: #fff;font-size: var(--smailSize);color: #005197;line-height: 2;font-weight: bold;} /**main6**/ .main6 {position:relative;z-index:3;background: url(../images/main6_bg.png) no-repeat top center/100%; } .main6>.bg{position: absolute;width: 21.65rem;right:-0.53rem;top:-1.12rem;z-index: -1;} .main6 .inner {padding:0.65rem 0 1.7rem;} .post-61 ul.news_list{display: flex;} .post-61 li.news{display: flex;flex-direction: column;flex:1 0 0;height: 6.72rem;} .post-61 li.news:nth-child(2n+1){flex-direction: column-reverse;} .post-61 li.news:nth-child(1){--color:#FA4673} .post-61 li.news:nth-child(2){--color:#005197} .post-61 li.news:nth-child(3){--color:#1E8DEE} .post-61 li.news>div{flex:1 0 0} .post-61 li.news .news_title{display: flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 0 0.55rem;color: #fff;background: var(--color);position: relative;} .post-61 li.news .news_title:before{content:"";border:0.2rem solid transparent;border-top-color:var(--color);position: absolute;top:100%;left:50%;transform: translateX(-50%);} .post-61 li.news:nth-child(2n) .news_title:before{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--color)} /* main7 */ .main7{position: relative;z-index: 2;} .main7>.bg{position: absolute;top:50%;;left:50%;transform: translate(-53%,-54%);z-index: -1;width: 27.19rem;} .main7 .inner{padding: 0 0 1.28rem;} .main7 .wrap{width: 78.1%;position:relative;} .main7 .con{display: flex;justify-content: space-between;position:absolute;top:0;left:0;width:100%;z-index:-1;opacity:0;transition:0.6s} .main7 .con.selected{position:relative;z-index:1;opacity:1} .main7 .list-l{flex:65.88% 0 0;display: flex;flex-wrap: wrap;justify-content: space-between;} .main7 .list-r{flex:31.76% 0 0;} .main7 .list-l li.news:nth-child(-n+2){width: 48.1%;} .main7 .list-l li.news:nth-child(3){flex:100% 0 0;margin-top: 0.25rem;} .main7 .list-l li.news:nth-child(-n+2) .news_imgs{padding-top: 66.8%;} .main7 .list-l li.news:nth-child(3) .news_imgs{padding-top: 36.7%;} .main7 .list-r .news_imgs{padding-top: 149.6%;} .post-72 .circle3{position:absolute;z-index:-1;width:11.15rem;left:-20%;top:2%} .post-72 {position: absolute;width: 8.1rem;height: 8.1rem;right:0;top:0.2rem;transform: translateX(50%);border-radius: 50%;border:1px solid rgba(0,81,151,0.42);} .post-72 li.news{position: absolute;transition:0.6s;top:0;left:50%;opacity:0} .post-72 li.news .wz{transition:0.6s;opacity:0;} .post-72 li.news .imgs a{width: 0.2rem;height: 0.2rem;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 50%;position:relative;z-index:1;background:#005197} .post-72 li.news .imgs .news_title{color: #fff;font-size: 0.22rem;} .post-72 li.news .imgs a>img{position: absolute;top:0;width: 100%;height: 100%;left:0;z-index: -1;} .post-72 li.news .title2{font-size: var(--smailSize);position: absolute;left:calc(100% + 0.13rem);top:50%;transform: translateY(-50%);white-space: nowrap;} .post-72 li.news.n2{top:43%;left:-3.5%;opacity:1} .post-72 li.news.n2 .imgs a{width: 0.57rem;height: 0.57rem;} .post-72 li.news.n3{top:60%;left:-0.8%;opacity:1} .post-72 li.news.n3 .imgs a{width: 0.39rem;height: 0.39rem;background: #005197;} .post-72 li.news.n4{top:74%;left:5.5%;opacity:1} .post-72 li.news.n4 .imgs a{width: 0.17rem;height: 0.17rem;background: #005197;} .post-72 li.news.active{top:9%;left:-4%;opacity:1} .post-72 li.news.active .wz{opacity:1;z-index:1} .post-72 li.news.active a>img{opacity:0} .post-72 li.news.active .title2{display:none} .post-72 li.news.active .imgs a{width:2rem;height:2rem;} .post-72 li.news.active .imgs a:before{content:"";position:absolute;inset:0;z-index:0;background:url(../images/circle.png) no-repeat center/cover;} .post-72 li.fadeout{animation:fadeout-x 1s 1 ,fadeout-y 1s 1 cubic-bezier(0.09,0.66,0.26,1.29);} .post-72 .fadein.n2{animation:fadein2 0.6s 1 ease-in-out} .post-72 .fadein.n3{animation:fadein3 0.6s 1 ease-in-out} .post-72 .fadein.n4{animation:fadein4 0.6s 1 ease-in-out} @keyframes fadeout-x{ 100%{left: 58%;opacity:0} } @keyframes fadeout-y{ 100%{top: -8%;opacity:0} } @keyframes fadein2{ from{top:80%;left:8%;opacity:0} to{top:43%;left:-3.5%;opacity:1} } @keyframes fadein3{ from{top:88%;left:16%;opacity:0} to{top:60%;left:-0.8%;opacity:1} } @keyframes fadein4{ from{top:95%;left:26.3%;opacity:0} to{top:74%;left:5.5%;opacity:1} } /* main8 */ .main8{position: relative;z-index: 2;} .main8 .inner{padding: 0 0 0.95rem;} .main8 .tt{justify-content: center;} img.bot-bg2{position: absolute;bottom:5.9rem;left:-3.13rem;z-index: -1;width: 27.26rem;} .post-81 .tit img{margin-left:0 !important} .post-81 ul{display: flex;justify-content: space-between;} .post-81 li.news{width: 22.5%;} .post-81 .news_imgs{padding-top:56.5%;} .post-81 .news .news_title{color: #fff;position: absolute;left:0.3rem;right:0.3rem;top:50%;transform: translateY(-50%);text-align: center;font-family: 'sys';font-weight: bold;font-size:0.24rem; display: none} /**列表页**/ .l-banner {height:3rem;background-position:center center;background-repeat:no-repeat;text-align:center;background-color:#c5c4c4;position:relative;background-size:cover} .l-banner:after {content:"";display:block;width:100%;position:absolute;height:60%; ;bottom:0;display:none} .l-banner img {display:none;height:100%;vertical-align:top;} #l-container {position:relative;} #l-container .inner {padding:.6rem 0 1rem;position:relative;} #d-container .inner {background:#fff;} /**栏目列表**/ .col_news_list {display:flex;} .col_menu{flex:2.6rem 0 0;margin-right:0.5rem} .list_news{flex:1 0 0;} .col_menu_head {position:absolute;bottom:100%;z-index:1;width:100%;left:0;} .col_name span {font-size:.32rem;color:#fff;} .col_name {background:var(--mainColor);text-align:center;padding:0.2rem 0} .col_path a,.col_path span {color:#fff;font-size:var(--smailSize);line-height:1.3;} .col_path {display:inline-block;padding-left:.26rem;background:url(../images/home.svg) no-repeat left;margin-bottom:.63rem;} .possplit::after {content:"/";font-size:.15rem;} .possplit {margin:0 .08rem;width:auto;background-image:none;color:#666;text-indent:inherit;font-size:0;} .col_list {width:100%;position:relative;border-left:5px solid var(--mainColor);} .col_list::before {content:"";display:block;width:calc(50vw + 8.2rem);height:0;right:0;position:absolute;top:0;border-bottom:.9rem solid var(--mainColor);border-right:.35rem solid transparent;display:none} .column-switch {display:none;} .col_list ul {position:relative;width:100%;} .col_list ul.sub_list{display:none} .col_list .col_column .col_item_link.selected {opacity:1;background:#f2f3f9 } .col_list .col_column .col_item_link {color:#333;padding: 0.2rem 0;border-bottom:1px solid #dcdcdc;font-size:var(--smailSize); display:block;text-align:center;} .col_list .slick-next,.col_list .slick-prev {width:auto;height:auto;background:0 0;border-radius:0;} .col_list .slick-prev {left:-.4rem;display:none!important;} .col_list .slick-next {right:-.5rem;width:.3rem;text-align:center;} .col_list .slick-next:hover,.col_list .slick-prev:hover {opacity:1;color:#fff;background:0 0;} /**默认新闻列表页**/ .mrlist .col_news_list .news_list .news {display:flex;padding:0.25rem 0;border-bottom:1px solid #bbb;align-items:center;font-family:"微软雅黑"} .mrlist .col_news_list .news_list .news .news_imgs {width:2.2rem;flex:none;margin-right:.2rem;background:0 0;display:flex;align-items:center;} .mrlist .col_news_list .news_list .news .news_imgs a {padding-top:61.27%;width:100%;} .mrlist .col_news_list .news_list .news .news_wz {flex:1; } .mrlist .col_news_list .news_list .news .news_meta {margin-left:.35rem;font-size:var(--smailSize);line-height:1.875;padding: 0.05rem 0.25rem;border-left: 1px solid #f2f2f2;} .mrlist .col_news_list .news_list .news .news_meta .news_day{font-size:0.5rem;color:#005eb1;line-height:1.2;font-weight:bold} .mrlist .col_news_list .news_list .news .news_meta .news_year{ margin-top:0.1rem} .mrlist .col_news_list .news_list .news .news_title {font-size:0.22rem;line-height:1.7;font-weight:normal;margin-bottom:.17rem;} .mrlist .col_news_list .news_list .news .news_text {font-size:var(--smailSize);line-height:2;color:#808080} .mrlist .col_news_list .news_list .news .news_text a {color:#666;} .mrlist .col_news_list .news_list .news.noimg .news_imgs {display:none;} /**文章页**/ .info .col_metas.clearfix {height:.63rem;} .infobox {padding:.56rem 0;margin:0 auto;width:auto;} .article h1.arti_title {line-height:1.3;font-family:SourceHanSerifCN-Bold;font-size: 30px;text-align:center;margin-bottom:.2rem;font-weight: normal;} .article h2.arti_title {line-height:2;font-family:"Microsoft YaHei";font-size:.2rem;text-align:center;color:#1b1b1bc7;margin-bottom:.2rem; font-weight: normal;} .article .arti_metas {text-align:center;line-height:1.3;margin:0;} .article .arti_metas>span {margin:0 .16rem;font-size:var(--smailSize);color:#666;} .article .arti_info {position:relative;display:flex;align-items:center;justify-content:center;} .article .entry {margin:0 auto;overflow:hidden;margin-top:.4rem;min-height:400px;} .article .entry .read,.article .entry .read p {line-height:1.75;font-size:var(--bigSize);color:#333;} .article .entry .read p {margin-bottom:10px;} .article .entry .read img {margin:0 auto;max-width:100%;} .article .entry .read table {margin:0 auto;border:none!important;} .sibi_art {margin-top:1.3rem;} .wp_artfuns .wp_art_adjoin {display:flex;line-height:.48rem;font-size:var(--titleSize);flex-wrap:wrap;} span.next-title,span.prev-title {width:calc(100% - .8rem);} .wp_artfuns .wp_art_adjoin .next {padding:0;} .wp_artfuns .wp_art_adjoin .next,.wp_artfuns .wp_art_adjoin .prev {pointer-events:none;width:auto;} /**底部**/ body.list #footer{height: 8.8rem;display: flex;align-items: flex-end;} #footer {position:relative;z-index: 1;} img.bot-bg{position: absolute;left:0;bottom:0;width: 100%;z-index: -1;} #footer .inner {padding:0;box-sizing:border-box;position:relative;z-index:1;} #footer .inner .foot-nav{padding-bottom: 0.48rem;border-bottom: 1px solid rgba(255,255,255,0.5);display:none} body.main #footer .inner .foot-nav{display:block} #footer .inner .foot-nav ul{display: flex;flex-wrap: wrap;} #footer .inner .foot-nav li{flex:1 0 0;text-align: center; } #footer .inner .foot-nav li div{color: #fff;font-size: var(--bigSize);} #footer .inner .foot-nav li img{width: auto;height:0.4rem;margin-bottom: var(--smailSize);} #footer .inner .foot-nav li:hover img{transition:0.5s;transform:rotateY(360deg)} #footer .inner .foot-top {display: flex;justify-content: space-between;padding: 0.88rem 0 0.68rem;} #footer .inner .foot-left img{width: 4.9rem;max-width: 100%;margin: 0 auto var(--bigSize);} #footer .inner .foot-right{display: flex;gap:1.4rem} #footer .inner p {font-size:var(--smailSize);line-height:2.5;font-weight:100;color:#fff; ;} #footer .inner p a {color:#fff;} #footer .inner p span {margin:0 3px;} #footer .inner p a:hover{color:#eee339} #footer .inner ._title{font-size: var(--titleSize);color: #fff;margin-bottom: 0.25rem;} /**分享**/ .shares .news_list {display:flex;text-align:center;gap:var(--smailSizex);justify-content: center;} .shares .news_list .imgs {width:1rem;height:1rem;position:absolute;bottom:127%;left:50%;margin-left:-.5rem;transform:translateY(-.4rem);opacity:0;transition:all .4s ease-in-out;} .shares .news_list .imgs img {width:100%;height:100%;} .shares .news_list .news_icon {display:block;background-color:rgba(255,255,255,0.15);width:.52rem;height:.52rem;border-radius:50%;background-repeat:no-repeat;background-position:center;;background-size:45%;backdrop-filter: blur(12px);} .shares .news_list .news {position:relative;} .shares .news_list li:nth-child(1) .news_icon {background-image:url(../images/weixin.svg);} .shares .news_list li:nth-child(2) .news_icon {background-image:url(../images/weibo.svg);} .shares .news_list li:nth-child(3) .news_icon {background-image:url(../images/douyin.svg);} .shares .news_list li:nth-child(4) .news_icon {background-image:url(../images/toutiao.svg);background-size: 65%;} .shares .news_list li:nth-child(5) .news_icon {background-image:url(../images/channel.svg);} .shares .news_list .news_icon:hover {opacity:1;} .shares .news_list .news a:hover+.imgs {opacity:1;transform:none;} .shares .news_list .news_title {color:#fff;font-size:var(--smailSizex);line-height:1.4;margin-top:.13rem;} #footer .foot-bottom {padding:.35rem 0 .4rem;text-align:center;position:relative;z-index:1;border-top:1px solid rgb(255 255 255 / 40%);} #footer .foot-bottom .con{display: flex;justify-content: space-between;} #footer .foot-bottom p {font-size:var(--smailSizex);line-height:1;color:#fff; } #footer .Scroll-to-top{display: flex;align-items: center;color: #fff;font-size: var(--titleSize);font-weight: bold;gap:8px;cursor:pointer} /**侧导航**/ nav.Quick-navigation {position:fixed;right:0;z-index:1;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;font-size:19px;line-height:70px;background:var(--mainColor);color:#fff;padding:0 16px;border-radius:20px;} nav.Quick-navigation a {color:#fff;border-bottom:1px solid #fff;} nav.Quick-navigation a.current {color:#e1d4a4;border-bottom:1px solid var(--hoverColor);} /** 加载 **/ .pre-loader {position:fixed;width:100vw;height:100vh;top:0;left:0;background-color: var(--hoverColor);z-index:999;} .spinner2 {width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .container1 > div,.container2 > div,.container3 > div {width:6px;height:6px;background-color:#fff;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;/* Prevent first frame from flickering when animation starts*/ -webkit-animation-fill-mode:both;animation-fill-mode:both;} .spinner2 .spinner-container {position:absolute;width:100%;height:100%;} .container2 {-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);} .container3 {-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);} .circle1 {top:0;left:0;} .circle2 {top:0;right:0;} .circle3 {right:0;bottom:0;} .circle4 {left:0;bottom:0;} .container2 .circle1 {-webkit-animation-delay:-1.1s;animation-delay:-1.1s;} .container3 .circle1 {-webkit-animation-delay:-1.0s;animation-delay:-1.0s;} .container1 .circle2 {-webkit-animation-delay:-0.9s;animation-delay:-0.9s;} .container2 .circle2 {-webkit-animation-delay:-0.8s;animation-delay:-0.8s;} .container3 .circle2 {-webkit-animation-delay:-0.7s;animation-delay:-0.7s;} .container1 .circle3 {-webkit-animation-delay:-0.6s;animation-delay:-0.6s;} .container2 .circle3 {-webkit-animation-delay:-0.5s;animation-delay:-0.5s;} .container3 .circle3 {-webkit-animation-delay:-0.4s;animation-delay:-0.4s;} .container1 .circle4 {-webkit-animation-delay:-0.3s;animation-delay:-0.3s;} .container2 .circle4 {-webkit-animation-delay:-0.2s;animation-delay:-0.2s;} .container3 .circle4 {-webkit-animation-delay:-0.1s;animation-delay:-0.1s;} @-webkit-keyframes bouncedelay {0%,80%,100% {-webkit-transform:scale(0.0);} 40% {-webkit-transform:scale(1.0);} ;} @keyframes bouncedelay {0%,80%,100% {transform:scale(0.0);-webkit-transform:scale(0.0);} 40% {transform:scale(1.0);-webkit-transform:scale(1.0);} ;} .mrlist #l-container .inner { width: 12.8rem; } .post-52 li img { width: 100%; height: 100%; object-fit: cover; } .wp_articlecontent { padding: 0 0.5rem; } .news_yjimg.line1 { float: left; width: 30%; } .news_yjimg.line1 img { width: 100%; height: auto; } .kyjy { width: 100%; height: auto; display: inline-block; }