/*css*/
@import "grid.css";
/*public*/
.bx-prev,.bx-next{ font-size:0;}
/* Header */
.top-ad{position:relative; display:none}
.top-ad a{height:100%;display:block}
.top-ad span{position:absolute; z-index:1; top:10px;; right:10px; display:inline-block}
.top-ad span.icon_close:before{content: "\E972"; display:inline-block;width:18px; color:#fff; text-align:center; font-size:12px}
#topbox{position:relative;background:#222; height:32px; line-height:32px; color:#999; text-align:right; overflow:hidden;}
#topbox span{float:left;margin-left:10px;vertical-align: auto;}
#topbox a{ display:inline-block;padding:0 15px;line-height:32px;color:#999;}
#topbox a.reg:hover{background:#363c41 }
#topbox a:hover{ background:#f75158; color:#fff}
#topbox span.icon_kf:before{padding-right:5px;display: inline-block;content: "\0070";font-size: 22px;line-height:24px;}
#topbox i{position:absolute; top:0; font-size:16px; right:10px; z-index:1; cursor:pointer; display:none}
header{width:100%;z-index:10;position:relative; background:#fff;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);}
.stuck_container{position:fixed; left:0; top:0; right:0; margin:0 auto; z-index:30000}
.isStuck{position:fixed; top:-32px; transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
.isStuck .sf-menu li a{ line-height:61px;}
.isStuck h1,.isStuck #logo{width:402px; padding:5px 0;}
header .login{ display:none;}
header h1,#logo{float:left;padding:15px 0;display:inline-block}
header h1 a.logo,#logo a.logo{display:block}
/* Menu */
nav{float:right; display:inline-block;}
.sf-menu li{position:relative;float:left;text-align:center;display:inline-block}
.sf-menu li i{position:absolute; width:100%;height:0px; left:0; bottom:0; z-index:-1; display:block; background:#f75158;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: 0.3s ease-out;-o-transition: all 0.3s ease-out}
.sf-menu li:hover i{height:100%}
.sf-menu li a{display:block;padding:0 25px; line-height:86px; font-size:15px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-o-transition: 0.3s}
.sf-menu li a:hover{color:#fff}
.sf-menu .current a{background:#f75158; color:#fff}
.sf-menu li:last-child a{position:relative}
.sf-menu li:last-child a:after{position: absolute;top: 10px;right: -2px; content:'';display: block;width: 32px;height: 32px;background: url(../images/hot.png) no-repeat;}
/*banner*/

.banner,.page_banner{position:relative; overflow:hidden;}
.index_slider{position:relative; height:680px; color:#000; overflow:hidden}
.index_slider figure{ position:absolute; z-index:1; right:-50px; bottom:0;}
.banner [class*="banner_textbar_"]{position: relative; width:400px; display:block; top:260px; left:50%; z-index:2; margin-left:-220px}
.banner [class*="banner_textbar_"] span{font-size:24px; margin-bottom:10px; display:block; }
.banner [class*="banner_textbar_"] h6{font-size:36px; line-height:36px; margin:5px 0 10px; font-weight:bold;}
.banner [class*="banner_textbar_"] p{padding:5px 0;}
.banner [class*="banner_textbar_"] a{ background:#f75158; padding:5px 30px; display:none; color:#fff; font-size:16px; border-radius:4px;}
.banner_bg{height:100%;background-position:center; background-repeat:no-repeat;}
.banner .banner_textbar_2 p{font-size:14px}

.banner .video{position:absolute;width:80px; height:80px;top:50%; left:50%; margin-top:80px; margin-left:-40px; cursor:pointer; background: url(../images/banner_icon_play.png) no-repeat; background-position:-93px 0; background-size: cover; opacity:0.7; z-index:999}
.banner .video:hover{background-position:1px; opacity:1}
.banner_textbar{position: relative; width:400px; display:block; top:260px; z-index:3; left:50%; margin-left:-180px}
.banner_textbar span{font-size:24px; margin-bottom:10px; display:block; }
.banner_textbar h2{font-size:36px; line-height:36px; margin:5px 0 10px; font-weight:bold;}
.banner_textbar p{padding:5px 0;}
.banner_textbar a{ background:#f75158; padding:5px 30px; display:none; color:#fff; font-size:16px; border-radius:4px;}


.course .page_banner figure,.tuition .page_banner figure{ position:absolute; z-index:1; right:-40px; bottom:0;}
.course .banner_textbar{ margin-left:-230px; color:#000;}
.course .banner_textbar h2 span,.tuition .banner_textbar h2 span,.aboutus .banner_textbar h2 span{ font-size:36px; display:inline-block;}
.course .banner_textbar h2,.tuition .banner_textbar h2,.aboutus .banner_textbar h2{ margin:0; padding:0; color:#000;}
.course .banner_textbar h2 p,.tuition .banner_textbar h2 p,.aboutus .banner_textbar h2 p{ margin:0; padding:0;}
.banner .bx-wrapper .bx-pager{ bottom:20px; z-index:400}
.banner .bx-wrapper{margin-bottom:0}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{background:#f75158}
/*banner Register*/
.banner_login{position:absolute; left:0; top:180px; z-index:500; width:100%; height:0;}
.index_banner_login{top:260px;}
.reg_form1{float:left; width:264px; padding:30px 25px;background:rgba(0,0,0,0.7); color:#fff}
.reg_form1 h3{font-size:22px; font-weight: bold; margin-bottom:5px}
.reg_form1 p{font-size:16px; margin-bottom:5px}
[class*="regform_"]{margin:0; padding:0}
[class*="regform_"] input{width:100%; text-indent:32px; color:#777; display:block;height:32px; border:0;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1) inset;box-shadow: 0 3px 8px rgba(0,0,0,0.1) inset}
[class*="regform_"] label{position:relative; display:block; margin-bottom:8px; overflow:hidden}
[class*="regform_"] .empty,[class*="regform_"] .error,[class*="regform_"] .repeat{display: none; color:#f75158}
[class*="icon_reg-"]:before{position:absolute; left:0; top:0; z-index:1; width:20px;display: inline-block; text-align:center;content: "\0055";font-size: 20px;line-height:34px; padding:0 3px; background:#a2a1a1}
.icon_reg-2:before{content: "\0053"}
.icon_reg-3:before{content: "\006E"}
[class*="regform_"] a{ display:block; margin-top:10px; background:#f75158; height:42px; line-height:36px; font-size:18px; color:#fff; text-align:center; border-radius:3px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-o-transition: 0.3s}
[class*="regform_"] a:hover{background:#000}
/*notice*/
.notice{padding-bottom:10px; margin-top:10px; border-bottom:1px solid #ddd;}
.icon_gg{float:left; width:20px; font-size:20px; line-height:32px; color:#777; display:inline-block;}
.noticebar{max-width:340px;display:inline-block;margin-left:10px; height:32px; overflow:hidden;}
.scroll-notice li{line-height:32px; height:32px; display:inline-block;}
.scroll-notice li a{font-size:13px; display:block; width:310px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.notice .bx-has-controls-direction{ overflow:hidden;} 
.notice .bx-wrapper .bx-controls-direction{ position:absolute; right:0; top:0; left:320px;}
.notice .bx-wrapper .bx-controls-direction a{top:8px; margin-top:0; width:13px; height:7px; background:url(../images/icon_notice_prevnext.png) no-repeat center; display:block;}
.notice .bx-wrapper .bx-controls-direction a.disabled{ display:inline-block;}
.notice .bx-wrapper .bx-next,.notice .bx-wrapper .bx-prev{ left:0; }
.notice .bx-wrapper a.bx-prev{ background-position:0 0;}
.notice .bx-wrapper a.bx-next{top:21px;background-position:0 -12px;}
/*search*/
#searchform{float:right; position: relative;width:35%; margin-right:10px; display:inline-block}
#searchform input{width:100%; height:32px; text-indent:10px; border:1px solid #ddd; color:#666;}
#searchform a {position:absolute; z-index:1; right:2px; top:3px;width:35px;height: 31px; display: block; color:#ff0000; float: right; background: url(../images/search_a.png) no-repeat;}
#searchform a:hover{background-position:0 -31px;}
.notice .tag{float:right;display:inline-block; width:60%; line-height:32px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.notice .tag a{ margin:0 5px;color:#f75158; font-weight:bold;}
/*Block name*/
.block_name{text-align:center;color:#777}
.block_name h6{font-family:Impact;font-style: italic}
.block_name span{display: inline-block;}
.block_name span.f32{ margin-top:12px}
.block_line{margin:10px auto 5px;width:300px; height:1px; display:block; overflow:hidden}
/*button*/
.button1{display:inline-block; border:1px solid #f75158; color:#000; padding:8px 40px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.button1:hover{background:#f75158; color:#fff}
.button2,.button3{display:inline-block; padding:0 20px; line-height:42px; background:#fff; border-radius:3px}
.button3{color:#f75158;padding:0 35px}
/*box-shadow*/
.box-shadow{-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);box-shadow: 0 0 5px rgba(0,0,0,0.3)}
.con_pad{padding:20px 19px;*zoom:1}
/*scale*/
.scale{width:100%; display:block; overflow:hidden}
.scale img{transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s}
.scale:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}
/*rotate*/
.rotate{transition: 0.9s;-webkit-transition: 0.9s;-moz-transition: 0.9s}
.rotate:hover{cursor:pointer;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}

/*first*/
.first{ margin-top:40px;}
.superiority {margin-top:40px;text-align:center}
.superiority .grid_3{position:relative;background-color:#eee; padding:40px 0 20px;color:#777; background-position: 80% 55px;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s; overflow: hidden}
.superiority .icon_ys,.superiority .icon_ys1{position:relative; z-index:1; left:0; margin:0 auto;display:block; width:124px; height:124px; line-height:124px; font-size:72px; border-radius:100%; background:#fff}
.superiority .icon_ys1{position: absolute; z-index:1;left:-340px; top:40px;color:#f75158}
.superiority .icon_bg{position:absolute; left:352px; top:58px; width:167px; height:165px; z-index:0; display:block; background:url(../images/superiority_bg.png) no-repeat;}
.superiority [class*="icon_"],.superiority [class*="text_"]{transition: all 0.7s ease;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;}
.superiority .textbar{position:relative;}
.superiority .textbar .text_1{position:relative; left:0}
.superiority .textbar .text_2{position: absolute; width:270px; left:270px; top:-20px}
.superiority .textbar .text_2 h4{color:#fff}
.superiority .textbar .text_2 p{color:#fff4f4}
.superiority h4{font-size:22px; margin:20px auto 10px; font-weight:bold; color:#333}
.superiority p{margin:0 15px;text-align:left; line-height:20px}
.superiority .grid_3:hover{background:#f75158; cursor:pointer}
.superiority .grid_3:hover .icon_ys{ left:240px}
.superiority .grid_3:hover .icon_ys1{left:74px}
.superiority .grid_3:hover .icon_bg{left:84px}
.superiority .grid_3:hover .text_1{left:-270px}
.superiority .grid_3:hover .text_2{left:0}
/*second*/
.second{position:relative;margin-top:50px;}
.second_bg{position:absolute; left:0; top:0; z-index:-1; background:#f75158; width:100%; height:300px; display:block}
.second .course{background:#fff}
.second .course .row{margin-left:-20px}
.second .course .grid_4{width:364px; margin-left:20px; margin-bottom:20px}
.course .textbar{height:68px; position:relative}
.course .textbar h4{text-align:center; line-height:68px; font-size:18px; color:#000}
.course .textbar p{padding:0 10px;position:absolute; left:0; top:15px; background:#fff; opacity:0;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.course .grid_4:hover .textbar p{ opacity:1; height:44px; overflow:hidden;}
.course figure{position:relative}
.course figure a{position:absolute; z-index:1; left:0; top:0; text-align:center; width:100%; height:100%; background:rgba(253,76,79,0); display:block;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.course figure a:hover{background:rgba(0,0,0,0.6);}
.icon_url{position:relative; top:50%; margin-top:-35px;display:inline-block; width:70px; height:70px; text-align:center; border:1px solid #fff; opacity:0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.icon_url:before{display: inline-block;content: "\E9B7";font-size: 32px;line-height:70px; color:#fff;padding:0 3px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.course figure a:hover .icon_url{opacity:1;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);-o-transform: rotate(315deg);transform: rotate(315deg);}
/*Process*/
.third{margin-top:30px}
.process .grid_4{text-align:center; margin-bottom:40px; position:relative}
.icon_lc{display:inline-block; width:106px; height:106px; line-height:106px; font-size:66px; color:#fff; background:#f75158; border-radius:100%; text-align:center}
.process .grid_4 h4{margin:20px auto 10px; font-size:18px; color:#000}
.process .grid_4 p{text-align:left; padding:0 40px; color:#777}
/*fourth*/
.fourth{margin-top:30px; position:relative; height:382px; overflow:hidden}
.photo-show{position:absolute; z-index:1; width:1920px;background:url(../images/photo-bg.jpg) no-repeat center 0; top:0; left:50%; margin-left:-960px}
.photo-show li {float:left; margin-left:2px; margin-bottom:2px;position:relative; width:190px; display:inline-block;}
.photo-show li a figure{display:block; width:190px; height:190px; background:#a8a8a8; opacity:0.5;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.photo-show li a:hover figure{opacity:0}
.photo-show li > span{position:absolute; top:0; color:#fecdd3; left:190px;width:172px; padding:0 10px; height:100%; background:#bc373c; display: none;}
.photo-show li > span h6{margin-top:10px; color:#fff; font-size:16px}
.photo-show li > span small{font-size:12px}
.photo-show li > span p{margin-top:5px;color:#fff; font-size:13px;height:80px; display:block;overflow:hidden}
.photo-show li > span em{ color:#fff; vertical-align: top}
.photo-show li > span span{position: absolute; width:100%; display:block;line-height:18px; bottom:5px;font-size:12px}
.photo-show li > span span a{float:right; margin-right:15px; width:40px; font-size:12px; text-align:center; background:#fff;  display:inline-block}
.photo-show li:hover > span{z-index:99; display:block}
.photo-show li ul{margin:-2px 0 0 -2px}
.photo-show li li{float:left; width:94px; height:94px;margin:2px 0 0 2px}
.photo-show li li a figure {width:94px; height:94px}
.photo-show li li > span{left:94px}
.photo-show li li > span h6{margin-top:5px; font-size:14px; line-height:14px}
.photo-show li li > span p{margin-top:0;font-size:12px; height:18px; display:block; line-height:14px; overflow:hidden}
.fourth .photo-mask{position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:rgba(108,108,108,0.7); display:block;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.fourth:hover .photo-mask{ opacity:0; z-index:0}
.photo-mask p{margin:120px auto 10px}

/*fifth*/
.fifth{margin-top:30px; overflow:hidden}
.reviews{margin:30px 0; height:76px; background:#f7f7f7}
.reviews h3{float:left;width:100px; height:76px; background:#f75158; display:inline-block}
.reviews h3 span{display:block; margin:15px auto 5px}
.reviews .comment{float:left;padding:10px 20px; width:970px;display:inline-block}
.reviews .comment li{width:100%; margin-bottom:5px;display:block}
.reviews .comment span,.reviews .comment p,.reviews .comment time{display:inline-block; padding-bottom:0}
.reviews .comment li p{width:580px; height:20px;overflow:hidden}
.reviews .comment li span{color:#000; margin-right:5px}
.reviews .comment li strong{margin:0 3px; color:#f75158}
.reviews .comment time{float:right}
.comment .bx-wrapper .bx-controls-direction a{top:3px; left:auto; right:-60px; margin-top:0;width:20px; background:none; text-indent:inherit}
.comment .bx-wrapper .bx-controls-direction a.bx-next{top:30px}
.comment .bx-wrapper .bx-controls-direction a:after{font-family: 'alimaofont'; content: "\0058"; display:inline-block; font-size:22px; font-weight:bold; width:20px; height:20px; color:#444;}
.comment .bx-wrapper .bx-controls-direction a.bx-next:after{content: "\0059";}
/*teacher-bar*/
.teacher-show{margin:0 auto;}
.teacher-show .row{ margin-left:0}
.teacher-show .grid_3{ width:285px; margin-right:10px; margin-left:0; background:#f8f8f8; text-align:center; transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.teacher-show .grid_3 figure{position:relative;display:inline-block;width:140px; height:140px; margin:30px auto 10px; border-radius:100%; border:2px solid #ccc; overflow:hidden}
.teacher-show .grid_3 figure a{position:absolute; left:0; top:0; background:rgba(0,0,0,0);width:100%; border-radius:100%; height:100%; display:block; transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.teacher-show .grid_3 figure a span{position:relative; width:50px; display:inline-block; opacity:0; top:-100px;font-size:48px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s; color:#fff}
.teacher-show .grid_3:hover{background:#eee;}
.teacher-show .grid_3:hover figure a{background:rgba(0,0,0,0.6)}
.teacher-show .grid_3:hover figure a span{top:60px;opacity:0.8}
.teacher-show .grid_3 figure a:hover span{width:66px; font-size:64px; opacity:1}
.teacher-show .grid_3 h4{color:#000}
.teacher-show .grid_3 p{ padding:10px 10px 5px; color:#777; text-align:left}
.teacher-show .result{margin:10px; text-align:right; font-size:12px; line-height:22px; overflow:hidden}
.teacher-show .result a{display:inline-block; margin-left:10px}
.teacher-show .result .icon_dz{color:#f75158}
.teacher-show .result [class*="icon_"]:before{display:inline-block; width:30px;content: "\E98E"; margin-right:3px; font-size:22px}
.teacher-show .result .icon_dz:before{content: "\E9A8";color:#f75158; font-size:20px}
.teacher-show .bx-wrapper .bx-controls-direction a{left:auto;width:20px; height:60px; margin-top:-30px; text-align:center; background:rgba(0,0,0,0.6); text-indent:inherit;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.teacher-show .bx-wrapper .bx-controls-direction a:hover{width:40px; background:#000}
.teacher-show .bx-wrapper .bx-next {right:0}
.teacher-show .bx-wrapper .bx-controls-direction a:after{font-family: 'alimaofont'; content: "\E97C"; display:inline-block; font-size:16px; line-height:60px; font-weight:bold;color:#fff;}
.teacher-show .bx-wrapper .bx-controls-direction a.bx-next:after{content: "\E97D"}
.teacher-show .bx-wrapper .bx-pager{bottom:-50px}
/*sixth*/
.sixth{margin-top:30px}
.ad{height:90px; line-height:90px; background:#f75158}
.ad a{ margin:0 15px}
.ad span{ margin-right:15px}
.step{text-align:center; margin-top:40px}
.step .grid_4{position:relative}
.step .step-num{ display:inline-block; margin-bottom:15px; width:86px; height:86px; line-height:86px; border:3px solid #f75158; color:#f75158; font-size:24px; border-radius:100%;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.step .step-num:hover{ font-style:normal; background:#f75158; border:3px solid #ffa8ac; color:#fff}
.step .grid_4 p{ padding-bottom:3px; font-size:15px}
.step .grid_4 .block_line{ margin:0 auto; width:220px;}
.step-list{ margin-top:20px}
.step-list li{display:inline-block; margin:0 20px}
.step-list li span{font-size:42px; line-height:42px; display:inline-block; padding:10px; border:1px solid #333; border-radius:100%;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.step-list li p{margin-top:5px; font-size:14px; color:#666}
.step .grid_4:before{position:absolute; z-index:1; top:50%; margin-top:-10px; right:-30px;font-family: 'alimaofont'; content: "\006F"; display:inline-block; font-size:32px; line-height:32px;color:#f75158; font-weight:bold;}
.step .grid_4:last-child:before{content: "";}
.step-list li span:hover{background:#f75158; color:#fff; border:1px solid #f75158}
/*footer register*/
.footer-register{margin-top:50px; padding-bottom:50px}
.footer-register .grid_4{float:none;margin:0 auto; margin-top:20px; width:370px;}
.regform_2 {text-align:center}
.regform_2 input{text-indent:42px; width:100%; border:1px solid #ccc; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.regform_2 label{margin-bottom:10px; text-align:left}
.regform_2 [class*="icon_reg-"]:before{width:22px;font-size: 20px;line-height:36px; color:#fff; padding:0 5px; background:#a2a1a1}
.regform_2 a{display:inline-block; padding:0px 40px; margin-top:20px; border-radius:0}
/*footer*/
footer{margin:0 auto; background:#363839; color:#777; padding-top:50px}
footer [class*="grid_"]{margin-bottom:20px}
footer [class*="grid_"] a{color:#999}
footer [class*="grid_"] a:hover{color:#fff}
footer .grid_5{padding-right:30px; border-right:1px solid #4c4c4c; overflow:hidden}
.footer-tab {border-bottom:1px solid #4c4c4c; padding-bottom:3px}
.footer-tab ul{display:inline-block}
.footer-tab span{display:inline-block; font-size:12px; float:right}
.footer-tab li{display:inline-block; line-height:22px}
.footer-tab li a{padding:5px 15px; color:#eee}
.footer-tab li.curr a,.footer-tab li a:hover{background:#f75158; border-radius: 3px 3px 0 0; color:#fff}
footer .news-list{margin-top:20px;list-style: square inside; display:none}
footer .news-list.curr{display:block}
footer .news-list li{border-bottom:1px dashed #4c4c4c; height:24px; line-height:24px; margin-bottom:8px; overflow:hidden}
footer .news-list li a{display:inline-block}
footer .news-list li time{float:right; display:inline-block; font-size:13px}
footer h4{color:#c7c7c7; border-bottom:1px solid #4c4c4c; padding-bottom:5px}
footer .links{margin-bottom:5px}
footer .links span{ margin-right:5px; color:#999}
footer .links a{display:inline-block; margin:0 6px; color:#777}
footer .links a:hover{color:#fff}
.footer-nav li{float:left; width:50%; display:inline-block; margin-bottom:10px}
.footer-contact {margin-left:-20px; *zoom:1}
.footer-contact li{display:inline-block; margin-left:20px; font-size:12px}
footer [class*="grid_"] .footer-tel a{ display:inline-block; padding:10px 40px; background:#f75158; color:#fff;font-size:28px; border-radius:5px;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.footer-tel a:before{content: "\0074"; display:inline-block; font-size:28px; margin-right:5px}
footer [class*="grid_"] .footer-tel a:hover{ background:#fff; color:#f75158}
.copyright{background:#313232; padding:20px 0 0; font-size:13px; text-align:center}
.safety span{font-size:12px; display:inline-block; margin:0 8px}
.safety [class*="safety-"]{display:inline-block; width:30px; height:26px; margin-right:5px; background:url(../images/footer-icon.png) no-repeat;}
.safety .safety-2{width:26px;background-position:-30px 0}
.safety .safety-3{background-position:-56px 0}
.copyright a{color:#777}
.copyright a:hover{color:#fff}
/*support*/
.support{position: fixed; top:50%; margin-top:-30px; right:0; width:46px; z-index:9999}
.support li{height:48px; line-height:48px;position: relative; border-radius:3px 0 0 3px; margin-bottom:1px;background-color:#FB5500;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.support li:hover{background:#000}
.support li a{color:#fff; font-family:Arial, sans-serif; font-size:18px; display:block}
.support li.icon_one{position:relative; left:0; width:160px;}
.support li.icon_one:hover{left:-110px}
.support li.icon_one:hover i{width:36px; text-align:right}
.support li i{ display:inline-block;font-family: 'alimaofont'; font-style:normal; font-size:22px; width:46px; text-align:center;}
/*popup*/
.popup{position:fixed; left:0; top:0; width:100%; height:100%; z-index:30002; display:none}
.popup-bg{position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0}
.popup-reg{margin:0 auto; position:relative; top:-300px; width:400px; margin-top:-15%; border-radius:5px; overflow:hidden; background:#fff;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);box-shadow: 0 1px 10px rgba(0,0,0,0.9)}
.popup-reg h4{background:#f75158; padding-left:40px; height:48px; line-height:48px; color:#fff; display:block; overflow:hidden}
.popup-reg h4 span{display:inline-block}
.popup-reg h4 a{float:right; color:#fff; display:inline-block; overflow:hidden}
.popup-reg h4 span.icon_close:before{content: "\E972"; display:inline-block;width:36px; text-align:center; font-size:14px}
.popup-reg p{ padding:10px 40px; color:#000}
.regform_3{padding:10px 40px 30px; text-align:center}
.regform_3 label{text-align:left}
.regform_3 input{text-indent:42px; width:99%; border:1px solid #ccc; margin-bottom:12px}
.regform_3 [class*="icon_reg-"]:before{width:22px;font-size: 20px;line-height:36px; color:#fff; padding:0 5px; background:#a2a1a1}
.regform_3 a{display:inline-block; background:#414141; font-size:16px;height:36px; line-height:32px; padding:0px 40px; border-radius:0}
.regform_3 a:hover{background:#f75158}

/*page*/
.teachers_banner{ position:relative;}
.page-public .slider,.page-public .slider div{min-height:270px}
.page-public .container{position:relative; top:160px; color:#fff}
.page-public .container h1{font-weight:bold; line-height:32px; margin-bottom:20px}
.page-public .container h1 small{margin-left:10px}
.page-public .container p{font-size:16px}
.location{color:#777; padding:8px 0;}
.location.part{border-bottom:0; background:#f8f8f8}
.location a{margin:0 5px}
.content{line-height:180%}
.content p,.content div{margin-bottom:10px}
.img_wrap1{display: block;padding:8px;background:#fff;box-shadow:0px 0px 4px #d2ccc1;position: relative;}
.img_wrap1 strong{display:block;position: absolute; top:0;left:0;width:0;height:0;background:#f75158;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.img_wrap1 img{position: relative; z-index:1;}
a.img_wrap1:hover strong{height:100%;width:100%;}
/*page_banner*/
.page_banner{ height:550px; position:relative; }
/*course*/
/*course_banner*/
.course_banner{ position:relative;}
.course_banner .alm_fir{ position:absolute; right:0; bottom:0; width:420px;}
.course_banner .slider .banner_textbar{ position:relative; left:50%; top:280px; margin-left:-230px;}

/*about*/
.about{margin-top:40px}
.definition{ margin:50px auto; text-align:center;}
.definition figure{margin-top:10px;text-align:center}
.definition figure img{ width:200px}
.definition h4{margin:20px 0 10px}
.definition p{ font-size:13px}
.definition p span{ display:inline-block; width:16px; height:16px; background:#282828; margin-right:5px}
.definition p span.red{ background:#e62129}
.history{margin-top:50px; color:#fff;background:#f75158; padding:20px 0;}
.history .container{ position:relative;}
.history ul{ overflow:hidden;} 
.history li{position:relative; float:left; width:234px; min-height:110px;text-align:center;cursor:pointer; display:inline-block}
.history li i{position:absolute; left:50%; top:45px; margin-left:-13px; margin-top:-13px; z-index:1;display:inline-block; width:12px; height:12px; background:#f75158; border:6px solid #fff; border-radius:100%;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.history li strong{font-size:16px}
.history li p { margin-top:40px; padding:0 10px;}
.history li:hover p{ display:block;}
.history li:hover i{background:#A80002}
.history .history-line{position:absolute; width:1110px; top:45px; left:30px; height:2px; margin-top:-2px; background:#fff; display:block; overflow:hidden; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:0 30px;}
.history .bx-controls-direction{ position:absolute; left:0; top:0; width:100%;}
.history .bx-controls-direction .bx-prev{ width:36px; height:41px; margin-top:-20px; position:absolute; top:45px; font-size:0; left:0; background:url(../images/controls2.png) left;}
.history .bx-controls-direction .bx-next{ width:36px; height:41px; margin-top:-20px;  position:absolute; right:0; top:45px; font-size:0; right:0; background:url(../images/controls2.png) right;}
/*gallery*/
.gallery{margin-top:40px}
.gallery [class*="grid_"]{text-align:center; margin-bottom:20px}
.gallery figure{position:relative}
.gallery a{position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; display:block;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.gallery a:hover{background:rgba(0,0,0,0.6);}
.gallery h5{margin-top:15px; font-size:15px; font-weight:bold}
/*process*/
.process{ margin-top:50px}
.process .block_line{width:auto}
.process-list{position:relative; margin:0 auto; width:570px;margin-top:80px;overflow:hidden}
.process-list .grid_6{position:relative;float:none; margin:20px auto 80px; padding-top:10px}
.process-list i{position:absolute; left:0; top:0; z-index:1; display:inline-block; width:90px; height:90px; line-height:90px; font-size:24px;font-family:Impact; color:#fff; text-align:center; background:#f75158; border-radius:100%;}
.process-list h5{margin-left:120px; font-size:18px}
.process-list .step-list{margin-left:130px}
.process-list .step-list li{margin-right:80px; text-align:center}
.step-list li span{font-size:48px; line-height:48px;padding:15px}
.process-line{position:absolute; left:39px; top:50px;display:block; width:1px; height:500px; background:#f75158; overflow:hidden; z-index:-1}
/*teacher*/
.teacher{margin-top:40px; margin-bottom:40px; display:inline-block; width:100%;}
.teacher .feature{text-align:center}
.teacher .feature [class*="grid_"]{float:none; display:inline-block}
.teacher [class*="grid_"] h3{text-align:left; margin-bottom:10px}
.teacher [class*="grid_"] ul{text-align:left}
.teacher [class*="grid_"] ul li{line-height:28px; color:#666; }
.teacher [class*="grid_"] ul li:before{display:inline-block;font-family: 'alimaofont'; width:26px;content: "\E909"; color:#f75158; margin-right:3px; font-size:18px}

.teachers{ margin-bottom:40px; display:inline-block; width:100%;}
.teachers .container{ width:1100px;}
.teachers .scroll-teacher{ overflow:hidden; height:445px;}
.teachers .teacher-show{margin:0 auto; margin-top:50px; }
.teachers .teacher-show .row{ margin-left:0;}
.teachers .teacher_box{ width:550px; overflow:hidden;}
.teachers .teacher_box .grid_6:first-child{ margin-bottom:5px;}
.teachers .teacher-show .grid_6{ overflow:hidden; background:#f8f8f8; width:550px; margin-left:0; text-align:center; transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.teachers .teacher-show figure{  margin-right:10px;position:relative;display:inline-block;width:220px; height:220px; overflow:hidden; float:left;}
.teachers .teacher-show figure img{ width:100%; height:100%;}
.teachers .teacher-show figure a{position:absolute; text-align:center; left:0; top:0; background:rgba(0,0,0,0);width:100%; height:100%; display:block; transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.teachers .teacher-show figure a span{position:relative; width:50px; display:inline-block; opacity:0; top:-100px;font-size:48px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s; color:#fff}
.teachers .teacher-show .grid_6:hover{background:#eee;}
.teachers .teacher-show .grid_6:hover figure a{background:rgba(0,0,0,0.6)}
.teachers .teacher-show .grid_6:hover figure a span{top:90px;opacity:0.8}
.teachers .teacher-show figure a:hover span{width:66px; font-size:64px; opacity:1}
.teachers .teacher-show h4{color:#000; margin:20px 0 10px; text-align:left;}
.teachers .teacher-show p{ color:#777; text-align:left; height:66px; overflow:hidden; padding:0;}
/*filter*/
.filter{margin-top:50px; min-height:320px;}
.filter-list_box{overflow:auto; overflow-y:auto; height:320px;}
.filter-list_box::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 8px;}
.filter-list_box::-webkit-scrollbar-thumb{border-radius: 8px;background-color:#F75158;}
.filter-list{ width:1170px;}
.filter-list li{position:relative; float:left;display:inline-block; width:146px; text-align:center}
.filter-list li:before{position:absolute;display:inline-block; right:-35px; top:18px;font-family: 'alimaofont'; width:62px;content: "\E995"; color:#bfbfbf; font-size:58px}
.filter-list li:last-child:before{width:auto;content: ""}
.filter-list li span{display:block; min-height:62px; line-height:60px;cursor:pointer}
.filter-list li span i{ display:inline-block; width:50px; height:50px; line-height:50px; font-family:Arial; font-size:24px; background:#777; border-radius:100%; color:#fff}
.filter-list li h6{color:#000; font-size:16px; margin:10px 0}
.filter-list li p{position:absolute; left:30px; top:115px; background:#f75158; width:220px; padding:10px; display:none; z-index:1; border-radius:10px; text-align:left; color:#fff;}
.filter-list li p:before{position:absolute;display:inline-block; left:28px; top:-18px;font-family: 'alimaofont'; width:62px;content: "\EA02"; color:#f75158; font-size:32px}
.filter-list li:nth-child(7) p,.filter-list li:last-child p{left: auto; right:30px}
.filter-list li:nth-child(7) p:before,.filter-list li:last-child p:before{left:auto; right:0}
.filter-list li.curr:before{ color:#f75158}
.filter-list li.curr span i{line-height:60px}
.filter-list li.curr p{display:block}
/*students*/
.student {padding:30px 0; margin-bottom:60px;}
.student h1{text-align:center; margin-bottom:50px;}
.student h1 img{display:inline-block; width:370px}
.student-show{line-height:200%; color:#666}
.student-show h2,.student-show h3,.student-show h4,.student-show h5,.student-show h6{margin-bottom:15px; color:#000}
.student-show p{font-size:15px}
.student-show [class*="grid_"] figure{ height:100%;}
.student-show [class*="grid_"] img{display:inline-block; float:none;}
.student-show .row{ margin-bottom:50px;}
.student-show .row:nth-of-type(2n+2) .grid_5{float:right}
.student-show [class*="grid_"] img{display:inline-block;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.student-show [class*="grid_"] figure:hover img{opacity:0.5; cursor:pointer;}
.student-show [class*="grid_"] figure a{ margin-left:-1px;opacity:0;font-size:2px;display:block;transition:0.2s;-webkit-transition:0.2s;-moz-transition: 0.2s}
.student-show [class*="grid_"] figure:hover a{font-size:64px; margin-left:-32px;opacity:1;}
.student-show [class*="grid_"] figure a:hover{font-size:72px}
/*expense*/
.expense{margin-top:40px}
.share-box{background:#f5f5f5;}
.share-box .share{margin-top:20px; line-height:58px; background:#626262}
.share-box p{line-height:32px}
.share-box .share span{margin-right:10px}
.share-box .share input{ width:360px; padding-left:10px; height:30px; border:0}
.share-box .share span.share-input a{display:inline-block; font-size:15px; color:#fff; width:110px; height:32px; line-height:30px; text-align:center; margin-left:-5px;background:#f75158}
.share-box .share span.share-input a:after{display:inline-block; margin-left:8px;font-family: 'alimaofont'; width:16px;content: "\E9EA"; font-size:13px}
.share-box .bdsharebuttonbox{display:inline-block}
.expense_tab_box{ text-align:center; margin:50px auto 10px; overflow:hidden;}
.expense_tab_box .tab{ width:50%; font-size:24px; float:left; padding:15px 0; background:#ddd; color:#444; cursor:pointer;}
.expense_tab_box .curr{ background:#f75158; color:#fff;}
/*expense-list*/
.expense-list .know{ margin-bottom:30px;}
.expense-list .packages{padding:20px 0; margin-bottom:30px;background:#fff0f1}
.expense-list .packages .grid_3{text-align:center}
.expense-list .packages .grid_3 i{ display:inline-block; width:136px; height:136px; color:#f27277; line-height:126px; font-size:84px; text-align:center; background:#fff; border-radius:100%;}
.expense-list .packages .grid_3 h3{margin:10px 0 3px; color:#000}
.expense-list .packages .grid_3 p{margin:0 10px; padding-bottom:5px}
.expense-list .packages .grid_3 a{ display:inline-block; padding:5px 35px; margin-top:15px; font-size:16px; background:#f75158; color:#fff;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.expense-table{padding-right:15px}
.expense-table table{width:100%; background:#fff; text-align:center; margin-bottom:10px; border:1px solid #eee; border-bottom:0; border-right:0; vertical-align:middle}
.expense-table table tr{border-bottom:1px solid #eee; line-height:36px}
.expense-table table td,.expense-table table th{border-right:1px solid #eee; position:relative}
.expense-table table th{line-height:42px; color:#fff;background:#f27279}
.expense-table p{padding-bottom:0;}
.expense-table table td .hot{position:absolute; left:-25px; display:inline-block; width:37px; height:25px; background: url(../images/icon_recommend.png) no-repeat; z-index:1}
.expense-list .packages:nth-child(2){background:#fef0e5}
.expense-list .packages:nth-child(2) .grid_3 i{color:#e8ab79}
.expense-list .packages:nth-child(2) .expense-table table th,.expense-list .packages:nth-child(2) .grid_3 a{background:#e8ab79}
.expense-list .packages:nth-child(3){background:#e7f5e3}
.expense-list .packages:nth-child(3) .grid_3 i{color:#99bf8d}
.expense-list .packages:nth-child(3) .expense-table table th,.expense-list .packages:nth-child(3) .grid_3 a{background:#99bf8d}
.expense-list .packages .grid_3 a:hover{background:#000}
.expense-list2 .packages:nth-child(1){background:#e7f5e3}
.expense-list2 .packages:nth-child(1) .grid_3 i{color:#99bf8d}
.expense-list2 .packages:nth-child(1) .expense-table table th,.expense-list2 .packages:nth-child(1) .grid_3 a{background:#99bf8d}
.expense-list2 .packages:nth-child(2){background:#fff0f1}
.expense-list2 .packages:nth-child(2) .grid_3 i{color:#f27277}
.expense-list2 .packages:nth-child(2) .expense-table table th,.expense-list2 .packages:nth-child(2) .grid_3 a{background:#f27279}
.expense-list2 .packages:nth-child(3){background:#fef0e5}
.expense-list2 .packages:nth-child(3) .grid_3 i{color:#e8ab79}
.expense-list2 .packages:nth-child(3) .expense-table table th,.expense-list2 .packages:nth-child(3) .grid_3 a{background:#e8ab79}
.expense-list2 .packages .grid_3 a:hover{background:#000}
.expense-table table tr:hover,.expense-table table tr.curr{background:#f5f5f5}
/*pay*/
.pay{ text-align:center;}
.pay > div > span{ font-size:14px; display:block;}
.pay > div{ display:inline-block; text-align:center; vertical-align:top; margin:0 40px;}
.pay > div figure{width:140px; display:inline-block; margin-bottom:10px;}
.pay > div figure img{ display:inline-block;}
.pay p{ font-weight:bold; font-size:16px; margin-top:10px;}
/*curriculum*/
.curriculum {margin-top:50px}
.grade-chart{margin-top:40px}
.grade-chart ul{min-height:475px; position:relative}
.grade-chart li{position:relative;bottom:0;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.grade-chart li:hover{margin-top:5px}
.grade-chart li h4{position:absolute; width:80px; text-align:center; left:0; top:-12px; z-index:1; display:inline-block}
.grade-chart li:nth-child(2) h4{top:35px}
.grade-chart li .grade-hline{position:absolute; width:256px; top:-1px; height:1px; background:#ddd; display:inline-block; left:70px}
.grade-chart li:nth-child(2) .grade-hline{top:45px}
.grade-chart li .grade-box{width:370px; margin-left:160px; color:#777; display: inline-block;text-align:center}
.grade-chart li p{position:absolute; width:510px; text-align:left; right:0; top:0; line-height:36px; z-index:1; display:inline-block}
.grade-chart li:nth-child(2) p{top:48px}
[class*="rectangle_"]{border-bottom: 36px solid red;height: 0; color:#fff; font-size:16px; display: inline-block; margin-bottom:2px; line-height:36px}
.rectangle_1 {border-left: 15px solid transparent; border-right: 15px solid transparent; width: 330px;border-bottom-color:#f77f29} 
.rectangle_2 {border-left: 15px solid transparent; border-right: 15px solid transparent; width: 298px;border-bottom-color:#eda470}
.rectangle_3 {border-left: 15px solid transparent; border-right: 15px solid transparent; width: 266px;border-bottom-color:#f8e493}
.rectangle_4 {border-left: 15px solid transparent; border-right: 15px solid transparent; width: 234px;border-bottom-color:#c2d0ab}
.rectangle_5 {border-left: 15px solid transparent; border-right: 15px solid transparent; width: 202px;border-bottom-color:#5fa7d9}
.rectangle_6 {border-left: 15px solid transparent; border-right: 15px solid transparent; width: 170px;border-bottom-color:#56bfd4}
.rectangle_7 {border-left: 15px solid transparent; border-right: 15px solid transparent; width: 138px;border-bottom-color:#4eb78c}
.rectangle_8 {border-left: 15px solid transparent; border-right: 15px solid transparent; width: 106px;border-bottom-color:#97ca49}
.rectangle_9 {border-left: 15px solid transparent; border-right: 15px solid transparent; width: 74px;border-bottom-color:#c3da65}
.rectangle_10 {border-left: 36px solid transparent; border-right: 36px solid transparent; width: 0; text-indent:-10px;line-height:120px;border-bottom: 84px solid #f75158;}
.grade-chart li .grade-line{position:absolute; left:360px; top:18px; height:1px; width:290px; background:#ddd}
.grade-chart li:nth-child(2) .grade-line{top:60px}
[class*="gradetext-bg-"] {position:absolute; width:3px; top:0; z-index:-1; height:36px; background:#f77f29;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.gradetext-bg-2{background:#eda470}
.gradetext-bg-3{background:#f8e493}
.gradetext-bg-4{background:#c2d0ab}
.gradetext-bg-5{background:#5fa7d9}
.gradetext-bg-6{background:#56bfd4}
.gradetext-bg-7{background:#4eb78c}
.gradetext-bg-8{background:#97ca49}
.gradetext-bg-9{background:#c3da65}
.gradetext-bg-10{background:#f75158}
.grade-chart li p span.textbar{padding-left:10px}
.grade-chart li:hover [class*="gradetext-bg-"]{width:100%}
.grade-chart li:hover p{color:#000}
.ratings {margin-top:30px; text-align:center}
.ratings h5{ font-size:13px}
.ratings ul{margin-left:-5px; overflow:hidden}
.ratings li{float:left; width:230px; height:22px; font-size:13px; margin-left:5px; color:#fff; display:inline-block; background:#eda470}
.ratings li:nth-child(2){background:#c2d0ab}
.ratings li:nth-child(3){background:#56bfd4}
.ratings li:nth-child(4){background:#97ca49}
.ratings li:nth-child(5){background:#f75158}
.course-list{margin-top:50px; padding:30px 0; background:#f8f8f8}
.course-list .course .row{margin-left:-30px}
.course-list .course [class*="grid_"]{ margin-bottom:20px}
.course-list .course .textbar{ background:#fff}
.course-videos{margin-top:40px;}
.video-list{ margin-left:0}
.video-list .grid_4 {min-height:320px; margin-left:0}
/*course list*/
.coursebar{margin-top:50px}
.course-tab{text-align:center; padding-top:10px}
.course-tab li{display:inline-block}
.course-tab li a{padding:5px 15px; font-size:16px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.course-tab li.curr a{border:1px solid #f75158; color:#f75158}
.course-tab li a:hover{background:#f75158; color:#fff}
.course-show{margin-top:50px}
.course-show [class*="grid_"]{padding:10px 0; margin-bottom:30px}
.course-show [class*="grid_"] figure{float:left; width:150px; padding:10px;}
.course-show [class*="grid_"] figure img{ width:100%;}
.course-summary{padding:10px}
.course-summary h4{margin:5px 0 10px;line-height:16px; font-weight:bold; color:#000;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.course-summary small{font-size:12px; display:inline-block} 
.course-summary span{ min-height:40px; max-height:40px; overflow:hidden; display:block;padding-bottom:0; margin-top:5px;color:#666; font-size:13px; line-height:20px;}
.course-summary span strong{vertical-align:top;}
.course-summary p{padding-bottom:0; margin-top:5px;color:#666; font-size:13px; line-height:20px; max-height:60px; overflow:hidden;}
.course-summary p strong{vertical-align:top;}
.course-summary .button1{margin-top:10px; padding:3px 25px; background:#414141; border:0; color:#fff}
.course-summary .button1:hover{background:#f75158}
/*course read*/
.course-read{ margin-top:50px}
.course-read .grid_9{padding-right:30px; border-right:1px dashed #888}
.course-read [class*="grid_"] h3{padding-bottom:5px;border-bottom:1px solid #ddd}
.course-read .grid_9 h3 span{ padding-bottom:4px;border-bottom:1px solid #f75158; color:#000}
.course-read .summary{margin-top:30px}
.course-read .summary figure{float:left; display:inline-block; margin-right:20px}
.course-read .summary p{ padding-top:20px; font-size:16px; line-height:180%}
.course-outline{margin-top:30px; font-size:15px}
.course-read .grid_9 .course-outline h3{border:0; font-size:16px; margin:10px 0; color:#000; font-weight:bold}
.course-outline ul{list-style: square inside; margin-left:20px;color:#333}
.course-outline li{padding:5px 0; }
.course-outline ul ul{list-style: circle inside; color:#444; font-size:13px}
.course-outline ul ul li{padding:3px 0}
/*aside*/
.booking a{ display:block; background:#f75158; text-align:center; color:#fff; font-size:18px; padding:30px 0;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.booking a:hover{background:#000}
.course-sort{margin:20px 0; margin-left:-10px; overflow:hidden}
.course-sort li{float:left; width:130px; margin-left:10px; text-align:center; margin-bottom:8px;}
.course-sort li a{display:block; padding:8px 0; background:#5c5c5c; color:#fff;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.course-sort li.curr a,.course-sort li a:hover{background:#f75158;}
.related-course {margin-top:20px}
.related-course li{ overflow:hidden; padding-bottom:10px; border-bottom:1px dashed #ddd; margin-bottom:15px}
.related-course li figure{float:left; width:80px; margin-right:10px; display:inline-block}
.related-course li figure img{background:#fff}
.related-course li figure a.img_wrap1{padding:5px}
.related-course li h5{ font-size:16px; margin-bottom:5px;}
.related-course li p{ font-size:13px; line-height:18px; color:#666}
/*newsbar*/
.news-sort {text-align:center; padding-top:10px}
.news-sort ul{margin-left:-50px}
.news-sort li{display:inline-block; margin-left:25px; margin-right:25px;}
.news-sort li a{display:block;padding:20px 80px;background:#f75158;font-size:18px;color:#fff;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition:0.7s}
.news-sort li.curr a,.news-sort li a:hover{ background:#f75158}
.newsbar{margin-top:40px}
.newslist{padding-right:30px; border-right:1px dashed #414141}
.newslist li{border-bottom:1px dashed #ddd; margin-top:20px; padding-bottom:5px; overflow:hidden;}
.newslist li h4{font-size:18px; margin-bottom:5px}
.newslist li time{float:left;display:inline-block; width:60px; margin-right:10px}
.newslist time span{display:block}
.newslist time span.day{height:50px; line-height:50px; font-size:32px; text-align:center; background:#ddd; display:block}
.newslist time span.date{ text-align:center}
.newslist li p{ color:#666;}
.pagination{margin-top:30px;line-height:20px;}
.pagination a{padding:3px 10px; border:1px solid #ccc; margin:0 2px; display:inline-block; vertical-align: inherit}
.pagination strong{padding:3px 10px; border:0; background:#787878; color:#fff;margin:0 2px;display:inline-block}
.new-pic{display:block; overflow:hidden; padding-bottom:15px; border-bottom:1px dashed #ddd}
.new-pic figure{float:left;width:170px; margin-right:10px; display:inline-block}
.new-pic h5{ line-height:20px; margin-bottom:5px}
.new-pic p{ line-height:18px}
.list4{margin-top:20px}
.list4 li{padding-left:24px;padding-top:1px;margin-bottom:8px;}
.list4 a{line-height: 18px; text-transform:uppercase;display:inline-block;position: relative;}
.list4 li a:before{position: absolute;width: 13px;height: 13px;content: '';top: 2px;left: -23px;background: url(../images/list_marker.png)  no-repeat;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.list4 li a:hover:before{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
/*new read*/
.new-read{padding-right:30px; border-right:1px dashed #414141}
.new-read h1{font-size:30px; line-height:32px}
.new-read .content {font-size:16px; line-height:180%;}
.new-read .content a{ color:#ff0000;}
.data{ margin-top:20px; border-bottom:1px solid #ddd; padding-bottom:5px}
.data span{display:inline-block; font-size:13px; margin-right:10px; color:#777}
.tags {border-bottom:1px solid #ccc;}
.tags .grid_6 span{display:inline-block; margin-right:10px}
.tags .bdsharebuttonbox{float:right;}
/*videos*/
#video-view {margin:0 auto;width:100%; height:100%; position:fixed;left:0; top:0; color:#fff; font-size:16px; z-index:30001;display:none; }
#video-view div{position:fixed;width:100%; height:100%;left:0; top:0;background:#000; z-index:-1; opacity:0}
#video-view video{width:600px;position:relative;top:-400px; left:50%; margin-left:-300px; z-index:30002; display: none}
/*page_contact*/
.page_contact{ padding:60px 0;}
.page_contact .block_name{ margin:0 auto 30px;}
.page_contact h3{ font-size:20px; color:#fd4e5a; margin-bottom:5px;}
.page_contact p{ font-size:18px; color:#040404; margin-bottom:10px;}
.page_contact ul{ margin-top:50px;}
.page_contact ul li{ margin-bottom:40px; width:50%; float:left;}
.page_contact ul li img{ width:60px; height:60px; margin-right:20px;}
.page_contact ul li span{ font-size:18px;}
.page_contact ul li:last-child{ width:100%;}

@media (max-width: 1199px){
.logo-text,.top-ad{display:none}
.video{ width:60px; height:60px;background-position:-70px 0; margin-top:60px; margin-left:-30px;}
.banner_login{position:absolute; left:0; top:160px;}
header h1 a img,#logo img{width:242px}
.isStuck h1{width:242px}
.sf-menu li a{ padding:0 20px;}
/*banner*/
.index_slider{height:500px}
.banner1 figure img{ width:380px;}
.banner2 figure img{ width:480px;}
.banner [class*="banner_textbar_"]{width:380px; top:180px; left:50%; margin-left:-120px}
.banner [class*="banner_textbar_"] h2{ font-size:26px}

.banner .video{width:60px; height:60px;background-position:-68px 0}
.course .banner_textbar{ width:310px; margin-left:-140px;}
.aboutus .banner_textbar{ margin-left:-150px;}
.tuition .banner_textbar{ width:380px; margin-left:-140px;}
.course .banner_textbar h2 span,.course .banner_textbar h2 p,.tuition .banner_textbar h2 span,.tuition .banner_textbar h2 p{ font-size:32px;}
.course .page_banner figure{width:400px; right:-80px}
.tuition .page_banner figure{ width:350px;}
/*newsbar*/
.news-sort li{ margin:0 15px;}
.news-sort li a{ padding:15px 60px;}
/*notice*/
.notice .grid_4{ width:370px;}
.notice .grid_8{ width:550px;}

/*first*/
.superiority .textbar .text_2{position: absolute; width:220px; left:220px; top:-20px}
.superiority .grid_3:hover .icon_ys1{left:50px}
.superiority .grid_3:hover .icon_bg{left:60px}
/*second*/
.second .course .grid_4{ width:287px;}
.second .course .grid_4 .textbar p{ height:44px; overflow:hidden;}
/*fourth*/
.fourth{overflow: scroll}
.photo-show{background-position:scroll 0; top:0; left:0; margin-left:0}
/*teacher-bar*/
.teacher-show .grid_3{ width:300px; margin-right:20px;}
/*fifth*/
.reviews{ height:125px;}
.reviews h3{height:125px;}
.reviews h3 span{display:block; margin:40px auto 5px}
.reviews .comment{width:760px;}
.reviews .comment span{ display:block;}
.comment .bx-wrapper .bx-controls-direction a{top:30px;right:-40px;}
.comment .bx-wrapper .bx-controls-direction a.bx-next{top:60px}
/*sixth*/
.step .grid_4{ padding-left:15px; padding-right:10px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/*footer*/
footer .container .grid_4{ width:300px;}
/*page*/
/*teachers*/
.teachers .container{ width:940px;}
.teachers .scroll-teacher{ overflow:hidden; height:405px;}
.teachers_banner .slider img{ width:700px;}
.teachers .teacher-show .grid_6,.teachers .teacher_box{ width:470px;}
.teachers .teacher-show .grid_6:hover figure a span{top:70px;}
.teachers .teacher-show figure{ width:200px; height:200px;}
.teachers .teacher-show p{ height:66px;}
/*course*/
/*course_banner*/
.course_banner .banner_login{ top:150px;}
.course_banner .slider, .course_banner .slider div{ height:450px;}
.course_banner .alm_fir{ position:absolute; right:0; bottom:0; width:300px;}
.course_banner .slider .banner_textbar{left:50%; top:230px; margin-left:-155px; width:350px;}
.page .banner_textbar span{margin-bottom:5px}
.page .banner_textbar h2{margin:0}
.page .banner_textbar h2 p,.page .banner_textbar h2 span{font-size:30px;}
/*course-list*/
.course-list .grid_4{ background:#fff;}
.course-summary p.p2{ max-height:100px;}
/*student*/

/*materials*/
.new-pic figure{ float:none; margin-bottom:15px;}
/*curriculum*/
.grade-chart li .grade-hline { width:150px;}
.grade-chart li .grade-box{ margin-left:54px;}
.grade-chart li .grade-line{ left:255px; width:170px;}
.ratings li{ width:184px;}
/*about*/
.history li{ width:235px;}
.history .history-line{ width:880px;}
/*page_banner*/
.page_banner{ height:500px;}
/**/
.course-sort li{ width:100px;}
}

@media (max-width: 979px) {
/*banner*/
.index_slider{height:500px}
.banner [class*="banner_textbar_"]{width:400px; top:220px; left:8%; margin-left:0}
.banner [class*="banner_textbar_"] h2{ font-size:26px}

.banner .video{ margin-top:-30px;background-position:-68px 0; margin-left:-30px}
.index_banner_login,.banner_login{position:relative; left: inherit; top:inherit; z-index: inherit; margin-top:20px; height:auto; overflow:hidden}
.index_banner_login .reg_form1,.banner_login .reg_form1{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.course .banner_textbar{ width:330px;top:220px; left:0; margin-left:80px;}
.course .page_banner figure{right:-20px}
.tuition .banner_textbar{ width:380px;top:220px; left:10%; margin-left:0;}
.tuition .page_banner figure{ width:400px; right:-20px;}
.aboutus .banner_textbar{top:220px; left:0; margin-left:140px;}
.index .banner_login,.course .banner_login,.tuition .banner_login,.aboutus .banner_login{ position:static; overflow:hidden; margin-top:30px; height:auto;}
.index .banner_login .container,.course .banner_login .container,.tuition .banner_login .container,.aboutus .banner_login .container{ overflow:hidden;}
.index .reg_form1,.course .reg_form1,.tuition .reg_form1,.aboutus .reg_form1{ margin:0 auto;float:none;}
.aboutus .banner_textbar h2 span{ font-size:30px;}
/*newsbar*/
.news-sort li{ margin:0 10px;}
.news-sort li a{ padding:12px 40px;}
header h1,#logo{width:200px;padding:10px;}
header h1 a img,#logo img{ width:200px}
.sf-menu li a{display:block;padding:0 11px; line-height:60px;}
.isStuck .sf-menu li a{ line-height:60px;}
.isStuck h1,.isStuck #logo{ width:auto; display:inline-block; padding:10px;}
.banner_textbar span{font-size:20px;}
.banner_textbar h2{font-size:30px;}
/*notice*/
.notice .bx-wrapper .bx-controls-direction{}
.notice .grid_8{ display:none; width:100%; margin-left:0; padding-left:20px; margin-top:10px;}
#searchform{ float:left;}
.notice .grid_8 .search{ text-align:left;}
.notice .grid_8 .search .tag{ width:400px;}
.page .notice .grid_4{ width:200px;}
.page .notice .grid_8{ width:520px; margin-top:0;}
/*first*/
.superiority .grid_3{ width:364px; min-height:310px; margin-bottom:20px;}
.superiority .grid_3:hover .text_2{ width:364px;}
.superiority .grid_3:hover .icon_ys1{left:120px}
.superiority .grid_3:hover .icon_bg{ left:130px;}
.superiority .grid_3:hover .icon_ys,.superiority .textbar .text_2,.superiority .icon_bg{ left:400px;}
.superiority .grid_3:hover .text_1{left:-400px}
/*second*/
.second .course .grid_4{ width:223px;}
.second .course .grid_4 .textbar h4{ line-height:68px;}
/*teacher-bar*/
.teacher-show .grid_3{ width:240px; margin-right:14px;}
.teacher-show .grid_3 p{ min-height:65px;}
/*fifth*/
.reviews .comment{ width:545px;}
.reviews .comment time{ display:none;}
.reviews .comment li p{ width:auto;}
/*sixth*/
.ad span:first-child{ font-size:22px; margin-left:15px;}
.ad span a{ font-size:16px;}
.step .grid_4::before{ margin-top:8px;}
.step-list li{margin:0;}
.step-list li span{font-size:30px; width:60px; height:60px; border-radius:100%; padding:0; line-height:60px;}
/*footer*/
footer .container .grid_5{ padding-right:20px;}
.footer-tab li a{ padding:5px 10px;}
footer .container .grid_5 .news-list li a{ width:215px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
footer .container .grid_4{ width:236px;}
footer [class*="grid_"] .footer-tel a{ padding:10px 10px;}
.footer-contact{ margin-left:0;}
.footer-contact li{ margin-left:0; display:block;}
.footer-contact li p{ display:inline-block;}
.footer-contact li img{ width:100px; height:100px;}
/*page*/
/*teachers*/
.page .banner_login{ top:0;}
.teachers .container{ width:748px;}
.teachers .teacher_box{ width:374px;}
.teachers .teacher-show .grid_6{ width:374px;}
.teachers .teacher-show figure{ width:160px; height:160px;}
/*teacher*/
.teacher .grid_4{ width:260px;}
/*course*/
/*course_banner*/
.course_banner .banner_login{ top:120px;}
.course_banner .slider, .course_banner .slider div{ height:450px;}
.course_banner .alm_fir{ display:none;}
.course_banner .slider .banner_textbar{left:50%; top:230px; margin-left:-50px; width:350px;}
.page .banner_textbar span{margin-bottom:5px}
.page .banner_textbar h2{margin:0}
.page .banner_textbar h2 p,.page .banner_textbar h2 span{font-size:30px;}
/*course-list*/
.course .textbar h4{ line-height:44px;}
.course-summary p.p2{ max-height:60px;}
/*student*/

/*expense*/
.share-box .share .container{ text-align:center;}
.expense_tab_box .tab{ font-size:18px;}
/*curriculum*/
.grade-chart li{ height:38px;}
.grade-chart li:nth-child(2){ height:86px;}
.grade-chart li .grade-hline { width:150px;}
.grade-chart li .grade-box{ margin-left:54px;}
.grade-chart li .grade-box i{ display:none;}
.grade-chart li .grade-line{ display:none;}
.ratings li{ width:145px;}
/*about*/
.history .container{ width:735px;}
.history li{ width:245px;}
.history .history-line{width:688px;}
/**/
.course-sort li{ width:100%; margin-left:0;}
}

@media (max-width: 767px) {
/*public*/
.regform_3{ padding:10px;}
.popup-reg{ margin-top:-147px;}
.regform_3 input,.regform_3 label{ margin-bottom:5px;}
.video{ margin-top:50px; margin-left:-50px;}
header .container{ position:relative;}
header .login{ position:absolute; display:block; top:60px; right:0; background:#F75158; color:#fff; padding:10px 0 15px; width:80px; text-align:center; border-bottom-right-radius:20px; border-bottom-left-radius:20px;cursor:pointer;}
#topbox  span,.sf-menu{ display:none;}
#topbox .reg{ padding-right:0;}
#m_menu{display:inline-block;width:30px; height:30px; text-align:center; cursor:pointer; margin-top:5px;}
#m_menu span{width:24px; height:30px; display:inline-block; position:relative;}
#m_menu > span{margin-top:4px}
#m_menu span span{position:absolute;height:1px;z-index:1px; left:0; top:0; background:#000; display:block; overflow:hidden}
#m_menu span.menuicon-middle{z-index:2px;top:8px;}
#m_menu span.menuicon-bottom{z-index:3px;top:16px;}
nav{position:inherit;margin-top:15px; display:inline-block}	
.sf-menu li i{display:none;}
.sf-menu{position:fixed; width:100%; height:100%; margin:0; background:rgba(0,0,0,0.9); padding:10px 0; top:92px;z-index:9; left:0; display: none}
.isStuck .sf-menu{top:60px;}
.sf-menu > li > span{display:block}
.sf-menu > li {float:none;text-align:left; margin:0 20px; display:block; border-bottom:1px solid #414141; position:relative}
.sf-menu li a,.sf-menu li.current a,.isStuck .sf-menu li a{line-height:44px;}
.sf-menu li a{color:#e7e6e6;}
.sf-menu > li a:hover,.sf-menu .current a{background:none;color:#f75158;}
.sf-menu li:last-child a:after{display:none}
/*banner*/
.index_slider{height:320px}
.banner [class*="banner_textbar_"]{width:400px; top:140px; left:8%; margin-left:0}
.banner [class*="banner_textbar_"] span{font-weight:bold}
.banner [class*="banner_textbar_"] h2{font-size:26px}
.banner [class*="banner_textbar_"] p{ display:none}
.banner1 figure {top:30px}
.banner2 figure {top:10px}
.banner1 figure img{ width:260px; }
.banner2 figure img{ width:380px;}

.banner .video{margin-top:30px; opacity:0.5}
.banner_textbar{top:160px; left:50%; margin-left:-200px;}
.banner_textbar p{display:none}
.course .banner_textbar{margin-left:0; left:10%; top:160px;}
.course .banner_textbar span{font-weight:bold}
.course .banner_textbar h2,.aboutus .banner_textbar h2{font-size:20px; line-height:36px; margin:5px 0 10px; font-weight:bold; opacity:0}
.course .page_banner figure{ width:260px; right:0}
.tuition .banner_textbar{ width:380px;top:140px; left:50%; margin-left:-200px;}
.tuition .banner_textbar h2{font-size:20px;}
.tuition .page_banner figure{ width:240px; right:50%; margin-right:-260px;}
.aboutus .banner_textbar{ top:160px; left:10%; margin-left:0;}
/*banner_login*/
.banner_login{ position:static; overflow:hidden; margin-top:30px; height:auto;}
.banner_login .container{ overflow:hidden;}
.reg_form1{ margin:0 auto;float:none;}
/*notice*/
.notice{ margin:0; padding:0;}
.notice .location{ padding:3px 0;}
.notice .grid_4, .notice .grid_8{ padding-left:0; margin-bottom:0;}
.notice .grid_4{ width:100%;}
.notice .grid_8{ display:none;}
.scroll-notice li a{ width:350px;}
.notice .bx-wrapper .bx-controls-direction{ left:360px;}
.notice .grid_8 .search .tag{ width:460px;}
.notice .grid_4 .noticebar{ max-width:430px;}
.notice .tag{ display:none;}
/*search*/
.search .tag{ display:block; margin-left:0; margin-top:10px;}
/*first*/
.superiority{ margin-left:0; width:480px;}
.superiority .grid_3{ width:115px; float:left; margin-left:0; margin-bottom:0; min-height:0;}
.superiority .grid_3:hover .text_2{ width:115px;}
.superiority .grid_3:hover .icon_ys1{left:12.5px}
.superiority .grid_3:hover .icon_bg{left:20px; background-size:contain;}
.superiority .icon_ys, .superiority .icon_ys1{ width:90px; height:90px; line-height:90px; font-size:56px;}
.superiority h4{ font-size:16px;}
.superiority p{ display:none;}
.superiority .icon_bg{ width:120px; height:120px; top:54px;}
/*second*/
.second .course .row{margin-left:0}
.second .course .grid_4{ width:420px; min-height:0; float:none; margin-left:0;}
.second .course .grid_4:nth-child(n+4){ display:none;}
#video-view video{width:400px;margin-left:-200px}
.photo-mask .f18{ font-size:16px; padding-bottom:0}
.photo-mask .f32{ font-size:22px}
/*third*/
.third{ display:none;}
/*Process*/
.process.row{ margin-left:-20px; margin-bottom:20px;}
.process .grid_4{ width:220px; float:left; margin-left:20px;}
.process .grid_4 p{ padding:0 10px;}
/*teacher-bar*/
.teacher-show .grid_3{ width:225px; margin-right:10px;}
/*fifth*/
.reviews{ height:220px; display:none;}
.reviews .comment{ width:420px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.reviews h3{ float:none; width:100%; height:auto; text-align:center;}	
.reviews h3 span{display:inline-block; margin:10px 2px 5px}
.reviews h3 p{display:inline-block; margin:15px 2px 5px;}
.reviews .comment li p{ height:43px;}
/*sixth*/
.sixth{ display:none;}
.ad{ line-height:40px;}
.ad span:first-child{ font-size:18px; margin-left:15px;}
.ad span a.button2,.ad span a.button3{ font-size:14px; line-height:32px;}
.step .grid_4{ padding:0 0 30px; margin-bottom:20px; background:url(../images/sixth_icon1.png) center bottom no-repeat;}
.step .grid_4:last-child{ background:none; padding-bottom:0; margin-bottom:0;}
.step .grid_4 ul{ margin-bottom:10px;}
.sixth .block_line{ width:300px;}
.step .grid_4::before{ display:none;}
/*footer*/
footer .links{ display:none;}
.regform_2 a{ font-size:16px; padding:0 30px;}
footer .container .grid_3{ margin-bottom:30px; overflow:hidden;}
.footer-nav li{ width:25%;}
footer .container .grid_4{ width:100%; margin-top:30px; overflow:hidden;}
.footer-contact li{ margin:0 10px; display:inline-block;}
footer .container .grid_5{border-right:0; padding-right:0;}
footer .container .grid_5 .news-list li a{ width:auto;}
.footer-contact li img{ width:128px; height:128px;}
footer [class*="grid_"] .footer-tel a{ padding:10px 20px;}
.safety{ text-align:center;}
.safety span{ width:48%; margin: 5px 0; display:inline-block;}

/*page*/
/*page_banner*/
.page_banner{ height:320px;}
.page-public .slider,.page-public .slider div{min-height:200px}
/*teachers*/
.page .banner_login{ top:50%;}
.teachers_banner .slider img{ width:450px; right:50%; margin-right:-225px;}
.teachers .teacher_box{width:460px;}
.teachers .container,.teachers .teacher-show .grid_6{ width:460px;}
.teachers .teacher-show .top,.teachers .teacher-show .bottom{ float:left; width:460px;}
/*teacher*/
.teacher .grid_4{ width:260px; margin-bottom:30px;}
/*course*/
/*course_banner*/
.course_banner .slider, .course_banner .slider div{ height:320px;}
.course_banner .alm_fir{ display:block; width:220px;}
.course_banner .slider .banner_textbar{left:50%; top:120px; margin-left:-180px; width:220px;}
.page .banner_textbar span{margin-bottom:5px; color:#000;}
.page .banner_textbar h2 p,.page .banner_textbar h2 span{font-size:22px; padding:0;}
.page .banner_textbar p.alm_fir3{ padding:0; font-size:14px;}
/*course-list*/
.course-list .course .row{ margin-left:0;}
.course .textbar h4{ line-height:70px;}
.course-list .grid_4{ width:460px;}
.course-summary p.p2{ max-height:none; overflow:visible;}
.course-summary h4{margin:5px 0 10px;line-height:140%;}
.course-tab li{ margin-bottom:15px;}
.course-tab li a{ width:94px; height:32px; font-size:14px; overflow:hidden; padding:0; text-align:center; line-height:32px; display:block;}
.page-public .container h1{ font-size:22px; margin-bottom:5px;}
.page-public .container p{ font-size:13px;}
.course-read .grid_9{ border-right:0; padding-right:0;}
.course-read .summary figure{ width:200px;}
.booking a{ padding:20px 0; margin-top:30px;}
/*students*/
.student{ padding:50px 0 0;}
.student h1{ margin-bottom:30px;}
.student-show .grid_5{ margin-bottom:20px;}
.student-show [class*="grid_"] img{ position:static;}
.student-show [class*="grid_"]:nth-child(4n+1){ float:none;}
.student-show .grid_6{width:100%; margin-top:20px; float:none;}
.student-show .grid_6.video-view{ width:100%; margin-top:50px; margin-bottom:0;}
/*materials*/ /*newsbar*/
.grid_8{ margin-bottom:40px;}
.new-pic figure{ float:left; width:170px; display:inline-block;}
.new-pic h5{ font-size:16px;}
.new-pic p{ color:#666;}
.newslist{ border-right:0; padding-right:0;}
.news-sort li{display:inline-block; margin-left:2px}
.news-sort li a{display:block;padding:10px 15px; font-size:14px;}
.page-public .container{ top:120px;}
/*expense*/
.share-box .share input{ width:280px; padding-left:10px; height:30px; border:0}
.share-box .share span.share-input a{width:90px;}
.expense-list .packages .grid_3{ margin-bottom:15px;}
.expense-table{ padding:0;}
.expense-table table td .hot{ left:-5px; top:-10px;}
/*curriculum*/
.grade-chart li{ height:auto; position:static;}
.grade-chart li:nth-child(2){ height:auto; position:static;}
.grade-chart li h4{ margin-top:10px; margin-bottom:10px;}
.grade-chart li .grade-hline { display:none;}
.grade-chart li .grade-box{ display:none;}
.grade-chart li .grade-box i{ display:none;}
.grade-chart li p{ position:relative; width:auto; margin-bottom:8px; padding-left:8px;}
.grade-chart li:nth-child(2) p{ position:relative; top:0;}
.grade-chart li h4{position:static; color:#f75158; font-weight:bold;}
.grade-chart li:nth-child(2) h4{ position:static; color:#f75158; font-weight:bold;}
.ratings li{ width:150px; margin-bottom:5px;}
.grade-chart li,.grade-chart li p span.textbar{ padding-left:0;}
[class*="gradetext-bg-"]{ height:100%; left:-8px;}
.grade-chart li:hover [class*="gradetext-bg-"]{ width:470px;}
/*new read*/
.new-read{padding-right:0; border-right:0;}
/*about*/
.history .container{ width:460px;}
.history li{ width:230px;}
.history .history-line{width:400px;}
/**/
.course-sort li{ width:140px; margin-left:10px;}
/*page_contact*/
.page_contact h3{ font-size:18px; color:#fd4e5a; margin-bottom:5px;}
.page_contact p{ font-size:14px; color:#040404;}
.page_contact ul{ margin-top:30px;}
.page_contact ul li{ margin-bottom:20px;}
.page_contact ul li img{ width:40px; height:40px; margin-right:10px;}
.page_contact ul li span{ font-size:14px;}
.pay > div{ margin:0 20px;}
}

@media (max-width: 479px) {
/*public*/
.page-public .container{ top:100px;}
.page .slider .banner_textbar{ width:300px;}
.reg_form1 p{font-size:14px}
.popup-reg{ width:300px;}
.popup-reg p{ padding:10px;}
.popup-reg h4{ padding-left:20px;}
.regform_3 a{ height:32px; line-height:30px; margin-top:0;}
/*block_name*/
.block_name p{ font-size:14px;}
header h1 a img,#logo img{ width:180px;}
/*notice*/
.notice .bx-wrapper .bx-controls-direction{ left:255px;}
.scroll-notice li a{ width:250px;}
.notice .grid_8 .search .tag{ width:300px;}
#searchform{ width:300px;}
.notice .grid_4 .noticebar{ max-width:270px;}
/*banner*/
.index_slider{height:370px}
.banner1 figure  {top: auto; right:-100px}
.banner2 figure  {top: auto; right:-200px}
.banner1 figure img{ width:260px; }
.banner2 figure img{ width:380px;}
.banner [class*="banner_textbar_"]{width:300px; top:170px; left:3%}
.banner .banner_textbar_2{z-index:3}
.banner .banner_textbar_2 h2,.banner .banner_textbar_3 h2{font-size:22px}
.banner .banner_textbar_2 p{ display:none}
.banner .video{ margin-top:50px;}
#video-view video{width:300px;margin-left:-150px}
.course .banner_textbar{ top:130px; left:50%; margin-left:-140px}
.tuition .banner_textbar{ top:150px; left:50%; margin-left:-160px}
.course .banner_textbar span{font-size:18px; margin-bottom:0; display:block; }
.course .banner_textbar h2 span,.course .banner_textbar h2 p{ font-size:18px;}
.course .page_banner figure{ width:240px; right:50%; margin-right:-180px; bottom:-20px;}
.tuition .page_banner figure{ width:220px; right:50%; margin-right:-240px;}
/*first*/
.superiority{ margin-left:0; width:300px;}
.superiority .grid_3{padding-top:25px; width:75px; float:left; min-height:0;}
.superiority .icon_ys,.superiority .icon_ys1{  width:60px; height:60px; font-size:32px; line-height:60px;}
.superiority .icon_ys1{ top:25px;}
.superiority .grid_3 p{ display:none;}
.superiority h4{ font-size:12px;}
.superiority .icon_bg{left:352px; top:58px; width:167px; height:165px; background:url(../images/superiority_bg.png) no-repeat; background-size:cover;}
.superiority .grid_3:hover .text_2{ width:75px;}
.superiority .grid_3:hover .icon_ys1{left:7.5px}
.superiority .grid_3:hover .icon_bg{left:12px; top:32px; width:80px; height:80px; background-size:cover;}	
/*second*/
.second .course .grid_4{ width:260px; min-height:0;}
.icon_url{width:50px; height:50px; margin-top:-25px;}
.icon_url::before{ line-height:50px; font-size:20px;}
/*third*/
.icon_lc{display:inline-block; width:90px; height:90px; line-height:90px; font-size:50px; color:#fff; background:#f75158; border-radius:100%; text-align:center}

/*Process*/
.process.row{ margin-left:-20px; margin-bottom:20px;}
.process .grid_4{ width:140px; float:left; margin-left:20px;}
.process .grid_4 h4{ font-size:16px;}
.process .grid_4 p{ padding:0; font-size:14px; max-height:88px; overflow:hidden;}
/*teacher-bar*/
.teacher-show .grid_3{ width:300px; margin-right:0;}
/*fifth*/
.reviews .comment{ width:300px;}
.reviews .comment li p{ width:240px;}
.comment .bx-wrapper .bx-controls-direction a{top:30px;right:-10px;}
/*sixth*/
.ad span a.button2,.ad span a.button3{ font-size:14px; line-height:32px; padding:0 10px;}
/*footer-register*/
footer .container .grid_5 .news-list li a{ width:240px;}
.footer-register .grid_4{ width:300px;}
.footer-contact li{ margin:0 5px;}
/*support*/
.support{margin-top:-30px; right:-12px; width:46px;}
.support li{height:36px; line-height:36px;}
.support li a{font-size:14px;}
.support li.icon_one:hover{left:-100px}
.support li i{font-size:18px; width:36px;}
.support li.icon_one:hover i{width:36px; text-align:center;}
/*page*/
/*teachers*/	
.teachers_banner .slider img{ width:300px; margin-right:-150px;}
.filter-list li p{ padding:10px; width:220px;}
.teachers .teacher_box{width:300px;}
.teachers .container,.teachers .teacher-show .grid_6{ width:320px;}
.teacher-show .result a{ margin-left:0;}
/*course*/
/*course_banner*/
.course_banner .slider, .course_banner .slider div{ height:320px;}
.course_banner .alm_fir{ display:block; width:160px;}
.course_banner .slider .banner_textbar{left:50%; top:100px; margin-left:-140px; width:220px;}
/*course-list*/
.course .block_name p{ font-size:12px}
.course-list .grid_4{ width:300px;}
.course-tab li a{ width:90px; height:32px;}
.course-read .summary figure{ width:100%; float:none; margin-right:0; text-align:center;}
.course-read .summary figure img{ display:inline-block;}
.page-public .container h1{ font-size:18px; line-height:22px; margin-top:20px;}
/*newsbar*/
.page-public .slider,.page-public .slider div{min-height:220px}
.news-sort li{ margin:0 20px;}
.news-sort li{ margin-bottom:10px;}
.course-show [class*="grid_"] figure{ float:none; padding:0; margin:0 auto;}
.course-show [class*="grid_"] figure a{ display:inline-block;}
.course-summary{ display:inline-block;}

/*expense*/
.expense-list .packages .grid_3{ margin-bottom:15px;}
.expense-table{ padding-right:0; overflow:auto;}
.expense-table table{ width:460px; margin-bottom:0;}
.expense-table p{ width:460px;}
.expense-table .table_box{ width:100%; margin:0 auto; overflow:auto; overflow-y:hidden; font-size:12px;}
.expense-table .table_box::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 6px;}
.expense-table .table_box::-webkit-scrollbar-thumb{border-radius: 8px;background-color:#7B7B7B;}
.expense_tab_box .tab{ width:100%; font-size:16px; margin:0 auto 10px;}
/*pay*/
.pay{ text-align:center;}
.pay > div{ display:inline-block; text-align:center; vertical-align:top; margin:0 10px;}
.pay > div figure{width:110px; height:110px;}
.pay p span{ display:none;}
/*curriculum*/
.grade-chart li,.grade-chart li p span.textbar{ width:300px; display:block;}
[class*="gradetext-bg-"]{ height:72px; display:block;}
.grade-chart li:hover [class*="gradetext-bg-"]{ width:310px;}
.ratings li{ width:100%; margin-left:0;}
/*about*/
.history .container,.history li{ width:300px;}
.history .history-line{width:240px;}
/*page_contact*/
.page_contact ul li{ margin-bottom:20px; width:100%; float:none;}
}