.block10_T42 { margin-bottom: 5.20833%; text-align: center; }
.block10_T42 .listWrap { margin-top: 5.12821%; }
.block10_T42 .listWrap li:hover i { filter: alpha(opacity=100); opacity: 1; }
.block10_T42 .listWrap li:hover .border { border-color: transparent; }
.block10_T42 .listWrap li:hover .border:before { transform: scaleX(1); -ms-transform: scaleX(1); -moz-transform: scaleX(1); -webkit-transform: scaleX(1); -o-transform: scaleX(1); }
.block10_T42 .listWrap li:hover .border:after { transform: scaleY(1); -ms-transform: scaleY(1); -moz-transform: scaleY(1); -webkit-transform: scaleY(1); -o-transform: scaleY(1); }
.block10_T42 .imgWrap { width: 47.86325%; position: relative; overflow: hidden; }
.block10_T42 .textWrap { width: 47.86325%; }
.block10_T42 i { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: absolute; left: 0; top: 0; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=0); opacity: 0; }
.block10_T42 .border { border: 2px solid rgba(255, 255, 255, 0.3); position: absolute; top: 20px; right: 20px; left: 20px; bottom: 20px; }
.block10_T42 .border:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 2px solid transparent; border-top-color: #256EB4; border-bottom-color: #256EB4; transform: scaleX(0); -ms-transform: scaleX(0); -moz-transform: scaleX(0); -webkit-transform: scaleX(0); -o-transform: scaleX(0); transition: 0.3s all ease; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -ms-transition: 0.3s all ease; }
.block10_T42 .border:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 2px solid transparent; border-left-color: #256EB4; border-right-color: #256EB4; transform: scaleY(0); -ms-transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); -o-transform: scaleY(0); transition: 0.3s all ease; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -ms-transition: 0.3s all ease; }
.block10_T42 .tit { font-size: 50px; color: #333; font-family: 'robotothin',Arial, 'Microsoft YaHei', SimSun, Sans-serif; text-transform: capitalize; }
@media screen and (max-width: 1400px) { .block10_T42 .tit { font-size: 40px; } }
@media screen and (max-width: 875px) { .block10_T42 .tit { font-size: 30px; } }
.block10_T42 .des { color: #808080; line-height: 24px; margin-top: 20px; }
.block10_T42 .more { display: inline-block; text-transform: uppercase; color: #FFFFFF; font-size: 18px; line-height: 20px; padding: 20px 40px; text-align: center; position: relative; font-weight: 700; background: -webkit-linear-gradient(#0e3e90, #42a9df); background: linear-gradient(#0e3e90, #42a9df); margin-top: 7.14286%; }
.block10_T42 .more span { position: relative; z-index: 2; }
.block10_T42 .more:before { position: absolute; content: ''; width: 100%; height: 6px; bottom: 0; left: 0; -webkit-transition: 0.3s; transition: 0.3s; }
.block10_T42 .more:hover:before { height: 100%; }
@media screen and (max-width: 875px) { .block10_T42 .more { padding: 12px 15px; font-size: 14px; } }
.block10_T42 .more:before { background: #1F4379; }
.block10_T42 .play { width: 70px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

@media screen and (max-width: 875px) { .block10_T42 { margin-bottom: 40px; }
    .block10_T42 .textWrap { width: 100%; margin-top: 10px; text-align: center; }
    .block10_T42 .listWrap li { margin-bottom: 30px; text-align: center; }
    .block10_T42 .tit { font-size: 18px; } }
@media screen and (max-width: 500px) { .block10_T42 .imgWrap { width: 100%; } }