/*
KISSY CSS Reset
理念：清除和重置是紧密不可分的
特色：1.适应中文 2.基于最新主流浏览器
维护：玉伯(lifesinger@gmail.com), 正淳(ragecarrier@gmail.com)
*/

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }


/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border: solid #fff 5px;
    left: -5px;
    background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    /*background: url(images/bx_loader.gif) center center no-repeat #fff;*/
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */





.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
    display: none;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}



/* 为了满足全屏滚动修改部分样式 */
.bx-wrapper {
    margin: 0 auto 0px;
    padding: 0;
    position: relative;
}
.bx-wrapper .bx-viewport {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #FFFFFF;
    box-shadow: 0 0 5px #CCCCCC;
    left: 0px;
}
.bx-wrapper img {
    /* display: block;
    max-width: 100%;
    height: 100%;
    width: 100%; */
}



.bx-controls{background: #000; position:absolute; top:365px; left:50%; margin-left:-480px;width:70px;}
.bx-controls-direction a{height: 50px; display: block; color:#fff; text-decoration: none; cursor: pointer; text-indent: -9999px;}

.bx-prev{background: url("../images/up.jpg") no-repeat scroll 0 0 transparent;}
.bx-next{background: url("../images/down.jpg") no-repeat scroll 0 0px transparent;}
.bx-prev:hover{background: url("../images/up-hover.jpg") no-repeat scroll 0 0 transparent;}
.bx-next:hover{background: url("../images/down-hover.jpg") no-repeat scroll 0 0 transparent;}


.logo{ background: url("../images/logo.png") no-repeat scroll 26px 8px transparent; width: 172px; height: 57px; float: left; text-indent: -9999px; cursor:default;}

.nav-con{width: 100%; height: 57px; position: absolute; top:50%; z-index: 15; margin-top:-28px; background: url("../images/nav_bg.png") repeat-x scroll 0 0 transparent;}
.nav-bg{width:100%; position: absolute;z-index: -1;height: 57px;left:0;opacity: .8; filter: alpha(opacity=80);}
.nav-holder{height: 57px;width:1000px; margin: 0 auto; _margin:0;  background: url("../images/9_04.png") no-repeat scroll 0 0 transparent;}
.nav{float:left; }
.nav li{width:110px;padding-right:1px; line-height: 57px;height: 57px;color: #fff;text-align: center; float:left;   
    position: relative; overflow: hidden; zoom:1;}

.nav li a{ color:#000;  display: block; font-family: "微软雅黑"; font-size:20px; text-decoration: none;}
.nav li span{display: block; width:100%;height: 100%; color:#fff;margin-top:50px; cursor: pointer;}

.blue{background: #029fd4;}
.green{background: #8dc919;}
.yellow{background: #f88f1c;}
.purple{background: #900093;}

.nav-con .oprate{text-align: center; width:104px; float:right; font-size:12px; /*border-right: 1px solid #fff;*/}
.nav-con .oprate li.item{ height: 57px; line-height: 57px;}
.nav-con .oprate a{ font-size:12px; line-height: 57px; text-align: center; text-decoration: none; color:#000;}
.nav-con .oprate a:hover{text-decoration: underline;}
.nav-con .oprate li.item a:hover{text-decoration: underline;}
.pull-down-menu{}
.pull-down-menu .holder{height:57px; background:url("../images/sprite_bg.png") no-repeat scroll -130px -104px transparent; 
display: inline-block; *zoom:1; *display: inline;width:10px; margin-left:6px; cursor: pointer;}
.pull-down-menu .holder.up{background-position: -140px -104px}
.pull-down-menu .list{margin-left:-1px; margin-top:-1px; _width:105px; display: none;}
.pull-down-menu .list li{height:29px; line-height: 30px;  text-align: center; border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff; background: url("../images/9_11.png") no-repeat scroll -1px -1px ; cursor: pointer;}
.pull-down-menu .list li:hover{background: url("../images/9_09.png") no-repeat scroll -1px -1px ;}
.pull-down-menu .list a{line-height: 30px;font-size: 12px;}
.pull-down-menu .list a:hover{text-decoration: none;}


/* @import url(search.css); */
.search .searchMenu .searchSelected,
.search .searchMenu .searchSelectedUp, .searchBtn button{background-image:url(../images/sprite_bg.png); background-repeat:no-repeat;}
.searchBtn button{background-position: -10px -513px;}
.searchBtn button:active{background-position: -10px -560px;}
.search{float:left; position:absolute; top:289px; left:50%;z-index: 10; width:960px; height: 30px; margin-left: -480px; }

.searchTxt{float:left;width:399px;height:30px;border:1px solid #6a6a6a;position:relative;z-index:20;background:#fff;}
.searchTxtHover{float:left;width:399px;height:30px;border:1px solid #7b7b7b;position:relative;z-index:20;background:#fff;}
.search .searchMenu{float:left;}
.search .searchMenu .searchSelected, .search .searchMenu .searchSelectedUp{color:#000;cursor:pointer;
    text-align:left; font-size:14px;height:30px;line-height:30px;padding-left:12px;width:50px; }
.search .searchMenu .searchSelected{background-position:-26px -70px; }
.search .searchMenu .searchSelectedUp{background-position:-26px -26px;}
.search .searchMenu .searchTab{display:none; position:absolute;top:30px;left:-1px;border:1px solid #7b7b7b;border-top:0;background:#fff;height:210px;z-index:20;}
.search .searchMenu .searchTab li{height:30px;  line-height:30px;color:#555;font-size:14px;cursor:pointer; text-align: left; padding:0 20px 0 12px;}
.search .searchMenu .searchTab li.selected,
.search .searchMenu .searchTab li:hover{background:#eaeaea;color:#333;}

.search input{float:left;border:0;background:#fff;color:#333;font:14px/22px 'arial','宋体';width:300px;height:22px;margin:0;outline:medium none;padding:4px 8px;}
.searchBtn{float:left; margin-left: 5px;}
.searchBtn button{border:0;color:#000;cursor:pointer;float:left;font-size:14px;height:32px;width:95px; font-family: arial; }

.searchEn .searchMenu .searchSelected, .searchEn .searchMenu .searchSelectedUp{color:#000;cursor:pointer;
    text-align:left; font-size:14px;height:30px;line-height:30px;padding-left:12px;width:90px; }

.searchEn .searchMenu .searchSelected{background-position:16px -70px; }
.searchEn .searchMenu .searchSelectedUp{background-position:16px -26px;}
.searchEn input{width:280px;}



html, body{overflow: auto;}
.viewport{position: absolute;width: 100%;	height: 100%; overflow: hidden; top:1000px;}
.viewport_index{ top:0;}

.viewport_school{}
.viewport_practice{}
.viewport_overseas{font-family: arial;}

/*非cover页的页面内容*/
.viewport_main{	margin:270px 0 0 360px;	position: absolute; z-index: 9;}
.slide-button-con{width: 70px; background: #000;}
.slide-button{height: 50px; display: block; background: #000; color:#fff; text-decoration: none; cursor: pointer; text-indent: -9999px;}
.slide-button:hover{opacity: 1; filter: alpha(opacity=100);}

.slide-button-up{background: url("../images/up.png") no-repeat scroll 0 0 transparent;}
.slide-button-down{background: url("../images/down.png") no-repeat scroll 0 2px transparent;}

.special{position:absolute; top:365px;left:50%;  width: 660px; margin-left:-410px;
		opacity: .5; filter: alpha(opacity=50); overflow: hidden;
	}
.special div{ padding:0 10px 0 20px;background: #000; color:#fff;}
.special .t, .special .c{ overflow: hidden; float:left; clear:both;}
.special .t p{height: 38px; line-height: 36px; font-weight: bolder; font-size: 14px;}
.special .c p{height: 62px; line-height: 20px; }
.special p{ display: inline; white-space: nowrap;}
.special .t{max-width:360px; height: 36px;}
.special .c{max-width:660px; height: 64px;}

.footer{position: fixed; bottom:1px; height: 30px; line-height: 30px; background: #000; 
	text-align: center; color:#cccccc; opacity: .5; z-index:10; width: 100%; }
.footer a{color:#ccc;}
.hide{display: none;}

@-moz-keyframes t-animate {
    from { width:365px; }
 	
 	50%{ width: 0px; }
	to { width: 365px; }
}

@-moz-keyframes c-animate {
    from { width:660px; }
 	25%{ width: 660px;}
 	50%{ width: 0px;}
	to { width: 660px; }
}
.special .t-animate{ 
	-moz-animation-name: t-animate; 		
    -moz-animation-duration: 2s;				
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function : ease-out;	
}
.special .c-animate{ 
	-moz-animation-name: c-animate; 		
    -moz-animation-duration: 3s;				
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function : ease-out;	
}

.thumbOuter{position:absolute; bottom:50px; margin-left:50%; width:960px;}
.thumb{position:absolute; bottom:0; width:100%;  background:transparent; margin-left:-480px; text-align:right; }
.thumb li{ display:inline-block; *display: inline; zoom:1; background:url(../images/t_graybg.png) repeat left top; padding:6px; margin-left:7px; }
.thumb img{ width:56px; height:56px; }