header{
    background:#ffffff;
  }
.title_box{
    width: 1200px;
    margin:0 auto;
    text-align:left;
}
.title_box>h2{
    font-size: 50px;
    font-weight: 600;
    color: #333333;
    line-height: 50px;
    padding:105px 0 20px 0;
}
.title_box>p{
    font-size: 20px;
    font-weight: 500;
    color: #666666;
    line-height: 20px;
}
.tab_top{
    width: 1200px;
    height:42px;
    margin:80px auto 60px;
    text-align:left;
    border-bottom:2px solid #E6E6E6;
}
.tab_top>li{
    width: 80px;
    height:40px;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    line-height: 18px;
    display: inline-block;
    text-align:center;
    margin-right: 60px;
    cursor: pointer;
}
.tab_top>.is_act{
    color: #0091FF;
    border-bottom:2px solid #0091FF;
}
.tab_bottom{
    margin-top:30px;
}

.tab_bottom>.ani{
    animation: ars 0.5s forwards;
    opacity: 0;
}
.tab_bottom>div{
    width: 1200px;
    margin:0 auto;
    position: relative;
    /* display:none; */
    text-align:left;
    font-size:0;
    /* display: flex;
    justify-content: space-between;
    flex-wrap:wrap; */
}
@keyframes ars {
    0% {
        top: 20px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.tab_bottom>div>a{
    margin-right: 30px;
}
.tab_bottom>div>a:nth-child(3n){
    margin-right: 0;
}



.tab_bottom>div>a{
    margin-bottom: 30px;
    cursor: pointer;
}
.tab_bottom>div>a:hover{
    transition: all 0.3s;
    box-shadow:0 4px 12px #c5c5c5;
}
.tab_bottom>div>.one{
    display:inline-block;
    width:790px;
    height:400px;
    overflow: hidden;
    padding:30px 40px;
    border-radius: 19px!important;
}
.tab_bottom>div>.one>p{
    position: relative;z-index: 2;
}
.tab_bottom>div>.one>p:nth-child(1){
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 20px;
}
.tab_bottom>div>.one>p:nth-child(1) span{
    color: #FFB25F;
}
.tab_bottom>div>.one>p:nth-child(2){
    font-size: 26px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 26px;
    margin-top:30px;
}
.tab_bottom>div>.one>p:nth-child(3){
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 22px;
    margin-top:20px;
}
.tab_bottom>div>.one>img{
    position: absolute;
    top:0;left:0;
    width: 790px;
    height: 400px;
    border-radius: 19px!important;
}
.tab_bottom>div>.item{
    display:inline-block;
    width:380px;
    height:370px;
    position: relative;
    padding:0 30px;
    border-radius: 18px;
    border: 2px solid #E6E6E6;
    vertical-align: top;
}
.tab_bottom>div>.item>p,
.tab_bottom>div>.item>div{
    position: relative;z-index: 2;
}
.tab_bottom>div>.item>p:nth-child(1){
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 20px;
    margin: 166px 0 40px 0;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}
.tab_bottom>div>.item>p:nth-child(2){
    font-size: 14px;
    color: #999999;
    line-height: 22px;
}
.tab_bottom>div>.item>p:nth-child(2) span{
    font-weight: 600;
    color: #F5850C;
    line-height: 22px;
}
.tab_bottom>div>.item>div{
    width: 320px;
    height: 70px;
    font-size: 14px;
    color: #999999;
    line-height: 22px;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 3; 
}
.tab_bottom>div>.item>img{
    position: absolute;
    top: -2px;
    left: -2px;
    width: 380px;
    height:210px;
    border-radius: 19px 19px 0 0 ;
}
.tab_bottom>.ani{
    animation: ars 0.5s forwards;
    opacity: 0;
}
.tab_bottom>div{
    position: relative;
    display:none;
}
.tab_bottom>div:nth-child(1){
    display:block;
}
@keyframes ars {
    0% {
        top: 20px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}