.ts_banner{position: relative;}
.ts_banner>img{width: 100%;transition: .3s;}

.ts_item{padding: 44px;}
.ts_item>h1{font-size: 22px;}
.ts_item>hr{margin: 30px 0;border-color: #fff;}
.ts_item>h2{font-size: 18px;margin: 20px 0;}
.ts_item>h2>span{font-size: 16px;color: #666;font-weight: lighter;}
.ts_item>p{color: #666;line-height: 2;margin: 10px 0 20px;}
.ts_item>h3{color: var(--base);margin: 20px 0 10px;font-size: 18px;font-weight: 500;}
.ts_item>b{font-weight: 400;display: block;color: #666;line-height: 2;font-size: 16px;text-indent: 1em;}

.ts_solu_w{display: flex;flex-wrap: wrap;}
.ts_solu_i{width: 31%;margin-right: 3.5%;margin-bottom: 20px;}
.ts_solu_i:nth-child(3n){margin-right: 0;}
.ts_solu_i>img{width: 100%;}
.ts_solu_i>h1{font-size: 14px;font-weight: 400;color: #666;text-align: center;margin: 10px 0 0;transition: .3s;}
.ts_solu_i:hover{}
.ts_solu_i:hover >h1{color: var(--base);}




@media screen and (max-width: 766px) {
    .ts_banner>img{height: 30rem;object-fit: cover;}
    
    .td_left_l{width: 300vw;}
    .ts_item{padding: 2rem 0;}

    .ts_solu_i{width: 100%;margin-right: 0;}



    

}