.block07_T38 { margin-bottom: 5.20833%; }
.block07_T38 .leftWrap { width: 47.00855%; }
.block07_T38 .rightWrap { width: 48.71795%; }
.block07_T38 .imgWrap { display: block; position: relative; overflow: hidden; }
.block07_T38 .imgWrap img { width: 100%; display: block; }
.block07_T38 .imgWrap i { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); }
.block07_T38 .imgWrap .play { width: 12.63158%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.block07_T38 .tit { font-size: 36px; color: #111; font-family: 'opensans-bold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; }
.block07_T38 .des { font-size: 14px; line-height: 28px; max-height: 192px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; color: #444; margin-top: 20px; }
.block07_T38 .more { display: inline-block; padding: 20px 30px; line-height: 1; font-size: 14px; text-transform: uppercase; color: #fff; background: #006fc0; border-radius: 3px; font-family: 'opensans-bold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; margin-top: 6.36364%; }
.block07_T38 .more:hover { background: #0A5086; }
@media screen and (max-width: 875px) { .block07_T38 .more { padding: 7px 12px; } }

@media screen and (max-width: 1400px) { .block07_T38 .tit { font-size: 30px; } }
@media screen and (max-width: 875px) { .block07_T38 { margin-bottom: 40px; }
    .block07_T38 .tit { font-size: 24px; } }
@media screen and (max-width: 600px) { .block07_T38 .rightWrap { width: 100%; margin-top: 20px; }
    .block07_T38 .leftWrap { margin-left: 0; width: 100%; } }
.block07_T36 { margin-bottom: 5.20833%; text-align: center; }
.block07_T36 .title { font-size: 34px; font-family: 'opensans-bold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; color: #111; }
.block07_T36 .des { color: #444; line-height: 28px; max-height: 56px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 0 9.40171%; margin-top: 2.5641%; }
.block07_T36 .topWrap { margin-top: 4.2735%; font-size: 0; }
.block07_T36 .topWrap li { display: inline-block; width: 150px; height: 50px; border: 1px solid #DBDBDB; border-radius: 3px; white-space: nowrap; font-size: 0; margin-right: 4px; cursor: pointer; }
.block07_T36 .topWrap li:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.block07_T36 .topWrap li .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }
.block07_T36 .topWrap li .textMidSon { font-size: 16px; color: #444; padding: 0 10px; line-height: 1.1; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.block07_T36 .topWrap li.selected { border-color: #006fc0; background: #006fc0; color: #fff; }
.block07_T36 .botWrap { margin-top: 4.2735%; }
.block07_T36 .botWrap li { display: none; }
.block07_T36 .botWrap .wrap { width: 110%; }
.block07_T36 .botWrap .cont { width: 30.30303%; position: relative; overflow: hidden; float: left; }
.block07_T36 .botWrap .cont:hover:after { filter: alpha(opacity=100); opacity: 1; }
.block07_T36 .botWrap .cont:hover .tit { margin-top: -80px; transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; }
.block07_T36 .botWrap .cont:hover .more { top: 50%; margin-top: -22.5px; }
.block07_T36 .botWrap .cont:hover img { transform: translateY(-50px); -ms-transform: translateY(-50px); -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; }
.block07_T36 .botWrap .cont:after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; filter: alpha(opacity=0); opacity: 0; }
.block07_T36 .botWrap .img img { transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; }
.block07_T36 .botWrap .tit { width: 100%; height: 80px; background: #006fc0; white-space: nowrap; font-size: 0; position: absolute; top: 100%; left: 0; transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; z-index: 1; }
.block07_T36 .botWrap .tit:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.block07_T36 .botWrap .tit .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }
.block07_T36 .botWrap .tit .textMidSon { padding: 0 10px; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 20px; font-family: 'opensans-bold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; color: #fff; }
.block07_T36 .botWrap .more { width: 45px; height: 45px; line-height: 45px; text-align: center; background: #fff; border-radius: 3px; font-size: 16px; position: absolute; left: 50%; top: 100%; margin-left: -22.5px; transition: all 0.7s cubic-bezier(0, 0, 0.25, 1.5); -moz-transition: all 0.7s cubic-bezier(0, 0, 0.25, 1.5); -webkit-transition: all 0.7s cubic-bezier(0, 0, 0.25, 1.5); -o-transition: all 0.7s cubic-bezier(0, 0, 0.25, 1.5); -ms-transition: all 0.7s cubic-bezier(0, 0, 0.25, 1.5); z-index: 1; }
.block07_T36 .botWrap .more:before { content: "\e659"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; color: #111; }
.block07_T36 .botWrap .more:hover:before { color: #006fc0; }

@media screen and (max-width: 1400px) { .block07_T36 .title { font-size: 28px; }
    .block07_T36 .topWrap { margin-top: 30px; } }
@media screen and (max-width: 875px) { .block07_T36 { margin-bottom: 40px; }
    .block07_T36 .title { font-size: 24px; }
    .block07_T36 .topWrap { margin-top: 20px; }
    .block07_T36 .botWrap { margin-top: 20px; }
    .block07_T36 .topWrap li .textMidSon, .block07_T36 .botWrap .tit .textMidSon { font-size: 14px; }
    .block07_T36 .botWrap .tit { height: 50px; }
    .block07_T36 .botWrap .cont:hover .tit { margin-top: -50px; }
    .block07_T36 .botWrap .more { width: 30px; height: 30px; line-height: 30px; font-size: 12px; }
    .block07_T36 .topWrap li { height: 40px; margin-bottom: 5px; } }
@media screen and (max-width: 700px) { .block07_T36 .botWrap .cont { width: 45.45455%; } }