main .slogan{
        width: 600px;
        height: 30px;
        margin: 60px auto 40px;
    }

.selectcase .selectcase_main .selectcase1{
                justify-content: space-between;}
.selectcase .selectcase_main .selectcase1 .case{
                    width: 380px;
                    border-radius: 10px;
                    overflow: hidden;
                    box-shadow: 0px 2px 8px 2px rgba(49,136,255,0.25);
                    margin: 4px 7px;
                       position: relative;
                       height: 325px;}
.selectcase .selectcase_main .selectcase1 .case img{
                            width: 380px;
                          
                        }
.selectcase .selectcase_main .selectcase1 .case .info{
background: #fff;
position: absolute;
border-radius: 10px;
bottom: 0;
width: 100%;
height: 165px;
padding: 15px 20px 20px;}
.selectcase .selectcase_main .selectcase1 .case .info .title{
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
line-height: 35px;
color: rgba(0,0,0,0.8);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.selectcase .selectcase_main .selectcase1 .case .info .des{
    font-size: 16px;
    font-weight: 400;
   line-height: 29px;
    display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                           
    color: rgba(0,0,0,0.5);
    margin: 11px 0;
}
.selectcase .selectcase_main .selectcase1 .case .info .time{
    width: 284px;
    justify-content: space-between;}
.selectcase .selectcase_main .selectcase1 .case .info time,span{
    font-size: 14px;
    line-height: 16px;
    color: rgba(0,0,0,0.2);}

.selectcase .selectcase_main .selectcase1 .case.active .info{
                        background: linear-gradient(90deg,rgba(54,124,248) 0%,rgba(94,156,241) 100%);}
.selectcase .selectcase_main .selectcase1 .case.active .info .title{
                            color: #fff;
                        }
.selectcase .selectcase_main .selectcase1 .case.active .info .des{
                            color: rgba(255,255,255,0.8);
                        }
.selectcase .selectcase_main .selectcase1 .case.active .info time,.selectcase .selectcase_main .selectcase1 .case.active .info span{
                            color: rgba(255,255,255,0.5);}
                  
.selectcase .selectcase_main .selectcase2{
                justify-content: space-between;
                overflow: hidden;}
.selectcase .selectcase_main .selectcase2 .case1{
                    width: 786px;
                    justify-content: space-between;
                    margin: 30px 4px 4px;
                    border-radius: 10px;
                    box-shadow: 0px 2px 8px 2px rgba(49,136,255,0.25);
                    padding: 15px 30px;}
.selectcase .selectcase_main .selectcase2 .case1 .item{
                        width: 355px;
                        justify-content: space-between;
                        align-items: center;
                        margin: 15px 0;}
.selectcase .selectcase_main .selectcase2 .case1 img{
                            width: 150px;
                            height: 100px;
                            border-radius: 10px;
                        }
.selectcase .selectcase_main .selectcase2 .case1 .info{
                            width: 190px;}
.selectcase .selectcase_main .selectcase2 .case1 .info time{
                                display: block;
                                font-size: 16px;
                                line-height: 23px;
                                color: rgba(0,0,0,0.2);
                            }
.selectcase .selectcase_main .selectcase2 .case1 .info .title{
                                font-size: 18px;
                                font-weight: 400;
                                line-height: 26px;
                                color: rgba(0,0,0,0.8);
                                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                    margin: 10px 0;            
                            }
.selectcase .selectcase_main .selectcase2 .case1 .info .icon{
                                display: block;
                                width: 20px;
                                height: 20px;
                                background: url(/static/index/pc/images/case_more.png) no-repeat;
                                background-size: 100% 100%;
                                margin-top: 3px;
                            }
.selectcase .selectcase_main .selectcase2 .case2{
                    width: 380px;
                    justify-content: space-between;
                    margin: 30px 4px 4px;
                    border-radius: 10px;
                    box-shadow: 0px 2px 8px 2px rgba(49,136,255,0.25);
                    padding: 0 20px; }
.selectcase .selectcase_main .selectcase2 .case2 .item{
                        margin: 20px 0;
                        justify-content: space-between;
                        align-items: center;
                        height: 70px;}
.selectcase .selectcase_main .selectcase2 .case2 .img{
                            width: 70px;
                            height: 70px;
                            border-radius: 10px;
                            display: block;
                            overflow: hidden;}
.selectcase .selectcase_main .selectcase2 .case2 img{
                    width: 105px;
                }
                        
.selectcase .selectcase_main .selectcase2 .case2 .info{
                            width: 250px;}
.selectcase .selectcase_main .selectcase2 .case2 .info .title{
                            font-size: 16px;
                            font-weight: 400;
                            letter-spacing: 1px;
                            line-height: 23px;
                            color: rgba(0,0,0,0.5);
                            display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                        }
.selectcase .selectcase_main .selectcase2 .case2 .info .icon{
                            display: block;
                            width: 20px;
                            height: 20px;
                            background: url(/static/index/pc/images/case_more.png) no-repeat;
                            background-size: 100% 100%;
                            margin-top: 2px;
    }
.cgal .cgal_main{
            background: rgba(155,205,245,0.2);
            padding-top: 20px;}
.cgal .cgal_main .cgal_content{
                overflow: hidden;}
.cgal .cgal_main .cgal_content .al{
                    background: #fff;
                    border-radius: 10px;
                    overflow: hidden;
                    box-shadow: 0 2px 8px 2px rgba(49,136,255,0.25);
                    padding: 30px;
                    margin: 0 7px 20px;
                    justify-content: space-between;}
.cgal .cgal_main .cgal_content .img{
                        width:300px;
                        height: 158px;
                        border-radius: 10px;
                        display: block;
                        overflow: hidden;}
.cgal .cgal_main .cgal_content img{
                            width: 100%;
                            /*height: 100%;*/
                        }
                    
.cgal .cgal_main .cgal_content .info{
                        width: 796px;}
.cgal .cgal_main .cgal_content .info .title{
                            font-size: 18px;
                            font-weight: 400;
                            letter-spacing: 1px;
                            line-height: 24px;
                            color: rgba(0,0,0,0.8);
                         
                        }
.cgal .cgal_main .cgal_content .info .des{
                            font-size: 16px;
                            font-weight: 400;
                            letter-spacing: 0;
                            line-height: 36px;
                            color: rgba(0,0,0,0.5);
                            margin: 21px 0;
                            display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                        }
.cgal .cgal_main .cgal_content .info .time{
                            width: 319px;
                            justify-content: space-between;}
.cgal .cgal_main .cgal_content .info time,.cgal .cgal_main .cgal_content .info span{
                                font-size: 14px;
                                font-weight: 400;
                                line-height: 18px;
                                color: rgba(0,0,0,0.2);
}
/* 移动端 */
@media (max-width:820px) {
 main .slogan{
            width: 66.67vw;
            height: 11.33vw;
            margin: 3.33vw auto 2.67vw;
        }
    
.selectcase .selectcase_main .swiper-selectcase{
            width: 100%;
                overflow: hidden;
                position: relative;
}
.selectcase .selectcase_main .selectcase1{
                width: auto;
                width: auto;
                flex-wrap: nowrap;}
.selectcase .selectcase_main .selectcase1 .case{
                    width: 100%;
                    overflow: hidden;
                    height: auto;
                   box-shadow: none;
                   margin: 0;
                   padding: 0.8vw;
                   padding-bottom: 7.33vw;}
.selectcase .selectcase_main .selectcase1 .case .box{
                        border-radius: 1.33vw;
                        height: 68.67vw;
                       margin: .8vw;
                        box-shadow: 0 .67vw 1.06vw .67vw rgba(49,136,255,0.25);
                        position: relative;
                        overflow: hidden;
                       
                    }
.selectcase .selectcase_main .selectcase1 .case img{
                        width: 100%;
                       
                    }
.selectcase .selectcase_main .selectcase1 .case .info{
                        border-radius: 1.33vw;
                        height: 40vw;
                        overflow: hidden;
                        padding: 4vw;}
.selectcase .selectcase_main .selectcase1 .case .info .title{
                            font-size: 4vw;
                            font-weight: 400;
                            letter-spacing: .33vw;
                            line-height: 5.79vw;
                        }
.selectcase .selectcase_main .selectcase1 .case .info .des{
    width: 100%;
                            font-size: 3.2vw;
                            line-height: 6.4vw;
                            margin: 2vw 0;
                           
                            
                        }
.selectcase .selectcase_main .selectcase1 .case .info .time{
                            width: 56.53vw;}
.selectcase .selectcase_main .selectcase1 .case .info time,.selectcase .selectcase_main .selectcase1 .case .info span{
                                font-size: 2.67vw;
                                line-height: normal;

                            }
.selectcase .selectcase_main .selectcase1 .swiper-pagination{
                bottom: 1.67vw;}
.selectcase .selectcase_main .selectcase1 .swiper-pagination-bullet{
                    width: 1.33vw;
                    height: 1.33vw;
                    border-radius: 1.33vw;
                padding: 0;
                margin: 0 .67vw;
}
.selectcase .selectcase_main .selectcase2 .case1{
                width: 100%;
                margin: .8vw 1.8vw;
                box-shadow: 0 .67vw 1.06vw .67vw rgba(49,136,255,0.25);
                border-radius: 1.33vw;
                padding: 4vw 4vw 0;}
.selectcase .selectcase_main .selectcase2 .case1 .item{
                    width: 100%;
                    margin: 0 0 4vw;
                    height: 16vw;
            overflow: hidden;}
.selectcase .selectcase_main .selectcase2 .case1 .item img{
                        width: 20vw;
                        height: 16vw;
                        border-radius: 1.33vw;
                    }
.selectcase .selectcase_main .selectcase2 .case1 .item .info{
                        width: 58.4vw;}
.selectcase .selectcase_main .selectcase2 .case1 .item .info .title{
                            font-size: 4vw;
                            line-height: 4.67vw;
                            margin: 0;
                            margin-bottom: 3.07vw;
                        }
.selectcase .selectcase_main .selectcase2 .case1 .item .info time{
                            display: inline-block;
                            font-size: 2.67vw;
                            line-height: 3.46vw;
                        }
.selectcase .selectcase_main .selectcase2 .case1 .item .info .icon{
                            display: inline-block;
                            float: right;
                            width: 4vw;
                            height: 4vw;
            }
.selectcase .selectcase_main .selectcase2 .case2{
                margin: .8vw 1.8vw;
                margin-top: 2.67vw;
                box-shadow: 0 .67vw 1.06vw .67vw rgba(49,136,255,0.25);
                border-radius: 1.33vw;
                width: 42.4vw;
                padding: 0 2.67vw 0;}
.selectcase .selectcase_main .selectcase2 .case2 .item{
                    margin: 2.67vw 0;
                    height: 10.67vw;}
.selectcase .selectcase_main .selectcase2 .case2 .img{
                        width: 10.66vw;
                        height: 10.66vw;
                        display: block;
                        overflow: hidden;}
.selectcase .selectcase_main .selectcase2 .case2 img{
               width: 16vw;
            
                    }
.selectcase .selectcase_main .selectcase2 .case2 .info{
                        width: 22.7vw;}
.selectcase .selectcase_main .selectcase2 .case2 .info .title{
                           font-size: 3.2vw;
    line-height: 3.47vw;
    letter-spacing: 0;
    color: rgba(0,0,0,0.8);
                        }
.selectcase .selectcase_main .selectcase2 .case2 .info .icon{
                            width: 2.67vw;
                            height: 2.67vw;
                            margin-top: .53vw;
                        }
                 

.cgal .cgal_main{
            background: #fff;
    padding-top: 0;
}
.cgal .cgal_main .cgal_content .al{
                    margin: .8vw 1.8vw 2.67vw;
                    box-shadow: 0 .67vw 1.06vw .67vw rgba(49,136,255,0.25);
                    border-radius: 1.33vw;
                    padding: 2.67vw;}
.cgal .cgal_main .cgal_content .al .img{
                        width: 26.67vw;
                        height: 19.33vw;
                        border-radius: 1.33vw; 
                    }
.cgal .cgal_main .cgal_content .al .info{
                        width: 53.73vw;}
.cgal .cgal_main .cgal_content .al .info .title{
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                            font-size: 4vw;
                            line-height: 5.33vw;
                            letter-spacing: 0;
                        }
.cgal .cgal_main .cgal_content .al .info .des{
                            font-size: 3.2vw;
                            line-height: 4.67vw;
                            display: block;
                            margin-top: .67vw;
                            margin-bottom: 0;
                     
                            display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
                        }
.cgal .cgal_main .cgal_content .al .info .time{
                            width: 100%;
    justify-content: space-between;
}
.cgal .cgal_main .cgal_content .al .info time,.cgal .cgal_main .cgal_content .al .info span{
                                font-size: 2.67vw;
                                line-height: 2.4vw;
                                margin-top: 2vw;
                            }
                    
}