@media(min-width:768px){header{position:absolute;margin-bottom:-51px;background:#0000}}h2{font-size:25px}section{overflow:hidden}section ul{height:100%}section ul li{float:left;width:100%;height:100%;background-position:center bottom;background-size:auto 140%;background-repeat:no-repeat}section ul li .body{padding-top:10%;font-size:30px}@media (max-width:768px){section ul li .body{font-size:16px}}section ul li .body .con-1{font-size:3.5em;color:#fff}section ul li .body .con-2{color:#f3a31f;font-size:.65em}section ul li .body .con-3{font-size:.5em;opacity:.46}section ul li .body .con-bottom{position:absolute;bottom:0;left:0;width:100%;color:#fff;background-image:linear-gradient(to top,#00000057,rgba(66,66,66,0))}section ul li .body .con-bottom-box{display:flex;justify-content:center;max-width:1200px;margin:auto}section ul li .body .certifications{display:flex;align-items:center;float:left;opacity:0}section ul li .body .certifications-icon{float:left;width:80px;margin-right:20px}section ul li .body .certifications-icon img{width:100%}section ul li .body .certifications-icon:nth-child(n+1){margin-left:50px}section ul li .body .certifications-box{float:left}section ul li .body .certifications-text{padding:0 5px;font-size:17px;margin-bottom:5px}section ul li .body .certifications-text a{display:inline-block}section ul li .body .certifications-text a:after{content:'';display:block;width:0;transition:all .3s;border-bottom:1px solid #fff}section ul li .body .certifications-text a:hover{opacity:1}section ul li .body .certifications-text a:hover:after{width:100%}section ul li.show .body{animation:section-body 1s ease}section ul li.show .certifications:nth-child(1){animation:section-body-c 1s ease;animation-delay:.5s;animation-fill-mode:forwards}section ul li.show .certifications:nth-child(2){animation:section-body-c .5s ease;animation-delay:1.1s;animation-fill-mode:forwards}@keyframes section-body{0%{opacity:0;padding-top:30%}100%{opacity:1}}@keyframes section-body-c{0%{opacity:0}100%{opacity:1;padding-bottom:30px}}@media(max-width:767px){section ul li{background-size:auto 100%}section ul li .body .con-1{margin-top:40%}section ul li .body .con-bottom{min-height:140px}section ul li .body .con-bottom-box{display:block;flex-wrap:wrap;padding-left:10%;padding-top:30px}section ul li .body .certifications{padding-left:10%;padding-bottom:10px}section ul li .body .certifications-text{float:unset;margin-bottom:unset}section ul li .body .certifications-icon{margin-right:10px;width:50px}section ul li .body .certifications-icon:nth-child(n+1){margin-left:0}section ul li.show .certifications:nth-child(1){animation:section-body-c2 1s ease;animation-delay:.8s;animation-fill-mode:forwards}section ul li.show .certifications:nth-child(2){animation:section-body-c2 1s ease;animation-delay:1.5s;animation-fill-mode:forwards}}.index_box{text-align:center;width:100%;max-width:1200px;margin:50px auto 0 auto;clear:both}.index_box .title h2{color:#303030;letter-spacing:.4px;margin:0 0 20px 0;display:inline-block}.index_box .title h5{font-size:15px;color:#606060;letter-spacing:.8px;line-height:25px;margin:0;display:inline-block}@media (min-width:992px) and (max-width:1200px){.index_box{max-width:992px}}@media (min-width:768px) and (max-width:992px){.index_box{max-width:768px}}.video{max-width:1140px;height:auto;margin-left:auto;margin-right:auto}.video video{width:100%;height:100%;background:#000}.sample{max-width:none}.sample ul{overflow:hidden}.sample ul li{width:400px;float:left;position:relative}.sample ul li img{width:100%;height:auto}.sample ul li a span{position:absolute;left:0;bottom:0;font-size:0;width:100%;height:0;display:flex;vertical-align:middle;background:#00000042;align-items:center;text-align:center;justify-content:center}.sample ul li a:hover span{height:100%;font-size:16px}@media(max-width:767px){.sample ul li{width:100%;height:auto}}.course img{background-position:center;background-repeat:no-repeat;background-size:100% auto}.course .recommend{padding:0;float:right;height:656px}.course .recommend img{width:100%;height:592px}.course .text{height:65px;line-height:25px;box-sizing:border-box;padding-top:5px;color:#303030}.course .text span{font-size:12px;color:#606060;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.course .list li{padding:0 14px 0 0;height:328px;float:left}.course .list li img{width:100%;height:264px}@media(max-width:767px){.course .recommend{float:none;height:auto;padding:0 5px}.course .recommend img{height:auto}.course .list li{height:auto}.course .list li:nth-child(2n-1){padding:0 3px 0 5px}.course .list li:nth-child(2n){padding:0 5px 0 3px}.course .list li img{height:auto}}@media (min-width:992px) and (max-width:1200px){.course .recommend{height:auto}.course .recommend img{height:488.992px}.course .list li{height:272px}.course .list li img{height:217px}.course .text{height:55px}}@media (min-width:768px) and (max-width:992px){.course .recommend{height:auto}.course .recommend img{height:378.88px}.course .list li{height:210px}.course .list li img{height:169px}.course .text{height:41px;line-height:17px}}.designers .list ul{overflow:hidden}.designers .list li{color:#606060;text-align:left;float:left;width:285px;height:450px;line-height:24px;margin-right:20px;font-size:14px}.designers .list li .info,.designers .list li .photo{padding:0}.designers .list li .info{font-size:14px}.designers .list li a{color:#606060;font-size:14px}.designers .list li img{width:100%;height:285px;border-radius:50%;margin-bottom:10px}.designers .list li .name{color:#303030;font-size:16px;position:relative;display:block;line-height:30px;margin-bottom:5px}.designers .list li .name:before{transition:all .4s;position:absolute;left:0;bottom:0;background:#303030;content:'';display:block;width:15%;height:2px}.designers .list li .name:after{transition:all .4s;position:absolute;left:15%;bottom:0;background:rgba(48,48,48,.3);content:'';display:block;width:85%;height:2px}.designers .list li .omit{font-size:14px}.designers .list li:hover .name:before{width:100%}.designers .list li:nth-child(4n){margin:0}.designers .direction{clear:both}.designers .direction .left{margin-right:28px}@media(max-width:767px){.designers .list{height:auto}.designers .list li{width:100%;height:auto;margin-right:0}.designers .list li .info,.designers .list li .photo{padding:0 5px}.designers .list li .info{font-size:13px;margin-top:15px}.designers .list li .info .name{font-size:14px}.designers .list li .info .name:after,.designers .list li .info .name:before{display:none}.designers .list li img{height:auto}}.news .list .col-sm-4,.news .list .col-xs-4{padding-left:0}.news .list li{text-align:left;height:176px}.news .list li img{width:100%}.news .list li h3{margin-top:0;color:#303030;font-size:22px}.news .list li span{font-size:14px;color:#606060}.news .list li p{font-size:14px;color:#606060}.news .list li:nth-child(-n+2){margin-bottom:20px}@media(max-width:767px){.news .list li{padding:0 5px;height:auto}.news .list li img{height:auto}.news .list li h3{font-size:15px;margin-top:10px}.news .list li p{max-height:100px;font-size:13px}.news .list li:nth-child(n+4){display:none}}.about{max-width:none;height:696px;background:#f3a31f;text-align:left}.about .about_left,.about .about_right{height:100%}.about .about_left .about_con{color:#fff;float:right;max-width:600px;padding-top:100px}.about .about_left .about_con .title{margin-bottom:50px}.about .about_left .about_con .title h2,.about .about_left .about_con .title h5{color:#fff}.about .about_right{background-position:center;background-size:auto 100%}.about .more a{border:solid 1px #fff;background:0 0;margin:0}@media(max-width:767px){.about{height:auto}.about .about_left .about_con{padding-top:10px}.about .about_left .about_con .title{margin-bottom:0}.about .about_left .about_con .co{font-size:15px}.about .about_right{height:300px}.about .more{padding:10px}.about .more a{margin:auto}}