@charset "utf-8"; /*Technical Support SudyTech*/ @font-face { font-family:'SourceHanSansCN-Regular' ; src: url(fonts/SourceHanSansCN-Regular.ttf); } @font-face { font-family:'SourceHanSansCN-Bold' ; src: url(fonts/SourceHanSansCN-Bold.ttf); } @font-face { font-family:'SourceHanSerifCN-Bold' ; src: url(fonts/SourceHanSerifCN-Bold.ttf); } @font-face { font-family:'Poppins-Regular' ; src: url(fonts/Poppins-Regular.ttf); } @font-face { font-family:'SJxingkai'; src: url(fonts/SJxingkai-C.ttf); } 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{overflow-x:hidden;font-size:100px;--size: calc(100vw / 19.20);font-size: var(--size);} i,cite,em,var,address,dfn{font-style:normal} [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:#ccc} :-moz-placeholder{color:#ccc} ::-moz-placeholder{color:#ccc} :-ms-input-placeholder{color:#ccc} body{line-height:1;font-size:13px;font-family:"PingFang","Microsoft YaHei","\u5b8b\u4f53",Tahoma,Geneva,sans-serif;color: #333;font-family: 'SourceHanSansCN-Regular';} :root{--mainColor: #23408E;--hoverColor: #23408E;--bigSize:0.2rem;--titleSize:0.18rem;--smailSize:0.16rem;--smailSizex: 0.14rem;--innerWidth: 16rem;} 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:1;-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} body.main.mobile { overflow: hidden; } /**兼容模式提示**/ .pageTips { position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: #000 url("../image/bg.png"); } .pageTips .container { color: #fff; position: absolute; left: 50%; top: 50%; width: 630px; margin-left: -315px; margin-top: -160px; } .pageTips .container a.close { display: block; width: 50px; height: 50px; position: absolute; z-index: 1; left: auto; right: -15px; top: 40px; bottom: auto; background: url("../image/close.png") center no-repeat; } .pageTips .container .img { text-align: center; } .pageTips .container .msg { font-size: 18px; line-height: 36px; padding-top: 30px; } .pageTips .container a { color: #fff; text-decoration: underline; } .pageTips .container a.close{display:none !important} *::-webkit-scrollbar { width: 10px; background-color: #04267e63; height:0.05rem } *::-webkit-scrollbar-thumb { border-radius: 0.1rem; background-color: rgba(255, 255, 255, 0.9); border: 0.01rem solid var(--mainColor); } .swiper-button-next, .swiper-button-prev { width: 0.52rem; height: 0.52rem; --swiper-navigation-size: 0.2rem; --swiper-navigation-color: #fff; border-radius: 50%; background: rgb(255 255 255 / 33%); margin-top: -0.26rem; } /**头部**/ .header{border-bottom:none;height:auto;line-height:inherit;position:relative;z-index:3;position:absolute;width:100%;top:0;transition:1s} .header:after { content: ""; position: absolute; width: 100%; height: 2.32rem; background: linear-gradient(180.00deg, rgb(33, 73, 146),rgba(33, 73, 146, 0) 100%); opacity: 0.84; top: 0; z-index: -1; pointer-events: none; } .header.fix:after{ height: 100%; } .header .inner{transition:all 0.4s ease-in-out} .header .sitelogo{display:flex} .header .sitelogo .logo img{width: 4.03rem;} .header .sitelogo .logo{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;} .header .head-top{display:flex;align-items:center;gap: 0.1rem;margin-bottom: 0.15rem;} .header .head-left{ margin-top: 0.46rem; } .header .head-right{display:flex;flex-direction:column;margin-top: 0.3rem;align-items: flex-end;} .header .head-top:before { width: 2.79rem; height: 100%; content: ""; background: url(images/tago.png) no-repeat left center/100%; } /* 搜索 */ .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;} .wp-search{position:relative;} .wp-search form{display:block} .wp-search .search-input{margin-left: 0.1rem;margin-right: 0.23rem;} .wp-search .search-input input.search-title{width:100%;line-height: 0.3rem;background:none;color:#FFFFFF;font-size: var(--smailSize);border:0;outline:0;font-family: 'SourceHanSansCN-Regular';} .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/sous.svg) no-repeat center /0.18rem;cursor:pointer} .header .searchbox:hover{width: 2rem;background: #ffffff33;} .header .searchbox{transition:all 0.4s ease-in-out} /**角色**/ .site-rale{} .site-rale ul{} .site-rale ul li.links{float:left} .site-rale ul li.links a{line-height:35px;padding:0 12px 0 12px;padding-left:19px;font-size:13px;color:#cad3d4;background:url(images/icon_role.png) no-repeat} .site-rale ul li.links a:hover{color:#fff} .site-lang ul{display:flex;} .site-lang ul li.links a{color:#fff;font-size:var(--titleSize);padding: 0 0.22rem;line-height:1;display:inline-block;font-size:var(--smailSize);border-right: 1px solid rgb(255 255 255 / 70%);font-family: "微软雅黑";} .site-lang ul li.links a:hover{color:#fff} /**导航**/ #nav{ width: auto; margin: 0; } #nav .inner{} #nav .inner .wp-panel{} #nav .inner .wp-panel .wp-window{} #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;gap: 0.9rem;} .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:0.4rem;font-size: var(--titleSize);display:block;color:#fff;position: relative;font-family: 'SourceHanSansCN-Bold';} .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:100%;min-width: 1.5rem;z-index:100;background: #23408e;backdrop-filter: blur(9px);opacity: 0;transform: translateX(-50%) scale(0);transition: all 0.4s ease-in-out;border-radius: 0.04rem;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:0.5rem;padding: 0 0.2rem;font-size: var(--titleSize);background:none;text-align:center;} .nav .sub-menu .sub-item.hover>a,.nav .sub-menu .sub-item a:hover{background-color: #fff;display:block;color: #333;} .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; */ height: 100vh; } #banner .inner{width:100%;text-align:center;position: fixed;height: 100%;left: 0;top: 0;} .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; } .mbanner .slick-prev,.mbanner .slick-next{z-index:1;top:auto;bottom:calc((100% - 2.2rem)/2 - 0.23rem);opacity:0.8} .mbanner .slick-prev{left:0.55rem} .mbanner .slick-next{right:0.55rem} .mbanner .news .news_wz{position:absolute;top:3.05rem;left:50%;margin-left:-7.95rem;text-align:left;width:10.6rem} .mbanner .news .news_wz a{color:#17607A} .mbanner .news .news_title{ position: absolute; color: #fff; font-size: 0.22rem; bottom: 0.73rem; font-family: 'SourceHanSansCN-Medium'; left: 50%; margin-left: calc(var(--innerWidth)/-2); max-width: 90%; z-index: 1; text-align: left; line-height: 1.45; } .mbanner .news .news_title a{color:#fff;display:block;white-space:nowrap;width:80%;overflow:hidden;text-overflow:ellipsis} .mbanner .slick-dots{width:auto;bottom:0.89rem;left:50%;margin-left:-8.2rem;display:flex;align-items:flex-end} .mbanner .slick-dots li{width:0.16rem;height:0.16rem;border-radius:0;background:var(--mainColor);background-size:100%;margin:0;opacity:0.3;margin-right:0.09rem;transition:all 0.4s ease-in-out;display:flex;align-items:flex-end;justify-content:center;border-radius:50%} .mbanner .slick-dots li button{width:0.06rem;height:0.06rem;background:rgb(255 255 255 / 80%);padding:0;display:none} .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_list .news:before{content:"";display:block;width:100%;position:absolute;height: 2rem;bottom: 0;pointer-events: none;background: linear-gradient(180.00deg, rgba(0, 0, 0, 0),rgb(0, 0, 0) 100%);opacity: 0.49;z-index: 1;} .mbanner .slick-dots li:after{content:"";display:block;width:0.67rem;height:0.69rem;background:url(images/dot.svg) no-repeat;background-size:100% 100%;position:absolute;top:0;transform:scale(0);transition:all 0.4s ease-in-out} .mbanner .slick-dots li.slick-active:after{transform:none} .mbanner .slick-dots li.slick-active{opacity:1;background:none} .mbanner .swiper-button-next,.mbanner .swiper-button-prev { --swiper-navigation-sides-offset: 0.65rem; } .mbanner .swiper-pagination { --swiper-pagination-bottom: 0.39rem; right: 50%; display: flex; align-items: center; justify-content: center; } .mbanner .swiper-pagination .swiper-pagination-bullet { --swiper-pagination-color: #fff; --swiper-pagination-bullet-width: 0.1rem; --swiper-pagination-bullet-height: 0.1rem; --swiper-pagination-bullet-inactive-opacity: 0.31; --swiper-pagination-bullet-inactive-color: #fff; --swiper-pagination-bullet-horizontal-gap: 0.074rem; } .mbanner .swiper-pagination .swiper-pagination-bullet:after { display: none; } .mbanner .swiper-pagination .swiper-pagination-bullet-active { background: url(images/dot.svg)no-repeat center/100% 100%; width: 0.36rem; height: 0.36rem; border-radius: 0; } a.back_bb { position: absolute; bottom: 1rem; left: 50%; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; font-size: var(--titleSize); color: #fff; gap: 0.1rem; z-index: 1; transform: translateX(-50%); } a.back_bb img { width: 0.15rem; -webkit-animation: scroll 2s cubic-bezier(.15,.41,.69,.94)infinite; -moz-animation: scroll 2s cubic-bezier(.15,.41,.69,.94)infinite; animation: scroll 2s cubic-bezier(.15,.41,.69,.94)infinite; } @keyframes scroll { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(.1rem); -moz-transform: translateY(.1rem); -o-transform: translateY(.1rem); transform: translateY(.1rem) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } /**内容**/ #m-container{} #m-container .inner{} .body_b { } .body_m { z-index: 1; position: relative; background: #fff; } .body_m.showdiv { margin: 0; } .news_imgs a,.news_imgs span {display:block;overflow:hidden;} .post .news:hover .news_imgs a img,.post .news:hover .news_imgs span img {transform:scale(1.1);} .news_imgs a 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);} .news:hover span.underLine a{color:var(--mainColor);} /**主体公共**/ .post1 .tt{display:flex;position:relative;margin-bottom:0.42rem;align-items: center;justify-content: space-between;} .post1 .more_btn{} .post1 .more_btn img{width:0.14rem;margin-left:0.05rem} .post1 .more_btn .more_text svg { width: 0.1rem; } .post1 .tt.tt_w .title { color: #fff; align-items: center; } .post1 .tt_w .more_btn .more_text { color: #fff; } .post1 .tt_w .more_btn .more_text svg path { stroke: #fff; } .post1 .more_btn .more_text{vertical-align:middle;font-size: var(--titleSize);color: #B9001D;line-height:0.21rem;font-family: 'SourceHanSerifCN-Bold';} .post1 .tit{text-align:center;position:relative} .post1 .tit .title{font-size:0.3rem;height: 0.44rem;display: flex;line-height: 0.44rem;font-family: 'SourceHanSerifCN-Bold';align-items: flex-end;color: #980C0C;} .post1 .tit .title img{ width: 0.5rem; margin: 0 0.08rem; } .post1 .tit .title>span { /* position: relative; */ color: #02468F; font-size: 0.6rem; line-height: 1; font-family: 'SJxingkai'; font-weight: normal; } .post1 .tit .title span .tt_en{font-size: 0.1rem;font-weight: bold;font-family: Arial;color: #D0B499;position: absolute;top: -0.04rem;/* left: 100%; */line-height: 1;} .post .news .news_title{font-size:var(--titleSize);line-height: 1.8;} .post .news .news_text{font-size: var(--smailSizex);line-height: 2;color:#707070;opacity: 0.6;} .post1 .news .news_text a{} .post1 .news .news_date{font-family: "微软雅黑";font-size: var(--titleSize);color: #91231B;line-height: 1.35;} .post1 .news .news_meta{color: #BC1A21;display: flex;height: 0.48rem;flex-direction: column;text-align: right;justify-content: space-between;line-height: 1.4;flex: none;} .post1 .news .news_meta .news_year{font-size: var(--smailSizex);} .post1 .news .news_meta .news_days{font-size: var(--bigSize);font-weight:bold;} .post1 .news .news_meta .news_month{font-size:0.15rem} .post1 .news .news_l .news_meta{width:0.96rem;height:0.64rem;background:var(--mainColor);padding-left:0.14rem;box-sizing:border-box;position:absolute;bottom:0.26rem;left:-0.14rem;display:flex;flex-direction:column;justify-content:center;gap:0.05rem} .post1 .news .news_l{position:relative} .post1 .news .news_l .news_meta:after{position:absolute;content:"";display:block;height:0;width:0;border-top:0.09rem solid #C9BA90;border-left:0.14rem solid transparent;border-right:0px solid transparent;left:0;top:100%} .main1{ background: url(images/main1bg.jpg) no-repeat center/100% 100%; } .main1 .inner {padding-bottom: 1.323rem;} .post-11 { position: relative; padding-top: 0.95rem; margin-bottom: 1.22rem; } div#particles-js { content: ""; display: block; position: absolute; width: calc(50vw + var(--innerWidth)/2); height: calc(100% - 1.17rem); right: 0; top: 0; background: url(images/main1bg2.jpg) no-repeat left /cover; } .post-11 .tt { width: 5.95rem; margin-bottom: 0.56rem; } .post-11 .con { display: flex; } .post-11 .con1 { width: 6.53rem; flex: none; position: relative; } .post-11 .swiper1 { width: 100%; margin: 0; --nowIndex: 0; } .post-11 .swiper2 { width: 8.5rem; margin: 0; margin-top: -1rem; overflow: inherit; } .post-11 .swiper2 .news { opacity: 0; } .post-11 .swiper2:after { content: ""; width: 100%; height: 100%; backdrop-filter: blur(30.98px); background: rgba(56, 92, 248, 0.1); right: -0.32rem; bottom: -0.3rem; position: absolute; } .post-11 .list1 .news .news_box{ padding-right: 1.12rem; box-sizing: border-box; } .post-11 .list2 .news .news_imgs a { padding-top: 61.29%; } .post-11 .list1 .news .news_date { margin-bottom: 0.28rem; color: #fff; } .post-11 .list1 .news .news_title { color: #fff; font-size: 0.22rem; margin-bottom: 0.28rem; } .post-11 .list1 .news .news_title a { color: #fff; } .post-11 .list1 .news .news_text { color: #ffff; } .post-11 .list1 .news .news_text a { color: #fff; } .post-11 .list1 .news { position: relative; } .post-11 .con1 .dot_box{ color: #fff; right: 0.4rem; bottom: 1.17rem; position: absolute; width: 0.37rem; overflow: hidden; } .post-11 .con1 .dot_box svg{ width: 100%; margin-top: 0.08rem; display: block; } .post-11 .con1 .dot_box ul { display: flex; transform: translateX(calc((0.37rem * var(--nowIndex))/-1)); transition: all 1s ease-in-out; } .post-11 .con1 .dot_box .num { width: 0.37rem; text-align: center; line-height: 0.3rem; font-family: 'Poppins-Regular'; font-size: 0.24rem; display: block; } .post-11 .scrollBall { position: absolute; bottom: 1.13rem; height: 0.04rem; background: #B72929; transition: all 1s ease-in-out; width: 0; } .post-11 .scrollBall.run { animation: 5.5s linear 0s infinite normal none running runtiao; } @keyframes runtiao{0%{width:0} 100%{width:100%} } .post-11 .swiper-pagination { height: 1.17rem; --swiper-pagination-bottom: 0; display: flex; align-items: center; width: 3.5rem; justify-content: space-between; left: 0.4rem; overflow: hidden; z-index: 1; } .post-11 .swiper-pagination-bullet { width: 20%; height: auto; background-color: transparent; border-radius: 0; opacity: 1; --swiper-pagination-bullet-horizontal-gap: 0; font-size: 0.24rem; font-family: 'Poppins-Regular'; line-height: 0.4rem; color: #04267E; } .post-11 .swiper-pagination-bullet-active { font-weight: bold; font-size: 0.32rem; color: #B72929; } .post-11 .swiper-pagination:after { content: ""; width: 7.13rem; position: absolute; height: 0.26rem; background: url(images/dotbg.svg) no-repeat left /100% 100%; bottom: 0.12rem; transform: translateX(calc(-3.55rem + var(--nowIndex) * 0.7rem)); transition: all 1s ease-in-out; } .post-11 .swiper-button-next,.post-11 .swiper-button-prev { width: 1.17rem; height: 1.17rem; bottom: 0; margin: 0; top: auto; --swiper-navigation-size: 0.3rem; color: #04267E; border-radius: 0; opacity: 1; z-index: 1; } .post-11 .swiper-button-next { right: 0; color: #fff; background: #AFCFEE; } .post-11 .swiper-button-prev { right: 1.17rem; left: auto; } .post-11 .swiper-button-prev:hover { color: #fff; background: #AFCFEE; } .post-12 .news_list { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -0.503rem; } .post-12 .news_list .news { width: 25%; } .post-12 .news_list .news_box { margin: 0 0.503rem; } .post-12 .news .news_date { padding-left: 0.21rem; background: url(images/date_r.svg)no-repeat left /0.16rem; margin-bottom: 0.1rem; } .post-12 .news .news_title {font-family: 'SourceHanSansCN-Bold';} .post-12 .news .news_title font{ font-weight: normal ! important;! importan;! importa;! import;! impor;! impo;! imp;! im;! inherit;! inherit;! i;!;!; } .main2 { background: url(images/main2bg.jpg) no-repeat center/100% 100%; } .main2 .inner { padding: 1.04rem 0 1.24rem; } .main2 .mod { display: flex; justify-content: space-between; } .post-21 { width: 11.44rem; flex: none; } .post-22 { width: 4.01rem; } .post-21 .tt { padding-right: 0.55rem; } .post-21 .con { display: flex; } .post-21 .con .swiper { width: 6.4rem; margin: 0; margin-right: 0.54rem; } .post-21 .list1 .news .news_imgs a { padding-top: 61.875%; } .post-21 .list1 .news .news_imgs:after { height: 1.37rem; background: linear-gradient(180.00deg, rgba(0, 0, 0, 0),rgb(0, 0, 0) 100%); opacity: 0.7; } .post-21 .swiper-button-next, .post-21 .swiper-button-prev { --swiper-navigation-size: 0; background-position: center; background-repeat: no-repeat; background-size: 0.19rem; background-color: rgb(255 255 255 / 20%); border: 1px solid transparent; top: 3.22rem; width: 0.44rem; height: 0.44rem; } .post-21 .swiper-button-next { background-image: url(images/right.svg); right: 0.32rem; } .post-21 .swiper-button-prev { background-image: url(images/left.svg); left: auto; right: 0.92rem; } .post-21 .swiper-button-next:hover, .post-21 .swiper-button-prev:hover{ border-color: #fff; } .post-21 .list1 .news .news_wz { height: 1.35rem; border-bottom: 0.05rem solid #B51C10; padding-top: 0.25rem; box-sizing: border-box; } .post-21 .list1 .news .news_title { font-size: var(--bigSize); font-weight: bold; margin-bottom: 0.15rem; } .post-21 .list1 .news .news_date { font-size: var(--smailSize); } .post-21 .con .con2 { flex: 1; padding-right: 0.55rem; border-right: 1px dashed rgb(0 50 136 / 20%); } .post-21 .con .list2 { margin: -0.2rem 0; } .post-21 .list2 .news { height: 0.95rem; border-bottom: 1px dashed rgb(0 50 136 / 20%); display: flex; align-items: center; } .post-21 .list2 .news:last-child, .post-22 .news_list .news:last-child { border: none; } .post-22 .news_list { margin: -0.2rem 0; } .post-22 .news_list .news { height: 0.95rem; border-bottom: 1px dashed rgb(0 50 136 / 20%); display: flex; align-items: center; } .post-22 .news_list .news a { display: flex; align-items: center; } .post-22 .news_list .news .news_imgs { width: 0.91rem; height: 0.58rem; flex: none; box-shadow: 0px 3px 6px 0px rgba(0, 50, 136, 0.08); margin-right: 0.23rem; background: #fff; } .post-22 .news_list .news .news_imgs img { object-fit: contain; width: 100%; height: 100%; text-align: center; object-position: center; } .main3 { background: url(images/main3bg.jpg) no-repeat center/cover; } .main3 .inner { padding: 0.92rem 0 4.36rem; } .sudy-tab .tab-menu.post1 { display: flex; gap: 0.38rem; margin-bottom: 0.47rem; } .sudy-tab .tab-menu.post1 .tit { cursor: pointer; } .sudy-tab .tab-menu.post1 .tit .title, .sudy-tab .tab-menu.post1 .tit .title>span, .sudy-tab .tab-menu.post1 .tit .title>span .tt_en { color: #81A3C7; } .sudy-tab .tab-menu.post1 .tit.selected .title { color: #980C0C; } .sudy-tab .tab-menu.post1 .tit.selected .title>span { color: #02468F; } .sudy-tab .tab-menu.post1 .tit.selected .title>span .tt_en { color: #fff; } .main3 .tab-con .post1 { min-height: 3.45rem; position: relative; } .main3 .tab-con .post1 .more_btn { position: absolute; top: -0.77rem; right: 0; } .sudy-tab { position: relative; } .main3 .tab-con .post1 .news_list { display: flex; flex-wrap: wrap; margin: 0 -0.155rem; } .main3 .tab-con .post1 .news_list .news { width: 50%; margin-bottom: 0.24rem; } .main3 .tab-con .post1 .news_list .news a { margin: 0 0.155rem; display: flex; background: rgb(255 255 255 / 59%); height: 0.91rem; align-items: center; padding: 0 0.235rem; box-sizing: border-box; position: relative; } .main3 .tab-con .post1 .news_list .news_meta { padding-right: 0.18rem; margin-right: 0.18rem; border-right: 1px solid rgb(127 177 223 / 52%); } .main3 .tab-con .post1 .news_list .news a:before { content: ""; position: absolute; width: 0.06rem; height: 100%; left: 0; background: #B51C10; transform: scaleY(0); transform: scaleX(0); transition: all 0.4s ease-in-out; transform-origin: left; } .main3 .tab-con .post1 .news_list .news a:hover:before { transform: none; } .main4 { } .main4 .inner { margin-top: -2.16rem; position: relative; padding: 0.54rem 0 1.64rem 0.77rem; box-sizing: border-box; } .main4 .inner:after { content: ""; width: calc(50vw + var(--innerWidth)/2); position: absolute; height: 100%; top: 0; background: #fff url(images/main4bg2.svg) no-repeat right 1.14rem top 1.28rem/6.05rem; left: 0; } .main4 .mod { position: relative; z-index: 1; } .main4 .inner:before { content: ""; width: 7.42rem; height: 2.92rem; position: absolute; top: -1.19rem; left: -0.09rem; background: url(images/main4bg.svg) no-repeat center/100% 100%; } .post-41 .news .news_imgs a { padding-top: 62.59%; } .post-41 .con { /* margin-right: calc(var(--innerWidth)/2 - 50vw); */ } .post-41 .swiper-button-next,.post-41 .swiper-button-prev { position: static; margin: 0; flex: none; opacity: 1; --swiper-navigation-color: #B51C10; box-shadow: 0 0.06rem 0.12rem rgb(4 38 126 / 10%); } .post-41 .swiper-button-next:hover, .post-41 .swiper-button-prev:hover { background: #B51C10; --swiper-navigation-color: #fff; } .post-41 .control { display: flex; top: 0; position: absolute; right: 1.82rem; align-items: center; z-index: 1; gap: 0.32rem; } .post-41 .swiper-scrollbar.swiper-scrollbar-horizontal { position: static; flex: none; margin-right: 0.13rem; width: 8.51rem; background: linear-gradient(-57.67deg, rgb(0 98 196 / 34%) 22.013%, rgb(42 90 179 / 34%) 63.642%, rgb(14 56 192 / 34%) 101.292%); border-radius: 0; } .post-41 .swiper-scrollbar-drag { background: none; position: relative; } .post-41 .swiper-scrollbar-drag:after { content: ""; position: absolute; width: 0.15rem; height: 0.15rem; background: url(images/dot2.svg) no-repeat center/100% 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); } .post-41 .news .news_imgs { margin-bottom: 0.25rem; } .post-41 .news .news_title { font-family: 'SourceHanSansCN-Bold'; margin-bottom: 0.3rem; } .post-41 .news .news_info { padding-left: 0.1rem; border-left: 1px solid #B51C10; height: 0.47rem; display: flex; flex-direction: column; justify-content: space-between; font-size: var(--smailSize); color: #282828; opacity: 0.6; } .post-41 .news .news_info>div { padding-left: 0.24rem; background-repeat: no-repeat; background-position: left; background-size: auto 100%; } .post-41 .news .news_info .info1 { background-image: url(images/shijian.svg); } .post-41 .news .news_info .info2 { background-image: url(images/didian.svg); } .main5 { position: relative; } .main5>.bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(images/main5bg.jpg) no-repeat center / cover; } .main5 .inner { padding: 0.99rem 0 1.13rem; } .share .news_list { display: flex; justify-content: space-between; gap: 0.34rem; } .share .news_list .news { position: relative; transition: all 0.6s ease-in-out; } .share .news_list .news.n4 { display: none; } .share .news_list .news .icon { display: block; width: 0.45rem; height: 0.45rem; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: auto 50%; background-color: #fff; } .share .news_list .news:nth-child(1) .icon { background-image: url(images/share_weixin.svg); } .share .news_list .news:nth-child(2) .icon { background-image: url(images/share_weibo.svg); } .share .news_list .news:nth-child(3) .icon { background-image: url(images/share_sph.svg); } .share .news_list .news:nth-child(4) .icon { background-image: url(images/share_bilibili.svg); } .share .news_list .news:nth-child(5) .icon { background-image: url(images/share_douyin.svg); } .share .news_list .news .news_imgs { position: absolute; bottom: 120%; width: 1.1rem; height: 1.1rem; left: 50%; margin-left: -0.55rem; transform: translateY(-36%); transition: all 0.6s ease-in-out; opacity: 0; } .share .news_list .news .news_imgs img { width: 100%; height: 100%; } .share .news_list .news:hover .news_imgs { opacity: 1; transform: none; } .share .news_list .news:hover .icon:after { transform: translate(-50%,-50%) scale(1); opacity: 1; box-shadow: 4px 4px 7px 0px #811c21a8; border-color: #fff; } .share .news_list .news:hover .icon { transform: translate(-4px,-4px); box-shadow: 6px 6px 9px 0px #1e11117a; } .main5 .mbottom { display: flex; --gap: 0.33rem; gap: var(--gap); } .main5 .mleft { flex: 1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--gap); } .main5 .mleft .post2{ width: calc(50% - var(--gap)/2););););); } .main5 .post2 .news_wz { position: absolute; bottom: 0.172rem; display: flex; align-items: center; width: 100%; padding-right: 0.45rem; box-sizing: border-box; } .main5 .post2 .news { position: relative; --bColor: #333; } .main5 .post2 .news_list .news_video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .main5 .post2 .news_wz .news_icon { width: 0.55rem; height: 0.56rem; border-radius: 0 0.08rem 0.08rem 0; background-color: var(--bColor); background-image: var(--bUrl); background-position: center; background-repeat: no-repeat; background-size: auto 49%; flex: none; margin-right: 0.24rem; } .main5 .post2 .news.weixin { --bColor: #3BB984; --bUrl:url(images/weixin.svg) } .main5 .post2 .news.weibo { --bColor: #F9A11D; --bUrl:url(images/weibo.svg) } /*.main5 .post2 .news.sph { --bColor: #F6799B; --bUrl:url(images/sph.svg) }*/ .main5 .post2 .news.sph { --bColor: #3BB984; --bUrl:url(images/weixin.svg) } .main5 .post2 .news.bilibili { --bColor: #F6799B; --bUrl:url(images/bilibili.svg) } .main5 .post2 .news.douyin { --bUrl:url(images/douyin.svg) } .main5 .mright { width: 5.04rem; flex: none; } .main5 .post2 .news_list .news_video video { position: absolute; width: 100%; height: 100%; min-width: 100%; height: 100%; top: 50%; object-fit: cover; transform: translateY(-50%); } .main5 .post2 .news_list .news_video .play img { width: 100%; } .main5 .post2 .news_list .news_video .play { width: 0.97rem; height: 0.97rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer; z-index: 1; transition: all 0.6s ease-in-out; background: url(images/play.svg) no-repeat; background-size: 100% 100%; } .main5 .post2 .news_list .news_video .play.pause { background-image: url(images/pause.svg); opacity: 0; } .main5 .post2 .news_list .news_video:hover .play.pause { opacity: 1; } .main5 .post2 .news_list .news_video:hover .play { transform: translate(-50%,-50%) scale(1.2); } .main5 .post2 .news_wz .news_title { color: #fff; flex: 1; font-family: 'SourceHanSansCN-Bold'; } .main5 .post2 .news_wz .news_title a{ color: #fff; } .post-56 .news .news_imgs { padding-top: 137.5%; } .main5 .mleft .post2 .news .news_imgs { padding-top: 64.1%; } .main6 { background: linear-gradient(180.61deg, rgba(210, 226, 253, 0) 18.74%, rgb(218 236 247 / 84%) 85.76%); } .main6 .inner { padding: 1rem 0 0.98rem; } .post-61 .news_list { } .post-61 .news_list .news { width: 25%; } .post-61 .news_list .news_imgs { } .post-61 .news_list .news_imgs a{ padding-top:39.417%; } .post-61 { margin-bottom: 1.08rem; } .post-62 .news_list { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 0.66rem; } .post-62 .news_list .news .news_icon svg { width: 0.39rem; } .post-62 .news_list .news { text-align: center; } .post-62 .news_list .news_title { font-family: 'SourceHanSansCN-Bold'; margin-top: 0.15rem; } /**列表页**/ .list .header:after { height: 2.59rem; } .l-banner{height: 5.17rem;background-position:center center;background-repeat:no-repeat;text-align:center;background-color:#c5c4c4;position:relative} .l-banner img{display:none;height:100%;vertical-align:top} #l-container{position:relative;} #l-container .inner{padding: 0.65rem 0.6rem 1.8rem;position:relative} #d-container .inner{background:#fff} /**栏目列表**/ .col_menu_head{position:absolute;bottom:100%;z-index:1;width: 100%;left:0;display: ;} .col_name span{font-size:.44rem;color:#fff;position: relative;z-index: 1;} .col_name{ padding-right: 1.47rem; width: auto; display: inline-block; padding-right: 3.17rem; line-height: 1.48rem; position: relative; } .col_news_head { padding-bottom: 0.345rem; border-bottom: 0.02rem solid #E3E3E3; text-align: right; margin-bottom: 0.455rem; } .col_name:after { content: ""; position: absolute; width: calc(100% + var(--padWidth)); height: 100%; top: 0; right: 0; } ul.col_metas { display: flex; align-items: center; justify-content: space-between; } ul.col_metas .col_title { font-size: 0.36rem; } .col_path{padding-left: 0.3rem;background: url(images/home.svg) no-repeat left /auto 100%;line-height: 1.5;font-size: var(--smailSize);display: inline-block;} .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;height:.9rem;padding-right:.9rem;box-sizing:border-box;display:flex;align-items:center;display: ;} .column-switch{display:none} .col_list ul{position:relative;width:100%} .col_list ul li{float:left} .col_list .col_column .col_item_link.selected{opacity:1} .col_list .col_column .col_item_link{color:#fff;padding:0 .36rem;font-size:var(--smailSize);border-right:1px solid rgb(255 255 255 / 20%);display:inline-block;display:block;text-align:center;opacity:1;margin:.05rem 0;font-weight:bold;} .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.list2 .news{display:flex;padding-bottom: 0.357rem;margin-bottom: 0.415rem;border-bottom: 1px dashed #cfd8ea;} .mrlist .col_news_list .news_list.list2 .news .news_imgs{width: 3.25rem;flex:none;display:flex;align-items:center} .mrlist .col_news_list .news_list.list2 .news .news_imgs a{padding-top: 66.46%;width:100%} .mrlist .col_news_list .news_list.list2 .news .news_wz{flex:1;padding: 0.39rem 0.33rem 0.2rem 0.37rem;background: #f5f6f8;} .mrlist .col_news_list .news_list.list2 .news .news_date{ font-size: var(--smailSize); color: #B82C29; margin-bottom: 0.25rem; } .mrlist .col_news_list .news_list.list2 .news .news_title{font-size:var(--titleSize);line-height: 1.8;font-family: 'SourceHanSansCN-Bold';margin-bottom: 0.15rem;} .mrlist .col_news_list .news_list.list2 .news .news_text{font-size:var(--smailSizex);line-height: 1.71;color: #999999;} .mrlist .col_news_list .news_list.list2 .news .news_text a{color:#999} .mrlist .col_news_list .news_list.list2 .news.noimg .news_imgs{display:none} /**文章页**/ .art_bottom { display: flex; justify-content: space-between; } .article { flex: 1; } .col_post { width: 3.82rem; padding-left: 0.44rem; border-left: 1px solid #E0E0E0; margin-left: 0.44rem; } .col_post .tt { line-height: 1.3; font-family: 'SourceHanSansCN-Bold'; font-size: 0.32rem; margin-bottom: 0.04rem; border-bottom: 1px solid #E0E0E0; padding-bottom: 0.3rem; } .col_post .news_list .news { display: flex; align-items: center; padding: 0.26rem 0; border-bottom: 1px solid rgb(227 227 227 / 80%); } .col_post .news_list .news .news_meta { width: 0.67rem; height: 0.65rem; background: #7eb0e0; border-radius: 0.1rem; color: #fff; display: flex; align-items: center; flex-direction: column; justify-content: space-evenly; flex: none; margin-right: 0.21rem; } .col_post .news_list .news .news_meta .days { font-size: 0.27rem; font-weight: bold; } .col_post .news_list .news .news_meta .month { font-size: 0.13rem; } .col_post .news_list .news .news_title { font-size: var(--smailSize); line-height: 1.625; font-family: 'SourceHanSansCN-Light'; font-weight: bold; } .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: 'SourceHanSansCN-Bold';font-size: 0.32rem;margin-bottom: auto;font-weight: normal;} .article h2.arti_title{line-height:2;font-size:.2rem;color:#1b1b1bc7;} .article .arti_metas{line-height: 1.3;margin:0} .article .arti_metas>span{font-size:var(--smailSize);color: #999999;margin-right: 0.32rem;} .article .arti_info.clearfix{position:relative;margin-top: 0.15rem;} .article .entry{margin:0 auto;overflow:hidden;margin-top: 0.7rem;min-height:400px} .article .entry .read,.article .entry .read p{line-height: 2;font-size: var(--titleSize);color:#333} .article .entry .read p{margin-bottom:10px} .article .entry .read img{margin:0 auto;max-width:940px} .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} /**底部**/ #footer{background: url(images/footbg.jpg) no-repeat left bottom/cover;background-size:cover;position:relative} .footer .inner{padding: 0.82rem 0 1.71rem;box-sizing:border-box;position:relative;z-index:1} .foot-top{display:flex;justify-content:space-between;margin-bottom:.857rem} #footer .inner.in1{padding:.57rem 0 .32rem;position:relative} #footer .inner .mod{display:flex;flex:1 1 auto;align-items: flex-start;} #footer .inner .foot-left{ margin-right: 0.54rem; } #footer .inner .foot-center{flex:2;text-align: left;} #footer .inner .foot-center img{max-width:100%} #footer .inner .foot-right{flex:1;display:flex;justify-content:flex-end} #footer .inner p{font-size:var(--smailSize);line-height: 2.4;font-weight:400;color:#fff;opacity: 0.53;} #footer .inner p a{color:#fff} #footer .inner p span{margin:0 3px} .foot-left .title{color:#fff;font-size:var(--smailSize);line-height:.21rem;font-weight:700;margin-bottom:.14rem} #footer .inner .foot-left img { width: 4.03rem; } /**底部链接**/ .foot-left .tt{margin-bottom:.18rem} .foot-left .links{margin-right:1.02rem} /**分享**/ .shares .news_list{display:flex;text-align:center;gap: 0.3rem;} .shares .news_list .news_imgs{width:1.23rem;height:1.23rem;} .shares .news_list .news_imgs img{width:100%;height:100%unset} .shares .news_list .news_title{color:#fff;font-size: var(--smailSize);line-height:1.4;margin-top: .15rem;} .footlogo img{width:4.62rem} .foot-bottom{padding:.26rem 0 .29rem;text-align:center;position:relative;z-index:1;border-top:1px solid rgb(255 255 255 / 50%)} .foot-bottom p{font-size:var(--smailSizex);line-height:2.4;color:#fff;position:relative} /**侧导航**/ 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)} .Scroll-to-top{width:60px;height:60px;position:fixed;z-index:1;background:#fff;bottom:2%;border-radius:50%;right:1%;background:#1776be7a;font-size:20px;line-height:60px;text-align:center;color:#fff;cursor:pointer} .wp_entry table a {font-size: 20px;}