@charset "utf-8";
/* CSS Document */
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size: 100%; vertical-align: baseline}
body{line-height: 1; background: #fff; color: #777;}
ol,ul{list-style: none}
table{border-collapse: separate; border-spacing: 0}
caption,table,td,th{vertical-align: middle}
caption,td,th{text-align: left; font-weight: 400}
a img{border: none}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{margin: 0; padding: 0; border: 0; outline: 0; display: block}
audio,canvas,video{display: inline-block; *display: inline; *zoom:1}
[hidden],audio:not([controls]){display: none}
body{font-size: 16px;font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;letter-spacing: -.021em;}
*,:after,:before{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
*{-webkit-tap-highlight-color: rgba(0,0,0,0)}

@font-face {
	font-family:'SF Pro Text';
	font-style:normal;
	font-weight:700;
	src:local('☺︎'), url("../../font/sf-pro-text_bold.woff2") format("woff2"), url("../../font/sf-pro-text_bold.woff") format("woff"), url("../../font/sf-pro-text_bold.ttf") format("truetype");
}
@font-face {
	font-family:'SF Pro Text';
	font-style:normal;
	font-weight:400;
	src:url("/font/sf-pro-text_regular.eot");
	src:local('☺︎'), url("../../font/sf-pro-text_regular.woff2") format("woff2"), url("../../font/sf-pro-text_regular.woff") format("woff"), url("../../font/sf-pro-text_regular.ttf") format("truetype");
}
@font-face {
	font-family:'SF Pro Text';
	font-style:normal;
	font-weight:600;
	src:local('☺︎'), url("../../font/sf-pro-text_semibold.woff2") format("woff2"), url("../../font/sf-pro-text_semibold.woff") format("woff"), url("../../font/sf-pro-text_semibold.ttf") format("truetype");
}

.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;/*ie6,7*/}

.h1{ font-size: 46px;}
.h2{ font-size: 42px;}
.h3{ font-size: 30px;}
.h4{ font-size: 24px;}
.h5{ font-size: 20px;}

.banner-wrap{background: url(../Images/l_r_bannerbg.jpg) no-repeat center top;height: 800px; background-size:100% 100%; }
.banner-container{max-width: 1170px;margin: 0 auto;padding: 15px;}
.header{padding: 40px 0;overflow: hidden;}
.header .logo { float: left;}
.header .logo img{ vertical-align: middle;}
.header .logo span{color: #fff;font-size: 24px;display: inline-block;vertical-align: middle;margin: 0 10px;text-shadow: 1px 1px 1px #7e7e7e;}
.header .tel{float: right;color: #fff;font-size: 24px;padding: 10px;}
.header .tel img{ vertical-align: middle; margin-right: 10px;}
.banner-slogan{color: #fff;margin-top: 140px;max-width: 720px;}
.banner-slogan h1,.banner-slogan p{text-shadow:1px 1px 1px #000; margin-bottom: 10px;}
.banner-slogan h1{font-weight: 600;}

.language { max-width: 500px; margin: 40px 0;}
.language li{display: inline-block;background: url(../Images/black45.png) repeat;height: 32px;line-height: 32px;padding: 0 6px;margin: 5px 1px;border-radius: 3px;}
.banner-btn{margin-left: -10px;}
.banner-btn a{width: 320px;height: 115px;display: inline-block;background: url(../Images/banner-btn-max.png) no-repeat;text-decoration: none;}
.banner-btn span{width: 280px;height: 60px;line-height: 60px;color: #333;/* text-align: center; */margin-top: 19px;display: block;margin-left: 20px;}
.himg{ display: none;}

.main-content{max-width: 1170px;padding: 25px 15px;margin: 0 auto;}

.title{text-align: center;padding-top: 60px;}
.title h1{color: #222;font-weight: 700;margin-top: 10px;}
.title p{ color: #666;}

.howwork-main{padding: 65px 0;}
.howwork-main ul{ overflow: hidden;}
.howwork-main li{width: 25%;float: left;padding: 5px;text-align: center;margin-bottom: 30px;}
.howwork-main li h4{padding: 12px 0;color: #333;text-align: center;font-weight: 600;}
.howwork-main li img{ max-width: 100%;}
.howwork-main li p{ text-align:left;}


.apple-bd{ margin: 50px 0; text-align: center;}
.apple-btn{display: inline-block;border-radius: 5px;height: 56px;line-height: 56px;min-width: 250px;text-align: center;text-decoration: none;color: #fff;background: #444;padding: 0 15px;}
.about-wrap{background: url(../Images/shbg.jpg) no-repeat center top;padding: 60px 0;}
.about-wrap .title h1,.about-wrap .title p{ color: #fff;}
.about-wrap .apple-btn{color: #333;padding: 0 15px;background: #fff;}
.about-main{ overflow: hidden;}
.about-text {margin: 80px 0;overflow: hidden;}
.about-text p{ text-align:center; color: #fff;  margin-bottom: 15px;}
.map-container{background: url(../Images/mapbg.jpg) no-repeat center top #f6f6f6; }
.teacher-talk { overflow: hidden; padding: 40px 0;}
.teacher-talk dl{float:left;margin-bottom: 15px;background: #fff;padding: 35px 25px;width: 100%;}
.teacher-talk dt{float:left;width: 25%;padding: 0 10px;}
.teacher-talk dt span{overflow: hidden;/* border-radius: 50%; */display: block;max-width: 160px;min-width: 60px;margin: 0 auto;}
.teacher-talk dt img{max-width:100%;border-radius: 50%;}
.teacher-talk dd{float:left;max-width: 75%;}
.teacher-talk dd h3{color:#333;font-weight: 600;margin: 10px 0;}
.teacher-talk dd h3 strong{font-weight:bold;color:#333;margin-right:10px;border-bottom: 3px solid #50A8FF;/* padding-bottom:15px; */display: inline-block;}
.teacher-talk dd p{line-height:24px;}

.teacher-aptitude{  color: #333;}
.teacher-tag{ color: #999; margin-bottom:15px;}

.media-list{ overflow: hidden; padding: 50px 0;}
.media-list li{ width: 20%; float: left;text-align: center;}
.media-list li img{ max-width: 100%;}

.copyright{text-align: center; background: #f5f5f5;} 
.copyright-con{padding: 25px 15px;font-size: 14px;line-height: 24px;}

@media screen and (max-width:780px){

.banner-wrap{
    background: url(../Images/bannerbg.jpg) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-font-smoothing: antialiased;
    background-position-x: 55%;
    min-height: inherit; 
}
.howwork-main li{ width: 50%;}
}

@media screen and (max-width:640px){
.h1{ font-size: 42px;}
.h2{ font-size: 38px;}
.h3{ font-size: 28px;}
.h4{ font-size: 22px;}
.h5{ font-size: 18px;}
.banner-wrap{
    background: url(../Images/bannerbg.jpg) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-font-smoothing: antialiased;
    background-position-x: 60%;
    min-height: inherit; 
}
 .media-list li {width: 25%;} 
	.header .logo img{ max-width:120px;}
	.header .logo span{font-size: 15px;font-weight: normal;font-family: Helvetica;}
	.header{padding: 15px 15px 10px 15px;border-bottom: 1px solid #d0d0d0;margin: 0 -15px;}
	.header .tel{ display:none;}
	.banner-btn{margin:0 auto;text-align: center;width: 100%;}
	.main-content{padding: 0 15px;}
	.howwork-main{ padding: 40px 0;}
	.apple-bd{margin: 30px 0;}
	.about-wrap{padding: 20px 0;}
}
@media screen and (max-width:420px){
.h1{ font-size: 36px;}
.h2{ font-size: 32px;}
.h3{ font-size: 24px;}
.h4{ font-size: 20px;}
.h5{ font-size: 16px;}
	.banner-btn span{padding-right: 25px;}
	.teacher-talk dt{ width: 100%;}
	.teacher-talk dt span{max-width: 80px;}
	.teacher-talk dd{ width: 100%;max-width: 100%}
	.teacher-talk dd .h3,.teacher-talk dd .h5,.teacher-tag{ text-align: center}
	body{ font-size: 14px;font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;letter-spacing: -.021em;}
	.howwork-main li h4{text-align: left;}
	.teacher-talk dl{padding:15px 25px}
	.teacher-talk dd p{line-height:22px;}
}
@media screen and (max-width:360px){
.h1{ font-size: 36px;}
.h2{ font-size: 32px;}
.h3{font-size: 20px;}
.h4{ font-size: 18px;}
.h5{ font-size: 16px;}
.teacher-talk dt span{ max-width: 68px;}
.banner-btn a{margin:0 -15px;}
.header .logo span{font-size: 12px;}
}