﻿.blog_container{padding-top:158px}.blog_container>header{background:linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);margin:0 20px;padding-bottom:40px;box-sizing:border-box;border-radius:16px}.blog_container>header>.h_recommend{max-width:1200px;width:100%;margin:0 auto;display:flex;justify-content:center;column-gap:20px;flex-wrap:wrap}.blog_container>header>.h_recommend:hover>div:nth-of-type(2)>h1{color:#8062EF}.blog_container>header>.h_recommend>div:nth-of-type(1)>img{width:590px;height:220px;transition:all .3s}.blog_container>header>.h_recommend>div:nth-of-type(2){max-width:589px;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:10px;row-gap:12px}.blog_container>header>.h_recommend>div:nth-of-type(2)>h1{font-weight:bold;font-size:24px;color:#000000;line-height:34px;transition:all .3s}.blog_container>header>.h_recommend>div:nth-of-type(2)>p{font-size:16px;color:#999999;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.blog_container>header>.h_recommend>div:nth-of-type(2)>div{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.blog_container>header>.h_recommend>div:nth-of-type(2)>div>p{display:flex;align-items:center;column-gap:9px}.blog_container>header>.h_recommend>div:nth-of-type(2)>div>p>span{font-weight:bold;font-size:16px;color:#333333}.blog_container>header>.h_recommend>div:nth-of-type(2)>div>p>img{width:32px;height:32px;border-radius:100%}.blog_container>header>.h_recommend>div:nth-of-type(2)>div>span{font-size:14px;color:#999999;line-height:21px}.blog_container>header>.h_demo{max-width:1200px;width:100%;margin:0 auto;display:flex;align-items:center;margin-top:20px;gap:20px;justify-content:center;flex-wrap:wrap}.blog_container>header>.h_demo>a{flex:1;transition:all .3s}.blog_container>header>.h_demo>a:hover>h2{color:#8062EF}.blog_container>header>.h_demo>a>img{width:100%;height:142px;margin-bottom:12px;transition:all .3s}.blog_container>header>.h_demo>a>h2{font-weight:bold;font-size:20px;color:#000000;line-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;transition:all .3s;height:60px}.blog_container>header>.h_demo>a>div{display:flex;align-items:center;gap:4px}.blog_container>header>.h_demo>a>div>img{width:32px;height:32px;border-radius:100%}.blog_container>header>.h_demo>a>div>p{display:flex;flex-direction:column}.blog_container>header>.h_demo>a>div>p>span:nth-of-type(1){font-weight:bold;font-size:14px;color:#333333;line-height:21px}.blog_container>header>.h_demo>a>div>p>span:nth-of-type(2){font-size:14px;color:#999999;line-height:21px}.blog_container>.blog_type{max-width:1200px;width:100%;margin:0 auto;margin-top:24px}.blog_container>.blog_type>ul{display:flex;align-items:center;margin-bottom:24px;gap:8px}.blog_container>.blog_type>ul>li{padding:0 14px;height:42px;background:#FFFFFF;border-radius:29px 29px 29px 29px;border:1px solid #CBCBCB;font-size:16px;color:#333333;line-height:42px;cursor:pointer;white-space:nowrap}.blog_container>.blog_type>ul>li.active{background:#171717;border:1px solid #FFFFFF;color:#FFFFFF}.blog_container>.blog_type>ul>li.active>a{color:#FFFFFF}.blog_container>.blog_type>.type_container{display:flex;justify-content:center;gap:20px;padding-bottom:64px;flex-wrap:wrap}.blog_container>.blog_type>.type_container>.article_container{display:flex;flex-direction:column;gap:20px;width:100%}.blog_container>.blog_type>.type_container>.article_container>a:not(.page){padding-bottom:20px;transition:all .3s;display:flex;gap:21px;max-width:1200px;justify-content:space-between;width:100%;flex-wrap:wrap}.blog_container>.blog_type>.type_container>.article_container>a:not(.page):not(:last-child){border-bottom:1px solid #CBCBCB}.blog_container>.blog_type>.type_container>.article_container>a:not(.page):hover>div>h2{color:#8062EF}.blog_container>.blog_type>.type_container>.article_container>a:not(.page):hover>img{transform:scale(1.1)}.blog_container>.blog_type>.type_container>.article_container>a:not(.page)>div{max-width:850px;width:100%}.blog_container>.blog_type>.type_container>.article_container>a:not(.page)>div>h2{font-weight:bold;font-size:20px;color:#333333;line-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px}.blog_container>.blog_type>.type_container>.article_container>a:not(.page)>div>p{display:flex;align-items:center;gap:12px}.blog_container>.blog_type>.type_container>.article_container>a:not(.page)>div>p>img{width:17px;height:17px}.blog_container>.blog_type>.type_container>.article_container>a:not(.page)>div>p>span{display:inline-block;padding:0 9px;height:21px;border-radius:3px 3px 3px 3px;border:1px solid #E8E8E8;font-size:14px;color:#999999;line-height:21px}.blog_container>.blog_type>.type_container>.article_container>a:not(.page)>div>h3{font-weight:400;font-size:16px;color:#999999;line-height:30px;margin:12px 0;font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog_container>.blog_type>.type_container>.article_container>a:not(.page)>div>div{display:flex;align-items:center}.blog_container>.blog_type>.type_container>.article_container>a:not(.page)>div>div>img{width:32px;height:32px;margin-right:4px}.blog_container>.blog_type>.type_container>.article_container>a:not(.page)>div>div>p{font-weight:bold;font-size:16px;color:#333333;line-height:24px;margin-right:18px}.blog_container>.blog_type>.type_container>.article_container>a:not(.page)>div>div>p>span{font-size:14px;color:#999999;line-height:21px}.blog_container>.blog_type>.type_container>.article_container>a:not(.page)>img{width:285px;height:107px;transition:all .3s}.blog_container>.blog_type>.type_container>.article_container>.page{display:flex;align-items:center;margin-top:80px;column-gap:8px}.blog_container>.blog_type>.type_container>.article_container>.page>a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:20px;color:#999999;border-radius:100%}.blog_container>.blog_type>.type_container>.article_container>.page>a.active,.blog_container>.blog_type>.type_container>.article_container>.page>a:hover{background:#866BED;color:#fff}.blog_container>.blog_type>.type_container>.article_container>.page>a.preArraw,.blog_container>.blog_type>.type_container>.article_container>.page>a.nextArraw{width:32px;height:32px;border-radius:100%;display:flex;align-items:center;justify-content:center;background:transparent}.blog_container>.blog_type>.type_container>.article_container>.page>a.preArraw>i,.blog_container>.blog_type>.type_container>.article_container>.page>a.nextArraw>i{display:block;width:32px;height:32px;background:url(../image/blog_arraw.png) no-repeat center center;background-position:0 0}.blog_container>.blog_type>.type_container>.article_container>.page>a.preArraw:hover>i{background-position:0 -32px}.blog_container>.blog_type>.type_container>.article_container>.page>a.preArraw>i{background-position:0 0}.blog_container>.blog_type>.type_container>.article_container>.page>a.nextArraw:hover>i{background-position:-32px -32px}.blog_container>.blog_type>.type_container>.article_container>.page>a.nextArraw>i{background-position:-32px 0}.blog_container>.blog_type>.type_container>.bannerList{display:flex;flex-direction:column;gap:20px;padding-top:28px}.blog_container>.blog_type>.type_container>.bannerList>img{width:392px;height:285px}.category_container{max-width:1200px;width:100%;margin:0 auto;padding-top:158px}.category_container>.back_btn{display:flex;align-items:center;margin-bottom:24px;font-size:20px;color:#000}.category_container>.blog_type{max-width:1200px;width:100%;margin:0 auto;margin-top:24px}.category_container>.blog_type>ul{display:flex;align-items:center;margin-bottom:24px;gap:8px;overflow-x:auto}.category_container>.blog_type>ul>li{padding:0 14px;height:42px;background:#FFFFFF;border-radius:29px 29px 29px 29px;border:1px solid #CBCBCB;font-size:16px;color:#333333;line-height:42px;cursor:pointer;white-space:nowrap}.category_container>.blog_type>ul>li>a{display:block;width:100%;height:100%}.category_container>.blog_type>ul>li.active{background:#171717;border:1px solid #FFFFFF;color:#FFFFFF}.category_container>.blog_type>ul>li.active>a{color:#FFFFFF}.category_container>.blog_type>.type_container{display:flex;justify-content:center;gap:20px;padding-bottom:64px;flex-wrap:wrap}.category_container>.blog_type>.type_container>.article_container{display:flex;flex-direction:column;gap:20px;width:100%}.category_container>.blog_type>.type_container>.article_container>a:not(.page){padding-bottom:20px;transition:all .3s;display:flex;gap:21px;justify-content:space-between;max-width:1200px;width:100%;flex-wrap:wrap}.category_container>.blog_type>.type_container>.article_container>a:not(.page):not(:last-child){border-bottom:1px solid #CBCBCB}.category_container>.blog_type>.type_container>.article_container>a:not(.page):hover>div>h2{color:#8062EF}.category_container>.blog_type>.type_container>.article_container>a:not(.page):hover>img{transform:scale(1.1)}.category_container>.blog_type>.type_container>.article_container>a:not(.page)>div{max-width:850px;width:100%}.category_container>.blog_type>.type_container>.article_container>a:not(.page)>div>h2{font-weight:bold;font-size:20px;color:#333333;line-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px}.category_container>.blog_type>.type_container>.article_container>a:not(.page)>div>p{display:flex;align-items:center;gap:12px}.category_container>.blog_type>.type_container>.article_container>a:not(.page)>div>p>img{width:17px;height:17px}.category_container>.blog_type>.type_container>.article_container>a:not(.page)>div>p>span{display:inline-block;padding:0 9px;height:21px;border-radius:3px 3px 3px 3px;border:1px solid #E8E8E8;font-size:14px;color:#999999;line-height:21px}.category_container>.blog_type>.type_container>.article_container>a:not(.page)>div>h3{font-weight:400;font-size:16px;color:#999999;line-height:30px;margin:12px 0;font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.category_container>.blog_type>.type_container>.article_container>a:not(.page)>div>div{display:flex;align-items:center}.category_container>.blog_type>.type_container>.article_container>a:not(.page)>div>div>img{width:32px;height:32px;margin-right:4px}.category_container>.blog_type>.type_container>.article_container>a:not(.page)>div>div>p{font-weight:bold;font-size:16px;color:#333333;line-height:24px;margin-right:18px}.category_container>.blog_type>.type_container>.article_container>a:not(.page)>div>div>p>span{font-size:14px;color:#999999;line-height:21px}.category_container>.blog_type>.type_container>.article_container>a:not(.page)>img{width:285px;height:107px;transition:all .3s}.category_container>.blog_type>.type_container>.article_container>.page{display:flex;align-items:center;margin-top:80px;column-gap:8px}.category_container>.blog_type>.type_container>.article_container>.page>a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:20px;color:#999999;border-radius:100%}.category_container>.blog_type>.type_container>.article_container>.page>a.active,.category_container>.blog_type>.type_container>.article_container>.page>a:hover{background:#866BED;color:#fff}.category_container>.blog_type>.type_container>.article_container>.page>a.preArraw,.category_container>.blog_type>.type_container>.article_container>.page>a.nextArraw{width:32px;height:32px;border-radius:100%;display:flex;align-items:center;justify-content:center;background:transparent}.category_container>.blog_type>.type_container>.article_container>.page>a.preArraw>i,.category_container>.blog_type>.type_container>.article_container>.page>a.nextArraw>i{display:block;width:32px;height:32px;background:url(../image/blog_arraw.png) no-repeat center center;background-position:0 0}.category_container>.blog_type>.type_container>.article_container>.page>a.preArraw:hover>i{background-position:0 -32px}.category_container>.blog_type>.type_container>.article_container>.page>a.preArraw>i{background-position:0 0}.category_container>.blog_type>.type_container>.article_container>.page>a.nextArraw:hover>i{background-position:-32px -32px}.category_container>.blog_type>.type_container>.article_container>.page>a.nextArraw>i{background-position:-32px 0}.category_container>.blog_type>.type_container>.bannerList{display:flex;flex-direction:column;gap:20px;padding-top:28px}.category_container>.blog_type>.type_container>.bannerList>img{width:392px;height:285px}@keyframes floatImage{0%{transform:translateX(0)}50%{transform:translateX(50px)}100%{transform:translateX(0)}}@media screen and (max-width:980px){.blog_container{padding-top:80px}.blog_container>header{margin:0;padding:0 20px;box-sizing:border-box}.blog_container>header>.h_recommend>div:nth-of-type(1)>img{width:100%}.blog_container>header>.h_recommend>div:nth-of-type(2)>h1{font-size:24px;line-height:32px;margin-top:10px}.blog_container>header>.h_demo>div{width:100%;flex:auto}.blog_container>header>.h_demo>div>img{width:100%;height:auto}.blog_container .blog_type .type_container .article_container{padding:0 20px;box-sizing:border-box}.blog_container .blog_type ul{overflow-x:auto;padding:0 20px;box-sizing:border-box;padding-bottom:10px}.category_container>.blog_type>.type_container{padding:0 20px;box-sizing:border-box;padding-bottom:30px}.category_container>.blog_type>ul{padding-bottom:10px;margin:0 20px}.category_container{padding-top:80px}}