/* @import url("fonts/fonts.css"); */ body { font-family: 'SYH'; font-weight: normal; --hover-color:#cb0101; --blue: #2069b3; --green: #299621; --yellow: #ffcc33; --white:#fff; --black0:#000; --black:#333; --grey:#666; --grey2:#999; --rgb-white:255,255,255;--rgb-black:0,0,0;--font-size12:.12rem;--font-size13:.13rem;--font-size14:.14rem;--font-size15:.15rem;--font-size16:.16rem;--font-size18:.18rem;--font-size20:.2rem;--font-size22:.22rem;--font-size24:.24rem;--font-size30:.3rem;--font-size32:.32rem;--font-size42:.42rem;--padMar60:.6rem;--padMar80:.8rem;font-size: var(--font-size16);--rgb-hover:203,1,1;--rgb--blue:32,105,179; --rgb--green:41,150,33; --rgb--yellow:255,204,51;--line-color:rgba(var(--rgb-black),.08);--page-bg:#f8f8f8;--hover-bg:rgba(var(--rgb-hover),.06);--radius: .1rem;} a:hover{color:var(--hover-color); } .homeBannerSwiper {position: relative;overflow: hidden; } .homeBannerSwiper .swiper-wrapper {align-items: stretch; }.homeBannerSwiper .swiper-slide {display: block; } .homeBannerSwiper .imgbox img {display: block;width: 100%;height: auto; } .homeBannerSwiper .swiper-pagination {bottom: 16px;left: 50%;transform: translateX(-50%);display: flex;justify-content: center;align-items: center;gap: 8px;z-index: 3;} .homeBannerSwiper .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0;background: rgba(255, 255, 255, 0.7);opacity: 1; } .homeBannerSwiper .swiper-pagination-bullet-active {background: #ffffff; } /*effict*/ .Scale-img {overflow: hidden; zoom:1; overflow: hidden;} .Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;} .Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;} .effict{transition: all ease 0.3s;} .imgbox{ overflow:hidden; position:relative;} .imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;} .imgbox img{ width:100%;height:100%;object-fit: cover;transition: all ease 0.3s;} .itemhover{transition: all ease 0.3s;} .activehover{box-shadow: 0px 3px 18px 0px rgba(var(--rgb-hover),0.2) !important;-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);} .TabSlide{position: relative;/*overflow: hidden;*/} .TabSlide .nones{ position:absolute; visibility:hidden; opacity:0; width: 100%;z-index: -10;left: 0;} .nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;} .TitleBox{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom:0.24rem; background: linear-gradient(to right, #fff1f1, #fff1f1);padding-right: .2rem; /* border-bottom: 0.02rem solid var(--hover-color); */} .Hometitle{} .Hometitle .cn{font-size: var(--font-size24);width: 2.2rem;padding: 0 0rem 0 0.2rem;color: #ffffff;background: url(../images/Hometitlebg.png) no-repeat right center; display: inline-block;height: 0.55rem;} .Homemore a{font-size: var(--font-size16);color: var(--grey);/* background: url(../images/icon-more.svg) no-repeat right center; */background-size: .2rem auto;display: inline-flex;align-items: center;} .Homemore i {display: flex;align-items: center;justify-content: center;margin-left: .06rem;margin-top: 0.03rem;} .Homemore i:before {content: "";width: .08rem;height: .08rem;border-left: solid 1px var(--grey2);border-top: solid 1px var(--grey2);display: block;transform: rotate(135deg)} .Homemore a:hover{ color: var(--hover-color);} .Homemore a:hover i:after, .Homemore a:hover i:before{ border-color: var(--hover-color);} /*Top002969 */ .Top002969 .today dd a{color: var(--grey2); font-size: var(--font-size16);} .Top002969 .today dd a:hover{color: var(--hover-color);} .Top002969 .today dd a{margin-left: 0.2rem; background-repeat: no-repeat; background-position: left center; background-size:1.5em auto;padding-left: 0.24rem;} .Top002969 .today dd a.home{background-image: url(../images/top_home.svg);} .Top002969 .today dd a.login{background-image: url(../images/top_login.svg);} .Top002969 .today dd a.register{background-image: url(../images/top_register.svg);} .Top002969 .logo-area{background: url("../images/Top_bg.jpg") no-repeat center center;background-size: cover;display: flex;justify-content: center;align-items: center;} .Top002969 .top-box{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center;margin: 0 auto;flex-flow: column wrap;} .Top002969 .logo{ margin-bottom: 0.3rem;} .Top002969 .logo a{display: table;} .Top002969 .logo a span{display: table-cell; vertical-align: middle;} .Top002969 .logo span.name{font-size: var(--font-size32);color: var(--hover-color); border-left: 1px solid #dcdcdc;padding-left: 0.1rem; width: 1.2rem;} .Top002969 .logo span.pic{} .Top002969 .logo img{max-height:1.5rem ;} .Top002969 .top-search{padding: 0;} .Top002969 .top-search .box{position: relative;background: #fff; overflow: hidden;padding-right: 1rem;} .Top002969 .top-search .box .text{ height: 0.5rem; line-height: 0.5rem;background: none;border: 0;width: 100%; padding: 0 0.2rem;font-size: var(--font-size16);} .Top002969 .top-search .box .btn{width: 1rem; line-height: 0.5rem;background: var(--hover-color); text-align: center;} .Top002969 .top-search .box .btn span{display: inline-block;background: url("../images/search_white.svg") no-repeat right center; background-size: 0.18rem auto; padding-right: 20px;color: #fff;} .Top002969 .top-log .logon a{display: inline-block; background: var(--hover-color); color: #fff; padding: 0 0.16rem; margin: 0 5px; line-height: 0.36rem; border-radius: 0.5rem; transition: 0.3s;} .Top002969 .top-log .logon a:before{display: inline-block; content: ''; width: 0.25rem; height: 0.18rem;background-repeat: no-repeat; background-position: left center; vertical-align: sub; background-size: 0.2rem auto;} .Top002969 .top-log .logon a.login:before{background-image: url("../images/top_login.svg") } .Top002969 .top-log .logon a.register:before{background-image: url(../images/top_register.svg);} .Top002969 .top-log .logon a:hover{background: var(--yellow);} .Top002969 .top-menu{background: var(--blue);} .Top002969 .top-menu li span, .Top002969 .top-menu li a{display: block;} .Top002969 .top-menu li span a img{display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -2px;} .Top002969 .top-menu li span a{line-height: 0.7rem;font-size: var(--font-size24);color: #fff;} .Top002969 .today dd{float: right;} .Top002969 .today{background: #fff;line-height: 24px;padding: 8px 0;} .Top002969 .today strong{color: var(--hover-color); } @media(min-width:1025px){ .Top002969 .logo-area{height: 4.5rem;} .Top002969 .logo-area .ytable{height: 100%;} .Top002969 .top-search{width: 5rem;} .Top002969 .top-search{display: table-cell;} .Top002969 .top-search .box{border-radius: 0.05rem;} .Top002969 .top-log{width: 2.6rem; padding-left: 2%;} .Top002969 .top-menu li{float: left; text-align: center;position: relative;} .Top002969 .top-menu li:not(:last-child){border-right: 1px solid rgba(255,255,255,0.1);} .Top002969 .top-menu li span{position: relative;} .Top002969 .top-menu li span a{position: relative;} .Top002969 .top-menu li:hover span a, .Top002969 .top-menu li.aon span a{background: var(--hover-color);} .Top002969 .today .class{margin-left: 36px;} .Top002969 .sub{position: absolute;top: 100%;background-color: rgba(var(--rgb-white), 0.5);border-radius: 0 0 5px 5px;overflow: hidden; left: 50%;width:100%;margin-left: -50%; z-index: 999; } .Top002969 .sub dl{overflow: hidden;} } @media(max-width:1024px){ .Top002969 .logo-area .ytable, .Top002969 .logo-area .ytable-cell{display: block;} .Top002969 .logo-area .top-search{display:none;position: absolute; left: 0; top: 100%; width: 100%;} .Top002969 .logo-area{position: relative; z-index: 100;} .Top002969 .logo a{width: 80%;} .Top002969 .logo{padding: 5vw 0;} .Top002969 .wap-nav{position: absolute; right: 2%; top: 50%; transform: translateY(-50%);} .Top002969 .wap-nav > *{float: left;width: 30px; height: 30px;} .Top002969 .open-search{ border-radius: 50%;background: var(--hover-color) url("../images/Top002969_btn_search.png") no-repeat center center; margin-left: 20px;} .Top002969 .open-search.on:before, .Top002969 .open-search.on:after{background-color: var(--hover-color);} .Top002969 .open-menu i{background: var(--hover-color);} .Top002969 .top-menu{position: relative; z-index: 100;} .Top002969 #menu{position: absolute; left: -100%; top: 100%;background: var(--hover-color); width: 220px; border-radius: 0 0 0 5px; padding: 10px 20px;} .Top002969 #menu li{width: auto!important; transform: translateX(50px);opacity: 0; transition: 0.5s 0.1s;} .Top002969 #menu li:nth-child(2){transition-delay: 0.2s;} .Top002969 #menu li:nth-child(3){transition-delay: 0.3s;} .Top002969 #menu li:nth-child(4){transition-delay: 0.4s;} .Top002969 #menu li:nth-child(5){transition-delay: 0.5s;} .Top002969 #menu li:nth-child(6){transition-delay: 0.6s;} .Top002969 #menu li:nth-child(7){transition-delay: 0.7s;} .Top002969 #menu li span a{line-height: 50px;} .Top002969 #menu li:not(:last-child){border-bottom: 1px solid rgba(255,255,255,0.5);} .menu-show #menu{left: auto;right: 0;} .menu-show #menu li{ transform: translateX(0);opacity: 1; } .Top002969 .today .class{display: block;} .Top002969 .top-search .box{box-shadow: 0 0 10px rgba(0,0,0,0.3);} } .HomeBan{overflow: hidden; position: relative;} .HomeBan {position: relative;overflow: hidden;} .HomeBan a{position: absolute; width: 100%; height: 100%; display: block;} .HomeBan .slick-dots{position: absolute;left: 50%;transform: translateX(-50%);z-index: 10; bottom: 5%;} .HomeBan .slick-dots li{display: inline-block; width: 0.24rem; height: 0.24rem;cursor: pointer;border:1px solid transparent; margin: 0 .1rem;position: relative;border-radius: 50%; } .HomeBan .slick-dots li button{position: absolute;background: #fff; font-size: 0;width: 0.08rem; height:0.08rem; border-radius: 50%; left: 50%; top: 50%; margin: -0.04rem 0 0 -0.04rem;border: 0;padding: 0;cursor: pointer;} .HomeBan .slick-dots li.slick-active{border-color: #fff;} @media (min-width:1025px) { .HomeBan .wap{display: none;} .HomeBan .text{width: 45%;} } @media(max-width:1024px){ .HomeBan .pc{display: none;} .HomeBan li .txt .btn a{line-height: 0.45rem;padding:0 0.2rem;} .HomeBan .slick-dots{bottom:0.2rem;} } .main{background: #f8f8f8; background-size: cover;} .whiteBox {background-color: #fff;padding: .26rem .3rem;background-size: cover;} .HomeNotice{ padding:var(--padMar80) 0 0.32rem 0; position: relative;z-index: 2;} .HomeNotice .left{overflow: hidden;position: relative;height: 3.95rem;border-radius: var(--radius);} .HomeNotice .left .item a{display: block;position: relative;} .HomeNotice .left .item .txt{position: absolute;left: 0;bottom: 0;color: #fff;background-color: rgba(0,0,0,0.5);padding: 0.14rem 0.2rem;width: 100%;z-index: 10;} .HomeNotice .left .item .tit{width: 70%;font-size: var(--font-size18);line-height: 1.6;} .HomeNotice .left .item .imgbox{padding-top: 3.95rem;border-radius: 0.1rem;} .HomeNotice .slick-dots{position: absolute;font-size: 0;text-align: center;position: absolute;z-index: 11;width: 30% !important;text-align: right;bottom: 0.22rem;right: 0;padding-right: 0.2rem;} .HomeNotice .slick-dots li {position: relative;display: inline-block;vertical-align: middle;width: 0.1rem;height: 0.1rem;cursor: pointer;border-radius: 50%;background-color: rgba(255,255,255,0.5);} .HomeNotice .slick-dots li:not(:last-child) {margin-right: 0.1rem;} .HomeNotice .slick-dots li button{display: none;} .HomeNotice .slick-dots .slick-active{border-radius: 5px;background-color: var(--yellow);width: 0.2rem;} .HomeNotice .slick-arrow{width: 0.4rem; height: 0.4rem; border-radius: 0.6rem; z-index: 22; background: rgba(0,0,0,0.3); top: 50%; padding: 0;right: 0;text-indent: -9999em;transition: 0.5s; transform: translate(0, -50%);position: absolute;} .HomeNotice .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--white);border-top: 2px solid var(--white); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;} .HomeNotice .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .HomeNotice .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);} .HomeNotice .slick-arrow:hover:before{ border-color: #fff;} .HomeNotice .slick-prev{left:-0.8rem;} .HomeNotice .slick-next{right:-0.8rem;} .HomeNotice .left:hover .slick-prev{left:0.1rem;} .HomeNotice .left:hover .slick-next{right: 0.1rem;} .HomeNotice .TabNav ul{display: flex; flex-wrap: wrap;margin-bottom: 0.24rem;background: linear-gradient(to right, #fff1f1, #fff1f1);position: relative;border-bottom: 0.02rem solid var(--hover-color);} .HomeNotice .TabNav .item{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;cursor: pointer; } .HomeNotice .TabNav .item .cn{font-size: var(--font-size24);width: 2rem;padding: 0 0rem 0 0.2rem; display: inline-block;height: 0.55rem;color:var(--black); line-height: 0.55rem;} .HomeNotice .TabNav .item.on .cn, .HomeNotice .TabNav .item:hover .cn{color: #ffffff;background: url(../images/Hometitlebg.png) no-repeat right center;} .HomeNotice .TabNav .more{position: absolute;right: 0.2rem;top: 50%;transform: translateY(-50%);transition: all 0.5s;font-size: var(--font-size16); color: var(--grey2);background-size: .2rem auto;display: none; align-items: center;} .HomeNotice .TabNav .more i {display: flex;align-items: center;justify-content: center;margin-left: .06rem;margin-top: 0.03rem;} .HomeNotice .TabNav .more i:after, .HomeNotice .TabNav .more i:before {content: "";width: .08rem;height: .08rem;border-left: solid 1px var(--grey2);border-top: solid 1px var(--grey2);display: block;transform: rotate(135deg)} .HomeNotice .TabNav .more:hover{ color: var(--hover-color);} .HomeNotice .TabNav .more:hover i:after, .HomeNotice .TabNav .more:hover i:before{ border-color: var(--hover-color);} .HomeNotice .TabNav .item.on .more{display: inline-flex;} .HomeNotice .list li{height: 0.4rem;line-height: 0.4rem;position: relative;padding: 0 1rem 0 0.15rem;overflow: hidden;transition: all 0.5s;} .HomeNotice .list li:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.05rem;height: 0.05rem; border-radius: 50%; content: "";background-color: var(--yellow);transition: all 0.5s;} .HomeNotice .list li:hover:before{background-color: var(--hover-color);} .HomeNotice .list li time{position: absolute;right: 0;top: 0;font-size:0.16rem;} .HomeNotice .list li:hover{padding-left: 0.2rem;} @media(min-width:1025px){ .HomeNotice .box{ display:flex; justify-content: space-between;} .HomeNotice .left{width: 48.61%;} .HomeNotice .right{width: 47.85%;} } @media(max-width:1024px){ } .AdSlider{ position: relative; overflow: hidden;} .AdSlider .slick-arrow{width: 0.4rem; height: 0.4rem; border-radius: 0.6rem; z-index: 22; background: rgba(255,255,255,0.2); top: 50%; padding: 0;right: 0;text-indent: -9999em;transition: 0.5s; transform: translate(0, -50%);position: absolute;} .AdSlider .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--white);border-top: 2px solid var(--white); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;} .AdSlider .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .AdSlider .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);} .AdSlider .slick-arrow:hover:before{ border-color: #fff;} .AdSlider .slick-prev{left:0.2rem;} .AdSlider .slick-next{right:0.2rem;} .HQLink{} .HQLink ul{ display:flex; flex-wrap: wrap;} .HQLink li{ float: left; margin-right: 2%; margin-bottom: 2%; text-align:center;background-image:linear-gradient(0deg,rgba(var(--rgb-hover),0.08),rgba(var(--rgb-hover),0.15));transition:all 0.5s ease-in-out;transition:all 0.5s;position:relative; border-radius: var(--radius); overflow: hidden;} .HQLink li:nth-child(2){background-image:linear-gradient(0deg,rgba(var(--rgb--blue),0.08),rgba(var(--rgb--blue),0.15));} .HQLink li:nth-child(2)::before{background-color:var(--blue);} .HQLink li:nth-child(2):hover{background-image:linear-gradient(180deg,rgba(var(--rgb--blue),0.05),rgba(var(--rgb--blue),0.15));} .HQLink li:nth-child(3){background-image:linear-gradient(0deg,rgba(var(--rgb--green),0.08),rgba(var(--rgb--green),0.15));} .HQLink li:nth-child(3)::before{background-color:var(--green);} .HQLink li:nth-child(3):hover{background-image:linear-gradient(180deg,rgba(var(--rgb--green),0.05),rgba(var(--rgb--green),0.15));} .HQLink li:nth-child(4){background-image:linear-gradient(0deg,rgba(var(--rgb--yellow),0.08),rgba(var(--rgb--yellow),0.15));} .HQLink li:nth-child(4)::before{background-color:var(--yellow);} .HQLink li:nth-child(4):hover{background-image:linear-gradient(180deg,rgba(var(--rgb--yellow),0.05),rgba(var(--rgb--yellow),0.15));} .HQLink li::before{content:'';position:absolute;left:0;bottom:0;width:0;height:3px;background-color:#c9161d;transition:all 0.5s ease-in-out;transition:all 0.5s;z-index:2;} .HQLink li:hover{background-image:linear-gradient(180deg,rgba(var(--rgb-hover),0.05),rgba(var(--rgb-hover),0.15));} .HQLink li:hover::before{width:100%;} .HQLink li a{display:block;padding:0.24rem;} .HQLink li .icon{width:0.5rem;height:0.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 0.18rem;} .HQLink li .icon img{max-height:100%;} .HQLink li .tit{font-size: var(--font-size20);color:var(--black); line-height: 1.6;} @media(min-width:1025px){ .HQLink li{width: 23.5%;} .HQLink li:nth-child(4n){ margin-right: 0;} } @media(max-width:1024px){ } .HomeReal{padding:0.5rem 0;position: relative;z-index: 2; overflow: hidden; } .HomeReal .item li{height: 0.4rem;line-height: 0.4rem;position: relative;padding: 0 1rem 0 0.15rem;overflow: hidden;transition: all 0.5s;} .HomeReal .item li:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.05rem;height: 0.05rem; border-radius: 50%; content: "";background-color: var(--yellow);transition: all 0.5s;} .HomeReal .item li:hover:before{background-color: var(--hover-color);} .HomeReal .item li time{position: absolute;right: 0;top: 0;font-size:0.16rem;} .HomeReal .item li:hover{padding-left: 0.2rem;} @media(min-width:1025px){ .HomeReal .group{display:flex; justify-content: space-between;} .HomeReal .item{ width: 31.5%;} } .HomeGuide{ padding:0.5rem 0 0.5rem 0;} .HomeGuide ul{ display:flex; flex-wrap: wrap;} .HomeGuide li{ float: left; margin-right: 1.5%; margin-bottom: 1.5%; text-align:center; background: rgba(var(--rgb-hover),0.05); transition:all 0.5s ease-in-out;transition:all 0.5s;position:relative; border-radius: var(--radius); overflow: hidden;} .HomeGuide li:hover{background: rgba(var(--rgb-hover),1);;} .HomeGuide li a{display:block;padding:0.17rem;} .HomeGuide li .icon{width:0.45rem;height:0.45rem;display:flex;align-items:center;justify-content:center;margin:0 auto 0.16rem;} .HomeGuide li .icon img{max-height:100%;} .HomeGuide li .tit{font-size: var(--font-size18);color:var(--black); line-height: 1.6;} .HomeGuide li:hover .tit{color:var(--white); } .HomeGuide li:hover .icon img{filter: brightness(0) invert(1); } .HomeGuide .right dd img{ border-radius: var(--radius); } @media(min-width:1025px){ .HomeGuide .box{ display: flex; justify-content: space-between;} .HomeGuide .left{ width: 66%;} .HomeGuide .right{width: 30%;} .HomeGuide li{width: 23.86%;} .HomeGuide li:nth-child(4n){ margin-right: 0;} } @media(max-width:1024px){ } .HomeClassic{position: relative;z-index: 1; overflow: hidden; padding-bottom: 0.6rem;} .HomeClassic .slider { margin:0 -0.12rem;} .HomeClassic li { margin: 0 0.12rem;} .HomeClassic li .pic { overflow: hidden; position: relative; } .HomeClassic li .imgbox { padding-top: 68%; transition: 0.3s; border-radius: var(--radius);} .HomeClassic li .txt { text-align: center; } .HomeClassic li .tit{font-size: var(--font-size16);color:var(--black); line-height: 1.7; margin-top: 0.12rem;} .HomeClassic li:hover .tit { color: var(--hover-color); } .HomeClassic .slick-arrow{width: 0.4rem; height: 0.4rem; border-radius: 0.6rem; z-index: 22; background: rgba(0,0,0,0.3); top: 50%; padding: 0;right: 0;text-indent: -9999em;transition: 0.5s; transform: translateY(-50%);position: absolute;} .HomeClassic .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--white);border-top: 2px solid var(--white); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;} .HomeClassic .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .HomeClassic .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);} .HomeClassic .slick-arrow:hover:before{ border-color: #fff;} .HomeClassic .slick-prev{left:0.1rem;} .HomeClassic .slick-next{right:0.1rem;} .HomeClassic .left:hover .slick-prev{left:0.1rem;} .HomeClassic .left:hover .slick-next{right: 0.1rem;} @media(min-width:1025px){ } @media(max-width:1024px){ } .Bottom .friendship{background-color: var(--hover-color);} .Bottom .friendship .flex{display: flex;align-items: center;} .Bottom .friendship .name{display: flex;align-items: center;justify-content: center;} .Bottom .friendship .name span{color: #fff;font-size: var(--font-size16);text-align: center;margin: .06rem .16rem;display: inline-block;} .Bottom .friendship .list{} .Bottom .friendship .list ul{display: flex;flex-wrap: wrap;margin: -.06rem -.16rem;} .Bottom .friendship .list ul li{margin: .06rem .16rem;} .Bottom .friendship .list ul li a{font-size: var(--font-size16);color: #ffffff;} .Bottom .friendship .list ul li a:hover {color:#ff7800} .Bottom .bottom-box{padding: .4rem 0 0.3rem 0;background: linear-gradient(to bottom, #fff , #f9eff0);text-align: center;} .Bottom .bottom-box .copyright, .Bottom .bottom-box .address{font-size: var(--font-size16);color: #333333;} .Bottom .bottom-box .address{margin: .14rem 0;} .Bottom .bottom-box .icp a{color: #333;} .cbanner{position: relative;} .cbanner .txt{width:100%;position: absolute;z-index: 2;left:0;top:50%;transform: translateY(-50%);color:#fff; display: flex;align-items: center;justify-content: center; } .cbanner .txt .tit{font-size: var(--font-size48);font-weight: bold;line-height: 1.4;} .cbanner .txt .desc{font-size: var(--font-size18);color: #fff; } @media (min-width:1025px) { .cbanner .wap{display: none;} } @media (max-width:1024px) { .cbanner .pc{display: none;} .cbanner .txt .en{font-size: var(--font-size32);} } /*Menu003135 */ .Menu003135{position: relative;z-index: 3; border-bottom: 1px solid #EEEEEE; /* background: #fff; */} .Menu003135 .current{font-size:var(--font-size16); padding-left:.25rem;background: url(../images/icon-current.png) no-repeat left center; background-size:.18rem auto; line-height:.8rem;} .Menu003135 .current, .Menu003135 .current a:not(:hover){color: var(--grey); font-weight: lighter;} .Menu003135 .current span{color:var(--black);} .Menu003135 .nav-menu ul { } .Menu003135 .nav-menu li{float:left;position:relative; } .Menu003135 .nav-menu li:not(:last-child) { margin-right: calc(50 / 1920 * 100vw); } .Menu003135 .nav-menu li a{display:block;font-size:var(--font-size18);color:var(--black); position:relative;overflow:hidden;line-height:0.8rem;height:0.8rem;font-weight: lighter;} .Menu003135 .nav-menu li a:after { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; content: ''; height: 0.02rem; width: 0; background: var(--hover-color); transition: 0.3s; } .Menu003135 .nav-menu li.aon a, .Menu003135 .nav-menu li:hover a { color: var(--hover-color); } .Menu003135 .nav-menu li.aon a:after, .Menu003135 .nav-menu li:hover a:after { width: 100%; } @media(max-width:1024px){ .Menu003135 .current{display: none;} .Menu003135 .nav-menu{white-space: nowrap;overflow: auto;} .Menu003135 .nav-menu li{display: inline-block;float:none;} .Menu003135 .nav-menu li a{line-height:0.6rem;height:0.6rem;} } .SubTit{border-bottom: 1px solid #e6e6e6; margin-bottom: 0.3rem;position: relative;z-index: 10; } .SubTit h2{margin: 0; display: inline-block; font-size: var(--font-size24);color: var(--hover-color);padding-bottom: 0.1rem; font-weight: 500; border-bottom: 2px solid var(--hover-color);} .Publist{padding:var(--padMar80) 0;} .Publist .list{ background: var(--white); border-radius: var(--radius);padding: .3rem;} .Publist .list li{overflow:hidden; border-bottom: 0.01rem dashed #eee; padding-bottom: 0.16rem; margin-bottom: 0.16rem;} .Publist .list li .title {display: flex;align-items: flex-start;line-height: 1.8;position: relative;padding-left: 0.16rem;transition: 0.3s;flex-direction: row;} .Publist .list li .label{ margin-right: 0.12rem; color: var(--grey2);flex-shrink: 0;} .Publist .list li .label.hot,.Publist .list li .label.Cred{ background-color: var(--hover-color); color: var(--white); padding: 0.015rem 0.1rem; border-radius: 0.05rem; text-align: center;} .Publist .list li .label.Cyellow{background-color: #ff7800;} .Publist .list li .label.Czise{background-color:#ba01cb;} .Publist .list li .tit{font-size: var(--font-size18);color:var(--black); position: relative; /* padding-left: 0.16rem; */ transition: 0.3s;} .Publist .list li .title:before{position: absolute;left: 0;top: 40%;width: 0.05rem;height: 0.05rem;border-radius: 50%;content: "";background-color: var(--yellow);transition: all 0.5s;} .Publist .list li:hover .title:before{background-color: var(--hover-color);} .Publist .list li:hover .title{padding-left: 0.2rem;} .Publist .list li .desc span{color: var(--grey2);display: inline-block;font-size: var(--font-size16);} .Publist .list li .desc span+span {margin-left: 0.2rem;} .Publist .list li time{float: right;color: var(--grey2);font-weight: lighter;margin-left: 0.2rem;} .Publist .list li:hover .label, .Publist .list li:hover .tit{ color: var(--hover-color);} .Publist .list li:hover .label.hot{ color: var(--white);} .Publist .items{ background-image: linear-gradient(135deg, #fff4f4 20%, #fff 50%); border-radius: var(--radius); padding: 0.27rem;} .Publist .items2{background-image: linear-gradient(135deg, #fff9f3 20%, #fff 50%); } .Publist .items:not(:last-child){ margin-bottom: 0.24rem;} .Publist .item{overflow:hidden; border-bottom: 0.01rem dashed #e6e6e6; padding-bottom: 0.14rem; margin-bottom: 0.14rem;} .Publist .item .tit{font-size: var(--font-size16);color:var(--black); position: relative; padding-left: 0.16rem; transition: 0.3s;} .Publist .item .tit:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.05rem;height: 0.05rem; border-radius: 50%; content: "";background-color: var(--yellow);transition: all 0.5s;} .Publist .item:hover .tit:before{background-color: var(--hover-color);} .Publist .item:hover .tit{ color: var(--hover-color);} .Publist .item:hover .tit{padding-left: 0.2rem;} @media (min-width:1025px) { .Publist .box{display: flex; justify-content: space-between;} .Publist .left{ width: 69%;} .Publist .right{width: 28%;} } @media (max-width:1024px) { .Publist .list li time {float: none;} .Publist .list li .title {flex-direction:column;} .Publist .list li .title:before{top:20%;} .Publist .right{margin-top: 0.6rem;} } /*Page002623 */ .Page002623{padding: var(--padMar60) 0 0% 0 ; text-align: center;font-size: var(--font-size18);} .Page002623 .Pages a.a_first, .Page002623 .Pages a.a_end, .Page002623 .Pages > span:not(.p_page){display: none;} .Page002623 .Pages em{float: left;margin: 0 0.2rem; font-style: normal;} .Page002623 .Pages .p_page{display: table; margin: 0 auto;} .Page002623 .Pages a{float: left;line-height: 0.5rem; width: 0.5rem; margin: 0 5px; /* border: 1px solid var(--green); */ border-radius: 0.5rem;background: #fff;} .Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover{color: #fff;background: var(--hover-color); border-color: var(--hover-color); } .Page002623 .Pages .p_page > a{font-size: 0;height: 0.5rem;position: relative; } .Page002623 .Pages .p_page > a:before{position: absolute;content: '';border-top: 0.02rem solid #666;border-right: 0.02rem solid #666;left: 50%;top: 50%;width: 0.1rem;height: 0.1rem;transform: rotate(45deg);margin: -0.05rem 0 0 -0.05rem;} .Page002623 .Pages .p_page > a.a_prev:before{transform: rotate(-135deg);} .Page002623 .Pages a.a_prev:hover:before{border-color: #fff;} .Page002623 .Pages a.a_next:hover:before{border-color: #fff;} @media(max-width:640px){ .Page002623{} .Page002623 .Pages em{display: none;} .Page002623 .Pages a{background-color: #eee;} } .News_detail {padding: var(--padMar80) 0; } .News_detail .news_info {background-color: #fff;padding: .36rem; border-radius: var(--radius);} .News_detail .news_info .title { text-align: center; padding-bottom: 0.2rem; border-bottom: 1px solid #eee; margin-bottom: 0.3rem; } .News_detail .news_info .title h1 { margin: 0; padding-bottom: 0.15rem; font-size: var(--font-size30); font-weight: 500; color: #333; } .News_detail .news_info .title aside span {display: inline-block; font-size: var(--font-size16);color: #999; margin: 0 0.1rem;line-height: 1.6} .News_detail .news_info img {margin: 1% auto; /* margin: 2% auto; max-width: 50%; */ text-align: center } .News_detail .info { line-height: 2; color: #333; font-size: var(--font-size16); } .News_detail .info p{margin:0.08rem 0;} .News_detail .bot { position: relative; margin-top: 0.4rem; padding-top: 0.32rem; border-top: 1px dashed #eee } .News_detail .info_back { text-align: center; clear: both; position: absolute; right: 0; bottom: 0 } .News_detail .info_back a { position: relative; color: #fff; display: block; width: 1.6rem; line-height: 0.5rem; border-radius: 0.5rem; background: var(--hover-color); } .News_detail .info_back a:before{display: inline-block; vertical-align: top;content: '';background-image: url(../images/icon-back.svg);background-size: contain;background-position: center; background-repeat: no-repeat; width: 0.24rem;height: 0.5rem;margin-right: 0.1rem;} .News_detail .info_back a:hover{ background: var(--yellow);} .News_detail .info_pn span { display: block; margin: 1% 0; } .News_detail .info_pn span a { color: #666; } .News_detail .info_pn span a:hover { color: var(--hover-color); } .News_detail .Redlink { margin-top: 0.32rem;} .News_detail .Redlink .ltit{ font-size: var(--font-size24);color:var(--black); font-weight: 500; margin-bottom: 0.16rem;} .News_detail .Redlink .link a{ display: block;font-size: var(--font-size18); color: var(--hover-color); margin-bottom: 0.1rem; line-height: 1.5;} .News_detail .Redlink .link a:hover{ text-decoration: underline;} .News_detail .RedNews{ } .News_detail .RedNews .box{padding:0.2rem 0.24rem; background: #fff; border: 1px solid #eee; border-radius: var(--radius);} .News_detail .RedNews .box:not(:last-child){ margin-bottom: 0.24rem;} .News_detail .RedNews .tithead{line-height: 1.8;font-size: var(--font-size22); color: var(--black); padding-left: 0.12rem; margin-bottom: 0.12rem; position: relative;border-bottom: 1px solid #efefef;} .News_detail .RedNews .tithead:After{position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 0.03rem;height: 0.22rem;background:var(--hover-color);content: "";} .News_detail .RedNews li{border-bottom: 0.01rem dashed #e6e6e6; padding-bottom: 0.14rem; margin-bottom: 0.14rem;position: relative;overflow: hidden;transition: all 0.5s;} .News_detail .RedNews li .tit{font-size: var(--font-size16);color:var(--black); position: relative; padding-left: 0.16rem; transition: 0.3s;} .News_detail .RedNews li .tit:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.05rem;height: 0.05rem; border-radius: 50%; content: "";background-color: var(--yellow);transition: all 0.5s;} .News_detail .RedNews li:hover .tit:before{background-color: var(--hover-color);} .News_detail .RedNews li:hover .tit{ color: var(--hover-color);} .News_detail .RedNews li:hover .tit{padding-left: 0.2rem;} @media (min-width:1025px) { .News_detail .NewsCon {float: left; width: 69%; } .News_detail .RedNews { float: right;width: 28%;} } @media(max-width:1024px) { .News_detail .bot{margin-top: 2em;padding-top: 1.5em;} .News_detail .info_back { position: relative; margin-bottom: 1em;} .News_detail .news_info .title h1 { font-size: 1.5em; } .News_detail .info_back a{ text-align: center; display: table;margin: 0 auto; } .News_detail .info_pn span { margin: 2% 0; } .News_detail .info img{width: 100% !important; height: 100% !important;} } .Scholist{padding: var(--padMar80) 0;} .Scholist .top{ margin-bottom: 0.5rem;} .Scholist .top .item{background: var(--white); border-radius: var(--radius); overflow: hidden;transition: 0.3s;} .Scholist .top .item:hover{ box-shadow: 0 0rem 0.2rem rgba(var(--rgb-hover),0.08);} .Scholist .top .item .inner{display: flex; justify-content: space-between; align-items: center;} .Scholist .top .item .pic{width: 40%;} .Scholist .top .item .info{width: 60%; padding: 0 0.6rem;} .Scholist .top .item .pic .imgbox{padding-top: 61.51%; } .Scholist .top .item time{ display: block; color: var(--grey2); font-weight: lighter; margin-bottom: 0.24rem;} .Scholist .top .item .tit{ font-size: var(--font-size24); color: var(--black); font-weight: 500; line-height: 1.5; margin-bottom: 0.15rem;} .Scholist .top .item .desc{font-size: var(--font-size16);color: var(--grey2); line-height: 1.875; font-weight: lighter;} .Scholist .top .item:hover .tit{ color: var(--hover-color);} .Scholist li{ background: var(--white); border-radius: var(--radius);padding: .3rem; transition: 0.3s; margin-bottom: 0.24rem;} .Scholist li:hover{ box-shadow: 0 0rem 0.2rem rgba(var(--rgb-hover),0.08);} .Scholist li .tit{ font-size: var(--font-size22); color: var(--black); line-height: 1.5; margin-bottom: 0.15rem;} .Scholist li .desc{font-size: var(--font-size16);color: var(--grey2); line-height: 1.875; font-weight: lighter;} .Scholist li time{ display: block; color: var(--grey2); font-weight: lighter; margin-top: 0.24rem;} .Scholist li:hover .tit{ color: var(--hover-color);} @media (min-width:1025px) { .Scholist ul{ display: flex; flex-wrap: wrap; justify-content: space-between;} .Scholist li{ width: 49%;} } .AboutInfo{padding: var(--padMar80) 0; background-color: var(--white);} .AboutInfo .title{font-size: var(--font-size32); color: var(--black); line-height: 1; margin-bottom: 0.24rem; font-weight: 500;} .AboutInfo .edit_info{font-size: var(--font-size18);color: var(--grey); line-height: 1.8; font-weight: lighter;} .AboutInfo .edit_info p{ margin: 0.1rem 0;} .AboutInfo .img img{border-radius: var(--radius);} @media (min-width:1025px) { .AboutInfo .intro{ display: flex;justify-content: space-between;align-items: center;} .AboutInfo .left{width: 42%;} .AboutInfo .right{width: 54%;} } @media(max-width:1024px){ .AboutInfo .left{ margin-bottom: 0.2rem;} } .Teamlist{padding: var(--padMar80) 0;} .Teamlist li{float: left;margin-bottom: 0.3rem;background: linear-gradient(135deg, #fff4f4, #fff, #fff7f0);box-shadow: 0px 0px .1rem 0px rgba(0, 0, 0, 0.08);border-radius:var(--radius);/* padding: .24rem; */position: relative;overflow: hidden;} .Teamlist li a{display: flex;justify-content: center;align-items: center;cursor: pointer;padding: 0.24rem;} .Teamlist li::after {position: absolute;right: 0;bottom: 0;content: '';display: block;width: .42rem;height: .42rem;background: rgba(var(--rgb-hover), .8) url(../images/plus.png) center no-repeat;background-size: contain;pointer-events: none;} .Teamlist li .txt{padding: 0 .2rem 0 .4rem;} .Teamlist li .pic{overflow: hidden; width:38%;border-radius:.1rem;} .Teamlist li .txt{width:62%;} .Teamlist li .imgbox{padding-bottom: 108.305%; } .Teamlist li .tit{ line-height:1.875; margin-bottom: 0.24rem; display: flex;flex-wrap: wrap;align-items: center;border-bottom: solid 1px #d8e0e9;} .Teamlist li .tit .name{ font-size:var(--font-size30);color: var(--black); font-weight: 500;} .Teamlist li .tit .name::after{ content:''; display:block; width:100%; border-bottom:solid 2px var(--hover-color);} .Teamlist li .tit .post{ font-size:var(--font-size20);padding-left: .15rem; color: var(--hover-color);font-weight: normal;} .Teamlist li .desc{font-size: var(--font-size16);color: var(--grey2); line-height: 1.8; font-weight: lighter;} .Teamlist li:hover .name{ color: var(--hover-color);} .Teamlist li .info{ display: none;} @media (min-width:1025px) { .Teamlist ul{ display: flex; flex-wrap: wrap; justify-content: space-between;} .Teamlist li{width: 48.8%;} } @media(max-width:1024px){ } .popUp{position: fixed;left: 0;top: 0;width: 100%;z-index: 1200;height: 100%;background: rgba(0,0,0,0.7);overflow: auto;display: none;} .popUp .ytable {height: 100%;} .popUp .container {position: relative;max-width: 12rem;background-color: #fff;border-radius: var(--radius);width: 90%;margin: 0 auto;padding: 0.5rem;} .popUp .container .close {position: absolute;width: 0.28rem;cursor: pointer;height: 0.28rem;border-radius: 50%;background-color: var(--hover-color);right: 0.2rem;top: 0.2rem;color: #fff;display: flex;align-items: center;justify-content: center;} .popUp .container .close::before {content: "";width: 50%;height: 2px;background-color: #fff;position: absolute;transform: rotate(45deg);} .popUp .container .close::after {content: "";width: 50%;height: 2px;background-color: #fff;position: absolute;transform: rotate(-45deg);} .popUp .container .pic { text-align: center; } .popUp .container .pic img{ border-radius: var(--radius);} .popUp .container .content { } .popUp .container .content .tit{ line-height:1.875; margin-bottom: 0.24rem; display: flex;flex-wrap: wrap;align-items: center;border-bottom: solid 1px #d8e0e9;} .popUp .container .content .tit .name{ font-size:var(--font-size30);color: var(--black); font-weight: 500;} .popUp .container .content .tit .name::after{ content:''; display:block; width:100%; border-bottom:solid 2px var(--hover-color);} .popUp .container .content .tit .post{ font-size:var(--font-size20);padding-left: .15rem; color: var(--hover-color);font-weight: normal;} .popUp .container .content .info{ color: var(--grey);font-size: var(--font-size18); line-height: 1.875; } .popUp .container .content .info {max-height: 4rem;overflow: auto;} .popUp .container .content .info p{ margin: 0;} @media (min-width:1025px) { .popUp .box{display: flex; justify-content: space-between;} .popUp .pic {width: 32%; } .popUp .txt{ width: 60%;} } @media (max-width:1024px){ .popUp .container { width: 90%;max-height: 90vh; padding: 6%; overflow: auto;} } .Honor{padding:var(--padMar80) 0;background: #fff;} .Honor ul{ display: flex; flex-wrap: wrap;} .Honor li{float: left;margin-right: 2%;margin-bottom: 2%;transition: 0.3s;} .Honor li .img{background: #fff;background-image: linear-gradient(to bottom, #eff3f6, #dae1e7, #eff3f6);background-size: 100% 100%;height:3.4rem;box-sizing: border-box;padding:0.3rem 0;border-radius: var(--radius);transition: all .5s;} .Honor li:hover .img{ box-shadow: 0 0rem 0.2rem rgba(var(--rgb-hover),0.08);} .Honor li .img .imgbox{padding-top:2.8rem;} .Honor li .img .imgbox img{padding:0.1rem;background: url(../images/honor-kuang.png) no-repeat center center;background-size: 100% 100%;object-fit: contain;max-width:80%;max-height:3.2rem;width:80%;margin:0 auto;height:auto;position: relative;z-index:9;} .Honor li .img .imgbox .box{position: relative;text-align: center;width:100%;} .Honor li:hover .img span{transform: scale(1.1);} .Honor li .tit{text-align: center;margin-top:0.16rem;font-size: var(--font-size18); color: var(--grey); line-height: 1.6;} .Honor li:hover .tit{ color: var(--hover-color);} @media (min-width:1025px) { .Honor li{width: 23.5%;} .Honor li:nth-child(4n){margin-right: 0} } @media(max-width:1024px) { .Honor li{width: 49%;} .Honor li:nth-child(2n){margin-right: 0} .Honor li .img{height:2.6rem;padding:0.2rem 0;} .Honor li .img .imgbox{padding-top:2.2rem;} } .Newlist{padding: var(--padMar80) 0;} .Newlist li {background: #fff; overflow: hidden; margin-bottom: 0.3rem; border-radius: var(--radius); transition: 0.3s; } .Newlist li:hover{ box-shadow: 0 0rem 0.2rem rgba(var(--rgb-hover),0.08);} .Newlist li .pic{} .Newlist li .pic .imgbox{padding-top:65%;transition: 0.3s; } .Newlist li a:hover .imgbox img{transform: scale(1.1);} .Newlist li time{ display: block; font-size: var(--font-size16);color:#999; font-weight: lighter; margin-top: 0.2rem;padding-left: 0.24rem; background: url(../images/icon-time.svg) no-repeat left center; background-size: 0.16rem auto;} .Newlist li .txt{ overflow: hidden;} .Newlist li .txt .tit{font-size:var(--font-size20);color:var(--black); line-height: 1.3; margin-bottom:0.16rem;} .Newlist li .txt .desc{font-size:var(--font-size16);line-height:1.875;color:var(--grey2); } .Newlist li a:hover .txt .tit{color:var(--hover-color);} .Newlist li .more .icon {display: block;width: 0.5rem;height: 0.5rem; border-radius: 50%; position: relative; overflow: hidden;border: 0.01rem solid var(--grey2); } .Newlist li .more .icon:before { position: absolute; content: ''; z-index: 5; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/more2.svg) no-repeat center; background-size: auto 0.12rem; } .Newlist li:hover .more .icon{ background-color: var(--hover-color); border-color: var(--hover-color);} .Newlist li:hover .more .icon:before{ background-image:url(../images/more-w.svg) ;} @media (min-width:1025px) { .Newlist li a{display: flex; justify-content: space-between; align-items: center;} .Newlist .pic{width: 23%;} .Newlist .txt{width: 77%; padding: 0 0.5rem;} } @media(max-width:1024px){ .Newlist li .pic{ margin-bottom: 0.2rem;} .Newlist li .n_more{ margin-top: 0.2rem;} .Newlist li .txt{padding:0.3rem} } .ContactInfo{padding:var(--padMar80) 0;} .ContactInfo .img{ text-align: center;} /* Home index */ .TopHome{position: sticky;left:0;top:0;z-index:1000;background:rgba(var(--rgb-white),.97);border-bottom:.01rem solid var(--line-color);box-shadow:0 .04rem .18rem rgba(var(--rgb-black),.04);} .TopHome .top-inner{height:.92rem;display:flex;align-items:center;justify-content:space-between;position: relative;} .TopHome .top_right{display: flex; align-items: center;} .TopHome .logo{margin:0;width: 2.60rem;line-height:1;} .TopHome .logo a,.TopHome .logo img{display:block;width:100%;} .TopHome .home-nav{flex:1;padding:0 .3rem;} .TopHome .home-nav > .ul{display:flex;justify-content:center;align-items:stretch;} .TopHome .home-nav li{position:relative;} .TopHome .home-nav li span a{display:block;height:.92rem;line-height:.92rem;padding:0 .18rem;font-size: var(--font-size18);color:var(--black);position:relative;white-space:nowrap;} .TopHome .home-nav li span a:after{position:absolute;left:50%;bottom:0;width:0;height:.03rem;background:var(--hover-color);content:"";transform:translateX(-50%);transition:.3s;border-radius:.03rem .03rem 0 0;} .TopHome .home-nav li:hover span a,.TopHome .home-nav li.aon span a{color:var(--hover-color);} .TopHome .home-nav li:hover span a:after,.TopHome .home-nav li.aon span a:after{width:.26rem;} .TopHome .home-nav .sub{position:absolute;left:50%;top:100%;width:1.56rem;margin-left:-.78rem;background:var(--white);border:.01rem solid var(--line-color);box-shadow:0 .12rem .3rem rgba(var(--rgb-black),.12);opacity:0;visibility:hidden;transform:translateY(.1rem);transition:.22s;z-index:20;opacity: 0;} .TopHome .home-nav .sub dl{padding:.06rem 0;} .TopHome .home-nav .sub dt{line-height:1;padding:0;text-align:center;} .TopHome .home-nav .sub dt + dt{border-top:.01rem solid var(--line-color);} .TopHome .home-nav .sub a{display:block;padding:.14rem .12rem;font-size:var(--font-size15);color:var(--black);} .TopHome .home-nav .sub a:hover{color:var(--hover-color);background:var(--hover-bg);} .TopHome .home-nav li.has-sub:hover .sub{opacity:1;visibility:visible;transform:translateY(0);} .TopHome .search{ margin-right: 0.2rem;} .TopHome .open-search { cursor: pointer; display: block; width: 0.22rem; height: 0.22rem; background: url(../images/search.svg) no-repeat center center; background-size: 0.18rem auto; } .TopHome .open-search.on:before, .TopHome .open-search.on:after { background-color: var(--hover-color); } .TopHome .top-search {width:2rem;border: solid 1px var(--hover-color);border-radius: 0.5rem; display: block;padding-right: 0.4rem; overflow: hidden;} .TopHome .top-search .text {width: 100%;height: 0.4rem;line-height: 0.4rem;border-radius: 0.5rem;background: none;padding-left:0.16rem;} .TopHome .top-search .btn { position: absolute; right: 0; top: 0; width: 0.4rem;; height: 100%; background: url(../images/search_white.svg) no-repeat center center; background-size: auto 0.18rem; background-color: var(--hover-color); } .TopHome .tel{display:flex;align-items:center;gap:.08rem;color:var(--hover-color);font-size: var(--font-size20);font-weight:700;white-space:nowrap;} .TopHome .tel i{width: .24rem;height: .24rem;background: url(../images/icon_tel.png) no-repeat center/contain;} .TopHome .wap-menu{display:none;width:.42rem;height:.42rem;padding:0;border:.01rem solid rgba(var(--rgb-hover),.28);background:var(--white);border-radius:.04rem;} .TopHome .wap-menu i{display:block;width:.2rem;height:.02rem;background:var(--hover-color);margin:.055rem auto;border-radius:.02rem;} .bgRed {background: linear-gradient( 140deg, #fff4f4 0%, #fff 50%);border: 1px solid #fff;} .bgOrange {background: linear-gradient( 160deg, #fff3e9 0%, #fff 50%);border: 1px solid #fff;} .HomeGovBan{background:var(--hover-color);} .HomeGovBan .imgbox,.HomeGovBan img{width:100%;height:100%;} .HomeGovBan img{object-fit:cover;} .HomeIndex{background:var(--page-bg);} .HomeSection{padding-bottom:.32rem;} .HomeExamTabs{padding:.5rem 0 .36rem;} .HomeExamTabs ul{display: flex;gap:.24rem;} .HomeExamTabs li{width:100%} .HomeExamTabs li a{height:.6rem;display:flex;align-items:center;justify-content:center;background: var(--white) 90% -80% / 50%;border-radius: .08rem;box-shadow:0 .08rem .22rem rgba(var(--rgb-black),.07);font-size: var(--font-size18);font-weight:500;color: var(--black);position:relative;transition:.25s;} .HomeExamTabs li a:hover{background: url(../images/icon_logo.png) no-repeat 90% -200% /20%,linear-gradient(90deg, #ff5543 0%, #e11515 100%);color:var(--white);transform:translateY(-.02rem);} .HomeExamTabs em{position:absolute;right:0;top:0;padding: 0.04rem .12rem;width: 0.36rem;height: 0.21rem;display: none;background: url(../images/icon_hot.png) no-repeat right;color: var(--white);background-size: 100%;border-radius:0 .06rem 0 .06rem;font-size:.1rem;line-height:1;font-style:normal;} .HomeExamTabs em.True{display:inline-block} .HomeExamTabs a:hover em{background-image:url(../images/icon_hot_h.png)} .HomePanel{border-radius:.07rem;box-shadow: 0rem 0.04rem 0.2rem 0rem rgba(var(--rgb-black),.07);overflow:hidden;} .HomePanel .TitleBox{background:none;border-bottom:.01rem solid var(--line-color);margin-bottom:.18rem;padding-right:0;} .HomePanel .Hometitle{} .HomePanel .Hometitle .cn{width:auto;min-width:1.1rem;height: 0.56rem;padding:0;color:var(--black);background:none;font-size: var(--font-size28);font-weight:700;position:relative;} .HomePanel .Hometitle .cn:after{position:absolute;left:0;bottom:-.01rem;width: 100%;height:.03rem;background:var(--hover-color);content:"";border-radius:.02rem;} .HomePanel .Homemore a{font-size: var(--font-size16);} .HomeCoursePic {margin-top: 0.12rem;} .HomeGrid{display:grid;gap:.24rem;} .HomeGrid-top{grid-template-columns:2.15fr 1fr;} .HomeGrid-half{grid-template-columns:repeat(2,minmax(0,1fr));} .HomeGrid-third{grid-template-columns:repeat(3,minmax(0,1fr));} .HomeGrid-about{grid-template-columns: 1.55fr 1fr;} .HomeNewsMix{display:grid;grid-template-columns:minmax(0,1fr) 3.6rem;gap:.28rem;align-items:start;} .HomeArticleList .headline{display:flex;align-items:center;gap:.1rem;margin: .08rem 0 .02rem;color:var(--hover-color);font-size: var(--font-size20);line-height:1.4;} .HomeArticleList .headline label{min-width:.42rem;line-height: .3rem;text-align:center;background:var(--hover-color);color:var(--white);font-size: var(--font-size16);font-weight:700;width: 0.52rem;background-image: linear-gradient(90deg, #ff5543 0%, #e11515 100%);border-radius: 0.08rem;} .HomeArticleList .headline.orange{color: #ff7800;} .HomeArticleList .headline.orange label{background-image:linear-gradient(-90deg,#ff862e 0%,#ff7f17 0%,#ff7800 0%,#ffb45b 100%);} .HomeArticleList .headline strong{font-weight:700;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height: 0.45rem;} .HomeArticleList .headline p{font-weight:bold} .HomeArticleList a p{margin: 0.03rem 0;padding:0;max-width: 90%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .HomeArticleList a{margin:0 0 .09rem;font-size: var(--font-size16);line-height: 1.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display: flex;margin: 0;line-height: 2.2;} .HomeArticleList a span{padding-right:0.2rem;position:relative;display: inline-block;} .HomeArticleList a span::after{right:0.1rem;top: 25%;width:1px;height: 50%;background: #999;content:'';position:absolute;} .HomeArticleList em,.HomeDotList em{ display: none; align-items:center; padding:0 .04rem; color:var(--white); font-size:.1rem; font-style:normal; font-weight:700; vertical-align:middle; width: 0.3rem; height: 0.18rem; background-image: linear-gradient(90deg, #ff5543 0%, #e11515 100%); border-radius: 0.06rem 0.06rem 0.06rem 0rem; margin-left: 0.05rem; } .HomeArticleList em.True{display:inline-flex} .HomeArticleList em.orange,.HomeDotList em.orange{background-image: linear-gradient(-90deg, #ff862e 0%, #ff7f17 0%, #ff7800 0%, #ffb45b 100%);} .HomeCoursePic img{width:100%;border-radius:.07rem;} .HomeCourseTags{display:grid;grid-template-columns:repeat(3,1fr);gap:.1rem;margin-top:.14rem;} .HomeCourseTags a{display:flex;align-items:center;justify-content:center;border-radius:.05rem;font-size: var(--font-size16);font-weight:500;line-height: .42rem;} .HomeCourseTags a:nth-child(1){color: #20b4a4;background: #20b4a410;} .HomeCourseTags a:nth-child(2){color: #e11515;background:#e1151510;} .HomeCourseTags a:nth-child(3){color: #e17515;background: #e1751510;} .HomeCourseTags a:nth-child(4){color:#b425ac;;background:#b425ac10;} .HomeCourseTags a:nth-child(5){color:#1f69d7;background:#1f69d710;} .HomeCourseTags a:nth-child(6){color:#3d9c42;;background:#3d9c4210;} .HomeDotList li{position:relative;padding-left:.13rem;line-height:1.85;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .HomeDotList li:before{position:absolute;left:0;top: .16rem;width:.05rem;height:.05rem;border-radius:50%;background:linear-gradient(90deg, #fe4b39 0%, #d80d0d 100%);content:"";} .HomeDotList a{font-size:var(--font-size16);} .HomeDotList a:hover{color:var(--hover-color);} .HomeStory{display:grid;grid-template-columns: 2.8rem minmax(0,1fr);gap:.2rem;margin-bottom:.08rem;} .HomeStory .pic{border-radius:.07rem;overflow:hidden;} .HomeStory .pic img{width:100%;height: 1.58rem;object-fit:cover;} .HomeStory h3{margin:0 0 .1rem;font-size:var(--font-size20);line-height:1.45;font-weight:700;} .HomeStory p{margin:0;color:var(--grey2);font-size:var(--font-size15);line-height:1.7;} .HomeMedia{display:grid;grid-template-columns:minmax(0,1fr) 3rem;gap:.24rem;align-items:center;} .HomeMedia img{width:100%;border-radius:.07rem;} .HomeAbout{display:grid;grid-template-columns:3.25rem minmax(0,1fr);gap:.28rem;align-items:start;} .HomeAbout img{width:100%;border-radius:.07rem;} .HomeAbout p{margin:0;color: var(--black);font-size:var(--font-size16);line-height: 1.8;text-indent:2em;} .HomeQuick{padding:.16rem 0 .54rem;} .HomeQuick ul{display: flex;gap:.14rem;justify-content: space-evenly;} .HomeQuick li {width: 100%;} .HomeQuick li a{height: .95rem;display:flex;align-items:center;justify-content:center;gap:.12rem; border:1px solid #fff;background:linear-gradient(-10deg, #ffffff 59%, #fffafa 79%, #fff4f4 100%) 90% 150%;border-radius:.07rem;box-shadow:0 .08rem .22rem rgba(var(--rgb-black),.07);font-size:var(--font-size18);font-weight:500;color:var(--grey);transition:.25s;} .HomeQuick li a:hover{background: url(../images/icon_logo.png) no-repeat 90% 150%,linear-gradient(90deg, #ff5543 0%, #e11515 100%);color:var(--white);transform:translateY(-.02rem);} .HomeQuick li a:hover i{filter: brightness(0) invert(1);} .HomeQuick i{width: .3rem;height: .3rem;border-radius:.04rem;position:relative;background: no-repeat center center;background-size: contain;} .HomeQuick i:after{position:absolute;left:50%;top:50%;width:.08rem;height:.08rem;content:"";transform:translate(-50%,-50%) rotate(135deg);} .HomeBottom .friendship{background:var(--hover-color);min-height: 0.72rem;} .HomeBottom .friendship .top{min-height: 0.72rem;display:flex;align-items:center;justify-content:center;gap: .1rem;color:var(--white);} .HomeBottom .friendship .name,.HomeBottom .friendship .list,.HomeBottom .friendship li{display:inline-block;} .HomeBottom .friendship li{margin:0 .2rem;} .HomeBottom .friendship a{color:var(--white);} .HomeBottom .bottom-box{text-align:center;background: url(../images/bg_bottom.jpg) no-repeat center;padding: .37rem 0 .42rem;color:var(--grey);line-height:1.8;} @media (max-width:1024px){ .TopHome .home-nav li span a{padding:0 .18rem;} .TopHome .tel{display:none;} .HomeNewsMix{grid-template-columns:minmax(0,1fr) 3rem;} .HomeQuick ul {flex-wrap: wrap;} .HomeQuick ul li{width:48%} .HomeAbout div{margin-top:0.2rem} .HomePanel{margin-bottom: 0.24rem;} .HomeExamTabs ul{flex-wrap: wrap;} .HomeExamTabs li{width: 31.5%;} } @media (min-width:1441px){ .root-w-1440 .TopHome .autoCon-1440,.root-w-1440 .HomeIndex .autoCon-1440{max-width:14.4rem;} } @media (max-width:1024px){ .TopHome .top-inner{height:.72rem;} .TopHome .logo{width:2.4rem;} .TopHome .wap-menu{display:block;} .TopHome .home-nav{position:absolute;left:0;right:0;top:.72rem;display:none;padding:.08rem .2rem;background:var(--white);box-shadow:0 .1rem .24rem rgba(var(--rgb-black),.12);} .TopHome.menu-show .home-nav{display:block;} .TopHome .home-nav > .ul{display:grid;grid-template-columns:repeat(2,1fr);gap:0 .1rem;} .TopHome .home-nav li span a{height: 0.6rem;line-height: 0.6rem;padding:0 .08rem;text-align:center;border-bottom: 1px solid #eee;width: 100%;} .TopHome .home-nav li.has-sub > span a{/* padding-right:.28rem; */} .TopHome .home-nav li.has-sub > span a:before{position:absolute;right:.08rem;top:50%;width:.08rem;height:.08rem;border-right:.02rem solid currentColor;border-bottom:.02rem solid currentColor;content:"";transform:translateY(-65%) rotate(45deg);transition:.2s;} .TopHome .home-nav li.has-sub.sub-open > span a:before{transform:translateY(-35%) rotate(225deg);} .TopHome .home-nav li span a:after{display:none;} .TopHome .home-nav .sub{position:static;display:none;width:100%;margin:0;background:var(--hover-bg);border:0;box-shadow:none;opacity:1;visibility:visible;transform:none;} .TopHome .home-nav li.sub-open > .sub{display:block;} .TopHome .home-nav .sub:before{display:none;} .TopHome .home-nav .sub a{padding: .16rem .06rem;font-size:var(--font-size14);} .HomeGovBan{height:auto;aspect-ratio: 1024/450;} .HomeExamTabs{padding:.28rem 0;} .HomeExamTabs ul{grid-template-columns:repeat(3,1fr);gap:.12rem;} .HomeExamTabs li a{height:.52rem;font-size:var(--font-size15);} .HomeSection{padding-bottom: 0;} .HomeGrid{gap:.18rem;} .HomeGrid-top,.HomeGrid-half,.HomeGrid-third,.HomeGrid-about,.HomeNewsMix,.HomeAbout{grid-template-columns:1fr;display: block;} .HomeMedia{grid-template-columns:1fr 2.6rem;display: block;} .HomeQuick ul{grid-template-columns:repeat(3,1fr);} } @media (max-width:640px){ .TopHome .logo{width:2.16rem;} .TopHome .home-nav > .ul{grid-template-columns:1fr;} .HomeExamTabs ul,.HomeQuick ul{grid-template-columns:repeat(2,1fr);} .HomeExamTabs li a{height:.48rem;} .HomePanel.whiteBox{padding:.18rem;} .HomeNewsMix,.HomeStory,.HomeMedia{grid-template-columns:1fr;} .HomeArticleList .headline strong,.HomeArticleList p,.HomeDotList li{} .HomeCourseTags{grid-template-columns:repeat(2,1fr);} .HomeStory .pic img{height:auto;} .HomeBottom .friendship .top{display:block;text-align:center;padding:.14rem 0;} .HomeBottom .friendship li{margin:.04rem .08rem;} } .float_menu{position: fixed;top: 50%;transform: translateY(-50%) translateX(0%);border-radius: 0.5rem;overflow: visible;right: 0.2rem;z-index: 2;background-color: #ffffff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);} .float_menu .float_item{display: flex; justify-content: center; flex-direction: column;cursor: pointer;transition: all 0.5s ease;font-size: var(--font-size14);color: var(--grey);text-align: center;padding: .14rem .07rem;border-bottom: solid 0.01rem #00000010;position: relative;} .float_menu .float_item:first-child{border-radius: 0.5rem 0.5rem 0 0;} .float_menu .float_item:last-child{border-radius: 0 0 0.5rem 0.5rem;} .float_menu .float_item:hover{background-color: var(--hover-color);color: #ffffff;} .float_menu .float_item:hover .icon{filter: brightness(0) invert(1);} .float_menu .float_item img{width: 0.24rem;height: 0.24rem;object-fit: contain;margin: 0 auto;} .float_menu .float_item p{ margin: 0; margin-top: 0.05rem;} .float_menu .float_content {position: absolute;right: 100%; top: 50%;transform: translateY(-50%) translateX(-.1rem); background: #fff;padding: 0.2rem;border-radius: var(--radius);box-shadow: 0 .1rem .15rem -3px rgba(0, 0, 0, 0.1);width: 2rem;opacity: 0;visibility: hidden;pointer-events: none;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index: 10000;} .float_menu .float_content::after {content: ''; position: absolute;top: 50%;left: 100%;transform: translateY(-50%);border-width: 8px;border-style: solid;border-color: transparent transparent transparent #fff;} .float_menu .float_item:hover .float_content {opacity: 1;visibility: visible;transform: translateY(-50%) translateX(-.1rem);pointer-events: auto;color: var(--grey);} .float_menu .float_content .qr-code-img { width: 100%;height: auto;border: 1px solid #eee;border-radius: 4px;} .float_menu .float_content .phone-number {font-size: var(--font-size18);text-align: center;display: block; margin: 5px 0;color: var(--hover-color);} .float_menu .float_content .content-title {font-size: var(--font-size14);text-align: center;margin-bottom: 5px;} .Menu002795{ background: #fff; padding:0.3rem 0;} .Menu002795 ul{ text-align: center;} .Menu002795 li{ display: inline-block; margin: 0 calc(10 / 1920 * 100%); margin-bottom:1px;} .Menu002795 li a{ display:block; padding:0 0.4rem; border-radius:0.5rem; line-height:0.45rem; border:1px solid #e2e2e2; background:#fff; font-size:var(--font-size18);} .Menu002795 li:hover a, .Menu002795 li.aon a{ color:#fff; background:var(--hover-color); border-color:var(--hover-color);} @media(max-width:1024px){ .Menu002795 li a{ padding:0 0.24rem;} }