@charset "utf-8";
/*dwj*/

/*全局控制*/
body{margin:0px;padding:0px;font-family:"微软雅黑";color:#000;font-size:12px;line-height:22px;-webkit-text-size-adjust: none;background: #fff;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;font-family:"微软雅黑";}
img{border:0;vertical-align:top;width: 100%;}
ul,li{list-style:none;}
a{color:#000;text-decoration:none;transition:all 0.3s;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}

/*漂浮*/
.pf_bg{width: 100px; height: 230px; background: url(../images/pf_bg.png) no-repeat; background-size: 100% 100%; position: fixed; bottom: 6%; right: 10%; z-index: 999;}
.pf_tit{width: 70px; position: absolute; top: 66px; left: 28px;}
.pf_tit img{width: 100%;}
.pf_pic{width: 64px; height: 55px; border: solid 1px #fff; border-radius: 3px; overflow: hidden; position: absolute; top: 98px; left: 30px;}
.pf_pic img{width: 100%; height: 100%; transition:all 0.5s; -webkit-transition:all 0.5s;}
.pf_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.pf_fon{width:80px; color: #fff; font-size: 12px; height: 22px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; position: absolute; top: 160px; left: 25px;}
.pf_into{width: 60px; position: absolute; left: 30px; bottom: 24px;}
.pf_into img{width: 100%;}
.close{width: 15px; height: 15px; background: #fff; border-radius: 50%; position: absolute; top: 2px; right: 0; cursor: pointer;}
.close img{width: 100%; height: 100%;}

/*index*/
@font-face {
	font-family:"迷你简卡通";
	src:url("../font/迷你简卡通.otf") format("opentype"),
       	url("../font/迷你简卡通.ttf") format("truetype"),
       	url("../font/迷你简卡通.woff") format("woff");
}
@font-face {
	font-family:"迷你简少儿";
	src:url("../font/迷你简少儿.otf") format("opentype"),
       	url("../font/迷你简少儿.ttf") format("truetype"),
       	url("../font/迷你简少儿.woff") format("woff");
}

.side{width: 203px; height: 100%; background: #122c4a; padding-top: 0.8%; position: fixed; top: 0; left: 7px; z-index: 999;}
.logo{margin-bottom: 7%; text-align: center;}
.nav{width: 100%;}
.nav li{text-align: center; padding: 10px 0; background: url(../images/nav_line.jpg) no-repeat center bottom; font-size: 13px; text-transform: uppercase;}
.nav li:last-child{background: none;}
.nav h4{font-size: 16px; font-weight: normal;}
.nav a{color: #fff;}
.nav a:hover{color: #ac071a;}

.content{padding-left: 210px; position: relative; overflow: hidden;}

.flexslider{min-width:1200px;height:588px;position:relative;transition:all 0.3s;}
.slides{width:100%;position:relative;z-index:1;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.slides img{width: 100%;height:588px; display: block;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:none;cursor:pointer;}
.flex-control-nav .flex-active{background:none;}
.class{width: 80%; position: absolute; left: 12%; bottom: 30px; z-index: 10;}
.class li{float: left; width: 20%; box-sizing: border-box; padding: 56px 1.5% 0 1.5%; height: 112px; line-height: 18px; background-size: 100% 100%; text-transform: uppercase; margin-left: -6px;}
.class a{color: #fff;}
.class h4{font-size: 17px; font-weight: normal; line-height: 28px;}
.class_01{background: url(../images/class_01.png) no-repeat;}
.class_02{background: url(../images/class_02.png) no-repeat;}
.class_03{background: url(../images/class_03.png) no-repeat;}
.class_04{background: url(../images/class_04.png) no-repeat;}
.class_05{background: url(../images/class_05.png) no-repeat;}

.mainbody{width: 84%; padding: 58px 0 62px 0; margin-left: 2.5%;}
.school_tit{color: #26252a; font-size: 37px; font-family: "迷你简卡通"; text-transform: uppercase; line-height: 44px; margin-bottom: 37px;}
.school_tit span{color: #afafaf; font-size: 29px; font-family: "迷你简少儿"; padding-left: 10px;}
.school{width: 100%;}
.school_pic{float: left; width: 50%; border: solid 1px #c21428; box-sizing: border-box;}
.school_pic img{height: 280px;}
.school_fon{float: left; width: 50%; text-transform: uppercase; padding: 0 4% 0 3%; box-sizing: border-box;}
.school_fon h1{color: #afafaf; font-weight: normal; font-size: 28px; line-height: 32px; margin-top: 28px;}
.school_fon h4{color: #333; font-weight: normal; font-size: 24px; line-height: 36px;}
.school_fon i{width: 61px; height: 3px; line-height: 0; background: #c21428; display: block; margin: 10px 0 20px 0;}
.school_f{height: 96px; line-height: 32px; color: #565656; font-size: 14px; overflow: hidden; transition:all 0.3s;}

.right_pic{width: 183px; position: absolute; top: 588px; right: 6px; z-index: 99;}
.right_pic li{margin-bottom: 8px;}
.right_pic li:last-child{margin: 0;}

.foot_bg{min-width: 1200px; background: #12244a; padding: 14px 0 24px 0;}
.foot_part{width: 76%; margin-left: 5%;}
.contact{float: left; width: 36%; padding-right: 14%; color: #fff; font-size: 14px; line-height: 24px;}
.contact p{padding-top: 6px;}
.contact h4{font-size: 19px; line-height: 44px; margin-bottom: 14px; border-bottom: solid 1px #41506e;}
.email{float: left; width: 20%; text-align: center; color: #fff; line-height: 30px; font-size: 16px; font-family: arial;}
.email h4{line-height: 46px; font-size: 19px; font-family: ;}
.email img{width: 105px; height: 128px; margin: 2px 0 12px 30px;}
.foot_r{float: right; width: 30%; text-align: right;}
.tel_fon{border-bottom: solid 1px #41506e; line-height: 38px; font-size: 18px; font-weight: bold; margin: 5px 0 16px 0; display: inline-block; color: #fff;}
.tel{background: #960c0c; color: #fff; line-height: 32px; font-size: 22px; font-weight: bold; font-family: arial; display: inline-block; padding: 0 14px;}
.code{width: 46%; padding-left: 54%; margin: 16px 0 12px 0;}
.code li{float: left; width: 42%; margin-left: 8%;}
.copyright{width: 100%; line-height: 24px; color: #fff;}


/*course*/
.main{width: 77%; min-height: 500px; margin-left: 5.5%;}
.mar_01{padding: 75px 0 44px 0;}
.course_tit{color: #26252a; font-size: 37px; font-family: "迷你简卡通"; text-transform: uppercase; line-height: 44px; margin-bottom: 16px;}
.course_tit span{color: #afafaf; font-size: 29px; font-family: "迷你简少儿"; padding-left: 10px;}
.course_part{padding-bottom: 96px;}
.course_left{float: left; width: 48%; height: 440px; border-bottom: solid 2px #ac071a;}
.course_neirong{ width: 100%; border-bottom: solid 2px #ac071a;padding-bottom: 20px;}
.course_t{color: #afafaf; font-size: 16px; line-height: 30px; text-transform: uppercase;}
.course_t h4{color: #ac071a; font-size: 26px; font-weight: normal; line-height: 36px;}
.course_t i{width: 46px; height: 2px; line-height: 0; background: #ac071a; display: block; margin: 16px 0 24px 0;}
.course_fon{width: 100%; line-height: 30px; color: #333; font-size: 14px; height: 240px; overflow: hidden; text-align: justify;}
.course_fonnr{width: 100%; line-height: 30px; color: #333; font-size: 14px; }
.course_more{float: right; width: 94px; text-align: center; height: 30px; line-height: 30px; background: #142245; font-size: 14px; margin-top: 36px;}
.course_more a{color: #fff;}
.course_right{float: right; width: 48%; height: 444px; margin-top: 6px; overflow: hidden;}
.course_right img{width:100%; height:444px; transition:all 1s; -webkit-transition:all 1s;}
.course_right img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.course_list{width: 100%; margin-bottom: 70px;padding-left: 1.1%;}
.course_list ul{margin-right: -3%;}
.course_list li{float: left; width: 15%; border: solid 1px #e0e0e0; box-sizing: border-box; padding-bottom: 18px; margin-right: 1%; transition:all .5s linear; position: relative;}
.course_list img{border-bottom: solid 1px #e0e0e0; height: 221px; margin-bottom: 18px;}
.course_list li:hover{transform:translateY(-20px);}
.course_fonts{width: 90%; text-align: justify; color: #999; font-size: 14px; line-height: 30px; height: 294px; overflow: hidden; margin: 0 auto;}
.zhou{width: 167px;
text-align: center;
background: #142245 none repeat scroll 0% 0%;
border: 2px solid #AE0C1D;
/*border-radius: 50%;*/
color: #FFF;
font-size: 14px;
position: absolute;
top: -50px;
left: 7%;
height: 55px;
line-height: 55px;
border-radius: 10px;}
.zhou span{font-size: 18px;}
.kech{width: 100%;}
.kech li{margin-bottom: 40px;}
.kech li:last-child{margin: 0;}
.kech_pic{float: left; width: 62%; height: 360px; overflow: hidden;}
.kech_pic img{width:100%; height:360px; transition:all 1s; -webkit-transition:all 1s;}
.kech_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.kech_fon{float: right; width: 36%; margin-top: 140px; position: relative;}
.kech_fon h1{width: 470px; padding: 15px 28px; line-height: 40px; background: #142245; color: #fff; font-size: 30px; font-weight: normal; text-transform: uppercase; position: absolute; top: -114px; right: 0;}
.kech_fon h1 span{color: #d7e2ff; font-size: 16px; padding-left: 38px;}
.kech_f{color: #333; font-size: 14px; line-height: 30px; height: 150px; text-align: justify; overflow: hidden; margin-bottom: 38px;}
.kech_more{width: 94px; text-align: center; height: 30px; line-height: 30px; background: #ac071a; font-size: 14px;}
.kech_more a{color: #fff;}
.kech li:nth-child(even) .kech_pic{float: right;}
.kech li:nth-child(even) .kech_fon{float: left;}
.kech li:nth-child(even) .kech_fon h1{left: 0;}
.kech li:nth-child(even) .kech_more{float: right;}


/*class*/
.ourclass{width: 100%;}
.ourclass ul{margin-right: -3%;}
.ourclass li{float: left; width: 30.333%; border: solid 2px #9e0d22; border-radius: 14px; box-sizing: border-box; margin: 0 3% 3% 0;}
.ourclass img{border-radius: 14px;}
/*.page{width: 100%; text-align: right;}
.page li{display: inline-block; width: 97px; text-align: center; height: 34px; line-height: 34px; border-radius: 8px; background: #12244a; font-size: 16px; margin-left: 22px;}
.page a{color: #fff;}
.page li:last-child{background: #960c0c;}*/


/*story*/
.story{width: 100%; color: #26252a; font-size: 15px; line-height: 34px;}
.story p{padding: 18px 0;}
.story_pic{float: left; width: 324px; border: solid 2px #ac071a; margin-right: 40px;}
.story_pic img{width: 324px; height: 258px;}
.story_tit{color: #26252a; font-size: 37px; font-family: "迷你简卡通"; text-transform: uppercase; line-height: 44px; margin-top: 7px;padding-top: 85px;}
.story_tit span{color: #afafaf; font-size: 29px; font-family: "迷你简少儿"; padding-left: 10px;}
.story_top{color: #ac071a; font-size: 26px; font-family: "迷你简卡通"; text-transform: uppercase; line-height: 38px; margin-bottom: 18px;}
.story_top span{color: #000; font-size: 22px; padding-left: 10px;}
.story_icon{float: left; width: 17px; margin: 9px 14px 0 0;}
.story_fon{color: #142245; font-size: 20px;}
.story_fon span{color: #ac071a;}
.cont{float: left; width: 60%; color: #26252a; font-size: 18px; line-height: 34px;}
.cont h4{line-height: 44px; color: #142245; font-size: 28px; font-weight: normal; margin-bottom: 32px;}
.cont h4 span{color: #ac071a; font-weight: bold;}
.code02{float: left; width: 15%; text-align: center; margin: 16px 0 0 5%;}
.code02 img{box-sizing: border-box; border: solid 1px #ac071a; margin-bottom: 7px;}
.code02 h4{line-height: 54px; color: #142245; font-weight: normal; font-size: 18px;}
.story_pro{width: 100%; margin-bottom: 10px;}
.story_pro ul{margin-right: -2.5%;}
.story_pro li{float: left; width: 22.5%; margin-right: 2.5%;}
.story_img{width:100%; height: 290px; overflow: hidden;}
.story_img img{width:100%; height:290px; transition:all 1s; -webkit-transition:all 1s;}
.story_img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.story_bot{background: #f3f3f3; padding: 3px 10px 15px 10px;}
.story_bot h4{height: 46px; line-height: 46px; color: #12274a; font-size: 16px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.story_f{line-height: 18px; height: 36px; color: #6c6c6c; font-size: 13px; text-align: justify; overflow: hidden;}


/*team*/
.mar_02{padding: 40px 0 46px 0;}
.team_tit{color: #ac071a; font-size: 19px; font-weight: normal; line-height: 28px;}
.team_tit img{float: left; width: 17px; height: 17px; margin: 6px 10px 0 0;}
.team{width: 100%; border-bottom: dashed 2px #717d92; margin-bottom: 22px; overflow: hidden;}
.team ul{margin-right: -2%;}
.team li{float: left; width: 31%; border-bottom: dashed 2px #717d92; padding: 25px 2% 25px 0; margin-bottom: -2px;}
.team_pic{border: solid 1px #c21428; box-sizing: border-box; position: relative;}
.team_pic img{width:100%; height:255px;}
.team_tm{width: 100%; height:255px; overflow-y: scroll; background: rgba(18,43,74,0.9); position: absolute; top: 0; left: 0; opacity: 0; transition:all 0.3s ease;}
.team li:hover .team_tm{opacity: 1;}
.team_t{padding: 16px 15px; background: url(../images/team_line.gif) no-repeat left bottom; background-size: 100% 4px; color: #c6c6c6; font-size: 14px; margin-bottom: 8px;}
.team_t h4{font-size: 16px; font-weight: normal; line-height: 26px; color: #fff;}
.team_fon{width: 88%; text-align: justify; font-size: 13px; color: #fff; line-height: 34px; margin: 0 auto;}
.scrolling::-webkit-scrollbar {
	width: 10px;
  height: 10px;
  margin-left: 3%;
}
.scrolling::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #fff;
}
.scrolling::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.4);
}


/*honor*/
.honor_bg{background: url(../images/honor_bg.jpg) no-repeat center top #f2f1ec;}
.honor{width: 100%; border-bottom: dashed 2px #717d92; margin-bottom: 22px; overflow: hidden;}
.honor ul{margin-right: -2%;}
.honor li{float: left; width: 23%; border-bottom: dashed 2px #717d92; padding: 25px 2% 25px 0; margin-bottom: -2px;}
.honor img{margin-bottom: 20px;}
.honor h4{text-align: center; color: #26252a; font-size: 15px; font-weight: normal;}
.wall{color: #26252a; font-size: 15px; line-height: 34px; margin-bottom: 28px;}
.wall h4{color: #ac071a; font-size: 26px; font-family: "迷你简卡通"; font-weight: normal; line-height: 24px; margin-bottom: 10px;}

.rel_pic{width: 100%; height: 618px; position: relative;}
.img_01{width: 172px; height: 111px; padding: 14px 16px; box-shadow: 0 5px 5px rgba(0,0,0,0.5); background: url(../images/img_bg01.jpg) repeat left top; border-radius: 3px; overflow: hidden; position: absolute; top: 150px; left: 0;}
.img_01 img{width:100%; height:111px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.img_01 img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.img_02{width: 230px; height: 167px; padding: 17px 18px; box-shadow: 0 5px 5px rgba(0,0,0,0.5); background: #753E37; overflow: hidden; position: absolute; top: 92px; left: 250px;}
.img_02 img{width:100%; height:167px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.img_02 img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.img_03{width: 174px; height: 104px; padding: 22px; background: url(../images/img_bg03.jpg) no-repeat; background-size: 100% 100%; overflow: hidden; position: absolute; top: 0; left: 545px;}
.img_03 img{width:100%; height:104px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.img_03 img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.img_04{width: 212px; height: 107px; padding: 16px 20px 16px 17px; box-shadow: 0 5px 5px rgba(0,0,0,0.5); background: url(../images/img_bg02.jpg) repeat left top; overflow: hidden; position: absolute; top: 334px; left: 80px;}
.img_04 img{width:100%; height:107px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.img_04 img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.img_05{width: 112px; height: 148px; padding: 18px; box-shadow: 3px 5px 5px rgba(0,0,0,0.5); background: #753E37; overflow: hidden; position: absolute; top: 334px; left: 365px;}
.img_05 img{width:100%; height:148px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.img_05 img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.img_06{width: 183px; height: 213px; padding: 17px 19px; box-shadow: 3px 5px 5px rgba(0,0,0,0.5); background: url(../images/img_bg01.jpg) repeat left top; overflow: hidden; position: absolute; top: 186px; left: 545px;}
.img_06 img{width:100%; height:213px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.img_06 img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.img_07{width: 113px; height: 149px; padding: 17px; box-shadow: 3px 5px 5px rgba(0,0,0,0.5); background: #753E37; overflow: hidden; position: absolute; top: 116px; left: 800px;}
.img_07 img{width:100%; height:149px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.img_07 img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.img_08{width: 166px; height: 105px; padding: 15px 20px 20px 20px; background: url(../images/img_bg03.jpg) no-repeat; background-size: 100% 100%; overflow: hidden; position: absolute; top: 160px; left: 980px;}
.img_08 img{width:100%; height:105px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.img_08 img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.img_09{width: 161px; height: 105px; padding: 17px; box-shadow: 0 5px 5px rgba(0,0,0,0.5); background: url(../images/img_bg02.jpg) repeat; overflow: hidden; position: absolute; bottom: 20px; left: 560px;}
.img_09 img{width:100%; height:105px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.img_09 img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.img_10{width: 235px; height: 174px; padding: 16px; box-shadow: 0 5px 5px rgba(0,0,0,0.5); background: url(../images/img_bg02.jpg) repeat; overflow: hidden; position: absolute; top: 327px; left: 800px;}
.img_10 img{width:100%; height:174px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.img_10 img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.img_11{width: 164px; height: 104px; padding: 17px 20px 15px 17px; box-shadow: 0 5px 5px rgba(0,0,0,0.5); background: url(../images/img_bg01.jpg) repeat; overflow: hidden; position: absolute; top: 330px; right: 0;}
.img_11 img{width:100%; height:104px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.img_11 img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}


/*recruitment*/
.mar_03{padding: 34px 0 125px 0;}
.rec{width: 100%;}
.rec ul{margin-right: -4%;}
.rec li{float: left; width: 46%; border: solid 2px #960c0c; box-sizing: border-box; border-radius: 15px; margin-right: 4%;margin-bottom: 15px;}
.rec_pic{float: left; width:50%; height: 249px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; overflow: hidden;}
.rec_pic img{width:100%; height:249px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; transition:all 1s; -webkit-transition:all 1s;}
.rec_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.rec_right{float: right; width: 42%; padding: 7px 4% 0 0;}
.rec_right h4{line-height: 30px; padding: 15px 0; color: #333; font-size: 20px; font-weight: normal;}
.rec_rf{line-height: 24px; height: 72px; color: #666; font-size: 14px; overflow: hidden; text-align: justify; margin-bottom: 58px;}
.rec_more{width: 100px; padding-left: 17px; height: 28px; line-height: 28px; font-size: 14px; background: url(../images/arrow.jpg) no-repeat 92px center; border-top: solid 1px #142245; border-bottom: solid 1px #142245;}
.rec_more a{color: #142245;}
.rec_list{width: 100%;}
.rec_list ul{margin-right: -4%;}
.rec_list li{float: left; width: 46%; padding: 20px 0; border-bottom: dashed 1px #cbcbcb; margin-right: 4%;}
.rec_list h4{color: #333; font-size: 18px; font-weight: normal; line-height: 32px; padding-left: 16px; background: url(../images/rec_icon.jpg) no-repeat left center; margin-bottom: 12px;}
.rec_fon{height: 48px; line-height: 24px; color: #666; font-size: 14px; overflow: hidden;}


@media only screen and (max-width: 1440px) {
	/*index*/
	.side{padding-top: 0.5%;}
	.logo{margin-bottom: 3%;}
	.logo img{width: 72%;}
	.nav li{padding: 6px 0; font-size: 12px;}
	.nav h4{font-size: 15px;}	
	.flexslider{min-width:1200px;height:450px;}
	.slides img{height:450px;}
	.class{width: 90%; left: 7%;}
	.class li{padding: 40px 1.5% 0 1.5%;}
	.mainbody{width: 83%; padding: 42px 0 50px 0;}
	.school_pic img{width: 100%; height: 184px;}
	.school_fon h1{font-size: 25px; line-height: 30px; margin-top: 18px;}
	.school_fon h4{font-size: 19px; line-height: 30px;}
	.school_fon i{margin: 8px 0 12px 0;}
	.school_f{height: 60px; line-height: 30px;}
	.right_pic{width: 9.5%;top: 450px;}
	.foot_bg{min-width: 1200px;}
	.foot_part{width: 75%; margin-left: 4%;}
	.contact{width: 46%; padding-right: 4%;}
	.code{width: 64%; padding-left: 36%;}
	
	/*course*/
	.main{width: 77%; min-height: 500px; margin-left: 5.5%;}
	.mar_01{padding: 55px 0 44px 0;}
	.course_part{padding-bottom: 86px;}
	.course_left{height: 298px;}
	.course_t{font-size: 16px; line-height: 28px;}
	.course_t h4{color: #ac071a; font-size: 24px; font-weight: normal; line-height: 32px;}
	.course_fon{line-height: 28px; height: 112px;}
	.course_right{height: 300px;}
	.course_right img{height:300px;}
	.course_list{margin-bottom: 55px;}
	.course_list img{height: 160px; margin-bottom: 18px;}
	.course_fonts{line-height: 28px; height: 235px;}
	.zhou{width: 95px; height: 95px; line-height: 95px; font-size: 18px; top: -48px; left: 35%;}
	.zhou span{font-size: 40px;}
	.kech li{margin-bottom: 38px;}
	.kech_pic{width: 57%; height: 250px;}
	.kech_pic img{height:250px;}
	.kech_fon{float: right; width: 40%; margin-top: 110px; position: relative;}
	.kech_fon h1{width: 454px; padding: 12px 25px; line-height: 30px; font-size: 27px; top: -88px;}
	.kech_fon h1 span{font-size: 15px; padding-left: 30px;}
	.kech_f{line-height: 26px; height: 78px; margin-bottom: 26px;}
		
	/*story*/
	.code02 h4{font-size: 15px;}
	.story_img{height: 210px;}
	.story_img img{height:210px;}
	
	/*team*/
	.team li{width: 23%;}
	.team_pic img{height:250px;}
	.team_tm{height:250px;}
	.team_fon{width: 88%; line-height: 30px;}
	
	/*honor*/
	.rel_pic{height: 600px;}
	.img_01{width: 110px; height: 60px; top: 105px; left: 0;}
	.img_01 img{height:60px;}
	.img_02{width: 150px; height: 103px; padding: 15px; top: 60px; left: 166px;}
	.img_02 img{height:103px;}
	.img_03{width: 120px; height: 68px; padding: 16px; top: 0; left: 370px;}
	.img_03 img{height:68px;}
	.img_04{width: 130px; height: 66px; padding: 15px; top: 225px; left: 52px;}
	.img_04 img{height:66px;}
	.img_05{width: 75px; height: 90px; padding: 15px; top: 225px; left: 237px;}
	.img_05 img{height:90px;}
	.img_06{width: 120px; height: 150px; padding: 15px; top: 120px; left: 370px;}
	.img_06 img{height:150px;}
	.img_07{width: 90px; height: 128px; top: 70px; left: 552px;}
	.img_07 img{height:128px;}
	.img_08{width: 110px; height: 65px; padding: 15px 18px 18px 18px; top: 140px; left: 705px;}
	.img_08 img{height:65px;}
	.img_09{width: 120px; height: 75px; padding: 15px; top: 330px; left: 370px;}
	.img_09 img{height:75px;}
	.img_10{width: 160px; height: 100px; padding: 15px; top: 257px; left: 552px;}
	.img_10 img{height:100px;}
	.img_11{width: 140px; height: 80px; padding: 15px; top: 257px; right: 0;}
	.img_11 img{height:80px;}
	
	/*recruitment*/
	.rec_pic{height: 180px;}
	.rec_pic img{height:180px;}
	.rec_right h4{line-height: 28px; padding: 12px 0;}
	.rec_rf{line-height: 24px; height: 48px; margin-bottom: 30px;}
}
@media only screen and (max-width: 1366px) {
	/*index*/
	.side{padding-top: 0.5%; width: 190px;}
	.logo{margin-bottom: 3%;}
	.logo img{width: 72%;}
	.nav li{padding: 6px; 0; font-size: 12px;}
	.nav h4{font-size: 15px;}
	.content{padding-left: 190px;}
	.flexslider{min-width:1100px;height:380px;}
	.slides img{height:380px;}
	.class{width: 93%; left: 5.5%;}
	.class li{padding: 40px 1.5% 0 1.5%;}
	.class h4{font-size: 16px;}
	.mainbody{width: 80%; margin-left: 3.8%;}
	.school_pic img{width: 100%; height: 194px;}
	.school_fon h1{font-size: 25px; line-height: 30px; margin-top: 18px;}
	.school_fon h4{font-size: 19px; line-height: 30px;}
	.school_fon i{margin: 8px 0 12px 0;}
	.school_f{height: 56px; line-height: 28px;}
	.right_pic{width: 10.3%;top: 380px;}
	.foot_bg{min-width: 1100px;}
	.foot_part{width: 78%; margin-left: 3%;}
	.contact{width: 46%; padding-right: 3%;}
	.code{width: 65%; padding-left: 35%;}
	
	/*course*/
	.main{width: 77%; min-height: 500px; margin-left: 5.5%;}
	.mar_01{padding: 50px 0 35px 0;}
	.course_part{padding-bottom: 78px;}
	.course_left{height: 268px;}
	.course_t{font-size: 15px; line-height: 26px;}
	.course_t h4{color: #ac071a; font-size: 20px; font-weight: normal; line-height: 28px;}
	.course_fon{line-height: 26px; height: 78px;}
	.course_right{height: 270px;}
	.course_right img{height:270px;}
	.course_list{margin-bottom: 45px;}
	.course_list img{height: 150px; margin-bottom: 18px;}
	.course_fonts{line-height: 28px; height: 235px;}
	.zhou{width: 90px; height: 90px; line-height: 90px; font-size: 17px; top: -45px; left: 33%;}
	.zhou span{font-size: 38px;}
	.kech li{margin-bottom: 35px;}
	.kech_pic{width: 57%; height: 250px;}
	.kech_pic img{height:250px;}
	.kech_fon{float: right; width: 40%; margin-top: 110px; position: relative;}
	.kech_fon h1{width: 454px; padding: 12px 25px; line-height: 30px; font-size: 27px; top: -88px;}
	.kech_fon h1 span{font-size: 15px; padding-left: 30px;}
	.kech_f{line-height: 26px; height: 78px; margin-bottom: 26px;}
	
	/*story*/
	.code02 h4{font-size: 16px;}
	.story_img{height: 200px;}
	.story_img img{height:200px;}
	
	/*team*/
	.team_t{padding: 12px 15px 14px 15px;}
	.team li{width: 23%;}
	.team_pic img{height:230px;}
	.team_tm{height:230px;}
	.team_fon{width: 86%; line-height: 28px;}
	
	/*honor*/
	.rel_pic{height: 500px;}
	.img_01{width: 110px; height: 60px; top: 105px; left: 0;}
	.img_01 img{height:60px;}
	.img_02{width: 150px; height: 103px; padding: 15px; top: 60px; left: 160px;}
	.img_02 img{height:103px;}
	.img_03{width: 120px; height: 68px; padding: 16px; top: 0; left: 360px;}
	.img_03 img{height:68px;}
	.img_04{width: 130px; height: 66px; padding: 15px; top: 225px; left: 44px;}
	.img_04 img{height:66px;}
	.img_05{width: 75px; height: 90px; padding: 15px; top: 225px; left: 227px;}
	.img_05 img{height:90px;}
	.img_06{width: 120px; height: 150px; padding: 15px; top: 120px; left: 360px;}
	.img_06 img{height:150px;}
	.img_07{width: 90px; height: 120px; top: 70px; left: 534px;}
	.img_07 img{height:120px;}
	.img_08{width: 110px; height: 65px; padding: 15px 18px 18px 18px; top: 130px; left: 680px;}
	.img_08 img{height:65px;}
	.img_09{width: 120px; height: 75px; padding: 15px; top: 330px; left: 360px;}
	.img_09 img{height:75px;}
	.img_10{width: 150px; height: 90px; padding: 15px; top: 257px; left: 538px;}
	.img_10 img{height:90px;}
	.img_11{width: 130px; height: 70px; padding: 15px; top: 257px; right: -8px;}
	.img_11 img{height:70px;}
	
	/*recruitment*/
	.rec_pic{height: 160px;}
	.rec_pic img{height:160px;}
	.rec_right h4{line-height: 24px; padding: 10px 0;}
	.rec_rf{line-height: 20px; height: 40px; margin-bottom: 26px;}
}
@media only screen and (max-width: 1280px) {
	/*index*/
	.side{padding-top: 0.5%; width: 190px;}
	.logo{margin-bottom: 2%;}
	.logo img{width: 65%;}
	.nav li{padding: 5px 0; font-size: 12px;}
	.nav h4{font-size: 14px;}
	.content{padding-left: 190px;}
	.flexslider{min-width:900px;height:360px;}
	.slides img{height:360px;}	
	.class{width: 92%; left: 6%;}
	.class li{padding: 40px 1.5% 0 1.5%;}
	.class h4{font-size: 15px;}
	.mainbody{width: 78%; margin-left: 4%;}
	.school_pic img{width: 100%; height: 164px;}
	.school_fon h1{font-size: 25px; line-height: 30px; margin-top: 18px;}
	.school_fon h4{font-size: 19px; line-height: 30px;}
	.school_fon i{margin: 8px 0 12px 0;}
	.school_f{height: 44px; line-height: 22px;}
	.right_pic{width: 10.5%;top: 360px;}
	.foot_bg{min-width: 900px;}
	.foot_part{width: 82%; margin-left: 2%;}
	.contact{width: 42%; padding-right: 5%;}
	.code{width: 72%; padding-left: 28%;}
	
	/*course*/
	.main{width: 77%; min-height: 500px; margin-left: 5.5%;}
	.mar_01{padding: 50px 0 35px 0;}
	.course_part{padding-bottom: 78px;}
	.course_left{height: 244px;}
	.course_t{font-size: 15px; line-height: 26px;}
	.course_t h4{color: #ac071a; font-size: 20px; font-weight: normal; line-height: 28px;}
	.course_t i{margin: 12px 0 18px 0;}
	.course_fon{line-height: 24px; height: 72px;}
	.course_right{height: 246px;}
	.course_right img{height:246px;}
	.course_list{margin-bottom: 45px;}
	.course_list li{padding-bottom: 15px;}
	.course_list img{height: 140px; margin-bottom: 15px;}
	.course_fonts{line-height: 26px; height: 235px;}
	.zhou{width: 80px; height: 80px; line-height: 80px; font-size: 16px; top: -40px; left: 35%;}
	.zhou span{font-size: 35px;}
	.kech li{margin-bottom: 35px;}
	.kech_pic{width: 57%; height: 220px;}
	.kech_pic img{height:220px;}
	.kech_fon{float: right; width: 40%; margin-top: 100px; position: relative;}
	.kech_fon h1{width: 420px; padding: 10px 22px; line-height: 28px; font-size: 21px; top: -80px;}
	.kech_fon h1 span{font-size: 14px; padding-left: 30px;}
	.kech_f{line-height: 22px; height: 66px; margin-bottom: 22px;}
	
	/*story*/
	.code02 h4{font-size: 14px;}
	.story_img{height: 180px;}
	.story_img img{height:180px;}
	
	/*team*/
	.team_t{padding: 10px 15px 14px 15px;}
	.team li{width: 23%;}
	.team_pic img{height:210px;}
	.team_tm{height:210px;}
	.team_fon{width: 86%; line-height: 22px;}
	
	/*honor*/
	.rel_pic{height: 450px;}
	.img_01{width: 90px; height: 50px; padding: 14px; top: 100px; left: 0;}
	.img_01 img{height:50px;}
	.img_02{width: 140px; height: 95px; padding: 14px; top: 55px; left: 140px;}
	.img_02 img{height:95px;}
	.img_03{width: 115px; height: 68px; padding: 14px; top: 0; left: 330px;}
	.img_03 img{height:68px;}
	.img_04{width: 125px; height: 66px; padding: 14px; top: 206px; left: 29px;}
	.img_04 img{height:66px;}
	.img_05{width: 70px; height: 90px; padding: 14px; top: 206px; left: 209px;}
	.img_05 img{height:90px;}
	.img_06{width: 115px; height: 135px; padding: 14px; top: 115px; left: 330px;}
	.img_06 img{height:135px;}
	.img_07{width: 90px; height: 120px; top: 65px; left: 496px;}
	.img_07 img{height:120px;}
	.img_08{width: 110px; height: 65px; padding: 14px; top: 130px; left: 643px;}
	.img_08 img{height:65px;}
	.img_09{width: 118px; height: 75px; padding: 14px; top: 300px; left: 330px;}
	.img_09 img{height:75px;}
	.img_10{width: 140px; height: 80px; padding: 14px; top: 240px; left: 500px;}
	.img_10 img{height:80px;}
	.img_11{width: 115px; height: 60px; padding: 14px; top: 247px; right: -9px;}
	.img_11 img{height:60px;}
	
	/*recruitment*/
	.rec_pic{height: 150px;}
	.rec_pic img{height:150px;}
	.rec_right h4{line-height: 24px; padding: 10px 0;}
	.rec_rf{line-height: 20px; height: 40px; margin-bottom: 20px;}
}

.page{width: 75%; text-align: center; padding-top: 22px; font-size: 14px;position: absolute;}
.page a{padding: 5px 15px; color: #666;}
.page a:hover{color: #12244a;}
.page span{background: #12244a; padding: 5px 28px; border-radius: 30px; margin: 0 25px;}
.page span a{color: #fff;}
.page span a:hover{color: #fff;}
.syy{    background: #12244a;
    padding: 5px 28px;
    border-radius: 30px;
    margin: 0 25px;color: #fff !important;}
.xyy{    background: #12244a;
    padding: 5px 28px;
    border-radius: 30px;
    margin: 0 25px;color: #fff !important;}
.select{
  color: #12244a !important;
}