@charset "utf-8"; /*Technical Support SudyTech*/ @font-face { font-family: 'syhr'; src: url('fonts/SourceHanSansCN-Regular.ttf'); } @font-face { font-family: 'syhy'; src: url('fonts/SourceHanSansCN-Bold.ttf'); } @font-face { font-family: 'syhm'; src: url('fonts/SourceHanSansCN-Medium.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:#232222;background:#F8FBFB} :root{--mainColor: #A42325;--hoverColor: #A42325;--bigSize:0.2rem;--titleSize:0.18rem;--smailSize:0.16rem;--smailSizex: 0.14rem;--innerWidth:15rem} 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} /**鍏煎妯″紡鎻愮ず**/ .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{box-sizing: border-box;border-top: 10px solid #A42325;border-bottom:none;height:auto;line-height:inherit;background-size:cover;position:relative;z-index:3;background: linear-gradient(to bottom, #580000d1, transparent);position:absolute;width:100%;top:0;transition:1s} .header.fix{background:var(--mainColor)} .header .inner{position:relative;transition:all 0.4s ease-in-out;width: 93.64%;} .header .sitelogo{display:flex} .header .sitelogo .logo img{width:5.4rem} .header .sitelogo .logo{margin-right:0.29rem;display:inline-block} .header .sitelogo h1{font-size:inherit;font-weight:normal;background:none;padding-left:0px} .header .sitelogo .sitetitle{display:inline-block;margin-left:0.19rem;color:#fff;min-height:0.52rem;vertical-align:middle;margin-top:0.1rem; font-size: 0.24rem; font-weight: bold;} .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;height: 1.4rem;align-items:center;} .header .head-top{display:flex;align-items:center;gap:0.12rem} .header .head-top .left{display:block;} .header .head-top .searchbox{display:block;} .header .head-right{display:flex;align-items:flex-end;gap:0.1rem;flex-direction:column;} /* 鎼滅储 */ .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.44rem;border-radius:0.22rem;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:0.44rem;background:none;color:#FFFFFF;font-size: var(--smailSizex);border:0;outline:0;font-family:'arial';} .wp-search .search-btn{width:0.44rem;height:0.44rem;position:absolute;right:0;top:0%} .wp-search .search-btn input.search-submit{width:100%;height:100%;border:0;outline:0;background:url(images/sous2.svg) no-repeat center;cursor:pointer} .header .searchbox{width:1.8rem;border-radius:0.22rem} .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.14rem;line-height:1;display:inline-block;font-size:var(--smailSize)} .site-lang ul li.links a:hover{color:#fff} .header .site-lang ul li.links:first-child a{border-right:1px solid #ffffff40} /**瀵艰埅**/ #nav{width:9rem} #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} .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: "寰蒋闆呴粦"; font-weight: 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: var(--mainColor);opacity: 0;transform: translateX(-50%) scale(0);transition: all 0.4s ease-in-out;border-radius: 8px;overflow: hidden; opacity: 0.7 !important;} .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 17px;font-size:var(--smailSize);background:none;text-align:center;} .nav .sub-menu .sub-item.hover>a,.nav .sub-menu .sub-item a:hover{color: #333;background-color: #fff;display:block} .nav .sub-menu .sub-menu{left:100%;top:0px;z-index:200;background:#fff} .nav .site-lang{display:none} .nav .wp-menu .menu-item a.menu-link:after {content: "";width: 100%;height: 1px;position: absolute;bottom: 0;background: #fff;left: 0;transform: scale(0);transition: all 0.4s ease-in-out;} .nav .wp-menu .menu-item a.menu-link:hover:after {transform: scale(1);} .nav .wp-menu li:hover>.sub-menu {transform: translateX(-50%);opacity: 1;} /**澶у浘**/ .mbanner{ perspective: 1920px; transform-style: preserve-3d; } #banner .inner{width:100%;text-align:center} .mbanner .news_imgs a{display:block;height:100vh} .mbanner .news_imgs a img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .mbanner .slick-prev,.mbanner .slick-next{z-index:1;top:auto;bottom:calc((100% - 2.2rem)/2 - 0.23rem);opacity:0.8; background: #A42325;} .mbanner .slick-prev:hover,.mbanner .slick-next:hover{color:#fff;opacity:1;} .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{display:flex;font-size:0.33rem;line-height:1.4;position:absolute;bottom:0;width:15rem;left:50%;transform:translateX(-7.5rem);background:rgb(0 0 0 / 57%);height:1.09rem;color:#fff;text-align:left;padding:0 0.46rem;box-sizing:border-box;align-items:center;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .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_imgs a:before{content:"";display:block;width:100%;position:absolute;height:60%;background:url(images/bannerbg.png) no-repeat;background-size:100% 100%;bottom: 0;} .mbanner .news .news_video:before{content:"";display:block;width:100%;position:absolute;height:60%;background:url(images/bannerbg.png) no-repeat;background-size:100% 100%;z-index: 1;bottom: 0;} .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} .bannerPage #banner .inner { position: fixed; top: 0; left: 0; z-index: 1; } .bannerPage #banner { height: 100vh; position: relative; transform-style: initial; perspective: none; } .bannerPage .body_m { z-index: 1; } .bannerPage .body_m .wrapper { position: relative; z-index: 1; } /**鍐呭**/ #m-container{} #m-container .inner{} .body_m {/* overflow: hidden; */} .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);} .col_news { width: 1200px; margin: 0 auto; } /**涓讳綋鍏叡**/ .post1 .tt{display:flex;position:relative;justify-content: left;margin-bottom:0.42rem} .post1 .more_btn{position:absolute;right:0;bottom:0.26rem;} .post1 .more_btn img{width:0.14rem;margin-left:0.05rem} .post1 .more_btn .more_text{vertical-align:middle;font-size:var(--bigSize);color:#A42325;line-height:0.21rem;font-weight: bold;} .post1 .tt .tit span{display:block;position:relative;z-index:1} .post1 .tt .tit{width:auto;text-align:left;position:relative;color: #A42325;} /* .post1 .tt .tit:after{content:"";display:block;width:100%;height:0.72rem;position:absolute;background:url(images/ttbg1.svg) no-repeat;background-size:100% auto;bottom:0.057rem} */ .post1 .tt .title{font-size: 0.38rem;font-weight:normal;font-weight:bold;line-height: 0.55rem;font-family: "寰蒋闆呴粦";color: #A42325;} .post1 .tt .tt_en{font-size: 0.18rem;line-height: 0.26rem;text-align: left;padding-left: 0.3rem;font-weight:normal;position:relative;font-weight: bold;} .post1 .tt .tt_en:before{content:'';width:0.2rem;height:0.02rem;position:absolute;left:0;top:50%;background:#A42325;} .post1 .news .news_title{font-size:var(--titleSize);line-height:1.35;color: #A42325;/* font-weight:bold; */} .post1 .news .news_text{font-size: var(--smailSizex);line-height:1.75;color:#707070;} .post1 .news .news_title a{color: #252525;} .post1 .news .news_text a{color:#707070} .post1 .news .news_date{font-weight:bold;font-size: var(--titleSize);line-height:1.32;color: #A42325;} .post1 .news .news_meta{color:#fff;display:inline-block} .post1 .news .news_meta span{display:block;text-align:center} .post1 .news .news_meta .news_year{font-size:0.16rem;color: var(--mainColor);} .post1 .news .news_meta .news_days{font-size: 0.32rem;font-weight:bold;margin-top: 0.08rem;position: relative;width: 100%;text-align: center;z-index: 1;color: var(--mainColor);} .post1 .news .news_meta .news_month{font-size: 0.16rem;font-weight: bold;color: var(--mainColor);} .post1 .news .news_l .news_meta{width: 0.75rem;height: 0.75rem;background:var(--mainColor);padding-left: 0.22rem;/* box-sizing:border-box; */position:absolute;top: 0.17rem;left: 0;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.24rem;width: 0.75rem;opacity: 0.1;background: #99151B;/* border-left:0.14rem solid transparent; *//* border-right:0px solid transparent; *//* left:0; */bottom: 0;z-index: 0;} /**main1**/ .main1{background:#FFF;position:relative;z-index:1;/* margin-top: -0.87rem; */} .main1 .inner{padding: 0;position: relative;top: -0.87rem;} .main1 .mbottom{display:flex;flex-wrap: wrap;} .main1 .post-12 .slick-dots { text-align: right; bottom: 0.72rem; left: -0.5rem;} .main1 .post-12 .slick-dots li button{width:0.08rem;height:0.08rem;} .main1 .post-12 .slick-dots li{width:0.08rem;height:0.08rem;margin:0 0.04rem;background:#58000040;} .main1 .post-12 .slick-dots li.slick-active{width:0.26rem;background:#A42325; margin: 0 0.04rem;border-radius:0.1rem;} .post-12{flex:none;width: 100%;margin-right:0.35rem;box-shadow: 0 0.03rem 0.1rem rgb(0 0 0 / 15%);} .post-12 .con{display:flex} .post-12 .con .list1{width: 100%;flex:none;margin-right:0.35rem} .post-12 .con .list1.list1-2{display:none} .post-12 .con .list1 .news_imgs a{padding-top: 55.54%;} .post-12 .news .news_l{width: 50%;float:left;} .post-12 .news .news_wz{width:7.43rem;float:right;/* border-left:0.04rem solid var(--mainColor); */transition:all 0.4s ease-in-out} .post-12 .news .news_imgs{position:relative;/* width: 7.58rem; */} .post-12 .list1 .news .news_wz{padding: 0.78rem 0.49rem 0.14rem;height:1.57rem;width: 50%;box-sizing:border-box} .post-12 .list1 .news .news_title{ font-weight: bold; font-size: 0.26rem;font-family: '寰蒋闆呴粦';margin-bottom: 0.33rem;line-height: 0.44rem;color: #A42325;width: 100%;overflow: hidden;text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;} .post-12 .list1 .news .news_title a{color:#A42325;} .post-12 .list1 .news .news_text{margin-bottom:0.05rem;font-size: 16px;width: 100%;overflow: hidden;text-overflow:ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #666666;display: -webkit-box;font-family: 鈥滃井杞泤榛戔€滬 text-indent: 2em;} .post-12 .list1 .news .news_date{position:absolute;bottom:0.66rem;} .post-12 .con .list2{flex:1;display:flex;flex-direction:column;justify-content:space-between} .post-12 .con .list2 .news_imgs a{padding-top:66.57%} .post-12 .con .list2 .news_wz{height:0.56rem;display:flex;align-items:center;padding:0 0.17rem} .post-12 .news:hover .news_wz{border-color:#E1D4A4} .post-13{flex:1;width:0;margin-top: 0.3rem;} .post-13>div{height:100%} .post-13 .news_list{height:100%;display:flex;flex-direction: row;/* gap:0.23rem; */} .post-13 .news_list .news{height: 1.46rem;display:flex;flex-direction:column;justify-content:center;width: 33.33%;} .post-13 .news_list{box-shadow:0 0.03rem 0.1rem rgb(0 0 0 / 15%);} .post-13 .news_list .news:hover .news_box{border-color:var(--hoverColor);/* height:1.29rem; *//* margin:0 -2.8%; */} .post-13 .news_list .news .news_box{/* border-left:0.04rem solid var(--mainColor); */transition:all 0.4s ease-in-out;/* background:#fff; */flex:none;height:100%;padding: 0 0.4rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center} .post-13 .news .news_text{transition:all 0.4s ease-in-out;opacity:0;line-height:0;visibility:hidden;display: none;} .post-13 .news_list .news .news_date{margin-bottom: 0.18rem;line-height: 0.21rem;font-size: var(--smailSize);} .post-13 .news_list .news .news_title{transition:all 0.3s;font-size:var(--titleSize);line-height: 0.28rem;font-family: "寰蒋闆呴粦";width: 100%;overflow: hidden;text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box; font-weight: bold; } .post-13 .news_list .news:hover .news_title{margin-bottom:0.09rem;} .post-13 .news_list .news:hover .news_text{line-height:1.75;opacity:1;visibility:inherit} .post-13 .news_list .news:after{content:'';position:absolute;right:0;top: 0.3rem;height:0.86rem;width:1px;background:#70707060;} .post-13 .news_list .news:last-child:after{opacity:0;} .post-14 .news_list .news:last-child:after{opacity:0;} .post-14{width:100%;border-radius: 0.1rem;box-shadow: 0 8px 14px #6C6D8216;margin-bottom: 0.54rem;background: #fff;} .post-14 .news_list{border-radius: 0.1rem;} .post-14 .news_list .news{width:16.66%;position:relative;height:1.6rem;} .post-14 .news_list .news:after{content:'';position:absolute;right:0;top: 0.365rem;height:0.86rem;width:1px;background:#70707060;} .post-14 .news_list .news .news_box{border-left: 0;box-shadow: 0 0.0rem 0rem rgb(0 0 0 / 15%);text-align:center;} .post-14 .news_list .news .news_box .news_icon{width:0.5rem;height:0.5rem;margin:0 auto;} .post-14 .news_list .news .news_box .news_icon img{width:100%;height: 100%;} .post-14 .news_list .news .news_box .news_title{font-family:"寰蒋闆呴粦";font-size: 0.24rem;padding: 0.11rem 0;} /**main2**/ .main2 .inner{padding:0.82rem 0 0.7rem} .post1.post-21 .tt .tit{color:#A42325} .post1.post-21 .more_btn .more_text{color:#A42325} .main2{background:url(images/main2bg.png);background-size:cover;position:relative} .main21{background:none;} .main2 .inner{padding: 0.68rem 0 0.89rem;} .main21 .inner{padding: 0.57rem 0 0.73rem;} .post1.post-21 .tt .tit{color:#A42325} .post1.post-21 .more_btn .more_text{color:#A42325} .main2 .mbottom{display:flex} .post-22{width: 100%;flex:none;/* margin-right:0.34rem; */} .post-22 .list1{/* width: 100%; */margin: 0 -0.26rem 0.41rem;} .post-22 .list1.list1-1 {display:flex;} .main21 .post-22 .list1.list1-1{display:none;} .main21 .post-22 .list1-2 .news .news_title{line-height:0.28rem;];padding-top: 0.28rem;} .post-22 .list1 .news{width:50%;margin: 0 0.26rem;position: relative;box-sizing: border-box;border: 1px solid #FFFEFA;box-shadow: 0 3px 20px #00000010;transition:all 0.3s} .post-22 .list1 .news:hover{transform:scale(1.05)} .post-22 .list1 .news .news_l{width:1.53rem;} .post-22 .list1 .news .news_imgs{display:none;} .post-22 .list1.list1-2{/* display:none; */display: flex;row-gap: 0.4rem;column-gap: 0.26rem;margin: 0;flex-wrap: wrap;justify-content: space-between;} .post-22 .list1 .news_imgs a{padding-top:56.29%} .post-22 .con{/* display:flex; *//* margin: 0 -0.26rem; */} .post-22 .list1 .news_wz{background:#fff;height: 2.36rem;/* border-top:0.04rem solid var(--mainColor); *//* border-left:0.04rem solid var(--hoverColor); */display:flex;/* justify-content:center; */flex-direction:column;padding: 0 0.3rem 0 1.26rem;transition:all 0.4s ease-in-out} .main2 .post1 .news .news_l .news_meta{background: #FFF;color:#333} .main2 .post1 .list1-2 .news .news_l .news_meta{height:0.9rem;} .main2 .post1 .news .news_l .news_meta:after{/* border-top:0.09rem solid #0F615F; */} .post-22 .list1 .news_wz .news_title{margin-bottom: 0.1rem;line-height: 0.5rem;padding-top: 0.41rem;position:relative;font-size: 0.26rem;font-family: 鈥滃井杞泤榛戔€滬 font-weight: bold;} .post-22 .list1 .news_wz .news_title:after{content:'';width:100%;height:1px;position:absolute;bottom:0;left:0;background: linear-gradient(to right, #8B1A0D, transparent);} .post-22 .list2{flex: none;width: 100%;display: none;} .post-22 .list2 .news .news_imgs a{padding-top:179%} .post-22 .list2 .news .news_title{position:absolute;color:#fff;bottom:0.42rem;left:0.94rem;right:0.21rem;font-family:"SourceHanSerifCN-Bold";font-size:0.14rem} .post-22 .list2 .news .news_title a{color:#fff} .post-22 .list2 .news{position:relative} .post-22 .list1 .news .news_wz{border-color:#E1D4A4;} .post-22 .news .news_text{font-size: var(--smailSize);line-height: 0.24rem;padding: 0.06rem 0;color: #A42325;} .post-22 .list1-2 .news .news_text,.post-22 .list1-2 .news .news_date,.post-22 .list1-2 .news .news_title:after,.post-22 .list1-2 .news .news_meta:after{display:none;} .post-22 .list1-2 .news .news_meta .news_days{font-weight:normal;} .main21 .post-22 .list1-2 .news .news_meta .news_days{line-height:0.43rem;} .main21 .post-22 .list1-2 .news .news_meta .news_year{line-height:0.2rem} .post-22 .list1-2 .news .news_wz{height:1.22rem;justify-content: center;} .post-22 .list1-2 .news .news_title{font-size:0.18rem;margin: 0;padding: 0;} .post-22 .list1-2 .news{width: 31.33%;margin: 0;} .post-23{display: none;flex: 0;width:0} .post-23>div{height:100%} .post-23 .news_list{height:100%;display:flex;flex-direction:column;gap:0.33rem} .post-23 .news_list .news{height:1.27rem;display:flex;justify-content:center;flex-direction:column} .post-23 .news_list .news .news_box{background:#fff;height:100%;border-left:0.04rem solid #E1D4A4;padding:0 0.26rem;display:flex;justify-content:center;flex-direction:column;transition:all 0.4s ease-in-out;flex:none;box-shadow:0 0.03rem 0.1rem rgb(0 0 0 / 15%)} .post-23 .news_list .news .news_title{margin-bottom:0.07rem} .post-23 .news_list .news .news_box:hover{height:1.35rem;margin:0 -0.09rem} /**main3**/ .main3{position:relative;background: #fff;background:url(images/m3.png)no-repeat center/cover;} .main3 .inner{padding:0.73rem 0 0.77rem} .post-31 .news{float:left;width: 33.33%;} .post-31 .con{position:relative} .post-31 .news .news_box{margin: 0 0.25rem;box-shadow:0 0.03rem 0.1rem rgb(172 180 201 / 16%)} .post-31 .news_list{margin:0 -0.18rem} .post-31 .news .news_imgs a{padding-top: 68%;} .post-31 .news .news_t{display:flex} .post-31 .news .news_t .news_meta{width:0.8rem;background:var(--mainColor);padding-top:0.32rem;background-size:0.69rem} .post-31 .news .news_t .news_imgs{flex:1} .post-31 .news .news_info{display:none} .post-31 .news .news_wz{background:#fff;height: auto;padding: 0.35rem 0.26rem 0.32rem 0.3rem;box-sizing:border-box;position: relative;min-height: 2.04rem;} .post-31 .news .news_title a{color:#2b2b2b} .post-31 .news .news_title{margin-bottom: 0.13rem;width: 100%;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;font-family: 鈥滃井杞泤榛戔€滬 font-weight: bold;} .post-31 .news .news_text{line-height:0.28rem;width: 100%;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;font-family: "寰蒋闆呴粦";} .post-31 .news .news_date{font-size:var(--smailSize);font-weight: bold;position: absolute;bottom: 0.33rem;} .post-31 .news .news_info span{display:block;line-height:0.23rem;margin-bottom:0.1rem;font-size:var(--smailSize);color:#2B2B2B;padding-left:0.33rem} .post-31 .news .news_info .info1{background:url(images/people.svg) no-repeat;background-size:auto 0.24rem} .post-31 .news .news_info .info2{background:url(images/address.svg) no-repeat;background-size:auto 0.24rem} /**main4**/ .main4 .tab-menu{display:flex;justify-content:center;gap:0.2rem;margin-bottom:0.43rem} .main4{background-size:cover;overflow: hidden;background: #fff; position: relative; z-index: 0;} .main4 .inner{padding: 0.78rem 0 0;} .main4 .sudy-tab{position:relative} .main4 .tab-menu li span{display:block;text-align:center;color:#fff;position:relative;z-index:1} .main4 .tab-menu li .tt_cn{font-size:0.3rem;font-weight:normal;font-weight:bold;line-height:1.4} .main4 .tab-menu li{width:1.59rem;text-align:center;position:relative;opacity:0.5;transition:all 0.4s ease-in-out;cursor:pointer} .main4 .tab-menu li .tt_en{text-align:center;position:relative} .main4 .tab-menu li:after{content:"";display:block;width:100%;height:0.72rem;position:absolute;background:url(images/ttbg1.svg) no-repeat;background-size:100% auto;bottom:0.057rem;opacity:0;transition:all 0.4s ease-in-out} .main4 .tab-menu li.selected:after{opacity:1} .main4 .tab-menu li.selected{opacity:1} .post-40.post-12{box-shadow: 0 0 0 0;position: relative;} .post-40.post-12::after{content: '';left: -30%;top: 1.26rem;width:200%;height: 3.44rem;position: absolute;background:#F4F4F4;z-index: -1;} .post-40.post-12 .tt{position: absolute;width: 46%;z-index:1;} .post-40.post-12 .news .news_l{float: right;border: 4px solid #A42325;padding: 0.18rem 0;width: 7.24rem;} .post-40.post-12 .news .news_imgs{width: 7.3rem;float: right;position: relative;right: 0.18rem;} .post-40.post-12 .list1 .news .news_wz{padding-top:1.26rem;} .post-40.post-12 .list1 .news .news_title{margin-top:0.48rem;color:#252525;} .post-40.post-12 .list1 .news .news_title a{color:#252525;} .post-40.post-12 .list1 .news .news_date{bottom: 1.08rem;font-family: 'Microsoft YaHei';font-weight: normal;} .post-40.post-12 .list1 .news .news_date a{color:#A42325;} .post-40.post-12 .con .list1 .news_imgs a { padding-top: 66.71%; } .post-40 .slick-prev,.post-40 .slick-next{width: 0.2rem; height: 0.4rem; box-shadow: 0 0 0; border-radius: 0; text-indent: -999rem; opacity:1; top:60%; } .post-40 .slick-prev{background:url(images/slick-prev.png)no-repeat center/cover;} .post-40 .slick-next{background:url(images/slick-next.png)no-repeat center/cover;} .post-31 .slick-prev,.post-31 .slick-next{top:auto;margin:0;bottom:0.6rem} .post-31 .slick-prev{left:-0.66rem} .post-31 .slick-next{right:-0.66rem} /**main5**/ .main5{position:relative;z-index:1;background: url(images/m5.png)no-repeat center/cover;} .main5 .inner{padding: 0.42rem 0 0.66rem;} .main5 .ml{float: left;} .main5 .mr{float: right;margin-top: -0.6rem;} .post-51 {width:7.86rem;} .post-51 .news_list .news{box-sizing:border-box;width: 3.68rem;position: relative;} .post-51 .slick-dots{bottom:-0.4rem} .post-51 .slick-dots li.slick-active{background:var(--mainColor)} .post-51 .news_list{display: flex;row-gap: 0.5rem;column-gap: 0.5rem;flex-wrap: wrap;} .post-51 .slick-prev{left:-0.69rem} .post-51 .slick-next{right:-0.69rem} .post-51 .news_list .news .news_imgs{box-shadow: 0 3px 30px #00000014;} .post-51 .news_list .news .news_imgs a{padding-top:53.27%;} .post-51 .news .news_title{position: absolute;top: 0.48rem;left: 0.45rem;font-size: 0.28rem;font-family: 鈥滃井杞泤榛戔€滬 font-weight: bold;} .post-52 .tt{margin-bottom:0.45rem} .post-53.post-51{width:6.63rem;} .post-53.post-51 .news_list{margin: 0;} .post-53.post-51 .news_list .news{padding:0;width:100%} .post-53.post-51 .news_list .news .news_imgs a{padding-top:57.8%;} /**main6**/ .main6{position:relative;z-index:1} .main6 .inner{padding-bottom:0.562rem} .post-61 .news_list{margin:0 -0.63rem;position:static} .post-61 .news_list .news{padding:0 0.63rem;text-align:center;position:relative;cursor:pointer;height:2.4rem} .post-61 .con{position:relative} .post-61 .con:after{content:"";display:block;height:0;width:100vw;border-bottom:0.01rem dashed #213282;left:50%;margin-left:-50vw;position:absolute;top:0.71rem;z-index:-1} .post-61 .news .news_top img{width:0.43rem;margin:0 auto} .post-61 .news .news_top{margin-bottom:0.56rem;transition:all 0.6s ease-in-out;transform:scale(0);opacity:0} .post-61 .news .dot{position:absolute;top:0.65rem;z-index:1;left:50%;transform:translateX(-50%)} .post-61 .news .dot svg{width:0.298rem} .post-61 .news .news_bottom .news_icon{padding-top:0;height:0;background:var(--mainColor);position:relative;transition:all 0.6s ease-in-out;transform:scale(0);opacity:1;margin-bottom:0.16rem} .post-61 .news .news_bottom .news_icon img{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);width:0.3rem} .post-61 .news.slick-current .news_bottom .news_icon{opacity:1;padding-top:100%;transform:none} .post-61 .news.slick-current .news_top{opacity:1;transform:none} .post-61 .news .news_bottom .news_title{font-size:var(--bigSize)} .post-61 .news>a:hover .news_bottom .news_icon{opacity:1;padding-top:100%;transform:none} .post-61 .news>a:hover .news_top{opacity:1;transform:none} .post-61 .news .dot svg *{fill:var(--mainColor);transition:all 0.6s ease-in-out} .post-61 .news.slick-current .dot svg *{fill:#E1D4A4} .post-61 .slick-prev,.post-61 .slick-next{top:0.71rem} /**鍒楄〃椤?*/ .l-banner{height:6rem;background-position:center center;background-repeat:no-repeat;text-align:center;background-color:#c5c4c4;position:relative} .l-banner:after{content:"";display:block;width:100%;position:absolute;height:60%;background:url(images/bannerbg.png) no-repeat;background-size:100% 100%;bottom:0} .l-banner img{display:none;height:100%;vertical-align:top} #l-container{position:relative} #l-container .inner{padding:.91rem 0 1.4rem;position:relative} #d-container .inner{background:#fff} /**鏍忕洰鍒楄〃**/ .col_menu_head{position:absolute;bottom:100%;z-index:1;width:100%;left:0} .col_name span{font-size:.44rem;color:#fff} .col_name{margin-bottom:.3rem} .col_path a,.col_path span{color:#fff;font-size:var(--smailSize);line-height:1.3} .col_path{display:inline-block;padding-left:.26rem;background:url(images/home.svg) no-repeat left;margin-bottom:.63rem} .possplit::after{content:"/";font-size:.15rem} .possplit{margin:0 .08rem;width:auto;background-image:none;color:#666;text-indent:inherit;font-size:0} .col_list{width:100%;position:relative;height:.9rem;padding-right:.9rem;box-sizing:border-box;display:flex;align-items:center} .col_list::before{content:"";display:block;width:calc(50vw + 8.2rem);height:0;right:0;position:absolute;top:0;border-bottom:.9rem solid var(--mainColor);border-right:.35rem solid transparent} .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:.7;margin:.05rem 0} .col_list .slick-next,.col_list .slick-prev{width:auto;height:auto;background:0 0;border-radius:0} .col_list .slick-prev{left:-.4rem;display:none!important} .col_list .slick-next{right:-.5rem;width:.3rem;text-align:center} .col_list .slick-next:hover,.col_list .slick-prev:hover{opacity:1;color:#fff;background:0 0} /**榛樿鏂伴椈鍒楄〃椤?*/ .mrlist .col_news_list .news_list .news{display:flex;margin-bottom:.6rem} .mrlist .col_news_list .news_list .news .news_imgs{width:4.7rem;flex:none;margin-right:.4rem;background:0 0;display:flex;align-items:center} .mrlist .col_news_list .news_list .news .news_imgs a{padding-top:61.27%;width:100%} .mrlist .col_news_list .news_list .news .news_wz{flex:1;padding:.18rem 0} .mrlist .col_news_list .news_list .news .news_meta{margin-bottom:.33rem} .mrlist .col_news_list .news_list .news .news_meta span{display:block;color:#666} .mrlist .col_news_list .news_list .news .news_year{font-size:.14rem} .mrlist .col_news_list .news_list .news .news_day{font-size:.36rem;line-height:1.4} .mrlist .col_news_list .news_list .news .news_title{font-size:var(--titleSize);line-height:1.7;font-weight:700;margin-bottom:.17rem} .mrlist .col_news_list .news_list .news .news_text{font-size:16px;line-height:2} .mrlist .col_news_list .news_list .news .news_text a{color:#666} .mrlist .col_news_list .news_list .news.noimg .news_imgs{display:none} /**鏂囩珷椤?*/ .info .col_metas.clearfix{height:.63rem} .infobox{padding:.56rem 0;margin:0 auto;width:auto} .article h1.arti_title{line-height:1.3;font-family:SourceHanSerifCN-Bold;font-size:.3rem;text-align:center;margin-bottom:.2rem} .article h2.arti_title{line-height:2;font-family:"Microsoft YaHei";font-size:.2rem;text-align:center;color:#1b1b1bc7;margin-bottom:.2rem} .article .arti_metas{text-align:center;line-height: 1.3;margin:0} .article .arti_metas>span{margin:0 .16rem;font-size:var(--smailSize);color:#666} .article .arti_info.clearfix{position:relative} .article .entry{margin:0 auto;overflow:hidden;margin-top:.4rem;min-height:400px} .article .entry .read,.article .entry .read p{line-height:1.75;font-size:var(--smailSize);color:#333} .article .entry .read p{margin-bottom:10px} .article .entry .read p,.article .entry .read p span{font-size:0.16rem!important;line-height:2!important;font-family:'瀹嬩綋'!important;} .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/foot.png);background-size:cover;position:relative} .footer .inner{padding:.62rem 0 .38rem;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{width: 8.4rem;display:flex;flex-direction: column;} #footer .inner .foot-center{/* flex:1; */width: 6.59rem;text-align:left} #footer .inner .foot-center .contant{padding: 0.2rem 0 0.15rem;} #footer .inner .foot-center img{max-width:68%;margin-left: -0.1rem;} #footer .inner .foot-right{flex:1;display:flex;justify-content:flex-end} #footer .inner p{font-size:var(--smailSize);line-height: 0.28rem;font-weight:400;color:#fff;opacity: .7;font-family: "寰蒋闆呴粦";transition:all 0.2s;} #footer .inner p:hover{opacity:1;} #footer .inner p a{color:#fff} #footer .inner p span{margin:0 3px} .foot-left .title{color:#fff;font-size: var(--titleSize);line-height: .36rem;font-family: "寰蒋闆呴粦";margin-bottom: .20rem;} /**搴曢儴閾炬帴**/ .foot-left .tt{margin-bottom: 0.1rem;} .foot-left .links{ padding-bottom: 0.18rem; border-bottom: 1px solid #ffffff40; } .foot-left .links.i2{padding-top: 0.18rem;border-bottom:0;} .foot-left .con{margin:0 -0.6rem;} .foot-left .con p{width: 20%;float: left;padding:0 0.6rem;box-sizing: border-box;} .foot-left .links.i2 .con p{width:33.33%;} /**鍒嗕韩**/ .shares{display:none;} .shares .news_list{display:flex;text-align:center;gap:.17rem} .shares .news_list .imgs{width:1rem;height:1rem;position:absolute;bottom:127%;left:50%;margin-left:-.5rem;transform:translateY(-.4rem);opacity:0;transition:all .4s ease-in-out} .shares .news_list .imgs img{width:100%;height:100%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:.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} #footer .post-95{ margin-top: 0.1rem; } #footer .post-95 .news_list{ display: flex; justify-content: space-between;} #footer .post-95 .news_list li.news{float:left;} #footer .post-95 .news_list li.news .news_imgs{ display: block; width: 1rem; overflow: hidden; padding-top: 1rem; position: relative; margin: 0 auto; } #footer .post-95 .news_list li.news .news_imgs img{ display: block; max-width: unset; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; object-fit: cover; } #footer .post-95 .news_list li.news .news_wz{ text-align: center; line-height: 0.2rem; font-size: 0.12rem; font-weight: 400; color: #fff; opacity: .7; margin-bottom: 0.1rem; } #footer .post-95 .news_list li.news .news_title{} #footer .post-95 .news_list li.news .news_sub{} /**渚у鑸?*/ 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;display: none;} 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: #a90f0fad;font-size:20px;line-height:60px;text-align:center;color:#fff;cursor:pointer} .header.fix .mod { height: 0.95rem; margin: 0; } .header.fix .logo img { width: 4.26rem; } .header.fix .head-right { display: flex; flex-direction: row-reverse; align-items: center; gap: 0.15rem; } .header.fix .wp-search .search-input input.search-title { line-height: 0.36rem; }.header.fix .search-btn { height: 0.36rem; } .header.fix { border: 0; } /*2025.3.18*/ .header.fix{background: linear-gradient(to bottom, #580000d1, transparent);} .header.fix .nav{display:none} .pcment-btn{display:none} .header.fix .pcment-btn{display:flex;} /**鑿滃崟鎸夐挳**/ a.pcment-btn { width: .44rem; height: .44rem; background: rgb(255 255 255 / 20%); display: flex; flex-direction: column; gap: .07rem; align-items: center; justify-content: center; float: none; border-radius: 50%; display: none; } a.pcment-btn.btn2 { display: none } a.pcment-btn .xian { display: block; height: .02rem; width: .17rem; background: #fff; border-radius: .02rem; transition: all .4s ease-in-out } a.pcment-btn.arrow .xian:nth-child(2) { display: none } a.pcment-btn.arrow .xian:nth-child(1) { transform: rotate(-45deg); width: .2rem; position: absolute } a.pcment-btn.arrow .xian:nth-child(3) { transform: rotate(45deg); width: .21rem; position: absolute } .header.fix .windows{opacity: 1; visibility: visible;} .windows{ position: fixed; opacity: 0; visibility: hidden; transition: .5s; transform: translateX(100%);right: -0; top: 25vh; } .windows .wp-menu li a{color:#fff;font-size:0.12rem;} .windows .wp-menu li{line-height:0.36rem;border-bottom:1px solid rgba(255,255,255,.3);text-align:center;position: relative;white-space: nowrap;} .windows .wp-menu li.hover{background:#B92F34} .windows .wp-menu .gotop{ height: 0.44rem; border-bottom: 1px solid rgba(255, 255, 255, .3); display: block; background: url(images/gotopbg.svg) no-repeat center left 0.1rem; line-height: 0.44rem; color: #fff; text-align: center; padding-left: 0.3rem; cursor: pointer; padding-right: 0.1rem;} .windows .wp-menu .c_more{content:'';height:0.44rem;display:block; background:url(images/arrowhq.svg) no-repeat center / 0.2rem;visibility: unset;cursor: pointer;} .windows .sub-menu{position: absolute; top: 0; min-width: auto; z-index: 100; background: transparent url(images/nav.png) no-repeat center; width: auto; height: auto; left: 0; opacity: 1; transform: translateX(-100%); background: #B92F34;} .windows .wp-menu .sub-menu li{border:none;padding:0 0.15rem;} .windows .post-62{ position: relative;} .windows .ksdh{ position: absolute;top:0.1rem;bottom:0.5rem;left:0;transform: translateX(-100%);background:#A42325;width:0.42rem;padding:0 0.09rem;box-sizing:border-box; transition: 0.7s ;} .windows .ksdh .ksdhtext{color: #fff; font-size: 0.14rem; font-weight: 600; /*writing-mode: vertical-rl;*/ letter-spacing: 0.15rem; padding-left: 0.05rem; text-align: center;height: calc(100% - 0.9rem); line-height: 0.3rem; padding-top: 0.3rem;padding-bottom: 0.3rem; box-sizing: border-box;} .windows .ksdh .gotop{height:0.44rem;border-bottom:1px solid rgba(255,255,255,.3);display:block;background:url(images/gotopbg.svg) no-repeat center / 0.2rem;cursor: pointer;} .windows .ksdh .zk{height:0.44rem;border-top:1px solid rgba(255,255,255,.3);display:block;background:url(images/arrowzk.svg) no-repeat center / 0.2rem;cursor: pointer;} .post-62 .con{ opacity: 0; transition: 0.7s; background: #A42325;} .windows.in{transform:translate(0,0);} .windows.in .ksdh{opacity: 0;} .windows.in .post-62 .con{opacity: 1;} .windows .Scroll-to-top{width:auto;height:auto; position: static; border-radius: 0;font-size:0.14rem;} .windows .wp-menu li{ transition: .5s;} .windows .wp-menu li:hover{background:#E03137} .main{ overflow: hidden;} .list .header{background:none} .list .header::before{content:'';display:block;width:100%;height:84%;top:0;background: linear-gradient(to bottom, #580000d1, transparent); position: absolute;} .l-banner:after{ height: 15%;} .header{background:none} .header::before{content:'';display:block; background: linear-gradient(to bottom, #580000d1, transparent); position: absolute;top:0;width:100%; height: 80%;}