@charset "utf-8"; /*Technical Support SudyTech*/ :root {--mainColor: #003288;--mainColor2: #9F2121;--hoverColor: #003288;--bigSize: 0.2rem;--titleSize: 0.18rem;--smailSize: 0.16rem;--smailSizex: 0.14rem;--innerWidth: 15.6rem;--swiper-pagination-bullet-width: 0.14rem;--swiper-pagination-bullet-height: 0.14rem;--swiper-pagination-bullet-horizontal-gap: 0.08rem;--swiper-pagination-bullet-inactive-color: #fff;--swiper-pagination-bullet-inactive-opacity: 0.7;--swiper-navigation-size: 0;} @font-face { font-family:"SourceHanSansCN-Bold" ; src: url(fonts/SourceHanSansCN-Bold.ttf); } @font-face { font-family:"SourceHanSerifCN-Bold" ; src: url(fonts/SourceHanSerifCN-Bold.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} i,cite,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,strong,b{font-weight:bold} em {font-style:italic} 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} *::-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 #04267e; } body{line-height:1;font-size:13px;font-family:"PingFang","Microsoft YaHei","\u5b8b\u4f53",Tahoma,Geneva,sans-serif;color: #232323;} .navopen .navbox{z-index: 98;overflow: auto;} p{line-height:1.75} a{color: #232323;text-decoration:auto;transition: all 0.6s 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} /**兼容模式提示**/ .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} /**头部**/ .header{border-bottom:none;height:auto;line-height:inherit;background-size:cover;position:absolute;z-index:99;width:100%;top:0;transition:1s;border-top: 0.04rem solid #0092E5;} .header:after { content: ""; position: absolute; width: 100%; height: 1.94rem; background: url(images/headbg.png) no-repeat top; background-size: 100% 100%; top: 0; z-index: -1; pointer-events: none; } .header.opennav:after{ opacity: 0; } .header.fix:after{ height: 100%; } .header.fix{/* background:var(--mainColor); */} body.navopen .header:after { display: none; } body.navopen .header .head-right .nav { display: none; } .header .inner{position:relative;transition:all 0.4s ease-in-out;width: 100%;} .header .sitelogo{display:flex} .header .sitelogo .logo img{width: 2.95rem;} .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;width:100%} .header .head-top{display:flex;align-items:center;} .header .head-right{display:flex;margin-right: 1.8rem;margin-top: 0.23rem;-webkit-align-items: flex-end;flex-direction: column;} .header .head-left { margin-left: 0.79rem; margin-top: 0.17rem; } /* 搜索 */ .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{--width: 0.33rem;text-align:right;width: var(--width);border-radius: 0.19rem;overflow:hidden;} .wp-search{position:relative;/* background:rgb(255 255 255 / 20%); */} .wp-search form{display:block} .wp-search .search-input{margin-left:0.2rem;margin-right:40px} .wp-search .search-input input.search-title{width:100%;line-height: var(--width);background:none;color:#FFFFFF;font-size: var(--smailSizex);border:0;outline:0;font-family: "微软雅黑";height: var(--width);} .wp-search .search-btn{width: var(--width);height: 100%;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;cursor:pointer;background-size: 0.17rem;} .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;align-items: center;} .site-lang ul li.links a{color:#fff;font-size: var(--smailSizex);padding: 0 0.14rem;line-height: 0.14rem;border-right: 1px solid #fff;display: inline-block;text-shadow: 0 0 2px rgb(0 0 0 / 70%);} .site-lang ul li.links a:hover{color:#fff} .header .site-lang ul li.links:last-child a { border: none; } /**导航**/ #nav{} #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;justify-content:space-between;} .nav .wp-menu .menu-item{position:relative;text-align:center;margin-left: 0.39rem;} .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(--bigSize);display:block;color:#fff;position: relative;font-family:"SourceHanSansCN-Bold";text-shadow: 0 0 2px rgb(0 0 0 / 70%);} .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: #ffffff;opacity: 0;transform: translateX(-50%) scale(0);transition: all 0.4s ease-in-out;border-radius: 8px;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 20px;} .nav .sub-menu .sub-item{position:relative;white-space:nowrap;vertical-align:top;_zoom:1} .nav .sub-menu .sub-item a{display:block;line-height:0.5rem;padding:0 17px;font-size: var(--smailSize);background:none;text-align:center;} .nav .sub-menu .sub-item.hover>a,.nav .sub-menu .sub-item a:hover{background-color: #0032880f;display:block;backdrop-filter: blur(32px);} .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;} .fixbox .wp-menu .menu-item.i3 .sub-menu { } /**大屏导航**/ .fixbox .site-lang { display: none; } .fixbox .notice.show { top: 0.55rem; opacity: 1; } .fixbox .notice { width: 5.6rem; height: 2.54rem; background: url(images/navnewsbg.png); background-size: 100% 100%; padding-top: 0.15rem; display: block; position: absolute; top: 116%; left: 50%; transform: translateX(-50%); opacity: 0; transition: all 0.6s ease-in-out; z-index:11 } .fixbox .notice>div ,.fixbox .notice .news_list { height: 100%; } .fixbox .notice .news_list { display: flex; flex-direction: column; justify-content: space-between; padding: 0 0.25rem; } .fixbox .notice .news_list .news { flex: 1; display: flex; align-items: center; border-bottom: 1px dashed rgb(0 50 136 / 15%); gap: 0.26rem; } .fixbox .notice .news_list .news .news_time { font-size: var(--smailSizex); font-family: 'SourceHanSerifCN-Bold'; color: #003288; padding-left: 0.22rem; background: url(images/time2.svg) no-repeat left; background-size: 0.14rem; flex: none; } body>.notice ,.body_b>.notice{ display: none; } .fixbox .notice .news_list .news .news_title { font-size: var(--smailSize); } .fixbox .notice .news_list .news .news_title a { color: #000; } /**大图**/ .mbanner{ height: 100vh; } .body_b .tips{color:#fff;font-size:16px;position:absolute;bottom:1.6rem;text-align:center;z-index:10;display:inline-block;left:50%;transform:translateX(-50%);transition:0.4s;cursor:pointer;padding:0.1rem 0.2rem} .body_b .tips.fadeOut{opacity:0} .body_b .tips img{animation:scroll 2s cubic-bezier(.15,.41,.69,.94)infinite} #banner .more{display:none} #banner .inner{width:100%;text-align:center;position: fixed;left: 0;top: 0;z-index: 0;} .mbanner .news_imgs a{display:block;height:100vh;} .mbanner .slick-prev,.mbanner .slick-next{} .mbanner .slick-prev{left: 0.45rem;} .mbanner .slick-next{right: 0.45rem;} .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; bottom: 0.61rem; color: #fff; font-weight: bold; left: 50%; margin-left: calc(var(--innerWidth)/-2); font-size: 0.36rem; line-height: 1.5; z-index: 2; } .mbanner .slick-track { position: static; } .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.6rem;right: 50%;margin-right: calc(var(--innerWidth)/-2);display:flex;align-items:flex-end} .mbanner .slick-dots li{width:0.16rem;height:0.16rem;border-radius:0;background-size:100%;margin:0;margin-left: 0.13rem;transition:all 0.4s ease-in-out;display:flex;align-items:flex-end;justify-content:center;border-radius:50%;border: 1px solid #fff;box-sizing: border-box;background: none;} .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 .slick-dots li.slick-active{opacity:1;background: #fff;} .mbanner .control { position: absolute; left:50%; bottom: 0.8rem; z-index: 2; display: flex; align-items: center; transform: translateX(-50%); } .banner_more { flex: none; margin-left: 0.07rem; padding-left: 0.17rem; border-left: 1px solid rgb(255 255 255 / 50%); font-size: var(--smailSize); } .banner_more a { color: #fff; } canvas { pointer-events: none; } .banner_more a i {font-family: "宋体"; font-weight: bold;} /**内容**/ #m-container{} #m-container .inner{} a.back_bb { width: 4.35rem; height: 1.36rem; position: relative; bottom: -0.1rem; z-index: 1; background: url(images/bbbg.svg) no-repeat; background-size: 100% 100%; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; padding-top: 0.77rem; box-sizing: border-box; font-size: 0.17rem; color: var(--mainColor); gap: 0.1rem; } 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) } } .body_b { position: relative; } .news_imgs a,.news_imgs span {display:block;overflow:hidden;position: relative;} .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,.news:hover span.underLine a {background-size:100% 1px;color:var(--mainColor);} .swiper-button-next, .swiper-button-prev { width: 0.68rem; height: 0.68rem; background-color: #fff; border-radius: 50%; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: 0.32rem; margin-top: -0.34rem; z-index: 1; } .swiper-pagination-bullet { width: 0.14rem; height: 0.14rem; background: var(--mainColor); opacity: 0.5; margin: 0 0.08rem; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 0.08rem; } .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } .swiper-button-next { background-image: url(images/right_r.svg); } .swiper-button-prev { background-image: url(images/left_r.svg); } .swiper-button-next:hover { background-color: #91231B; background-image: url(images/right_w.svg); } .swiper-button-prev:hover { background-color: #91231B; background-image: url(images/left_w.svg); } /**主体公共**/ .ttbl { position: absolute; width: 2.01rem; height: 0.42rem; bottom: -0.19rem; left: 0; overflow: hidden; background: url(images/ttbl.png) no-repeat right; background-size: auto 100%; } .ttbl span { width: 6.37rem; height: 100%; display: inline-block; background: url(images/ttbl.png) no-repeat; background-size: 100% 100%; transform: translate(-65%, 0px); } .post1 .tit { position: relative; padding-right: 0.273rem; } .post1 .tt{display:flex;position:relative;justify-content: space-between;margin-bottom: 0.345rem;align-items: center;} .post1 .more_btn img{width: 0.16rem;margin-right: 0.05rem;} .post1 .more_btn .more_text{display: flex;font-size: var(--titleSize);color: #B9001D;align-items: center;font-family: 'SourceHanSerifCN-Bold';} .post1 .more_btn .more_text i { font-family: "宋体"; margin-left: 0.084rem; font-weight: bold; } .post1 .more_btn .more_text a{display: flex;font-size: var(--titleSize);color: #B9001D;align-items: center;} .post1 .more_btn .more_text a i { font-family: "宋体"; margin-left: 0.084rem; font-weight: bold; } .post1 .tit .title{font-size: 0.42rem;line-height: 0.6rem;font-family:"SourceHanSerifCN-Bold";color: #003288;position: relative;z-index: 1;font-weight: normal;} .post1 .tt .tt_en{font-size:var(--smailSize);font-weight:normal} .post1 .news .news_title{font-size:var(--titleSize);line-height: 1.68;} .post1 .news .news_text{font-size: var(--smailSize);line-height: 1.77;color: #626365;} #container-1 .post1 .news div.news_text a{color:rgba(255,255,255,0.7)} .post1 .news .news_date{font-size:var(--smailSize);line-height: 1.35;color: var(--mainColor);display: inline-block;transition: all 0.4s ease-in-out;flex: none;} .post1 .news .news_meta{color: #fff;width: 0.84rem;display: flex;flex-direction: column;width: 0.65rem;height: 0.65rem;background: #9F2121;justify-content: center;text-align: center;} .post1 .news_list .news .news_days { font-size: 0.26rem; line-height: 1.2; } .post1 .news_list .news .news_month { font-size: 0.12rem; line-height: 1.2; } .main1 { background: url(images/main1bg.png) no-repeat bottom center/cover; position: relative; z-index: 1; } .main1 .inner { padding-top: 1.74rem; } .post-11 { margin-bottom: 0.63rem; position: relative; } .post-11 .tt { padding: 0 0.3rem; display: none; } .post-11 .con { display: flex; overflow: inherit; } .post-11 .swiper-pagination, .post-11 .swiper-button-prev, .post-11 .swiper-button-next { display: none; } .post-11 .con .list1 { width: 10rem; flex: none; background: #fff; height: 5.67rem; position: relative; } .post-11 .con .list2 { flex: 1; background: #fff; display: flex; flex-direction: column; } .post-11 .news_imgs a { padding-top: 56.68%; } .post-11 .news_imgs:after { height: 2.55rem; background: linear-gradient(180.00deg, rgba(0, 0, 0, 0),rgb(0, 0, 0) 100%); } .post-11 .news .news_wz { position: absolute; z-index: 1; bottom: 0.25rem; padding: 0 0.48rem; } .post-11 .news { position: relative; } .post-11 .news .news_wz a { color: #fff; } .post-11 .list1 .news .news_title { font-size: 0.24rem; font-weight: bold; padding-bottom: 0.15rem; border-bottom: 1px solid #fff; margin-bottom: 0.15rem; } .post-11 .list1 .news .news_title a{ text-overflow: -o-ellipsis-lastline; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .post-11 .con .list2 .news { flex: 1; display: flex; align-items: center; border-bottom: 1px solid #E5E5E5; padding-left: 0.3rem; box-sizing: border-box; z-index: 0;justify-content: space-between } .post-11 .con .list2 .news .news_imgs{ width: 31.1%; flex: none; margin-left: 0.2rem; } .post-11 .con .list2 .news:after { content: ""; position: absolute; width: 100%; height: 120%; right: -0.13rem; background: url(images/newsbg1.png) no-repeat right /100% 100%; bottom: -10%; opacity: 0; } .post-11 .con .list2 .news.selected:after{ width: calc(100% + 0.35rem); opacity: 1; } .post-11 .con .list2 .news.selected a {color:#fff} .post-11 .con .list2 .news.selected { z-index: 1; border: none; } .post-11 .con .list2 .news.selected .news_imgs { z-index: 1; } .post-11 .con .list2 .news a { position: relative; z-index: 1; transition: 0s; } .post-11 .list1 .news { opacity: 0; overflow: hidden; transition: opacity 0.4s ease-in-out; position: absolute; top: 0; width: 100%; z-index: -1; } .post-11 .list1 .news.active { opacity: 1; overflow: auto; z-index: 1; } .post-12 .news .news_imgs span { padding-top: 47.01%; } .post-12 .con { position: relative; } .post-12 .news>a { display: block; box-shadow: 0px 3px 15px 0px rgba(149, 174, 216, 0.44); } .post-12 .news .news_title { background: #fff; line-height: 0.574rem; padding: 0 0.2rem; } .post-12 .news_list .news { padding-bottom: 0.22rem; } .post-12 .swiper-button-next { right: -0.32rem; } .post-12 .swiper-button-prev { left: -0.32rem; } .post-12 .slick-prev,.post-12 .slick-next{ /* top: 0.84rem; */ } .main2 { position: relative; background: url(images/main2bg.jpg) no-repeat center/cover; margin-top: -0.94rem; } .main2 .inner { padding: 1.35rem 0 5.19rem; } .main2 .top { display: flex; justify-content: space-between; margin-bottom: 0.8rem; } .main2 .sudy-tab { width: 10.9rem; position: relative; } .main2 .tab-menu { display: flex; align-items: center; margin-bottom: 0.5rem; } .main2 .tab-con .post .more_btn { position: absolute; right: 0.6rem; top: 0.22rem; } .main2 .tab-menu li { font-size: 0.24rem; line-height: 0.6rem; font-family: "SourceHanSerifCN-Bold"; color: #003288; transition: all 0.6s ease-in-out; background-position: left; background-size: 0; cursor: pointer; } .main2 .tab-menu span img { width: 0.12rem; } .main2 .tab-menu span { margin: 0 0.195rem; } .main2 .tab-menu li.selected { color: #9F2121; font-size: 0.42rem; padding-left: 0.76rem; background: url(images/menu_bg.svg) no-repeat left/0.6rem; } .main2 .tab-con{padding-right\: 0.6rem;padding-right: 0.6rem;border-right: 1px dashed rgb(0 50 136 / 40%);} .main2 .sudy-tab .post .news { display: flex; margin-bottom: 0.2rem; } .main2 .sudy-tab .post .news:last-child { margin-bottom: 0; } .main2 .sudy-tab .post .news .news_imgs { width: 3.08rem; flex: none; } .main2 .sudy-tab .post .news .news_imgs a { padding-top: 56.2%; } .main2 .sudy-tab .post .news .news_wz { padding-top: 0.21rem; padding-left: 0.53rem; position: relative; flex: 1; } .main2 .sudy-tab .post .news .news_meta { position: absolute; top: 0.15rem; left: -0.325rem; } .main2 .sudy-tab .post .news .news_title { margin-bottom: 0.2rem; } .post-25 { width: 4.08rem; } .post-25 .news { padding: 0.19rem 0; border-bottom: 1px dashed rgb(0 50 138 / 16%); box-sizing: border-box; } .post-25 .news a { display: flex; align-items: center; } .post-25 .news a .news_imgs { width: 1.18rem; flex: none; display: flex; align-items: center; justify-content: center; height: 0.7rem; margin-right: 0.205rem; background-size: unset; background-repeat: no-repeat; background-position: center; background-color: transparent; } .post-25 .news a .news_imgs[icon-name="人民日报"] { background-image: url(images/media/rmrb.svg); } .post-25 .news a .news_imgs[icon-name="光明日报"] { background-image: url(images/media/gmrb.svg); } .post-25 .news a .news_imgs[icon-name="经济日报"] { background-image: url(images/media/jjrb.svg); } .post-25 .news a .news_imgs[icon-name="瞭望"] { background-image: url(images/media/lw.svg); } .post-25 .news a .news_imgs[icon-name="中国教育?] { background-image: url(images/media/zgjyb.svg); } .post-25 .news a .news_imgs img { /* object-fit: contain; */ width: 100%; height: 100%; } .post-25 .news:last-child { border: none; padding-bottom: 0; } .post-25 .news_list {margin: -0.05rem 0;} .post-26 .tt { width: 5.89rem; margin-bottom: 0.05rem; } .post-26 .con { display: flex; align-items: center; position: relative; justify-content: space-between; } .post-26 .con .list1 { width: 5.89rem; overflow: hidden; } .post-26 .con .list2 { width: 8.41rem; box-sizing: border-box; height: 6.2rem; position: relative; background: url(images/newsbg3.png) no-repeat right bottom/ cover; z-index: 1; } .post-26 .con .slick-list { } .post-26 .con .list2 .news_imgs a { padding-top: 56.34%; } .post-26 .con .list2 .news { left: 0; opacity: 0; overflow: hidden; transition: opacity 0.4s ease-in-out; position: absolute; top: 0; width: 100%; padding: 0.1rem; box-sizing: border-box; } .post-26 .swiper-pagination, .post-26 .swiper-button-prev, .post-26 .swiper-button-next{ display: none; } .post-26 .con:after { content: ""; width: 6.87rem; height: 6.87rem; top: -0.33rem; position: absolute; left: 5.78rem; background: url(images/tago.svg) no-repeat center /100% 100%; animation: bb 20s linear 0s infinite; } @keyframes bb { 0% { transform: rotate(-60deg); } 100% { transform: rotate(135deg); } } .post-26 .con .list2 .news.active { opacity: 1; height: auto; z-index: 1; } .post-26 .con .list2 .news_imgs { margin-bottom: 0.15rem; } .post-26 .con .list2 .news_type{ display: none; } .post-26 .con .list2 .news_title{ display: none; } .post-26 .con .list2 .news_text { color: #fff; padding-right: 0.93rem; } .post-26 .con .list2 .news_text a { color: #fff; } .post-26 .con .list1 .news { display: flex; border: none; align-items: center; position: relative; transition: all 0.6s ease-in-out; padding: 0.17rem 0; } .post-26 .con .list1 .news:nth-child(1),.post-26 .con .list1 .news:nth-child(8) { opacity: 0.5; } .post-26 .con .list1 .news:nth-child(2),.post-26 .con .list1 .news:nth-child(7) { opacity: 0.74; } .post-26 .con .list1 .slick-list{ overflow: initial; /* top: 50%; */ /* margin-top: -0.5rem; */ } .post-26 .con .list1 .selected .news_title { font-weight: bold; color: #003288; -webkit-line-clamp: 2; } .post-26 .con .list1 .news.selected { padding: 0.35rem 0; opacity: 1 ! important; } .post-26 .news .news_title { position: relative; z-index: 1; } .post-26 .con .list1 .news.selected .news_type { opacity: 1; } .post-26 .con .list1 .selected .news_title a { color: #003288; } .post-26 .con .list1 .news:after { content: ""; width: 100%; position: absolute; left: 0; right: 0; background: url(images/newsbg2.svg) no-repeat center /100% 100%; top: 50%; transform: translateY(-50%); opacity: 0; transition: all 0.6s ease-in-out; height: 100%; background-position: left -50px top 0; } .post-26 .con .list1 .news_type { color: #9F2121; font-size: 0.18rem; flex: none; margin-right: 0.22rem; position: relative; z-index: 1; opacity: 0; transition: all 0.6s ease-in-out; } .post-26 .con .list1 .news_type span { font-size: 0.24rem; font-weight: bold; } .post-26 .con .list1 .news.selected:after { opacity: 1; height: 1rem; background-position: left 0 top; } .main3 { margin-top: -4.39rem; background: url(images/main3bg.jpg) no-repeat top center / cover; background-attachment: fixed; } .main3 .inner { width: 100%; padding-bottom: 0.99rem; position: relative; z-index: 1; } .post-31 .news { width: auto; padding: 0.03rem; transition: all 0.6s ease-in-out; } .post-31 .news_list{ display: flex; width: max-content; margin-left: -0.03rem; } .post-31 .news .news_imgs img { height: 100%; position: static; } .post-31 .news .news_type { line-height: 0.33rem; background: #9F2121; color: #fff; padding: 0 0.1rem; position: absolute; bottom: 0.3rem; left: 0.3rem; z-index: 1; font-family: 'SourceHanSansCN-Bold'; border-radius: 0.04rem; } .post-31 .news_list:nth-child(2) .news .news_type { top: 0.3rem; bottom: auto; } .post-31 .news .news_imgs ,.post-31 .news .news_video {height: 3.96rem;} .post-31 .news .news_imgs a{ display: block; width: inherit; 100%: unset;100%: unset; height: 100%; } .post-31 .swiper { } .post-31 .con { mask: url(./images/mb.png) no-repeat; mask-position: center; mask-size: 100% 100%; position: relative; --position: 0; overflow: hidden; } .post-31 .mcon { width: max-content; transform: translateX(var(--position)); transition: all 0.6s ease-in-out; } .post-31 .swiper-button-next,.post-31 .swiper-button-prev { position: static; flex: none; background-color: transparent; border: 1px solid #91231B; margin: 0; } .post-31 .control { display: flex; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: auto; align-items: center; transition: all 0.6s ease-in-out; } .post-31 { position: relative; padding-bottom: 0.91rem; margin-bottom: 0.49rem; } .post-31 .control .swiper-scrollbar { position: relative; margin: 0 0.36rem; background: linear-gradient(90.00deg, rgba(159, 33, 33, 0),rgb(159, 33, 33) 23.153%,rgb(159, 33, 33) 50.739%,rgb(159, 33, 33) 78.818%,rgba(159, 33, 33, 0) 100%); width: 3.66rem; height: 1px; --left: 0.34rem; } .post-31 .swiper-button-next{ background-image: url(images/right2_r.svg); } .post-31 .swiper-button-prev{background-image: url(images/left2_r.svg);} .post-31 .swiper-button-next:hover{ background-image: url(images/right2_w.svg); } .post-31 .swiper-button-prev:hover{ background-image: url(images/left2_w.svg); } .post-31 .swiper-button-prev{background-image: url(images/left2_r.svg);} .post-31 .swiper-button-next:hover,.post-31 .swiper-button-prev:hover {background-color: #91231B;} .post-31 .control .swiper-scrollbar-drag { background: none ! important; display: flex; align-items: center; justify-content: center; } .post-31 .control .swiper-scrollbar .scrollbar-dot { content: ""; width: 0.13rem; height: .13rem; display: block; background: #9F2121; border-radius: 50%; position: absolute; top: 50%; margin-top: -0.065rem; left: var(--left); cursor: pointer; transition: all 0.6s ease-in-out; } .post-32 { width: var(--innerWidth); margin: 0 auto; } .post-32 .news_list { display: flex; flex-wrap: wrap; } .post-32 .news_list .news { width: 25%; } .post-32 .news_list .news_imgs a { padding-top: 43.31%; } .post-32 .news_list .news_imgs { margin: 0 0.1rem; } .post-32 .news_list { margin: 0 -0.1rem; } .main4>.bg { position: absolute; top: -1.97rem; width: 100%; } .main4 { position: relative; } .main4>.bg img { width: 100%; } .main4 .mod { display: flex; justify-content: space-between; } .post-41 { width: 5.75rem; } .post-42 { width: 5.1rem; } .post-43 { width: 4.34rem; } .main4 .xu { /* height: 100%; */ border: 1px dashed rgb(0 50 136 / 40%); } .main4 .inner { position: relative; z-index: 1; padding-bottom: 2.42rem; } .post-42 .con { padding: 0 0.205rem; border-left: 1px dashed rgb(0 50 136 / 40%); border-right: 1px dashed rgb(0 50 136 / 40%); } .post-42 .tt { padding: 0 0.205rem; } .post-41 .news_list .news { display: flex; } .post-41 .list1 .news { background: rgb(255 255 255 / 70%); } .post-41 .list1 .news .news_imgs { width: 3.2rem; flex: none; } .post-41 .list1 .news .news_imgs a { padding-top: 66.56%; } .post-41 .list1 .news .news_wz { flex: 1; padding: 0.2rem 0.27rem 0.2rem; position: relative; } .post-41 .list1 .news .news_title {margin: 0.15rem 0;} .post-41 .list1 .news .news_wz:after { content: ""; width: 100%; height: 100%; position: absolute; background: url(images/newsbg4.svg) no-repeat right/ auto 100%; top: 0; right: 0; opacity: 0.7; pointer-events: none; } .post-41 .list2 .news { height: 0.665rem; align-items: center; justify-content: space-between; border-bottom: 1px dashed rgb(0 50 136 / 40%); box-sizing: border-box; } .post-41 .list2 .news:last-child { border: none; } .post-41 .list2 .news .news_title { margin-right: 0.35rem; } .post-42 .news_list .news { display: flex; margin-bottom: 0.14rem; background: rgb(255 255 255 / 70%); } .post-42 .news_list .news_imgs { width: 1.85rem; flex: none; } .post-42 .news_list .news_imgs a { padding-top: 66.48%; } .post-42 .news_list .news:last-child { margin: 0; } .post-42 .news_list .news .news_wz { padding: 0.14rem 0.2rem; position: relative; flex: 1; } .post-42 .news_list .news .news_wz *{ position: relative; z-index: 1; } .post-42 .news_list .news .news_date { margin-bottom: 0.2rem; visibility: hidden; } .post-42 .news_list .news .news_type { line-height: 0.33rem; background: #9F2121; color: #fff; padding: 0 0.1rem; position: absolute; top: 0; right: 0; z-index: 1; font-family: 'SourceHanSansCN-Bold'; } .post-42 .news_list .news .news_type a { color: #fff; } .post-42 .news_list .news .news_wz:after { content: ""; width: 100%; height: 100%; position: absolute; background: url(images/newsbg4.svg) no-repeat right/ auto 100%; top: 0; right: 0; /* opacity: 0.7; */ z-index: 0; } .post-43 .con{ overflow: hidden; position: relative; } .post-43 .news_list{ height: 5.33rem; position: relative; } .post-43 .control { position: absolute; display: flex; top: 0.23rem; right: -0.24rem; z-index: 1; transform: rotate(90deg); transform-origin: bottom; } .post-43 .control span { width: 1px; background: #9F2121; margin: 0 0.15rem; opacity: 0.2; } .post-43 .control img { width: 0.35rem; } .post-43 .control>div { opacity: 0.2; cursor: pointer; } .post-43 .control>div:hover { opacity: 1; } .post-43 .news .news_imgs a { padding-top: 146.8%; } .post-43 .news { position: absolute; width: 3.63rem; height: 100%; transform-origin: right bottom; transition: all 0.6s ease-in-out; box-shadow: 0 6px 12px rgb(0 82 69 / 20%); } .post-43 .news_list img { box-shadow: 0 6px 12px rgb(0 82 69 / 20%); } .slot { position: absolute; width: 100%; bottom: 100%; --position: 50%; z-index: 2; } .slot .news_list { display: flex; /* overflow: hidden; */ mask: url(./images/waverMask.png) no-repeat; mask-position: var(--position) 0; mask-size: calc(100vw *2) 2.46rem; transition: 0.4s; } .slot .news_list .news { flex: 1; height: 1.6rem; background-color: #fff; background-size: cover; background-position: center; cursor: pointer; box-sizing: border-box; position: relative; } .slot .news_list .news .con{position:absolute;left: 50%;transform: translateX(-52%);bottom: 78%;display: none;} .slot .news_list .news .con img{max-width:1rem;} .slot .news_list .news .icon{ will-change: transform, filter, rotateY, top; position: absolute; margin: 0 auto; left: 50%; transition: 0.4s; max-width: 51%; transform: translateX(-50%); top: 1.6rem; } .slot .news_list .news:nth-child(1) { background: #204fa3; } .slot .news_list .news:nth-child(2) { background: #3863ad; } .slot .news_list .news:nth-child(3) { background: #063890; } .slot .news_list .news:nth-child(4) { background: #2e5ead; } .slot .news_list .news:nth-child(5) { background: #486db0; } .slot .news_list .news:nth-child(6) { background: #204fa3; } .slot .news_list .news:nth-child(7) { background: #173786; } .slot .news_list .news:nth-child(8) { background: #2d3b8f; } .slot .news_list .news:nth-child(9) { background: #464880; } .slot .news_list .news:nth-child(10) { background: #6e658d; } .slot .news_list .news:nth-child(11) { background: #442f5e; } .slot .news_list .news:nth-child(12) { background: #765776; } .slot .news_list .news:nth-child(13) { background: #724159; } .slot .news_list .news:nth-child(14) { background: #915f6d; } .slot .news_list .news:nth-child(15) { background: #78252d; } .slot .news_list .news:nth-child(16) { background: #9f4f4f; } .slot .news_list .news.active .icon{ top: 0.45rem; transition: 0.4s; } .slot .news_list .news .icon img { width: 100%; } /*Right*/ .slot .news_list .news.active + * .icon{ top: 0.54rem; } .slot .news_list .news.active + * + * .icon{ top: 0.76rem; } .slot .news_list .news.active + * + * + * .icon{ top: 0.97rem; } .slot .news_list .news.active + * + * + * + * .icon{ top: 1.36rem; } .slot .news_list .news.active + * + * + * + * + * .icon, .slot .news_list .news.active + * + * + * + * + * + * .icon, .slot .news_list .news.active + * + * + * + * + * + * + * .icon, .slot .news_list .news.active + * + * + * + * + * + * + * + * .icon{ top: 1.6rem; } /*Left*/ .slot .news_list .news:has(+ .active) .icon{ top: 0.54rem; } .slot .news_list .news:has(+ * + .active) .icon{ top: 0.76rem; } .slot .news_list .news:has(+ * + * + .active) .icon{ top: 0.97rem;; } .slot .news_list .news:has(+ * + * + * + .active) .icon{ top: 1.36rem; } .slot .news_list .news:has(+ * + * + * + * + .active) .icon,.slot .news_list .news:has(+ * + * + * + * + * + .active) .icon,.slot .news_list .news:has(+ * + * + * + * + * + * + .active) .icon,.slot .news_list .news:has(+ * + * + * + * + * + * + * + .active) .icon{ top: 1.6rem; } .slot .news_list .news:active, .slot .news_list .news:focus { width: 28vw; filter: inherit; z-index: 100; transform: translateZ(calc(var(--index) * 10)); } .slot .news_list .news .imgs { position: absolute; top: 100%; width: 1.2rem; height: 1.2rem; background: #fff; left: 50%; margin-left: -0.6rem; transition: 0.6s; opacity: 0; } .slot .news_list .news:hover { } .slot .news_list .news:hover .imgs { opacity: 1; top: 86%; } .slot .news_list .news.active { overflow: inherit; } .slot-img.show { opacity: 1; visibility: inherit; } .slot-img { position: absolute; width: 1.5rem; height: 1.5rem; background: #fff; top: 100%; opacity: 0; transition: 0.6s; visibility: hidden; margin-left: -0.75rem; } .slot-img img { width: 100%; } .slot-img:after { content: ""; display: inline-block; border-bottom: 0.1rem solid #fff; border-left: 0.1rem solid transparent; border-right: 0.1rem solid transparent; position: absolute; bottom: 100%; left: 50%; margin-left: -0.1rem; } /**列表?*/ body.list { background: url(images/listbg.jpg) no-repeat top center/100%; } .l-banner { height: 4.8rem; background-position: center center; background-repeat: no-repeat; text-align: center; background-size: cover; background-color: #ccc; } .l-banner img { display: none; height: 100%; vertical-align: top; } /**主体列表页开?*/ #l-container { background: url(images/); } #l-container .inner {padding: 2.54rem 0;} #l-container .mod { display: flex; align-items: flex-start; } /**主体文章页开?*/ #d-container .inner { background: #fff; } .col_metas .col_title { font-size: 0.42rem; line-height: 0.6rem; font-family: "SourceHanSerifCN-Bold"; color: #003288; position: relative; z-index: 1; font-weight: normal; } .col_metas{ position: relative; margin-bottom: 0.49rem; } .col_metas .ttbl { position: absolute; width: 2.01rem; height: 0.42rem; bottom: -0.19rem; left: 0; overflow: hidden; background: url(images/ttbl.png) no-repeat right; background-size: auto 100%; } .col_right { padding-top: 0.32rem; width: 4rem; margin-left: 0.64rem; flex: none; position: sticky; top: 1rem; } .col_menu { margin-bottom: 0.2rem; border-radius: 0.08rem; overflow: hidden; box-shadow: 0px 3px 20px 0px rgba(149, 174, 216, 0.2); } .col_menu_box{box-shadow: 0 0.03rem 0.15rem rgb(0 0 0 / 15%);background: #fff;margin-bottom: 0.22rem;} .col_menu .l-qh{ margin-bottom:10px;} .col_menu .col_menu_head {/* margin-bottom: 0.2rem; */position: relative;}/**位置栏目背景**/ .col_menu .col_menu_head h3.col_name {font-size: 0.32rem;color: #fff;background: linear-gradient(213.77deg, rgb(0, 146, 229) -25.545%,rgb(0, 50, 136) 90.887%);line-height: 0.8rem;padding: 0 0.36rem;font-weight: normal;font-family: 'SourceHanSerifCN-Bold';}/**位置栏目字体**/ .col_menu .col_menu_con{/* background: #F0F0F0; *//* padding: 25px 22px 50px; */} /*栏目列表*/ .col_metas.clearfix { display: flex; /* flex-direction: row-reverse; */ justify-content: space-between; align-items: center; } .col_metas.clearfix:after { display: none; } .possplit:after {content: "/";font-size: 0.16rem;} .possplit {text-indent: inherit;font-size: 0;color: #666;background-image: none;width: auto;margin: 0 0.1rem;} .col_list{} .wp_listcolumn .wp_column{ background: #fff; display: block; border-bottom: 1px solid #E1D4A5; } .wp_listcolumn .wp_column:last-child{ border-bottom: 0px solid #E1D4A5; } .col_list .wp_listcolumn .wp_column a:after { content: ">"; font-size: 0.2rem; font-family: "宋体"; display: none; } .col_list .wp_listcolumn { border-top:0px solid #18438A; border-bottom:0px solid #fff; } .col_list .wp_listcolumn .wp_column a {color: #333;font-size: 0.24rem;font-weight:normal;background:none;border-top: aliceblue;border-bottom: none;text-align: left;box-sizing: border-box;display: block;padding: 0 0.36rem;font-family: 'SourceHanSerifCN-Bold';line-height: 0.76rem;} .col_list .wp_listcolumn .wp_column a:hover, .col_list .wp_listcolumn .wp_column a.selected {background: linear-gradient(92.83deg, rgba(0, 146, 229,0.2) 10.568%,rgba(255, 255, 255,0.2) 111.198%);} .col_list .wp_listcolumn .wp_column a.selected span.column-name{/* color: #18438A; */} .col_list .wp_listcolumn .wp_subcolumn .wp_column a{ color:#454545;background:none; border-top:1px solid #fff; border-bottom:1px solid #bbb;} .col_list .wp_listcolumn .wp_column.parent > a .column-name{font-weight:bold; color:#18438A;} /*二级子栏?*/ .col_list .wp_listcolumn .wp_column .sub_list a {/* border-top:1px solid #eee; */line-height: 0.6rem;font-size: 0.22rem;} .col_list .wp_listcolumn .sub_list a .column-name {display:inline-block;line-height: 0.4rem;padding-left: 1em;cursor:pointer;} /*三级子栏?*/ .col_list .wp_listcolumn .wp_column .sub_list .sub_list a{} .col_list .wp_listcolumn .sub_list .sub_list a .column-name {padding: 5px 10px 5px 60px;cursor:pointer;} .col_list .wp_listcolumn .sub_list .sub_list a :hover, .col_list .wp_listcolumn .sub_list .sub_list a.selected {font-weight:bold; color:#18438A;} .col_post { border-radius: 0.08rem; box-shadow: 0px 3px 20px 0px rgba(149, 174, 216, 0.2); background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.8),rgb(255, 255, 255) 100%); min-height: 2rem; padding: 0.2rem 0.35rem; box-sizing: border-box; } .col_post .tt .title { color: var(--hoverColor); font-size: 0.24rem; font-family: 'SourceHanSerifCN-Bold'; } .col_post .tt { padding-bottom: 0.2rem; } .col_post.newPost .tt { border-bottom: 1px solid rgb(0 50 136 / 10%); margin-bottom: 0.2rem; } .col_post.newPost { padding-bottom: 0; } .col_post.newPost .con { padding-left: 0.2rem; border-left: 1px solid rgb(0 50 136 / 10%); } .col_post.newPost .news_list .news { padding-bottom: 0.32rem; position: relative; } .col_post.newPost .news_list .news_date { font-size: var(--smailSizex); color: var(--mainColor); line-height: 1.3; margin-bottom: 0.12rem; } .col_post .news_list .news_title { font-size: var(--smailSize); line-height: 1.65; } .col_post.newPost .con .news_list { top: -0.06rem; position: relative; } .col_post.newPost .news_list .news:after { content: ""; border: 1px solid #D6DBEB; width: 0.08rem; height: 0.08rem; position: absolute; border-radius: 50%; box-sizing: border-box; left: -0.245rem; top: 0.06rem; background: #fff; } .col_post.hotPost .news .news_imgs a { padding-top: 56.4%; } .col_post.hotPost .news .news_wz { padding: 0.12rem 0 0.26rem; } .col_post.hotPost .news .news_type { font-size: var(--titleSize); color: #9F2121; margin-bottom: 0.11rem; } .col_post.hotPost .news .news_type span { font-weight: bold; font-size: 0.24rem; } .col_post.hotPost .news .news_title {} /**栏目新闻**/ /**默认新闻列表?*/ .mrlist .col_news_list .news_list .news{margin-bottom: 0.24rem;} .mrlist .col_news_list .news_list .news a { display: flex; padding: 0.33rem 0.43rem 0.33rem 0.3rem; flex-direction: row-reverse; border-radius: 0.08rem; box-shadow: 0px 3px 20px 0px rgba(149, 174, 216, 0.2); background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.8),rgb(255, 255, 255) 100%); min-height: 2.28rem; box-sizing: border-box; overflow: hidden; } .mrlist .col_news_list .news_list .news a:hover { box-shadow: 0px 3px 20px 0px rgba(149, 174, 216, 0.5); } .mrlist .col_news_list .news_list .news .news_imgs{width: 2.45rem;flex:none;background:0 0;display:flex;align-items:center;margin-left: 0.59rem;} .mrlist .col_news_list .news_list .news .news_imgs span{ padding-top: 66.8%; display: block; position: relative; width: 100%; } .mrlist .col_news_list .news_list .news .news_wz{flex:1;} .mrlist .col_news_list .news_list .news .news_date{font-size: var(--smailSizex);color: var(--mainColor);background: url(images/date.svg) no-repeat left /0.14rem;line-height: 0.2rem;padding-left: 0.23rem;} .mrlist .col_news_list .news_list .news .news_title{font-size: var(--bigSize);line-height: 1.6;margin-bottom: 0.1rem;font-weight: bold;} .mrlist .col_news_list .news_list .news .news_text{font-size: var(--smailSizex);line-height: 1.75;color: #999999;margin-bottom: 0.2rem;} .mrlist .col_news_list .news_list .news .news_text a{color:#666} .mrlist .col_news_list .news_list .news.noimg .news_imgs{display:none} .mrlist2 .col_news_list .news_list { display: flex; margin: 0 -0.1rem; flex-wrap: wrap; } .mrlist2 .col_news_list .news_list .news { width: 33.33%; } .mrlist2 .col_news_list .news_list .news a { margin: 0 0.1rem; padding: 0; display: block; height: 100%; min-height: 3.79rem; } .mrlist2 .col_news_list .news_list .news .news_imgs { width: 100%; margin: 0; } .mrlist2 .col_news_list .news_list .news .news_imgs span { padding-top: 57.5%; } .mrlist2 .col_news_list .news_list .news .news_wz { padding: 0.18rem 0.26rem; } .mrlist2 .col_news_list .news_list .news.noimg .news_text{ -webkit-line-clamp: 5; } .col_news { flex: 1; } /**当前栏目**/ .col_metas .col_title h2 { font-size: 0.2rem; font-family: "Microsoft yahei"; font-weight: normal; /* color:#18438A;*/ /* border-bottom:3px solid #CBCBCB;*/ font-weight: bold; } .col_metas .col_path { display: inline-block; float: right; white-space: nowrap; /* height:46px;*/ /* line-height:46px;*/ color: #666; font-size: 0.16rem; } /**当前位置**/ .col_metas .col_path a { color: #666666; } .col_news_con { /* padding:5px 0px 10px 0px;*/ margin: 0 0px; } .col_news_list .wp_article_list .list_item { ;} /**栏目新闻列表**/ .col_news_list .wp_article_list .list_item .Article_Index { ;} /**栏目新闻图标序号**/ .col_news_list .wp_entry,.col_news_list .wp_entry p { line-height: 1.75; font-size: 14px; color: #333; } .col_news_list .wp_entry p { margin-bottom: 10px; } .col_news_list .wp_entry table { margin-bottom: 4px; } .col_news_list .wp_entry img { max-width: 680px; _width: expression(this.width > 680 ? "680px":this.width); } .col_post.hotPost { margin-bottom: 0.3rem; min-height: 4.14rem; } .col_post.hotPost .swiper-button-next,.col_post.hotPost .swiper-button-prev { width: 0.2rem; height: 0.15rem; background-color: transparent; background-size: 100% 100%; border-radius: 0; opacity: 1;]1;]1;]; top: 0.89rem; margin: 0; } .col_post.hotPost .swiper-button-next { background-image: url(images/right2_w.svg); } .col_post.hotPost .swiper-button-prev { background-image: url(images/left2_w.svg); } /**文章?*/ .info .col_metas.clearfix { height: .63rem; } .infobox { padding: .56rem 0; margin: 0 auto; width: auto; } .article { background: #fff; border-radius: 0.08rem; box-shadow: 0px 3px 20px 0px rgba(149, 174, 216, 0.2); background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.8),rgb(255, 255, 255) 100%); padding: 0.5rem 0.8rem; } .article .tr.tr1{text-align:right;font-size:16px} .article h1.arti_title { line-height: 1.3; font-family: SourceHanSerifCN-Bold; font-size: 0.32rem; margin: 0.08rem 0; text-align: center; font-weight: normal; } .article h2.arti_title { line-height: 1.5; font-family: 'SourceHanSerifCN-Bold'; font-size: 0.24rem; text-align: center; } .article .arti_metas { text-align: center; line-height: 1.3; margin: 0; /*display: flex; */ flex-wrap: wrap; } .article .arti_metas>span { font-size: 0.16rem; color: #848484; margin-right: 0.1rem; max-width: 20em; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .article .arti_info.clearfix { position: relative; margin-top: 0.3rem; border-top: 1px solid #5CB7F0; padding-top: 0.1rem; display: flex; justify-content: space-between; color: #848484; align-items: center; } .article .entry { margin: 0 auto; overflow: hidden; margin-top: .3rem; min-height: 4rem; } .article .entry .read, .article .entry .read p{ line-height: 1.75; font-size: var(--titleSize); color: #333; font-family: "微软雅黑"; } .article .entry .read p * { font-family: "微软雅黑"; } .article .entry.bigSize .read p, .article .entry.bigSize .read p * { font-size: calc(var(--bigSize) + 0.02rem) ! important; } .article .entry.smallSize .read p, .article .entry.smallSize .read p * { font-size: var(--smailSizex) ! important; } .article .entry .read p { margin-bottom: .1rem; } .article .entry .read img { margin: 0 auto; max-width: 9.4rem; text-align:center; } .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; } .infoPage .col_news_list.listcon { } .article .arti_info.clearfix:after { display: none; } .info_right { display: flex; align-items: center; gap: 0.15rem; } .info_right .tt { font-size: var(--smailSize); flex: none; } .social-share { position: relative; cursor: pointer; display: flex; flex: none; } .my-share-d>div { background: #ffffffc4; border-radius: 50%; margin: 0.05rem 0; width: 0.4rem; height: 0.4rem; display: flex; align-items: center; justify-content: center; } .my-share-d>div img { max-width: 63%; } .my-share-d>div:nth-child(3) img { max-width: 82%; } .my-share-d { position: absolute; left: 100%; top: 50%; transform: translateY(-50%); width: max-content; display: none; padding-left: 0.1rem; } .info_right .social-share .tt { padding-right: 0.16rem; background: url(images/share.svg) no-repeat right; display: inline-block; background-size: auto 100%; } .qrid_zz{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.9);display: none;top: 0;left: 0;z-index: 1000;display: none;justify-content: center;align-items: center;} .qrid_zz #qrid{padding: 8px;background: #fff;border-radius: 5px;} .fontSize-change { display: flex; align-items: center; } .fontSize-change .con { display: flex; } .fontSize-change .con { padding: 0.04rem; border-radius: 0.04rem; background: #F4F4F4; } .fontSize-change .con span { display: inline-block; width: 0.37rem; line-height: 0.3rem; text-align: center; color: var(--hoverColor); font-size: var(--smailSize); cursor: pointer; border-radius: 0.04rem; } .fontSize-change .con .active { background: var(--hoverColor); color: #fff; } /**底部**/ #footer{background: url(images/footbg.jpg) no-repeat right;background-size:cover;position:relative;} .footer .inner{padding: .82rem 0 0;box-sizing:border-box;position:relative;z-index:1} .foot-top{display:flex;justify-content: space-between;padding-bottom: 0.76rem;border-bottom: 1px solid rgb(255 255 255 / 15%);} #footer .inner.in1{padding:.57rem 0 .32rem;position:relative} #footer .inner .mod{flex:1 1 auto} #footer .inner p{font-size: var(--smailSizex);line-height: 2;font-weight:400;color:#fff;opacity: 0.8;} #footer .inner p a{color:#fff} #footer .inner p span{margin:0 3px} #footer .tt .title{color:#fff;font-size: var(--bigSize);line-height: 0.29rem;font-weight:700;margin-bottom:.14rem} .zdf img{ width: 0.8rem; } #footer .foot-left img { width: 3.74rem; } #footer .contant { margin-top: 0.244rem; } #footer .links .news_list .news_title { color: #fff; font-size: var(--smailSize); } #footer .links .news_list .news_title a { color: #fff; } .foot-bottom:after { content: ""; width: 100vw; background: #080504; position: absolute; opacity: 0.2; height: 100%; left: 0; top: 0; } .foot-bottom .con { display: flex; width: var(--innerWidth); margin: 0 auto; justify-content: space-between; } .foot-bottom p { opacity: 0.48; color: #fff; font-size: var(--smailSizex); } .foot-bottom p a{ color: #fff; } .return_top { color: #D5B887; cursor: pointer; font-size: var(--smailSize); display: flex; align-items: center; gap: 0.24rem; flex: none; } .returnTop {font-size: var(--smailSize);color: #D5B887;cursor: pointer;} .returnTop img { margin-left: 0.24rem; } .foot-bottom * { position: relative; z-index: 1; } .foot-left { flex: 1; } .foot-right { flex: 1; display: flex; justify-content: flex-end; } #footer .inner .foot-bottom p { opacity: 0.48; }/**底部链接**/ .foot-left .tt{margin-bottom:.18rem} .foot-left .links{margin-right:1.02rem} #footer .foot-center { flex: 1; text-align: center; } #footer .foot-center img { width: 3.3rem; } #footer .tt { margin-bottom: 0.2rem; } #footer .links .news_list { display: flex; padding: 0.4rem 0; justify-content: space-between; } #footer .links .news_list .news_title a { } .shares .news_list .title { font-size: var(--smailSizex); color: #fff; } /**分享**/ .shares .news_list{display:flex;text-align:center;gap:.17rem} .shares .news_list .imgs{width: 1.09rem;height: 1.09rem;background: #fff;margin-bottom: 0.21rem;} .shares .news_list .imgs img{width:100%;height:100%unset} .shares .news_list .news_icon{display:block;background-color:#ffffff2e;width:.5rem;height:.5rem;border-radius:50%;background-repeat:no-repeat;background-position:center;opacity:.7;background-size:53%} .shares .news_list .news{position:relative} .shares .news_list .n1 .news_icon{background-image:url(images/weixin.svg)} .shares .news_list .n2 .news_icon{background-image:url(images/weibo.svg)} .shares .news_list .news_icon:hover{opacity:1} .shares .news_list .news:hover .imgs{opacity:1;transform:none} .shares .news_list .news_title{color:#fff;font-size:var(--smailSizex);line-height:1.4;margin-top:.13rem} .footlogo img{width:4.62rem} .foot-bottom{padding: 0.3rem 0;position:relative;z-index:1;display: flex;align-items: center;justify-content: space-between;} .shares .news_list .title { font-size: var(--smailSizex); color: #fff; } /**侧导?*/ 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: 0.54rem;height: 0.72rem;cursor:pointer;right: 0.14rem;bottom: 36%;z-index: 1;display:block;opacity: 1;transform: none;top: 3.97rem;position: absolute;} .Scroll-to-top img{width: 100%;height: 100%;} #advise{position:relative;z-index:2} #advise>img{margin-top:10px} #advise .advise_con {display: none;width: 1.05rem;position:absolute;right:100%;top:50%;transform:translateY(-50%);padding: 0.05rem 0.08rem;margin-right: 0.15rem;display: none;flex-direction: column;color:#fff;text-align:center;font-size: var(--smailSizex);justify-content: space-between;background:url(images/advise_con.png) center no-repeat;background: #0092E5;border-radius: 0.1rem;opacity:0;box-sizing:border-box;background-size: cover;} #advise .advise_con:before{content:'';border:0.08rem solid transparent;position:absolute;border-left-color:#0092E5;right:-0.16rem;top:50%;transform:translateY(-50%)} #advise .advise_con img{width:auto;max-width: 100%;max-height: 0.8rem;} #advise:hover .advise_con {opacity:1;transition:0.4s;display: flex;} #advise .ewm_advise div{margin-top: 0.07rem;} #advise .email_advise{background:rgba(255,255,255,0.2);padding: 0.15rem 0.05rem;border-radius: 0.07rem;} #advise .email_advise a{color:#fff;margin-top:8px;display:inline-block;line-height:1.4;word-break: break-all;} #advise .phone_advise{background:rgba(255,255,255,0.2);padding:12px 5px;border-radius:7px;line-height: 1.5;} .advise_box{margin: 0 0rem;} .nav-side { right: 0; top: 30%; z-index: 2; } .gn_ce { transform: translateY(-60px); opacity: 0; position: fixed; right: 0; top: 30%; z-index: 99; display: flex; flex-direction: column; align-items: center; visibility: hidden; } .nav-side .news_list a { display: flex; align-items: center; justify-content: center; width: 1rem; height: 0.4rem; border-radius: 0.08rem 0 0 0.08rem; background: url(images/navside.jpg)no-repeat center/100% 100%; color: #fff; font-size: var(--smailSizex); margin-bottom: 0.04rem; } .nav-side .news_list a .icon{ display: inline-block; width: 0.12rem; height: 0.12rem; background-size: 100% 100%; margin-right: 0.07rem; } .nav-side .news_list a:nth-child(1) .icon{ background-image: url(images/s_icon1.svg); } .nav-side .news_list a:nth-child(2) .icon{ background-image: url(images/s_icon2.svg); } .ewm_advise.advise_box { display: none; } #advise .phone_advise{ display: none; } .Scroll-to-top:hover { animation: none; } #container-2 .post1 .news_wz .news_text a{ color:#999999; } #container-4 .news_wz .line1 { text-overflow: hidden; overflow: visible; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #container-4 .post-41 .news .news_date {display: none;} ٶ