.hw-panel_2{
    padding:90px 0 63px 0;
    background:#25272A;
    color:#fff;
}
.panel_title{
    margin:0 auto;
    margin-bottom: 55px;
    width:1200px;
    /* margin-left:121px; */
    /* font-weight:bold; */
}
.panel_title .font-ol:first-child{
    margin-bottom:18px;
    /* line-height:12px; */
    font-size: 18px;
}
.panel_title p:last-child{
    font-size: 65px;
    line-height:70px;
}
.containers_item .font-ol{
    height:46px;
}
.facebookBg{
    position: relative;
	width:294px;
	height:275px;
	background:#3A5995;
	animation: transform 15s 5s ease infinite both alternate;
}
.hs_resource_logo_facebook{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    margin:auto;
    width:267px;
    height:256px;
    /* background:#000; */
    background: url('../image/hs_resource_logo_facebook.png');
    background-size:267px auto;
    background-position: center; 
    animation: transform 30s ease infinite both alternate;
}
.googleBg{
    position: relative;
	width:294px;
	height:275px;
	background:#FE2C22;
	animation: transform 15s 7s ease infinite both alternate;
}
.hs_resource_logo_google{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    margin:auto;
    width:267px;
    height:256px;
    /* background:#000; */
    background: url('../image/hs_resource_logo_google.png');
    background-size:267px auto;
    background-position: center; 
    animation: transform 25s ease infinite both alternate;
}
.twitterBg{
    position: relative;
	width:292px;
	height:263px;
	background:#00AEF3;
	animation: transform 15s 5s ease infinite both alternate;
}
.hs_resource_logo_Twitter{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    margin:auto;
    width:269px;
    height:248px;
    /* background:#000; */
    background: url('https://bmc-global.bluemediacdn.com/www/hs_resource_logo_twitter.png') 0 0 no-repeat;
    background-size:269px auto;
    background-position: center; 
    animation: transform 30s ease infinite both alternate;
}
.linkedinBg{
    position: relative;
	width:279px;
	height:292px;
	background:#00679E;
	animation: transform 15s 5s ease infinite both alternate;
}
.hs_resource_logo_linkedin{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    margin:auto;
    width:273px;
    height:282px;
    /* background:#000; */
    background: url('../image/hs_resource_logo_linkedin.png') 0 0 no-repeat;
    background-size:273px auto;
    background-position: center; 
    animation: transform 30s ease infinite both alternate;
}
.utbrainBg{
    position: relative;
	width:292px;
	height:263px;
	background:#FF7E00;
	animation: transform 15s 5s ease infinite both alternate;
}
.hs_resource_logo_utbrain{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    margin:auto;
    width:269px;
    height:248px;
    /* background:#000; */
    background: url('../image/hs_resource_logo_utbrain.png') 0 0 no-repeat;
    background-size:269px auto;
    background-position: center; 
    animation: transform 30s ease infinite both alternate;
}
/* .hw-panel_2 .containers img{
    width:294.5px;
} */
.commonAni2 .logo{
    animation: fadeliftup .9s ease both;
}
.commonAni2 .title{
    animation: fadeliftup .9s .2s ease both;
}
.commonAni2 .contents{
    animation: fadeliftup .9s .4s ease both;
}
.containers_item
{
    width: 1046px;
    height: 350px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content:space-between;
}
.containers_item .contents{
    width:678px;
    font-size:18px;
    line-height:40px;
    opacity:0;
}
.containers_item .title{
    margin-bottom: 36px;
    width:560px;
    font-size:36px;
    font-weight:bold;
    line-height: 16px;
    opacity:0;
}
.containers_item .logo{
    opacity:0;
}
.containers_item .title:nth-child(1){
    line-height:45px;
}
.hw-panel_2  .containers .containers_item:nth-child(2n+1) {
    flex-direction: row-reverse;
}