@charset "utf-8";

.introduct { width:100%; height:710px; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:column wrap; margin-top:100px; justify-content:space-between; align-items:stretch;}
.introduct li { width:33.3333%; height:auto; overflow:hidden;}
.introduct li .brief { width:100%; height:auto; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
.introduct li .pic { display:block; overflow:hidden;}
.introduct li .tit { font-size:18px; line-height:26px; color:#1c1c1c; margin-left:5px; font-weight:bold; background:url(../images/introduct_list_ico.gif) 0 10px no-repeat; margin:10px; padding-left:10px;}
.introduct li .des { font-size:16px; line-height:24px; color:#1c1c1c; margin:10px 15px;}

.schooltabs { width:100%; height:50px; line-height:50px; overflow:hidden; font-size:0; text-align:center;}
.schooltabs a { width:200px; height:50px; line-height:50px; text-align:center; font-size:24px; background:#c9c9c9; color:#146872; display:inline-block; margin:0 3px;}
.schooltabs a.on { background:#146872; color:#fff;}

.schoolslidebox_wrap { width:100%; height:auto; overflow:hidden; position:relative;}
.schoolslidebox_wrap .ctrl_left { position:absolute; left:10px; top:50%; margin-top:-58px;}
.schoolslidebox_wrap .ctrl_right { position:absolute; right:10px; top:50%; margin-top:-58px;}
.schoolslidebox { width:1000%; height:auto; overflow:hidden; margin-top:50px;}
.schoolslidebox li { float:left;}
/*国际合作*/
.cooperation { width:100%; height:auto; overflow:hidden; background:#eeeeee;}
.cooperation li { width:100%; height:auto; overflow:hidden;}
.cooperation li .pic { width:50%; float:left; height:auto; overflow:hidden;}
.cooperation li .brief { width:50%; float:left;}
.cooperation li .brief .tit { font-size:48px; color:#146872; line-height:60px; text-align:center; margin-top:10px;}
.cooperation li .brief .tit1 { font-size:16px; color:#353535; line-height:30px; text-transform:uppercase; text-align:center;}
.cooperation li .brief .des { font-size:16px; color:#353535; line-height:24px; margin:0 30px; margin-top:15px;}
/*学习保障*/
.ensure { width:100%; height:auto; overflow:hidden; background:#eeeeee;}
.ensure li { width:100%; height:auto; overflow:hidden;}
.ensure li .pic { width:50%; float:left; height:auto; overflow:hidden;}
.ensure li .brief { width:50%; float:left;}
.ensure li .brief .tit { font-size:48px; color:#146872; line-height:50px; text-align:center; margin-top:10px;}
.ensure li .brief .tit1 { font-size:16px; color:#353535; line-height:20px; text-transform:uppercase; text-align:center;}
.ensure li .brief .des { font-size:16px; color:#353535; line-height:24px; margin:0 30px; padding-bottom:10px;}
/*六位一体学习保障*/
.lwytxxbz { width:100%; height:auto; overflow:hidden; position:relative; background:url(../images/lwyyxxbz_bg.jpg) top center no-repeat; background-size:100% auto;}
.lwytxxbz .tit { color:#41cada; font-size:60px; line-height:70px; text-align:center;}
.lwytxxbz .link { width:100%; height:auto; overflow:hidden; font-size:0; text-align:center;}
.lwytxxbz .link a { width:29%; margin:1%; display:inline-block; height:70px; overflow:hidden; line-height:70px; text-align:center; color:#fff; font-size:18px; border:1px solid #fff; border-radius:10px;}
.lwytxxbz .link a:hover { background:#41cada; border:1px solid #41cada;}
/*留学保障*/
.lxbzbox { width:100%; height:auto; overflow:hidden; position:relative;}
.lxbzbox .pic { width:50%; float:left; overflow:hidden;}
.lxbzbox .brief { width:50%; position:absolute; right:0; top:0; height:100%; background:#146872; color:#fff; overflow:hidden;}
.lxbzbox .tit { font-size:48px; color:#ffb525; line-height:50px; text-align:left;}
.lxbzbox .tit1 { font-size:16px; color:#fff; line-height:30px; text-transform:uppercase;}
.lxbzbox .briefbox { border:1px solid #fff; margin:20px; padding:20px;}
.lxbzbox .list { width:100%; height:auto; overflow:hidden; font-size:18px; color:#fff;}
.lxbzbox .list li { line-height:36px; background:url(../images/lxbz_list_ico.png) 0 center no-repeat; text-indent:25px;}
/*学员照片*/
.studenttabs { width:100%; height:50px; line-height:50px; overflow:hidden; font-size:0;}
.studenttabs a { width:200px; height:50px; line-height:50px; text-align:center; font-size:24px; background:#c9c9c9; color:#146872; display:inline-block; margin:0 3px;}
.studenttabs a.on { background:#146872; color:#fff;}
.studentphotobox { width:100%; height:auto; overflow:hidden;}
.studentphotobox .tit { font-size:36px; color:#146872; line-height:70px; text-align:left; font-weight:bold;}
.studentphotobox .tit1 { font-size:16px; color:#146872; line-height:60px;}
.studentphotobox .list { width:100%; height:auto; overflow:hidden;}
.studentphotobox .list li { width:30%; float:left; margin-right:3%; margin-bottom:3%; overflow:hidden;}
.studentphotobox .list li .pic { width:100%; height:auto; display:block; overflow:hidden;}
.studentphotobox .more { font-size:18px; color:#146872; display:block; width:140px; height:45px; line-height:45px; margin:0 auto; background:#c9c9c9; text-align:center;}
.studentphotobox .more:hover { background:#146872; color:#fff; border-radius:10px;}

@media only screen and (max-width: 640px) {
	.mt100 { margin-top:0.20rem;}
	.insidebox{ margin-top:0.10rem;}
	
	.introduct { width:100%; height:auto; overflow:hidden; margin-top:0;}
	.introduct li { float:left; width:100%; height:auto; margin-top:0.10rem; overflow:hidden;}
	.introduct li .brief { margin:0.20rem;}
	.introduct li .tit { font-size:0.24rem; line-height:0.40rem; color:#1c1c1c; margin-top:0.10rem; font-weight:bold;}
	.introduct li .des { font-size:0.20rem; line-height:0.30rem; color:#1c1c1c; margin-top:0.10rem;}
	
	.schooltabs { width:100%; height:auto; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-between;}
	.schooltabs a { width:auto; height:0.50rem; line-height:0.50rem; font-size:0.24rem; text-align:center; display:block; margin:0; flex:0 0 24%;}
	.schooltabs a.on { background:#146872; color:#fff;}
	
	.schoolslidebox_wrap { width:100%; height:auto; overflow:hidden; position:relative;}
	.schoolslidebox_wrap .ctrl_left { position:absolute; left:0.10rem; top:50%; margin-top:-0.68rem;}
	.schoolslidebox_wrap .ctrl_right { position:absolute; right:0.10rem; top:50%; margin-top:-0.68rem;}
	.schoolslidebox { width:1000%; height:3rem; overflow:hidden; margin-top:0.10rem;}
	.schoolslidebox li { float:left; height:3rem; overflow:hidden;}
	
	/*国际合作*/
.cooperation { width:100%; height:auto; overflow:hidden; background:#eeeeee;}
.cooperation li { width:100%; height:auto; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.cooperation li .pic { width:auto; flex:0 0 40%; float:left; height:auto; overflow:hidden;}
.cooperation li .brief { width:60%; float:left; float:0 0 60%;}
.cooperation li .brief .tit { font-size:0.48rem; color:#146872; line-height:0.60rem; text-align:center; margin-top:0.10rem;}
.cooperation li .brief .tit1 { font-size:0.16rem; color:#353535; line-height:0.30rem; text-transform:uppercase; text-align:center;}
.cooperation li .brief .des { font-size:0.16rem; color:#353535; line-height:0.24rem; margin:0 0.30rem; margin-top:0.15rem;}

/*学习保障*/
.ensure { width:100%; height:auto; overflow:hidden; background:#eeeeee;}
.ensure li { width:100%; height:auto; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.ensure li .pic { width:auto; flex:0 0 40%; float:left; height:auto; overflow:hidden;}
.ensure li .brief { width:60%; float:left;}
.ensure li .brief .tit { font-size:0.48rem; color:#146872; line-height:0.50rem; text-align:left; margin:0 0.20rem; margin-top:0.10rem;}
.ensure li .brief .tit1 { font-size:0.16rem; color:#353535; line-height:0.20rem; text-transform:uppercase; margin:0 0.20rem; text-align:left;}
.ensure li .brief .des { font-size:0.16rem; color:#353535; line-height:0.24rem; margin:0.10rem 0.20rem; padding-bottom:0.10rem;}

/*六位一体学习保障*/
.lwytxxbz { width:100%; height:auto; overflow:hidden; position:relative; background:url(../images/lwyyxxbz_bg.jpg) top center no-repeat; background-size:auto 100%;}
.lwytxxbz .tit { color:#41cada; font-size:0.50rem; line-height:0.70rem; text-align:center;}
.lwytxxbz .link { width:100%; height:auto; overflow:hidden; font-size:0; text-align:center;}
.lwytxxbz .link a { width:29%; margin:1%; display:inline-block; height:0.70rem; overflow:hidden; line-height:0.70rem; text-align:center; color:#fff; font-size:0.18rem; border:0.01rem solid #fff; border-radius:0.10rem;}
.lwytxxbz .link a:hover { background:#41cada; border:0.01rem solid #41cada;}

/*留学保障*/
.lxbzbox { width:100%; height:auto; overflow:hidden; position:relative;}
.lxbzbox .pic { width:100%; float:left; overflow:hidden;}
.lxbzbox .pic img { width:100%;}
.lxbzbox .brief { width:100%; position:static; height:100%; background:#146872; color:#fff; overflow:hidden;}
.lxbzbox .tit { font-size:0.48rem; color:#ffb525; line-height:0.50ren; text-align:left;}
.lxbzbox .tit1 { font-size:16px; color:#fff; line-height:30px; text-transform:uppercase;}
.lxbzbox .briefbox { border:0.01rem solid #fff; margin:0.20rem; padding:0.20rem;}
.lxbzbox .list { width:100%; height:auto; overflow:hidden; font-size:0.18rem; color:#fff; margin-top:0.10rem;}
.lxbzbox .list li { line-height:0.36rem; background:url(../images/lxbz_list_ico.png) 0 center no-repeat; text-indent:0.25rem;}

/*学员照片*/
.studenttabs { width:100%; height:auto; line-height:normal; overflow:hidden; font-size:0; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:space-between;}
.studenttabs a { width:auto; height:0.50rem; line-height:0.50rem; flex:0 0 32%; text-align:center; font-size:0.24rem; background:#c9c9c9; color:#146872; display:block; margin:0;}
.studenttabs a.on { background:#146872; color:#fff;}
.studentphotobox { width:100%; height:auto; overflow:hidden;}
.studentphotobox .tit { font-size:0.36rem; color:#146872; line-height:0.70rem; text-align:left; font-weight:bold;}
.studentphotobox .tit1 { font-size:0.16rem; color:#146872; line-height:0.26rem; margin:0.10rem;}
.studentphotobox .list { width:100%; height:auto; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:space-between;}
.studentphotobox .list li { width:auto; float:none; margin-right:0; margin-bottom:1%; flex:0 0 48.5%; overflow:hidden;}
.studentphotobox .list li .pic { width:100%; height:auto; display:block; overflow:hidden;}
.studentphotobox .more { font-size:0.32rem; color:#146872; display:block; width:100%; height:0.80rem; line-height:0.80rem; background:#c9c9c9; text-align:center; margin-top:0.20rem;}
.studentphotobox .more:hover { background:#146872; color:#fff; border-radius:0.10rem;}

}