.block03 { text-align: center; margin-bottom: 1.04167%; }
.block03 .title { font-size: 36px; text-transform: capitalize; color: #222931; font-weight: bold; margin-top: 1.7094%; }
.block03 .desc { font-size: 15px; color: #5f656d; line-height: 25px; max-height: 50px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 1.28205%; }
.block03 .wrap { margin-top: 2.99145%; }
.block03 .item{margin: 0 10px;}
.block03 .box .imgWrap{border: 1px solid #ccc;}
.block03 .box:hover .shade { top: 0; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
.block03 .box:hover .shade .des { transition: 0.8s all ease; -moz-transition: 0.8s all ease; -webkit-transition: 0.8s all ease; -o-transition: 0.8s all ease; -ms-transition: 0.8s all ease; }
.block03 .box:hover .shade .more { transition: 1s all ease; -moz-transition: 1s all ease; -webkit-transition: 1s all ease; -o-transition: 1s all ease; -ms-transition: 1s all ease; }
.block03 .box:hover .des, .block03 .box:hover .more { transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); }
.block03 .line { width: 31.62393%; }
.block03 .imgWrap { display: block; position: relative; overflow: hidden;}
.block03 .imgWrap img { display: block; }
.block03 .shade { width: 100%; height: 100%; position: absolute; top: 100%; left: 0; padding: 0 12.16216%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; font-size: 0; transition: all 0.5s cubic-bezier(0.465, 0.05, 0.965, 0.32); -moz-transition: all 0.5s cubic-bezier(0.465, 0.05, 0.965, 0.32); -webkit-transition: all 0.5s cubic-bezier(0.465, 0.05, 0.965, 0.32); -o-transition: all 0.5s cubic-bezier(0.465, 0.05, 0.965, 0.32); -ms-transition: all 0.5s cubic-bezier(0.465, 0.05, 0.965, 0.32); overflow: hidden; }
.block03 .shade:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.block03 .shade .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }
.block03 .shade:before { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: rgba(34, 41, 49, 0.9); }
.block03 .des { display: block; color: #fff; font-size: 15px; line-height: 25px; max-height: 100px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; transform: translateY(100px); -ms-transform: translateY(100px); -moz-transform: translateY(100px); -webkit-transform: translateY(100px); -o-transform: translateY(100px); position: relative; transition: all 0.35s cubic-bezier(0.465, 0.05, 0.965, 0.32); -moz-transition: all 0.35s cubic-bezier(0.465, 0.05, 0.965, 0.32); -webkit-transition: all 0.35s cubic-bezier(0.465, 0.05, 0.965, 0.32); -o-transition: all 0.35s cubic-bezier(0.465, 0.05, 0.965, 0.32); -ms-transition: all 0.35s cubic-bezier(0.465, 0.05, 0.965, 0.32); }
.block03 .more { display: inline-block; font-size: 12px; color: #105697; font-weight: bold; text-transform: uppercase; margin-top: 15.51724%; transition: all 0.25s cubic-bezier(0.465, 0.05, 0.965, 0.32); -moz-transition: all 0.25s cubic-bezier(0.465, 0.05, 0.965, 0.32); -webkit-transition: all 0.25s cubic-bezier(0.465, 0.05, 0.965, 0.32); -o-transition: all 0.25s cubic-bezier(0.465, 0.05, 0.965, 0.32); -ms-transition: all 0.25s cubic-bezier(0.465, 0.05, 0.965, 0.32); transform: translateY(100px); -ms-transform: translateY(100px); -moz-transform: translateY(100px); -webkit-transform: translateY(100px); -o-transform: translateY(100px); position: relative; }
.block03 .more:after { content: "\e63c"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; color: #fff; display: inline-block; margin-left: 17px; vertical-align: middle; margin-top: -2px; }
.block03 .more:hover { color: #fff; }
.block03 .tit { font-family: Arial, 'Microsoft YaHei', SimSun, Sans-serif; display: inline-block; margin-top: 5.40541%; padding-bottom: 10px; text-transform: capitalize;position: relative;}
.block03 .tit span { font-size: 18px; font-weight: bold; color: #15233d; position: relative; display: block;}
.block03 .tit span:before { content: ""; height: 3px; width: 18px; background: #105697; position: absolute; }
.block03 .tit span:before { left: 0; top: 100%; margin-top: 10px; }
.block03 .tit:hover span { color: #105697; }

@media screen and (max-width: 875px) { .block03 { margin-bottom: 35px; }
    .block03 .title { font-size: 26px; }
    .block03 .tit:before { font-size: 24px; margin-right: 5px; }
    .block03 .tit span { font-size: 14px; }
    .block03 .desc { padding: 0; } }
@media screen and (max-width: 700px) { .block03 .box { width: 48%; margin-bottom: 20px; } }
@media screen and (max-width: 450px) { .block03 .box { width: 100%; } }

.block03 .block14Slick_T36 .slick-prev, .block03 .block14Slick_T36 .slick-next { width: 46px; height: 46px; line-height: 42px; background: #105697; color: #fff; font-size: 30px; font-weight: bold; border-radius: 50%; border: 2px solid #105697; font-weight: bold; margin-top: -23px; }
.block03 .block14Slick_T36 .slick-prev:hover, .block03 .block14Slick_T36 .slick-next:hover { background: none; color: #105697; }
.block03 .block14Slick_T36 .slick-prev:before { content: "\e621"; }
.block03 .block14Slick_T36 .slick-next:before { content: "\e624"; }
.block03 .block14Slick_T36 .slick-prev { left: -50px; }
.block03 .block14Slick_T36 .slick-next { right: -50px; }

@media screen and (max-width: 875px) { .block03 { margin-bottom: 60px; }
    .block03 .block14Slick_T36 { padding: 0 30px; }
    .block03 .block14Slick_T36 .slick-prev, .block03 .block14Slick_T36 .slick-next { width: 30px; height: 30px; line-height: 30px; font-size: 20px; margin-top: -15px; }
    .block03 .block14Slick_T36 .slick-prev { left: 0; }
    .block03 .block14Slick_T36 .slick-next { right: 0; }
     }
