.block3_CH { padding: 3.64583% 5.72917% 2.60417%; background: #F2F2F2; margin-bottom: 10.41667%; position: relative; z-index: 1; }

.block3_CH .box { width: 32.94118%; vertical-align: middle; text-align: center; margin-bottom: 1.17647%; }

.block3_CH .box:hover .shade { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); filter: alpha(opacity=100); opacity: 1; }

.block3_CH .box:hover .nameWrap { filter: alpha(opacity=0); opacity: 0; }

.block3_CH .line { width: 32.94118%; }

.block3_CH .title { font-size: 60px; font-weight: bold; color: #333; }

.block3_CH .more { display: inline-block; font-size: 18px; color: #fff; font-weight: bold; line-height: 1; padding: 20px 25px; background: #CA2128; margin-top: 7.14286%; }

.block3_CH .more:hover { box-shadow: 0 0 30px inset #CA2128; background: none; color: #CA2128; }

.block3_CH .imgWrap { display: block; position: relative; padding: 1.78571%; background: #fff; border-radius: 10px; text-transform: uppercase; }

.block3_CH .shade { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 8.03571%; background: #fff; padding: 0 3.57143%; white-space: nowrap; font-size: 0; transform: scale(0.2); -ms-transform: scale(0.2); -moz-transform: scale(0.2); -webkit-transform: scale(0.2); -o-transform: scale(0.2); filter: alpha(opacity=0); opacity: 0; }

.block3_CH .shade:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

.block3_CH .shade .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }

.block3_CH .nameWrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 10.71429%; white-space: nowrap; font-size: 0; }

.block3_CH .nameWrap:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

.block3_CH .nameWrap .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }

.block3_CH .nameWrap .textMidSon { font-size: 28px; font-weight: bold; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.block3_CH .tit { font-size: 28px; font-weight: bold; color: #333; display: block; line-height: 1.2; }

.block3_CH .des { font-size: 16px; line-height: 26px; display: block; padding-top: 15px; margin-top: 10px; position: relative; display: none; }

.block3_CH .des:before { content: ""; width: 50px; height: 3px; background: #CA2128; position: absolute; top: 0; left: 50%; transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); }

@media screen and (max-width: 1400px) { .block3_CH .title { font-size: 45px; }
    .block3_CH .nameWrap .textMidSon, .block3_CH .tit { font-size: 20px; } }

@media screen and (max-width: 875px) { .block3_CH { padding: 20px 10px; margin-bottom: 40px; }
    .block3_CH .title { font-size: 30px; padding-left: 0; }
    .block3_CH .nameWrap .textMidSon, .block3_CH .tit { font-size: 14px; }
    .block3_CH .more { display: inline-block; padding: 10px 15px; font-size: 14px; }
    .block3_CH .box { width: 48%; } }