@charset "utf-8"; /*Technical Support SudyTech*/ html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0} header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block} table{border-collapse:collapse;border-spacing:0} caption,th{text-align:left;font-weight:normal} html,body,fieldset,img,iframe,abbr{border:0} img{vertical-align:top} html{overflow-x:hidden;font-size:100px} 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:#fff} :-moz-placeholder{color:#fff} ::-moz-placeholder{color:#fff} :-ms-input-placeholder{color:#fff} @font-face { font-family: 'syh'; src: url(fonts/SourceHanSansCN-Regular.ttf); } @font-face { font-family: 'pop-medium'; src: url(fonts/Poppins-Medium.ttf); } @font-face { font-family: 'pop-semi'; src: url(fonts/Poppins-SemiBold.ttf); } html{--size: calc(100vw / 19.20);font-size: var(--size);} body{line-height:1;font-size:13px;font-family:'syh',"PingFang","Microsoft YaHei","\u5b8b\u4f53",Tahoma,Geneva,sans-serif;color:#232222;background:#F8FBFB} :root{--mainColor:#A82216;--hoverColor: #A82216;--bigSize:0.2rem;--titleSize:0.2rem;--smailSize:0.16rem;--smailSizex: 0.14rem;--innerWidth:16rem} p{line-height:1.75} a{color:#333;text-decoration:auto;transition:all 0.4s ease-in-out} a:hover{color:var(--hoverColor)} .line1{text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical} .line2{text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .line3{text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .line4{text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical} .wrapper{width:100%;margin:0 auto} .wrapper .inner{width:var(--innerWidth);margin:0 auto} .hoverImg .news_imgs{overflow:hidden} .hoverImg:hover .news_imgs img{transform:scale(1.05)} .hoverImg .news_imgs img{transition:0.4s} /**兼容模式提示**/ .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:relative;z-index:3;position:absolute;width:100%;top:0;transition:1s} .header:before{content:"";position: absolute;top:0;left:0;width: 100%;height: 1.92rem;background: linear-gradient(to bottom,rgba(106,0,0,0.6),transparent);;z-index: -1;} .showNav .header:before{display: none;} .header.fix{background:var(--mainColor)} .header.fix .inner{padding-bottom:0.3rem} body.showNav .header{background:none !important} .header .inner{position:relative;transition:all 0.4s ease-in-out} .header .sitelogo{display:flex} .header .sitelogo .logo img{width:2.7rem} .header .sitelogo .logo{margin-right:0.29rem;display:inline-block} .header .sitelogo h1{font-size:inherit;font-weight:normal;background:none;padding-left:0px} .header .sitelogo .sitetitle{display:inline-block;margin-left:0.19rem;color:#fff;min-height:0.52rem;vertical-align:middle;margin-top:-0.1rem} .header .sitelogo a{align-items:center} .header .sitelogo .tago img{width:3.82rem} .header .sitelogo .sitetitle span{display:block} .header .sitelogo img.logo{width:3.4rem;transition:all 0.6s ease-in-out} .header .head-main{float:left;margin-top:10px} .header .mod{display:flex;justify-content:space-between;padding-top:0.25rem;align-items:flex-end} .header .head-top{display:flex;align-items:center;gap:0.15rem} .header .head-right{display:flex;align-items:flex-end;flex-direction:column} #videobox{position: absolute;z-index: 10;top:0;left:0;bottom:0;right:0;transition: 6s;overflow:hidden;} #videobox .wrap{display:flex;flex-direction:column;transition:4s;/* height: 100%; */width: 100%;} #videobox video{width: 100vw;height: 100vh;object-fit: cover;/* flex: 1 0 0; */background: #a60003;} #videobox .bg{width:100vw;height:100vw;left:0;background:#a60003;z-index:-1;position:relative;border-radius:50%;transform: translateY(-50%); } #videobox.videoEnd{opacity:0; z-index:-1} #videobox.videoEnd .wrap{transform: translateY(-200%);} /* 搜索 */ .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:1.54rem;border-radius:0.1rem;overflow:hidden} .wp-search{position:relative;background:rgb(255 255 255 / 10%)} .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(--smailSize);border:0;outline:0;font-family:'SourceHanSansCN-Regular'} .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:hover{ } .header .searchbox{transition:all 0.4s ease-in-out;opacity: 1 !important;visibility: visible !important;} /**角色**/ .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);line-height:0.4rem;display:inline-block;background: #A82216;text-align: center;padding:0 0.1rem;border-radius: 8px;font-weight:bold} .site-lang ul li.links a:hover{color:#fff} /**导航**/ #nav{margin-top: 0.2rem; } #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;gap:0.45rem} .nav .wp-menu .menu-item{position:relative;text-align:center;} .nav .wp-menu .menu-item.i1{background:none} .nav .wp-menu .menu-item a>.menu-switch-arrow{display:none;width:20px;height:20px;background:url(images/nav_j.png) no-repeat center center;vertical-align:middle} .nav .wp-menu .sub-menu li .sub-menu {display: none;} .nav .wp-menu .menu-item a.menu-link{line-height:1;font-size:var(--titleSize);display:block;color:#fff;position: relative;font-weight: bold;padding-bottom:0.1rem} .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;} .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; } .post-12 .news .news_title a:hover { color: #8f140d; } #banner .inner{width:100%;text-align:center} .mbanner .news_imgs a{display:block;padding-top:100vh;height: 0 !important;} .mbanner .news_imgs a img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;transform: scale(1.2); transition: all 5s; } .mbanner li.slick-active .news_imgs a img{transform:none} .mbanner .slick-prev,.mbanner .slick-next{z-index:1;top:auto;bottom:calc((100% - 2.2rem)/2 - 0.23rem);opacity:0.8} .mbanner .slick-prev{left:0.55rem} .mbanner .slick-next{right:0.55rem} .mbanner .news .news_wz{position:absolute;top:3.05rem;left:50%;margin-left:-7.95rem;text-align:left;width:10.6rem} .mbanner .news .news_wz a{color:#17607A} .mbanner .news .news_title{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.69rem;left:50%;transform: translateX(-50%);display:flex;align-items:center} .mbanner .slick-dots li{width:0.1rem;height:0.1rem;border-radius:50%;background:#fff;background-size:100%;margin:0;;margin:0 0.12rem; 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{padding-top:100vh;position: relative;} .mbanner .news .news_video video{position:absolute;width:100%;height:100%;object-fit:cover;left:0;top:0;} .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:1.92rem;background:url(images/bannerbg.png) no-repeat;background-size:100% 100%;z-index:1;bottom: 0;} .mbanner .slick-dots li.slick-active:before{display:none;content:"";position: absolute;width: 0.5rem;height: 0.5rem;left:0;top:0;border-radius: 50%;box-sizing: border-box;border:1px solid #fff} .mbanner .slick-dots li.slick-active{opacity:1;background:url(images/dot_active.svg) center no-repeat;width: 0.5rem;height: 0.5rem;background-size: cover} .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;} .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);} /**主体公共**/ .post1 .tt{display:flex;position:relative;;margin-bottom:0.49rem;align-items: center;justify-content: space-between;} .post1 .more_btn{position:static;right:0;bottom:0} .post1 .more_btn img{width:0.14rem;margin-left:0.05rem} .post1 .more_btn .more_text{vertical-align:middle;font-size:var(--smailSize);color:#A82216;line-height:0.21rem} .post1 .tt .tit span{display:block;position:relative;z-index:1} .post1 .tt .tit{text-align:center;position:relative} .post1 .tt .title{font-size:0.38rem;font-weight:normal;font-weight:bold;line-height:1} .post1 .tt .tt_en{font-size:var(--smailSize);font-weight:normal} .post1 .news .news_title{font-size:var(--titleSize);line-height:1.7;color:#333;} .post1 .news .news_text{font-size:var(--smailSizex);line-height:1.5;color: #666; } .post1 .news .news_title a{color: inherit;} .post1 .news .news_text a{} .post1 .news .news_date,.post1 .news .news_time{font-family: 'pop-medium'; } .post1 .news .news_meta{color:#fff;display:inline-block} .post1 .news .news_meta span{display:block;text-align:center} .post1 .news .news_l{position:relative} .post1 .swiper-button{width:0.5rem;height:0.5rem;background-size:cover !important;border-radius:50%;visibility: hidden;} .post1 .swiper-button-prev{background:#A82216 url(images/left2.svg) center no-repeat;left:-0.25rem;} .post1 .swiper-button-next{background:#A82216 url(images/right2.svg) center no-repeat;right:-0.25rem;} .post1 .con:hover .swiper-button{visibility: visible} /**main1**/ .main1{background:#FCF9F5 url(images/main1_bg.svg) right -20px bottom no-repeat;position:relative;z-index:1} .main1 .inner{padding:1.06rem 0 1.03rem} .main1 .mbottom{display:flex;justify-content: space-between;} .post-12 {width:51.2% } .post-13 {width:45.69% } .post-12 .news_imgs{padding-top: 66.6%;position: relative;} .post-12 .news_imgs img{position: absolute;top:0;left:0;width: 100%;height: 100%;object-fit: cover;} .post-12 .news_imgs a:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1.9rem;background:url(images/post11_bg.png) bottom center no-repeat;background-size:cover;z-index:2;max-height:45%} .post-12 .news_wz{display: flex;align-items: center;padding-top: 0.3rem;} .post-12 .news_date{background-color: #A82216;padding:0.15rem;color: #fff;font-size: 0.22rem;line-height: 1.3;margin-right: 0.24rem; } .post-12 .news_year{font-size: var(--smailSize);} .post-12 .news_day{font-family: 'pop-semi';} .post-12 .news_year .news_text{margin-top: 0.15rem;opacity: 0.5;} .post-12 .slick-dots{bottom:1.4rem;left:auto;right: 0.4rem;width: auto;display: flex;align-items: center;} .post-12 .slick-dots li{background: rgba(255,255,255,0.7);margin-left: 0.15rem;width: 0.12rem;height: 0.12rem;} .post-12 .slick-dots li.slick-active{background: url(images/dot_active.svg) center no-repeat;width: 0.34rem;height: 0.34rem;background-size:cover} .post-13 li.news{display: flex;align-items: center;margin-bottom: 0.34rem;transition: background 0.4s ease-in-out;} .post-13 li.news:hover{background: #fff;box-shadow: 0 3px 20px rgba(165,10,10,0.16);} .psot-13 li.news:last-child{margin-bottom: 0;} .post-13 li.news .news_imgs{padding-top: 2rem;position: relative;flex:3rem 0 0} .post-13 li.news .news_imgs img{top:0;left:0;width: 100%;height: 100%;;position: absolute} .post-13 li.news .news_wz{padding: 0.24rem 0.3rem;} .post-13 li.news .news_time{color: #A82216;font-size: var(--smailSizex);} .post-13 li.news .news_title{margin: 0.15rem 0 0.2rem;} .post-13 li.news .news_text{transition: all 0.4s ease-in-out;} .post-13 li.news:hover .news_title,.post-13 li.news:hover .news_title a,.post-13 li.news:hover .news_text{color: #A82216;} /**main2**/ .main2{background:url(images/main2_bg.png);background-size:cover; } .main2 .inner{padding:0.92rem 0 1.19rem} .main2 .con{position:relative } /*.post-21 .tt .title,.post-21 .more_btn .more_text{color:#fff}*/ .main2 li.news{width: 23.1875%;box-sizing: border-box;position: relative;z-index: 1;;transition: background 0.4s ease-in-out;background: #fff;box-shadow: 0 3px 10px rgba(0,0,0,0.05);padding:0.44rem 0.31rem 0.35rem} .main2 li.news:before{content: "";position: absolute;width: 1.4rem;height: 1.4rem;background: url(images/main2_ico2.svg) center no-repeat;transition: all 0.4s ease-in-out;;background-size: cover;top:50%;right: 0.26rem;transform: translateY(-50%);z-index:-1} .main2 li.news .news_time{font-size: var(--smailSizex);color: #A82216;line-height: 1.3;transition: all 0.4s ease-in-out;font-family: 'pop-semi';} .main2 li.news .news_title{color: #2B2B2B;height: 0.6rem;line-height: 0.3rem;margin: 0.1rem 0 0.3rem } .main2 li.news:hover{background: #A82216 ;} .main2 li.news:hover .entermore path{fill:#fff} .main2 li.news:hover .news_time,.main2 li.news:hover .news_title{color: #fff;} .main2 li.news:hover:before{background-image: url(images/main2_ico.svg);} /**main3**/ .main3{position:relative; background: url(images/main3_bg.png) center no-repeat;background-size: cover;} .main3 .inner{padding:0.93rem 0 1.1rem} .post-31 .tt .title,.post-31 .more_btn .more_text{color: #fff;} .post-31 .swiper-pagination{margin-left: auto;position: static;width: auto !important;margin-right: 0.66rem;} .post-31 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.12rem;background:rgba(255,255,255,0.16);width: 10px;height: 10px;opacity: 1 !important;} .post-31 .swiper-pagination-bullet-active{background: #fff !important;} .post-31 li.news{box-sizing: border-box;color: #fff;display: flex;} .post-31 li.news.swiper-slide-active{padding-right: 0.65rem;} .post-31 li.news.swiper-slide-next{padding-left: 0.65rem;} .post-31 li.news .news_date{flex:0.6rem 0 0;margin-right: 0.3rem; line-height: 1.3;font-size: 0.17rem;} .post-31 li.news .news_month{ font-size: 0.22rem;font-family: 'pop-semi';} .post-31 li.news .news_wz{flex:1 0 0;width: 0;} .post-31 li.news .news_title{font-weight: bold;margin-bottom: 0.2rem;line-height: 1;color: #fff;} .post-31 li.news .news_text{font-size: var(--smailSize);color: #fff;} /**main4**/ .main4{background:url(images/main4_bg.png) top center no-repeat; overflow: hidden;} .main4 .inner{padding:1rem 0 0.5rem} .main4 .mod{display: flex;justify-content: space-between;} .main4 .l{width: 45.5%;} .main4 .r{width: 46.4%;} .post-41 li.news{padding:0.3rem 0;border-bottom: 1px solid #CCB39D;display: flex;align-items: center;} .post-41 li.news:last-child{border: 0;} .post-41 li.news:first-child{padding-top: 0;} .post-41 li.news .news_imgs{flex: 2.52rem 0 0;height: 1.57rem;position: relative;} .post-41 li.news .news_imgs img{position: absolute;top:0;left:0;width: 100%;height: 100%;} .post-41 li.news .wz{padding-left: 0.34rem;} .post-41 li.news .news_title{margin-bottom: 0.2rem;} .post-41 li.news .news_text{color: #575757;font-size: var(--smailSize);} .post-42{margin-bottom: 0.4rem;} .post-42 li.news{position: relative;} .post-42 li.news .news_imgs{position: relative;padding-top: 49.3%;} .post-42 li.news .news_imgs a:before{content:"";position: absolute;bottom:0;left:0;width: 100%;height: 1.17rem;background: url(images/post43_bg.png) center no-repeat;background-size: 100% 100%;z-index:1} .post-42 li.news .news_imgs img{position: absolute;top: 0;left: 0;} .post-42 li.news .wz{position: absolute;bottom:0;left:0;width: 100%;box-sizing: border-box;padding:0 0.27rem 0.33rem;z-index: 1;} .post-42 li.news .news_title{color: #fff;} .post-43 li.news{margin-bottom:0.45rem} .post-43 li.news:last-child{border: 0;} .post-43 li.news .news_title{line-height: 1;} /**main5**/ .main5{position:relative;z-index:1;background: url(images/main5_bg.jpg) top center no-repeat; ;height: 8.8rem;overflow: hidden;} .main5 .inner{padding:0.78rem 0 0} .post-51{ } .post-51 ul.list-outside{--circleWidth:14.5rem;--circleHeight:14.5rem;height: var(--circleHeight);width:var(--circleWidth);position: absolute;border-radius: 50%;border:2px solid #A82216;transform: translate(-50%,50%);;bottom:0;left:50%;} .post-51 ul.list-inside{--circleWidth:11.3rem;--circleHeight:11.3rem;height: var(--circleHeight);width:var(--circleWidth);position: absolute;bottom:0;left:50%;transform: translate(-50%,50%); border-radius: 50%;border:1px dashed #A82216} .post-51 ul:before{content:"";position: absolute;inset:0.14rem;z-index: -1;border-radius: 50%;border:1px dashed #CA1D02;animation:rotate2 infinite 40s} @keyframes rotate2{ 100%{transform:rotate(360deg)} } .post-51 ul.list-inside:before{border-color1: rgba(255,255,255,0.8);} /* .post-51 ul.list-outside:before{border:0;background: url(images/border1.svg) center no-repeat;background-size: cover;} */ .main5 .imgbox{position: absolute;bottom:0.4rem;z-index:-1;left:50%;transform: translateX(-50%);text-align: center;} .main5 .imgbox img:nth-child(1){width: 2.58rem; display: block;margin:0 auto 0.55rem;} .main5 .imgbox img:nth-child(2){width: 6.07rem;display: block;} .post-51 li.news{ position:absolute;transform: translate(-50%, -50%);box-sizing: border-box;border:1px solid #A82216;width: 1.44rem;height: 1.44rem; left: calc(0.5 * var(--circleWidth) + 0.5* var(--circleWidth)* sin(var(--deg))); border-radius:50%;display: flex;align-items: center;justify-content:center; top: calc(0.5 * var(--circleHeight) - ( 0.5* var(--circleHeight)* cos(var(--deg))));background:#fff;cursor: pointer; } .post-51 li.news:before{content:"";position: absolute;inset: -7px;border:1px dashed #A82216;border-radius: 50%;z-index: -1;animation:rotate2 infinite 16s} .post-51 li.news:after{content:"";position: absolute;width: 0.47rem;height: 0.16rem;display: none;background: url(images/arrow1.svg) center no-repeat;background-size: cover;bottom:-0.2rem;right:-0.2rem;} .post-51 li.news .news_title{font-size: 0.22rem;color: #A82216;line-height: 1.2;text-align:center} .post-51 li.news .bg{position: absolute;z-index: -1;width: 100%;height: 100%;} .post-51 ul.list-outside li:nth-child(3):after,.post-51 ul.list-inside li:nth-child(n+3):after{right:auto;left:-0.2rem;background-image: url(images/arrow2.svg);} .post-51 ul.list-outside li:nth-child(2):after{background: url(images/arrow3.svg) center no-repeat;width: 0.1rem;height: 0.37rem;background-size: cover;bottom:-0.5rem;right:auto;left:50%;transform: translateX(-50%);} .post-51 ul.list-outside li:nth-child(1){--deg:-60deg} .post-51 ul.list-outside li:nth-child(2){--deg:0deg} .post-51 ul.list-outside li:nth-child(3){--deg:60deg} .post-51 ul.list-inside li:nth-child(1){--deg:-75deg} .post-51 ul.list-inside li:nth-child(2){--deg:-32deg} .post-51 ul.list-inside li:nth-child(3){--deg:32deg} .post-51 ul.list-inside li:nth-child(4){--deg:75deg} .post-51 li.news.show:after{display: block;} .detail{position: absolute;bottom:1.1rem;left:50%;z-index: 1;width: 5.3rem;height: 2.7rem;transform: translateX(-50%);box-sizing: border-box;color:#fff;background: #AE231C;padding: 0.45rem 0.5rem 0.1rem;} .detail:before{content:"";position: absolute;left:50%;top:50%;;width: 1.84rem;height: 1.84rem;background: url(images/main2_ico.svg) center no-repeat;z-index: -1;transform: translate(-50%,-50%);} .detail:after{content:"";position: absolute;inset:0.13rem;border:1px dashed #fff;z-index: -1;opacity:0} .detail ._title{font-size: var(--bigSize);margin-bottom: 0.2rem;} .detail ._text{font-size:var(--smailSize);line-height: 1.7;-webkit-line-clamp:5} .post-51 li.news:hover{background:#A82216} .post-51 li.news:hover .news_title{color:#fff} /**main6**/ .main6 li:hover .news_title a,.main4 li:hover .news_title a{color:#A82216} .main6{position:relative;z-index:1;background:url(images/main6_bg.svg) right -0.9rem top 0.74rem no-repeat;} .main6 .inner{padding:1rem 0 0.82rem} .post-61 .con{position:relative ;} .post-61 li.news{width: 24%;} .post-61 .news_imgs{position: relative;padding-top:57.6%;margin-bottom: 0.35rem;} .post-61 li.news .news_time{font-size: var(--smailSize);color: #A82216;margin-bottom: 0.1rem;} .post-61 .swiper-button{margin-top:-0.9rem} /* main7 */ .main7{background: url(images/main7_bg.png) center no-repeat;background-size: cover;} .main7 .inner{padding: 1.14rem 0 1.07rem;} .main7 .mod{display: flex;justify-content: space-between;} .post-71 {flex:31.4375% 0 0} .post-71 li.news .news_imgs{position: relative;padding-top: 78.1%;} .post-71 li.news .news_imgs a:before{content:"";position: absolute;bottom:0;left:0;width: 100%;height: 1.12rem;background: url(images/post71_bg.png) center bottom no-repeat;background-size: cover;z-index:1} .post-71 li.news .news_title{color: #fff;position: absolute;bottom:0.3rem;box-sizing: border-box;padding:0 0.3rem;z-index:2} /* main8 */ .main8 {background: #FCF9F5;} .main8 .inner{padding: 0.98rem 0;} .post-81 ul{display: flex;flex-wrap: wrap;justify-content: space-between; } .post-81 ul.list-m{margin: 0.24rem 0;} .post-81 .list-2 li.news{width: 49.1875%;} .post-81 .list-4 li.news{width: 23.8125%;} .post-81 .list-4 li.news .news_imgs{padding-top: 60.1%;} .post-81 .list-2 li.news .news_imgs{padding-top: 37.1%;} .post-81 li.news .news_title{position: absolute;bottom: 0;left:0;width: 100%;line-height: 0.6rem;background: #A82216;color: #fff;text-align: center;font-weight: bold;} .post-81 .list-t li.news:nth-child(2) .news_title{background: #8F4651;} .post-81 .list-m li.news:nth-child(1) .news_title{background: #BD3F09;} .post-81 .list-m li.news:nth-child(2) .news_title{background: #D4B160;} .post-81 .list-4 li.news:nth-child(1) .news_title{background: #582624;} .post-81 .list-4 li.news:nth-child(2) .news_title{background: #D4B160;} .post-81 .list-4 li.news:nth-child(3) .news_title{background: #8E4651;} /**列表页**/ .l-banner{height:6rem;background-position:center center;background-repeat:no-repeat;text-align:center;background-size:cover;position:relative} .l-banner:after{content:"";display:block;width:100%;position:absolute;height:2.5rem;background:url(images/listbanner_bg.png) no-repeat;background-size:100% 100%;bottom:0} .l-banner img{display:none;height:100%;vertical-align:top} #l-container{position:relative;background: #FCFAF9;} #l-container .inner{padding:0 0 1.4rem;position:relative;} #d-container{background: #FCFAF9;} #d-container .inner{ padding: 0.73rem 0 0.5rem;position: relative;} #l-container,#d-container{background:#FCF9F7 url(images/list_bg.png) right bottom no-repeat;} /**栏目列表**/ .col_head{border-bottom:1px solid #A82216;padding-bottom:0.25rem;font-size: 0.28rem;font-weight: bold;color: #A82216;} .col_menu{width: 2.6rem;top: -0.75rem;position: relative;margin-right: 1rem;} .col_menu_head{position:absolute;top:-0.6rem;z-index:1;width:100%;left:0;display: flex; justify-content: flex-end;align-items: center;} .col_name span{font-size:.28rem;color:#fff} .col_name span.Column_Anchor{height: 0.75rem;display:flex;align-items:center} .col_name{background: #A82216;padding: 0 0.28rem;line-height: 1;} .col_path a,.col_path span{color:#fff;font-size:var(--smailSize);line-height:1.3;color: #fff;} .col_path{display:inline-block; color: #fff; } .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; box-sizing:border-box; background: #fff;} .column-switch{display:none} .col_news_list{display: flex;justify-content: space-between;} body.pagelist .col_news_list{display:block} .col_news_list .simplelist{flex:1;padding-top: 0.8rem;width:0} .col_list ul li.col_column>a{padding:0.15rem 0.28rem;border-bottom:1px solid #F0F0F0;} .col_list ul li.col_column.parent>a,.col_list ul li.col_column.parent a.selected{color: #B02D1E;font-weight: bold;} .col_list .col_column a{ line-height: 0.3rem;font-size:var(--titleSize);display:inline-block;display:block;text-align:left; } .col_list ul li .sub_list a{font-size: var(--smailSize);padding:0.15rem 0 0.15rem 0.5rem;} .col_list .col_column a.selected{background: #F1EAEA;color: #B02D1E;} .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;align-items: center;padding: 0.3rem 0;border-bottom:1px dashed #E8D8CA} .mrlist .col_news_list .news_list .news .news_time{font-size: var(--titleSize);color: #B02D1E;font-family:'pop-semi';margin-right: 0.95rem;} .mrlist .col_news_list .news_list .news .news_title{font-size:var(--titleSize);line-height:1.7;font-weight:bold;} .mrlist .col_news_list .news_list .news .news_text{font-size:var(--smailSizex);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;font-size:.3rem;text-align:center; } .article h2.arti_title{line-height:1;font-family:"Microsoft YaHei";font-size:.2rem;text-align:center; ;} .article .arti_metas{text-align:center;line-height: 1.3;margin:0.35rem 0 0;border-bottom:1px solid rgba(112,112,122,0.3);padding-bottom: 0.35rem;} .article .arti_metas>span{margin:0 .1rem;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 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/footer_bg.png) center no-repeat;background-size:cover;position:relative} .footer .inner{ box-sizing:border-box;position:relative;z-index:1} .foot-top{display:flex;justify-content:space-between;align-items: center;padding: 0.95rem 0 0.85rem 0.98rem;} .foot-bot{padding: 0.44rem 0 0.51rem 0.98rem;display: flex;align-items: center;justify-content: space-between;border-top:1px solid rgba(255,255,255,0.2)} #footer .inner .mod{display:flex;align-items: center;} #footer .inner .foot-left{width: 26.25%;border-right: 1px solid rgba(255,255,255,0.2);padding:0.63rem 0 0.69rem;} #footer .inner .foot-left img{width: 2.75rem;margin-bottom: 0.5rem;} #footer .inner .foot-left .address p{opacity: 1;padding-left: 0.3rem;color: rgba(255,255,255,0.5);} #footer .inner .foot-left .address p a{color: inherit;} #footer .inner .foot-left .address p:first-child{margin-bottom: 0.3rem;background: url(images/address.svg) left center no-repeat;background-size: 0.15rem auto;} #footer .inner .foot-left .address p:nth-child(2){background: url(images/email.svg) left center no-repeat;background-size: 0.2rem auto;} #footer .inner .foot-link ul{display: flex;width: 5.9rem;align-items: center;justify-content: space-between;} #footer .foot-link2 img{width: 1.28rem;} #footer .inner .foot-link li a{display: flex;align-items: center;color: #fff;font-size: var(--titleSize);} #footer .inner .foot-link img{width: 0.45rem;margin-right: 0.23rem;} .goTop{cursor: pointer; display: flex;align-items: center;flex-direction: column;color: #fff;font-size: var(--smailSize);} .goTop img{margin-bottom: 0.15rem;} #footer .inner .foot-right{width: 73.75%;} #footer .inner p{font-size:var(--smailSizex);line-height:1.7;font-weight:400;color:#fff;opacity:.4} #footer .inner p a{color:#fff} #footer .inner p span{margin:0 3px} /**分享**/ .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; width:.4rem;height:.4rem;border-radius:50%;background-repeat:no-repeat;background-position:center; opacity: 0.3; background-size: 0.34rem;} .shares .news_list .news{position:relative} .shares .news_list li:nth-child(1) .news_icon{background-image:url(images/weixin.svg)} .shares .news_list li:nth-child(2) .news_icon{background-image:url(images/weibo.svg)} .shares .news_list li:nth-child(3) .news_icon{background-image:url(images/douyin.svg)} .shares .news_list .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} /**侧导航**/ nav.Quick-navigation{position:fixed;right:0;z-index:1;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;font-size:19px;line-height:70px;background:var(--mainColor);color:#fff;padding:0 16px;border-radius:20px} nav.Quick-navigation a{color:#fff;border-bottom:1px solid #fff} nav.Quick-navigation a.current{color:#e1d4a4;border-bottom:1px solid var(--hoverColor)} .Scroll-to-top{width:60px;height:60px;position:fixed;z-index:1;background:#fff;bottom:2%;border-radius:50%;right:1%;background:#1776be7a;font-size:20px;line-height:60px;text-align:center;color:#fff;cursor:pointer} .circle-bg { fill: none; stroke: #333; stroke-width: 1; } .circle-progress { fill: none; stroke: #333; stroke-width: 1; stroke-linecap: round; stroke-dasharray: 157; /* Circumference of the circle */ stroke-dashoffset: 157; /* Initially set to full circumference of circle */ transition: stroke-dashoffset 1s; /* Animate over 1 second */ } /* CSS for countdown */ @keyframes countdown { from { stroke-dashoffset: 157; /* Full circumference */ } to { stroke-dashoffset: 0; /* No circumference */ } } /* When you want to start the countdown */ .circle-progress { stroke-dashoffset: 157; /* Reset to full circumference for countdown */ animation: countdown 5s linear forwards; /* 10 seconds countdown */ } .box{ /* 最外层的盒子 */ width:200px; height:200px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; background-color: pink; } .left_box,.right_box{ /* 左右两边用于 隐藏 旋转的div的盒子 通过overflow来隐藏内部div旋转出去的部分 */ position: absolute; top: 0; width:100px; height:200px; overflow: hidden; z-index: 1; } .left_box{ left: 0; } .right_box{ right: 0; } .left_item,.right_item{ /* 这是需要旋转的div(没有被mask遮盖展示出来的部分作为倒计时的线条) 为了方便理解,下面用deeppink和cyan分别设置了左右两边div的颜色 */ width: 100px; height: 200px; } .left_item{ /* 1.设置圆角,圆角大小为高度的一半 2.这只旋转的中心店,这是左边圆,中心点设置到右边中心点,右边圆则设置到左边中心点 */ border-top-left-radius: 100px; border-bottom-left-radius: 100px; -webkit-transform-origin: right center; transform-origin: right center; -webkit-animation: loading_left 3s linear; background-color: deeppink; } .right_item{ border-top-right-radius: 100px; border-bottom-right-radius: 100px; -webkit-transform-origin: left center; transform-origin: left center; -webkit-animation: loading_right 3s linear; background-color: cyan; } .mask{ /* 遮住div多余的部分,呈现出线条的效果 */ position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; z-index: 2; border-radius: 50%; background-color: #fff; } @-webkit-keyframes loading_left{ 0%{ -webkit-transform: rotate(0deg); } 50%{ -webkit-transform: rotate(0deg); } 100%{ -webkit-transform: rotate(180deg); } } @-webkit-keyframes loading_right{ 0%{ -webkit-transform: rotate(0deg); } 50%{ -webkit-transform: rotate(180deg); } 100%{ -webkit-transform: rotate(180deg); } } ::-webkit-scrollbar{width: 8px;height: 8px;background-color: #CCCCCC;-webkit-border-radius: 6px;} ::-webkit-scrollbar-thumb:vertical { background-color: #A82216;-webkit-border-radius: 4px; } .wp_entry p{background:none !important} .wrapperinner{overflow-x:auto}