body,html{position:relative;height:100%}
html{background:#fff;color:#000;direction:ltr;font:16px/1.36 helvetica-neue,Helvetica,Arial,"Nimbus Sans L","Liberation Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
.header{position:fixed;width:100%;height:100px;z-index:1989816;transition:all .5s}
.header .menu{position:absolute;top:30px;left:30px}
.header .menu i{color:#fff;font-size:20px}
.header .menu span{position:relative;color:#fff;font-size:16px;top:-2px;left:5px}
.header .logo{position:absolute;top:30px;left:50%;transform:translate(-50%,0)}
.header .logo img{width:170px}
.header .user{position:absolute;top:30px;right:30px}
.header .user i{color:#fff;font-size:20px}
.header2{position:fixed;width:100%;height:100px;z-index:1989816;transition:all .5s}
.header2 .menu{position:absolute;top:30px;left:30px}
.header2 .menu i{color:#000;font-size:20px}
.header2 .menu span{position:relative;color:#000;font-size:16px;top:-2px;left:5px}
.header2 .logo{position:absolute;top:30px;left:50%;transform:translate(-50%,0)}
.header2 .logo img{width:170px}
.header2 .user{position:absolute;top:30px;right:30px}
.header2 .user i{color:#000;font-size:20px}
.banner{margin-bottom:80px}
.banner div.img{position:relative;width:100%;height:100%;background-size:cover;background-position:center}
.banner div.img a.title{position:absolute;bottom:20%;color:#fff;font-size:2.8rem;font-family:initial;text-align:center;width:100%}
.banner div.img a.btn{position:absolute;bottom:10%;color:#fff;font-size:18px;font-family:initial;left:50%;transform:translate(-50%,0);padding-bottom:10px}
.banner2{margin-bottom:80px}
.banner2 div.img{position:relative;width:100%;height:100%;background-size:cover;background-position:center top}
.banner2 div.img a.title{position:absolute;bottom:50%;color:#fff;font-size:2.8rem;font-family:initial;text-align:center;width:100%}
.banner2 div.img a.btn{position:absolute;bottom:40%;color:#fff;font-size:18px;font-family:initial;left:50%;transform:translate(-50%,0);padding-bottom:10px}
.category{display:block;overflow:hidden;margin-bottom:80px}
.category a{display:none;border-radius:3px}
.category .image{width:100%;height:50rem;background-size:cover;background-position:center;border-radius:3px}
.category .image:hover a{display:block;background:rgb(0 0 0 / 75%);width:100%;height:100%;line-height:50rem;text-align:center;color:#fff;font-size:32px;transition:all .5s}
.article{display:block;overflow:hidden;margin-bottom:80px}
.article .grid{float:right;width:80%;border-radius:3px}
.article .grid .line1{width:90%;display:block;overflow:hidden;margin-bottom:30px}
.article .grid .class{float:left;font-size:16px}
.article .grid .date{float:right;font-family:times-new-roman,times,serif;font-size:16px;color:#767676}
.article .grid .line2{width:80%;font-family:times-new-roman,times,serif;font-size:32px;line-height:1.24;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;margin-bottom:80px}
.article .grid .line3{width:80%;font-family:times-new-roman,times,serif;font-size:32px;line-height:1.24;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;overflow:hidden;margin-bottom:80px}
.article .grid .line4{width:80%;height:30px;display:block;overflow:hidden}
.article .grid .line4 a.read{font-size:16px;margin-right:30px;position:relative;padding-bottom:10px}
.article .grid .line4 a.more{font-size:16px;position:relative;padding-bottom:10px}
.article .image{width:80%;height:50rem;background-size:cover;background-position:center;border-radius:3px}
@media screen and (max-width:767.9px){.article .image{height:500px;margin:0 auto}
}
.article .image a{display:block;width:100%;height:100%;border-radius:3px}
.category2{display:block;overflow:hidden;margin-bottom:80px}
.category2 .image{width:100%;height:50rem;background-size:cover;background-position:center top}
.category2 .text{background:#a80000;display:block;width:100%;height:50rem}
.category2 .text a{color:#fff}
.category2 .text a.name{position:absolute;top:40%;font-size:3rem;font-family:initial;left:50%;transform:translate(-50%,-40%)}
.category2 .text .btn{position:absolute;top:55%;font-size:1rem;font-family:initial;left:50%;transform:translate(-50%,-55%);padding-bottom:10px}
.mySwiper{display:block;overflow:hidden;margin-bottom:80px}
.mySwiper a.image{width:325px;height:500px;background-size:cover;background-position:center}
.swiper{width:100%;height:500px}
.swiper-slide{text-align:center;width:325px;height:500px;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center}
.swiper-slide img{display:block;object-fit:cover}
.classTitle{text-align:center;padding:180px 0 90px;font-size:24px}
.product_list{margin:auto;width:98%;display:block;overflow:hidden;margin-bottom:80px}
.product_list .image{background:#f2f1ef;display:block;overflow:hidden;position:relative;width:100%}
.product_list .img{width:100%;height:0;padding-bottom:133.33%;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;display:block}
.product_list .i2{display:none}
.product_list .title{margin:20px 0 30px;color:#000;font-size:14px;text-align:center}
.classDesc{margin:100px auto;font-size:16px;width:75%;text-align:center;line-height:30px}
.lattice{display:initial;overflow:hidden;margin-bottom:80px}
.lattice svg{margin:0 auto;display:block}
.lattice span{display:block;text-align:center;margin-top:10px}
.footer{border-top:1px solid #dfdde3}
.footer .links{padding:30px 0 15px;text-align:center}
.footer .text{padding-bottom:15px;text-align:center}
.footer .beian{padding-bottom:30px;text-align:center}
.mlink::after{border-bottom-color:transparent;background-image:url(static/images/underline.svg);background-position:center;background-size:0;border-bottom-style:solid;border-bottom-width:1px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}
.mlinkw::after{border-bottom-color:transparent;background-image:url(static/images/underline-white.svg);background-position:center;background-size:0;border-bottom-style:solid;border-bottom-width:1px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}
.mlink:hover::after,.mlinkw:hover::after{background-size:initial;border-bottom-color:transparent}