@charset "utf-8";
html{color:#333;background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
body,button,input,select,textarea{font:12px/1.5 arial,\5b8b\4f53;}
input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit;}
fieldset,img{border:0;}
iframe{display:block;}
abbr,acronym{border:0;font-variant:normal;}
del{text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
::selection{ background:#333; color:#fff;}::-moz-selection{ background:#333; color:#fff;}
a{ -webkit-transition:all 0.25s ease-in-out 0s; -moz-transition:all 0.25s ease-in-out 0s; -o-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; text-decoration:none;}
a:hover{ text-decoration:none;}
.clear:after{ display:block; content:""; height:0; visibility:hidden; clear:both; overflow:hidden;}

.wrapper{ max-width:960px; margin:0 auto;}
.header{ height:287px; color:#fff; background:#001f3b url(../images/header-bg.jpg) 50% 0 no-repeat;}
.logo{ width:146px; height:99px; float:left; margin:40px 0 0 30px; background:url(../images/logo.png) no-repeat; text-indent:-999em;}
.lang{ float:right; margin:30px 0 20px; clear:right;}
.lang a{ color:#fff;}
.lang a:hover{ color:#fff; opacity:0.5;}
.tel{ float:right; clear:right; margin-bottom:20px; font-size:24px; line-height:26px; padding-left:24px; background:url(../images/tel.png) 0 50% no-repeat;}
.nav{ float:right; clear:right;}
.nav li{ float:left; margin-left:40px; line-height:24px;}
.nav li a{ display:block; font-size:16px; color:#fff;}
.nav li a:hover{ border-bottom:2px solid #fff;}
.nav li a.on{ border-bottom:2px solid #fff;}

.content{ position:relative; top:-114px; background:url(../images/content-bg.gif) 50% 114px repeat-x;}
.kv-wrap{ width:960px; margin:0 auto; padding-bottom:20px; position:relative; background:url(../images/kv-bg.png) 50% 100% no-repeat; overflow:hidden;}
.kv-img{ position:relative; width:10000px;}
.kv-img li{ float:left;}
.kv-img li img{ display:block; max-width:100%; height:auto; width:auto\9;}
.kv-list{ position:absolute; bottom:30px; left:50%; margin-left:-42px;}
.kv-list li{ width:11px; height:11px; float:left; margin-left:10px; background:url(../images/kv-list.png) no-repeat; text-indent:-999em; cursor:pointer;}
.kv-list li.on{ background:url(../images/kv-list-on.png) no-repeat;}
.banner{ padding:1% 0 6.16%;}
.banner li{ width:32.3016%; float:left; margin-left:1.5%;}
.banner li.frist{ margin-left:0;}
.banner li img{ display:block; max-width:100%; height:auto; width:auto\9;}
.footer{ position:relative; top:-114px; padding-top:20px; background:url(../images/footer-bg.png) 50% 0 no-repeat;}
.footer .addr{ float:left; color:#333;}
.footer .addr .img{ margin:0 2px -3px 10px;}
.footer .addr .share{ display:inline-block; margin-left:30px; font-size:12px; font-weight:normal;}
.footer .addr .share img{ margin:0 0 -1px 8px;}
.footer .copr{ float:right;}

.profile{ padding:1% 0 5%;}
.profile p{ width:390px; line-height:1.8; float:left; margin-bottom:20px; clear:left;}
.profile .img{ margin-left:20px; max-width:100%; height:auto; width:auto\9;} 
h3{ font-size:26px;}h4{ font-size:16px;}
.table{ font-size:14px;}
.table table{ border:1px solid #fff; border-collapse:separate;}
.table .thead{ font-size:16px; font-weight:bold;}
.table td{ height:40px; text-align:center; vertical-align:middle; border:1px solid #fff; background:#e4e8eb;}
.table td.spe{ height:65px;}
.explain{ padding:1% 0 3%;}

.sp-nav{ padding:1% 0 3%;}
.sp-nav li{ float:left; margin-right:3.125%; padding-left:10px; font-size:14px; background:url(../images/triangle.png) 0 50% no-repeat; cursor:pointer; transition:all 0.25s ease 0s;}
.sp-nav li.last{ margin-right:0;}
.sp-nav li:hover{ color:rgba(0,0,0,0.6);}
.sp-box{ min-height:300px; margin-bottom:30px; background:#f6f5f4; border-bottom:10px solid #fbfbfb;}
.sp-box .img{ position:absolute; max-width:100%; height:auto; width:auto\9;}
.sp-box .text{ padding:0 10px 0 500px;}
.sp-box .text h3{ margin-bottom:10px; -moz-text-size-adjust:none;}
.sp-box .text h4{ margin-bottom:5px; -moz-text-size-adjust:none;}
.sp-box .text p{ line-height:1.8; margin-bottom:15px; -moz-text-size-adjust:none;}
.sp-box .text .lesson{ width:350px;}
.sp-box .text .lesson li{ height:18px; line-height:18px;}
.sp-box .text .lesson li.bg{ background:#ebecef;}
.sp-box .text .lesson li span{ width:100px; display:inline-block; vertical-align:middle; text-align:center;}
.sp-box .text .lesson li>span:first-child{ width:150px;}
.sp-box.small{ float:left; width:470px; margin-right:20px;}
.sp-box.small .text{ padding:0 10px 0 245px;}
.sp-box.small.last{ margin-right:0;}
.sp-box.clear{ clear:both;}
.sp-box.clear .text .lesson{ width:440px; margin-top:20px;}
.sp-box.clear .text .lesson li{ height:30px; line-height:30px;}
.sp-box.clear .text .lesson li.bg{ background:#ebecef;}
.sp-box.clear .text .lesson li span{ width:70px; display:inline-block; vertical-align:middle; text-align:left; letter-spacing:-1px;}
.sp-box.clear .text .lesson li span:nth-child(1){ width:80px;}
.sp-box.clear .text .lesson li:nth-child(6) span:nth-child(1){ line-height:14px;}
.sp-box.clear .text .lesson li span.spe{ width:280px; padding-left:10px;}

.pre-box{ min-height:350px; margin-bottom:30px; background:#f6f5f4; border-bottom:10px solid #fbfbfb; position:relative;}
.pre-box.spe{}

.pre-box .img{ position:absolute; max-width:100%; height:auto; width:auto\9;}
.pre-box .text{ padding:0 10px 0 320px;}
.pre-box .text .set{ width:310px; float:left;}
.pre-box .text h3{ margin-bottom:10px; -moz-text-size-adjust:none;}
.pre-box .text h4{ margin-bottom:5px; -moz-text-size-adjust:none;}
.pre-box .text p{ line-height:1.5; margin-bottom:7px; -moz-text-size-adjust:none;}
.pre-box .text .set p{ margin-bottom:0;}
.pre-box .text .set.spe p{}
.pre-box .text .set.spe li{ margin-left:20px; list-style-type:disc; line-height:1.6; color:#333;}
.pre-box .down{ position:absolute; left:320px; bottom:0; color:#333; font-size:14px; border-bottom:2px solid #83c561; text-decoration:none;}
.pre-box .down.spe{ left:560px;}
.pre-box .down.spe .talk{ margin-bottom:-4px;}
.pre-box .down:hover{ border-color:rgba(131,197,97,0);}

.sp-box.team{ margin-top:1%;}
.sp-box.team .text{ padding:0 10px 0 245px;}
.sp-box.team .text h3{ font-size:24px; margin-bottom:0;}
.sp-box.team .text h4{ margin-bottom:15px;}

.contact{ margin:1% 0 5%;}
.contact .info{ float:left; font-size:14px;}
.contact .info p{ margin:15px 0 10px;}
.contact .info p .null{ display:inline-block; width:64px;}
.contact .info p .time{ font-size:16px; font-weight:bold;}
.contact .info p .span{ width:64px; display:inline-block;}
.contact .google{ width:550px; height:400px; float:right; border:1px solid #ccc;}