.social_media.channel_content { padding: 1rem 0 0;}.social_media .infor { text-align: center; margin-bottom: 2rem;}.social_media .infor .tit { position: relative; color: #063f87; font-weight: bold; margin-bottom: 2rem;}.social_media .infor .tit::after { content: ”; position: absolute; bottom: -1rem; left: 50%; width: 4rem; margin-left: -2rem; height: .2rem; background: #f7b400;}.social_media .infor .con { font-size: 1rem; color: #000;}.sj_media02 { padding-bottom: 26rem;}.sj_media02 .content ul { margin-left: -1.5%; margin-top: -1.5%;}.sj_media02 .content li { float: left; width: 48%; margin-left: 2%; margin-top: 2%; position: relative; overflow: hidden; border-radius: .3rem;}.sj_media02 .content li .li { transition: all .3s; background: #f6f6f8;}.sj_media02 .content li .box { padding: 1rem 1rem 2rem; ;}.sj_media02 .content li .box .img_ { margin-bottom: 1rem; width: 4rem;}.sj_media02 .content li .box .img_ img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}.sj_media02 .content li .box .intro .t { font-size: 1.4rem; font-weight: bold; color: #063f87; margin-bottom: .5rem;}.sj_media02 .content li .box .intro .c { font-size: .9rem; color: #656565;}.sj_media02 .content li:hover .li { opacity: 0; visibility: hidden; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);}.sj_media02 .content li:hover .li_hover { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}.sj_media02 .content li .li_hover { position: absolute; opacity: 0; visibility: hidden; overflow: hidden; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; -webkit-transform: scale(1.333,1.333); -ms-transform: scale(1.333,1.333); transform: scale(1.333,1.333); transition: all .3s ease;}.sj_media02 .content li .li_hover .img { width: 50%; margin: 10% auto;}.sj_media02 .content li .li_hover .img img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0;}.sj_media02 .content li .li_hover .t { text-align: center; font-size: .9rem; color: #656565;}.sj_media02 .content li.noewm:hover .li { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}.sj_media02 .content li.noewm:hover .li_hover { opacity: 0; visibility: hidden;}.tit46 { font-size: 2rem; line-height: 3rem;}