@charset "utf-8";
/* CSS Document */

.course,.advantage{ margin-top:80px; }
.course .title,.advantage .title{ margin-bottom:26px; }
.course-list li{ width:282px; height:282px; background: #fff; border-radius: 6px; float: left; margin-right:24px; margin-bottom:24px; }
.course-list li:nth-child(4n){ margin-right:0; }
.course-list li .pic{ width:282px; height:188px; overflow:hidden; border-radius:6px 6px 0 0; }
.course-list li h4{ margin:12px 0 10px; padding:0 16px; line-height:20px; transition: all linear 0.2s 0.05s;}
.course-list li h5{ padding:0 16px;}
.course-list li a:hover h4{ color: #247fff; }
.more{ display: block; margin:16px auto 0; width:180px; height: 46px; text-align: center; line-height:46px; color:#fff; background: #247fff; border-radius:6px; }
.more:hover{ color:#fff; text-decoration: underline; transition: all linear 0.2s 0.05s;}
.download{ height: 300px; border-radius: 6px; overflow: hidden; margin-top:70px; }
.advantage{  }
.advantage-list li{ width: 185px; height: 200px; border-radius: 6px; background: #fff; float: left; margin-right:18px; text-align: center; padding-top:46px; position: relative; overflow: hidden;}
.advantage-list li:last-child{ margin-right: 0; }
.advantage-list li>h3{ margin-top:18px; }
.advantage-list li .pop{ opacity:0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(36,127,255,0.9); padding:38px 20px 0; color:#fff; text-align:left; cursor: pointer; transition: all linear 0.2s 0.05s;}
.advantage-list li:hover>.pop{ opacity: 1; }
.advantage-list li .pop>h3{ margin-bottom:16px; color: #fff;}
.advantage-list li .pop>p{ line-height:20px; }