.indexTemplate08 { margin-bottom: 5.20833%; padding-top: 5%; background: #EFEFF1; padding-bottom: 5%;}

.indexTemplate08.indexTemplate08_2 { background: none; padding-top: 0; }

@media screen and (max-width: 875px) { .indexTemplate08 { margin-bottom: 40px; } }

.indexTemplate08 .flexW { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; justify-content: space-between; align-items: center; }

.indexTemplate08 .imgW { width: 48.24561%; border-radius: 5px; overflow: hidden; position: relative; }

.indexTemplate08 .imgW:hover { transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); }

.indexTemplate08 .imgW:hover .play { box-shadow: 0 0 30px #fff; }

.indexTemplate08 .textW { width: 45.61404%; }

.indexTemplate08 .play { width: 80px; height: 80px; line-height: 80px; background: #fff; width: 80px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; transition: 0.4s all ease; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; -ms-transition: 0.4s all ease; z-index: 2; border: 5px solid #3197E4; }

.indexTemplate08 .play:before { content: ""; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 20px solid transparent; border-right: 20px solid transparent; border-left-color: #3197E4; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -8px; }

.indexTemplate08 .des { font-size: 16px; color: #4b4b4b; margin-top: 3.84615%; }

.indexTemplate08 .pubBtn { margin-top: 8.65385%; }

@media screen and (max-width: 875px) { .indexTemplate08 .des { font-size: 18px; } }

@media screen and (max-width: 600px) { .indexTemplate08 .flexW { flex-wrap: wrap; }
    .indexTemplate08 .imgW { width: 100%; }
    .indexTemplate08 .textW { width: 100%; margin-top: 20px; } }