﻿#banner {width:100%;font-size:0px;}
#banner .swiper-wrapper {width:100%;height:auto;}
#banner .swiper-slide {font-size:0px;}
#banner .swiper-slide img {width:100%;}
/*
#banner .swiper-slide {position:relative;height:auto;background-repeat:no-repeat;background-position:center center;}
#banner .swiper-slide a {display:block;width:100%;height:100%;}
#banner .swiper-slide .flex-column {position:absolute;top:0px;left:0px;z-index:2;width:100%;height:100%;color:#ec5c03;text-align:center;box-sizing:border-box;}
*/
#banner .swiper-pagination {position:absolute;left:0px;bottom:40px;z-index:2;width:100%;height:3px;text-align:center;}
#banner .swiper-pagination span {position:relative;margin:0px;width:40px;height:3px;color:#fff;font-size:0px;vertical-align:top;border-radius:0;background:#7a7a7a;opacity:1;}
#banner .swiper-pagination span.swiper-pagination-bullet {margin:0px 6px;}
#banner .swiper-pagination span.swiper-pagination-bullet-active {background:#ec5c03;}
#banner .swiper-prev {left:5%;transform:rotate(180deg);}
#banner .swiper-next {right:5%;}
#banner .swiper-prevnext {position:absolute;top:50%;z-index:3;display:none;margin-top:-40px;width:80px;height:80px;border-radius:50%;box-sizing:border-box;border:2px dotted #fff;cursor:pointer;}
#banner .swiper-prevnext:after {position:absolute;top:50%;left:50%;display:block;margin:-3px 0px 0px -18px;width:36px;height:6px;content:"";background:url(../images/banner_arrow.png) no-repeat right top;transition:all ease-out 200ms;}
#banner .swiper-prevnext:hover:after {margin-left:-2px;width:80px;}
#banner:hover .swiper-prevnext {display:block;}

.banner_text1 p span {position:relative;display:inline-block;padding-right:15px;height:26px;line-height:26px;font-size:26px;font-weight:normal;vertical-align:top;}
.banner_text1 p span:after {position:absolute;top:3px;right:0px;display:block;width:2px;height:23px;content:"";background-color:#ec5c03;}
.banner_text1 p img {position:relative;top:5px;display:inline-block;margin-left:15px;vertical-align:top;}
.banner_text1 h2 {padding:20px 0px 80px 0px;font-size:90px;}
.banner_text1 a {display:block;margin:0px auto;width:157px;height:48px;line-height:48px;color:#fff;font-size:16px;text-align:center;border-radius:6px;border:1px solid #fff;}

#mbanner {display:none;width:100%;height:auto;font-size:0px;}
#mbanner .swiper-wrapper {width:100%;height:auto;}
#mbanner .swiper-slide {width:100%;height:auto;background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
#mbanner .swiper-slide img {width:100%;}
#mbanner .swiper-pagination {position:absolute;left:0px;bottom:20px;width:100%;height:10px;text-align:center;}
#mbanner .swiper-pagination span {position:relative;margin:0px;width:10px;height:10px;color:#fff;font-size:0px;text-align:center;border-radius:5px;background:#7a7a7a;opacity:1;transition:all ease-out 300ms;}
#mbanner .swiper-pagination span.swiper-pagination-bullet {margin:0px 4px;}
#mbanner .swiper-pagination span.swiper-pagination-bullet-active {width:30px;background:#ec5c03;}

#ixms_box {padding-bottom:100px;}
#ixms {padding:75px 0px;}
#ixms li {display:inline-block;width:25%;text-align:center;vertical-align:top;}
#ixms li h4 {color:#333;font-size:56px;}
#ixms li p {color:#666;}

#iabout {display:flex;justify-content:space-between;padding:35px 40px;box-sizing:border-box;box-shadow:0px 0px 50px rgba(200,200,200,0.5);}
#iabout .imgs {width:50.54%;font-size:0px;overflow:hidden;}
#iabout .imgs img {width:100%;transition:all ease-out 500ms;}
#iabout:hover .imgs img {transform:scale(1.04);}
#iabout .sj {display:none;}
#iabout .editorc {width:40%;}
#iabout .editorc .more {padding-top:20px;}
#iabout .editorc .more a {display:block;width:120px;height:44px;line-height:44px;color:#fff;text-align:center;text-decoration:none;border-radius:22px;background-color:#ec5c03;}

#iwhy {display:flex;margin-top:100px;min-height:580px;border-top:1px solid #ccc;}
#iwhy .text {padding:3% 10% 3% 10%;width:50%;box-sizing:border-box;}
#iwhy .text > h2 {color:#333;font-size:38px;}
#iwhy .text .editorc {margin-top:35px;}
#iwhy .imgs {width:50%;font-size:0px;background-position:center top;background-size:cover;background-repeat:no-repeat;}
#iwhy .imgs img {display:none;width:100%;}

#iwhy2 {padding:75px 0px;background-color:#1f1f1f;}
#iwhy2 ul li {display:inline-block;padding:0px 3%;width:25%;color:#fff;text-align:center;vertical-align:top;box-sizing:border-box;}
#iwhy2 ul li img {height:40px;}
#iwhy2 ul li h4 {padding:12px 0px 5px 0px;font-family:Arial;font-size:46px;}

#icourse_box {padding:50px 0px 0px 0px;background:url(../images/icourse_bg.jpg) no-repeat right top;}
#icourse_box .ititle h2 {color:#fff;}
#icourse_box .ititle_menu a {margin:0 10px;}
#icourse {margin-top:80px;font-size:0px;}
#icourse a {position:relative;display:inline-block;margin:1.28% 1.28% 0px 0px;width:32.48%;vertical-align:top;overflow:hidden;}
#icourse a:nth-child(3n) {margin-right:0;}
#icourse a:nth-child(1), #icourse a:nth-child(2), #icourse a:nth-child(3) {margin-top:0;}
#icourse a img {width:100%;transition:all ease-out 500ms;}
#icourse a .text {position:absolute;bottom:0px;left:0px;z-index:2;padding:15px;width:100%;text-align:center;box-sizing:border-box;transform:translateY(100%);transition:all ease-out 400ms;}
#icourse a .text div {padding:10px 15px 12px 15px;background-color:#fff;}
#icourse a .text div h2 {color:#333;font-size:24px;}
#icourse a .text div p {margin-top:3px;color:#666;font-size:16px;}
#icourse a:hover img {transform:scale(1.05);}
#icourse a:hover .text {transform:translateY(0);}

#iyoushi {padding-bottom:88px;background-color:#fafafa;}
#iyoushi ul {margin-top:60px;font-size:0px;text-align:center;}
#iyoushi ul li {display:inline-block;padding:0px 15px;width:16.666%;color:#333;vertical-align:top;box-sizing:border-box;}
#iyoushi ul li img {height:90px;}
#iyoushi ul li h4 {padding:15px 0px 10px 0px;font-size:24px;}
#iyoushi ul li p {font-size:16px;}

#ivideo_box {padding-bottom:88px;}
#ivideo_box > a {display:block;margin:40px auto 0px auto;width:180px;height:50px;line-height:50px;color:#fff;font-size:18px;text-align:center;border-radius:25px;background-color:#ec5c03;}
#ivideo {position:relative;}
#ivideo .swiper-container {margin:60px auto 0px auto;width:1200px;font-size:0px;}
#ivideo .swiper-wrapper {width:100%;height:auto;}
#ivideo .swiper-slide {width:auto;text-align:center;}
#ivideo .swiper-slide a .imgs {overflow:hidden;}
#ivideo .swiper-slide a .imgs img {width:100%;transition:all ease-out 500ms;}
#ivideo .swiper-slide a p {padding:0px 20px;height:60px;line-height:60px;color:#000;font-size:16px;background-color:#fafafa;}
#ivideo .swiper-slide a:hover .imgs img {transform:scale(1.05);}
#ivideo .swiper-slide a:hover p {color:#ec5c03;}
#ivideo .swiper-slide a.pc {display:block;}
#ivideo .swiper-slide a.sj {display:none;}
#ivideo .swiper-pagination {position:static;left:0px;top:0px;z-index:2;margin-top:50px;height:12px;text-align:center;}
#ivideo .swiper-pagination span {position:relative;margin:0px;width:12px;height:12px;color:#fff;font-size:0px;vertical-align:top;border-radius:50%;background:#ccc;opacity:1;}
#ivideo .swiper-pagination span.swiper-pagination-bullet {margin:0px 5px;}
#ivideo .swiper-pagination span.swiper-pagination-bullet-active {background:#ec5c03;}
#ivideo .swiper-prevnext {position:absolute;top:50%;z-index:3;margin-top:-85px;color:#666;font-size:50px;cursor:pointer;}
#ivideo .swiper-prevnext:hover {color:#ec5c03;}
#ivideo .swiper-prev {left:0px;}
#ivideo .swiper-next {right:0px;}

#iteacher_box {padding-bottom:50px;background-color:#f7f7f7;}
#iteacher {margin-top:50px;}
#iteacher .swiper-container {font-size:0px;}
#iteacher .swiper-wrapper {width:100%;height:auto;}
#iteacher .swiper-slide {position:relative;padding-bottom:40px;width:auto;text-align:center;}
#iteacher .swiper-slide.active:after {position:absolute;bottom:0px;left:50%;margin-left:-15px;display:block;content:"";border:15px solid transparent;border-bottom-color:#fff;}
#iteacher .swiper-slide .imgs {position:relative;border-radius:10px;overflow:hidden;}
#iteacher .swiper-slide .imgs:after {position:absolute;top:0px;left:0px;z-index:2;width:100%;height:100%;content:"";opacity:0;background-color:rgba(236,92,3,0.85);transition:all ease-out 300ms;}
#iteacher .swiper-slide .imgs img {width:100%;}
#iteacher .swiper-slide .imgs div {position:absolute;top:0px;left:0px;z-index:3;padding:0px 5%;width:100%;height:100%;color:#fff;text-align:center;box-sizing:border-box;}
#iteacher .swiper-slide .imgs div h2 {font-size:26px;opacity:0;transform:translateY(-30px);transition:all ease-out 500ms;}
#iteacher .swiper-slide .imgs div p {margin-top:10px;max-height:360px;line-height:30px;font-size:16px;opacity:0;transform:translateY(30px);transition:all ease-out 500ms;overflow:hidden;}
#iteacher .swiper-slide:hover .imgs:after {opacity:1;}
#iteacher .swiper-slide:hover .imgs div h2 {opacity:1;transform:translateY(0);}
#iteacher .swiper-slide:hover .imgs div p {opacity:1;transform:translateY(0);}
#iteacher_box .swiper-pagination {position:static;left:0px;top:0px;z-index:2;height:12px;text-align:center;}
#iteacher_box .swiper-pagination span {position:relative;margin:0px;width:12px;height:12px;color:#fff;font-size:0px;vertical-align:top;border-radius:50%;background:#ccc;opacity:1;}
#iteacher_box .swiper-pagination span.swiper-pagination-bullet {margin:0px 5px;}
#iteacher_box .swiper-pagination span.swiper-pagination-bullet-active {background:#ec5c03;}
#iteacher_arts .list {display:none;padding:0px 70px 40px 70px;}
#iteacher_arts .list ul {padding:40px 1px;border-radius:15px;box-sizing:border-box;box-shadow:0px 0px 30px rgba(200,200,200,0.4);background-color:#fff;}
#iteacher_arts .list ul li {display:inline-block;margin-left:7%;width:24%;height:35px;line-height:35px;vertical-align:top;overflow:hidden;}

#inews {padding-bottom:60px;background-color:#fff;}
#inews .tjs {margin-top:50px;}
#inews .tjs li {display:inline-block;margin-right:1.4%;width:23.95%;vertical-align:top;}
#inews .tjs li:last-child {margin-right:0;}
#inews .tjs li > a {display:block;font-size:0px;overflow:hidden;}
#inews .tjs li > a img {width:100%;transition:all ease-out 400ms;}
#inews .tjs li h2 {padding:20px 0px 10px 0px;font-size:20px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#inews .tjs li p {color:#888;}
#inews .tjs li:hover img {transform:scale(1.05);}

#inews .list {padding-top:20px;}
#inews .list li {position:relative;display:inline-block;margin-top:20px;padding-left:100px;width:49.3%;height:80px;box-sizing:border-box;overflow:hidden;}
#inews .list li:nth-child(even) {margin-left:1.4%;}
#inews .list li div {position:absolute;top:0px;left:0px;width:80px;height:80px;color:#fff;text-align:center;border-radius:5px;background-color:#ec5c03;overflow:hidden;}
#inews .list li div i {display:block;margin:0px auto;width:60px;height:50px;line-height:50px;font-size:38px;font-style:normal;text-align:center;border-bottom:1px solid #fff;}
#inews .list li div span {position:absolute;bottom:5px;left:0px;display:block;width:100%;}
#inews .list li h2 {font-size:20px;font-weight:normal;}
#inews .list li p {padding:8px 20px 0px 0px;height:48px;line-height:24px;color:#666;font-size:14px;overflow:hidden;}