/* CSS Document */
body {font-family:"Microsoft Yahei", Arial, Tahoma,"Microsoft Yahei";margin:0;padding:0;font-size:12px;color:#000; background:#fff; }
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
img{border:0;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
header, section, footer, aside, nav, main, article, figure { display: block; }
/* Link */
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:none;-webkit-transition: .4s;}
/* Other */
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.f_left{float:left;}
.f_right{float:right;}
.img{vertical-align:middle;}

.divcenter{ width:1200px; height:auto; margin:0 auto; text-align:center; position:relative;}
.nine-banner,.nine-hold{ width:100%; height:auto; margin:0 auto; min-width:1200px;}

/*banner*/
.banner-frist{ width:100%; height:183px; background:url(../images/banner_01.jpg) center no-repeat;}
.banner-seand{ width:100%; height:182px; background:url(../images/banner_02.jpg) center no-repeat;}
.banner-three{ width:100%; height:183px; background:url(../images/banner_03.jpg) center no-repeat;}
.banner-four{ width:100%; height:182px; background:url(../images/banner_04.jpg) center no-repeat;}
.banner-logo{ margin-top:64px; margin-left:76px; float:left;}
.divcenter .button{ color: #000; border-color: none;}
.button--size-s { font-size: 30px;}
.button { float: left; width:251px; height:98px; display: block; border: none; background: none;color: inherit; vertical-align: middle; position: relative; z-index: 1;  -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;margin-left: 94px; margin-top: 70px;}
.button--moema {border-radius: 8px;background: none;color: #000;-webkit-transition: background-color 0.3s, color 0.3s;transition: background-color 0.3s, color 0.3s;}
.button--moema.button--inverted {background: #ffe44d;color: #000;}
.button--moema::before {content: '';position: absolute;top: -20px;left: -20px;bottom: -20px;right: -20px;background: inherit;border-radius: 50px;z-index: -1;opacity: 0.4;-webkit-transform: scale3d(0.8, 0.5, 1);transform: scale3d(0.8, 0.5, 1);
}
.button--moema:hover {-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;transition: background-color 0.1s 0.3s, color 0.1s 0.3s;color: #000;background-color: #none;-webkit-animation: anim-moema-1 0.3s forwards;animation: anim-moema-1 0.3s forwards;}
.button--moema.button--inverted:hover {color: #000;background-color: #ffe44d;}
.button--moema:hover::before {-webkit-animation: anim-moema-2 0.3s 0.3s forwards;animation: anim-moema-2 0.3s 0.3s forwards;}
.nine-time{ font-size:18px; color:#fff;padding-top: 172px; text-align: left; margin-left: 96px;}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.banner-sown{ width:735px; height:135px; background:#fff; box-shadow:0 15px 50px rgba(8,1,3,0.15); border-radius:10px; margin:0 auto; position:relative; top:104px; text-align:left;}
.banner-sown b{ font-size:30px; color:#333; line-height:135px;}
.banner-sown img{ margin-left:50px; vertical-align:middle; margin-right:30px;}

.nine-class{ width:100%; height:auto; margin:0 auto; background:#fbf9ff; padding-top:116px; padding-bottom:60px;}
.class-ul{ width:100%; height:auto; margin:0 auto; display:table;}
.class-ul li{ float:left; width:264px; height:210px; margin: 0 18px; position:relative;}
.class-frist{ width:100%; height:auto; margin-top:24%;}
.class-frist span{ font-size:20px; color:#555; display:block;}
.class-frist p img{ vertical-align:bottom;}
.class-frist p{ height:50px; line-height:50px; margin-bottom:26px; font-size:0;}
.class-artcle{width:264px; height:210px;  box-shadow:0 15px 50px rgba(8,1,3,0.15); display:none; position:absolute; top:0; left:0; z-index:2;}
.class-artcle p{ font-size:14px; color:#999; line-height:22px; width:200px; margin:0 auto; text-align:left; padding-top:42px;}

.mast-hold{ width:100%; background:url(../images/bagoun01.jpg) center no-repeat; height:256px;}
.mast-b{ font-size:43px; color:#fff; display:block; padding-top:50px;}
.mast-hold .button{ float:none; margin:0 auto; margin-top:34px;}

.nine-activi{ width:100%; height:862px; margin:0 auto; background:url(../images/bagoun03.png) center no-repeat;}
.activi-title{ font-size:30px; color:#333; display:block; padding-top:66px;}
.activi-hold{ width:100%; background:url(../images/bagoun02.png) center no-repeat; height:641px; margin-top:50px;}
.activi-book{ width:226px; height:auto; float:left; margin-top:192px; margin-left:134px;}
.activi-book p{ font-size:14px; color:#555; margin-top:10px;}
.activi-note{ width:380px; height:44px; float:left;margin-top:192px; margin-left:166px;}
.activi-note li{ width:190px; height:44px; background:#fff; box-shadow:0 5px 15px rgba(8,1,3,0.15); font-size:18px; color:#333; line-height:44px; float:left;}
.activi-note li.hover{ background:#f6576b; color:#fff;}
.activi-inses{ width:678px; height:auto; margin:0 auto; float:left; margin-left:46px; margin-top:40px;}
.activi-inses li{ float:left; width:100%; height:auto;}
.activi-inses li p{ font-size:14px; color:#999; line-height:20px; text-indent:2em; margin-top:14px; text-align:left;}
.inses-roul{ float:left; width:125px; height:154px; box-shadow:0 5px 15px rgba(8,1,3,0.1); border-radius:2px;    margin: 0 14px; margin-top:40px;}
.inses-roul b{ display:block; font-size:24px; color:#fff; width:38px; height:38px; background:#f6576b; border-radius:50%; box-shadow:0 5px 8px rgba(8,1,3,0.15); margin:0 auto; margin-top:22px; line-height:38px;}
.inses-roul span{ display:block; width:103px; height:auto; margin:0 auto; font-size:14px; color:#999; text-align:left; line-height:20px; margin-top:10px;}
.inses-top{ margin-left: 40px;}

.nine-stu{ width:100%; height:666px; background:url(../images/bagoun04.jpg) center no-repeat;}
.stu-hold{ width:1063px; height:472px; margin:0 auto;  box-shadow:0 30px 30px rgba(8,1,3,0.15); border-radius:12px;overflow: hidden;margin-top: 30px;}
.stu_gaoxin_list{width:1063px;height:52px; margin:0 auto; box-shadow:0 5px 10px rgba(8,1,3,0.15);}
.stu_gaoxin_list tr.stu_gaoxin_list_bt{line-height:52px;background:#fff;}
.stu_gaoxin_list tr.stu_gaoxin_list_bt td{color:#555; text-align:center;font-size:16px;display: inline-block; width:101px; background:#f6f7fb; border-radius:50px; height:34px; line-height:34px;margin: 9px 14px;}
.w03{ width:121px !important;}
.w04{ width:231px !important;}
.w06{ width:91px !important;}

.stu_work2{width:1063px;height:420px; margin:0 auto; overflow: hidden; margin-top:14px;}
.stu_list li{background:#fff;line-height:44px;height: 44px; width:1034px; margin:0 auto;border-radius:8px; margin-top:6px; overflow:hidden; -webkit-transition:.8s;}
.stu_list li:hover{ background:#f6576b; -webkit-transition:.8s; box-shadow:0 10px 30px rgba(8,1,3,0.2);}
.stu_list li:hover p{ color:#fff;}
.stu_list li:hover p em{ display:inline-block; width:6px; height:6px; background:#fff; float:left; margin-left:12px; margin-top:18px;}
.stu_list li p{width:112px;color:#555;font-size:14px; text-align:center;float:left;}
.stu_list li p.w01{width:173px;}
.stu_list li p.w010{width:240px;}
.stu_list li p.w07{width:133px;}
.stu_list li p.w08{ width: 106px;margin-right: 34px;}
.stu_list li p.w02{ width: 104px; margin-left: 20px;}
.stu_gaoxin_list tr.stu_gaoxin_list_bt td.w124{ color:#fff; background:#f6576b;}
.graduate_back{ position:relative; width:1134px; height:556px; margin:0 auto; box-shadow: 0 20px 35px 5px rgba(0,0,0,0.1); margin-bottom: 56px; }
.w298{ width:147px !important; background:#232937;    border: none !important; position: relative;left: -1px; color:#f3bf09 !important; height: 49px; box-shadow: 0px 26px 30px 5px rgba(0,0,0,0.2);}

.data_a{ background:#f7bc07;}
.data_more{ width:100%; height:auto; padding-bottom:70px;}

.nine-old{ width:100%; background:url(../images/bagoun05.jpg) center no-repeat; height:590px; position:relative; z-index:1;}
.nine-left{ width:497px; height:auto; float:left;}
.nine-left p{ font-size:30px; color:#fff; line-height:40px; padding-top:216px;}
.nine-left span{ float:left; display:block; text-align:left; font-size:16px; color:#fff; margin-left:136px; margin-top:206px;}
.nine-right{ width:600px; float:left; height:auto; margin-left:103px; margin-top:102px; position:relative;}
.bm_input{ font-size:14px; color:#ccc; width:398px; height:50px; background:none; padding-left:20px; padding-right:20px;font-family:"微软雅黑", Arial, Tahoma,"微软雅黑"; margin-bottom:22px; border: 1px #eaeaea solid; border-radius: 4px;}
.divcenter .z_btn{font-family:"微软雅黑", Arial, Tahoma,"微软雅黑"; font-size:14px; color:#fff; background:#f6576b; border:1px; box-shadow:0 0 9px rgba(8,1,3,0.05); width:228px; height:50px; line-height:50px; border-radius:5px;-webkit-border-radius:5px; cursor:pointer; margin-top:16px; margin-bottom:44px;-webkit-transition:.8s; margin-left:0; float:none; display:inline-block;}

.nine-right p{ font-size:12px; color:#ccc; width:440px; margin:0 auto; text-align:left; line-height:24px;}
.nine-right img{ position:absolute; bottom:68px; left:187px; z-index:-1;}
input::-webkit-input-placeholder{ /*webkit内核浏览器*/
color:#ccc;}
input:-moz-placeholder{/*firefox 1.8-*/
color:#ccc;	}
input::-moz-placeholder{/*firefox 1.9+*/
color:#ccc;	}
input:-ms-placeholder{
color:#ccc;	}
input {outline:none;}