* { margin: 0; padding: 0; }
iframe { display: block; }
li { float: left; list-style: none; }
font { font-family: "微软雅黑"; color: #666; }
body { background-color: white; }
a { text-decoration: none; color: white; }

footer div {width: 100%; background: rgb(56, 56, 56); padding: 40px 0px; text-align: center; line-height: 26px; font-size: 14px; color:#999}
footer div a {color: #ddd}
footer div a:hover {text-decoration: underline}

/*banner*/
.banner { width: 100%; height: 560px; background-image: url(../res/ks-banner.jpg); background-position: center bottom; background-repeat: no-repeat; }

/*秘籍*/

.ks-mj { width: 1200px; height: 620px; margin: 50px auto 60px; font-size: 40px; line-height: 60px; }
.ks-mj ul { width: 100%; height: 480px; }
.ks-mj p { text-align: center; font-weight: bold; color: #666666; margin-bottom: 30px}
.ks-mj li { width: 400px; height: 224px; background-image: url(../res/s-1.jpg); background-position: center; background-repeat: no-repeat; }
.ks-ml { width: 180px; height: 180px; font-size: 18px; line-height: 25px; padding: 25px; margin: 40px; margin-left: 120px; }
.ks-ml span { font-size: 30px; color: #ff6600; font-weight: bold; }
.ks-ml-1 { width: 180px; height: 180px; font-size: 18px; line-height: 25px; padding: 25px; margin: 40px; margin-left: 290px; }
.ks-ml-1 span { font-size: 30px; color: #ff6600; font-weight: bold; }
.ks-ml-2 { width: 180px; height: 180px; font-size: 18px; line-height: 28px; padding: 25px; margin: 40px; margin-left: 30px; }
.ks-ml-2 span { font-size: 30px; color: #ff6600; font-weight: bold; }
.ks-anniu { width: 480px; height: 60px; margin: 0 auto; font-weight: 400; }
.ks-y { float: left; width: 220px; height: 60px; color: #fff; text-align: center; line-height: 60px; background: #47a3f4; font-size: 24px; border-radius:30px}
.ks-z { float: right; width: 220px; height: 60px; color: #333; text-align: center; line-height: 60px; background: #ffde00; font-size: 24px; border-radius:30px }
/*老师*/

.ks-ls { width: 100%; height: 600px; background-image: url(../res/ks-lsbj.jpg); background-repeat: no-repeat; background-size: 100% 100%; }
.ls-z { width: 1200px; height: 600px; margin: 0 auto; }
.ls-z p { text-align: center; font-weight: bold; color: #666666; font-size: 40px; }
.ls-z ul { margin: 50px auto; }
.ls-z li { width: 190px; height: 400px; background: white; margin-right: 10px; }
.ls-le { width: 190px; height: 80px; background: #47a3f4; border-bottom: 1px solid #ccc; }
.ls-z img { display: block; margin-left: 35px; margin-top: -56px; }
.ls-wz { width: 170px; height: 200px; /*background: olive;*/
	text-align: center; font-size: 14px; color: #999; margin: 20px auto; line-height: 25px; }
.ls-wz span { font-size: 20px; color: #333; }
.ls-wz p {font-size: 14px; text-align:justify; text-indent: 26px; font-weight: normal; color: #999}
.ls-zixun { width: 150px; height: 40px; color: #47a3f4; line-height: 40px; text-align: center; border: 1px solid #47a3f4; margin: 20px auto; }
.ls-zixun:hover { background-color: #47a3f4; color: white; }
.td-1 { width: 1010px; height: 100px; border: 1px solid white; }
/*就业*/

.ks-jy { width: 1200px; height: 1000px; margin: 0 auto; }
.ks-jy, .ks-mb-z, .ks-tushu, .ks-xs, .ks-hjz p { text-align: center; font-weight: bold; color: #666666; font-size: 40px; }
/* 本例子css */

.slideTxtBox { width: 1200px; text-align: left; margin: 60px auto; }
.slideTxtBox .hd { height: 60px; line-height: 60px; position: relative; }
.slideTxtBox .hd ul { float: left; position: absolute; left: 20px; top: -1px; }
.slideTxtBox .hd ul li { float: left; width: 350px; height: 60px; margin-left: 30px; border: 1px solid #47a3f4; border-radius: 30px; text-align: center; font-size: 24px; color: #47a3f4; font-weight: normal}
.slideTxtBox .hd ul li.on { height: 60px; background: #47a3f4; color: white; }
.bd { width: 1200px; height: 600px; margin: 50px auto; font-weight: 300; }
.bd table { border-collapse: collapse; border: 1px solid white; text-align: center; font-size: 16px; }
.bd th, .bd td { height: 60px; border: 1px solid white; padding: 0 15px}
/*目标*/

.ks-mb { width: 100%; height: 620px; background-image: url(../res/ks-mb.jpg); background-size: 100% 100%; background-repeat: no-repeat; }
.ks-mb-z { width: 1200px; height: 640px; margin: 0 auto; }
#main { width: 1200px; height: 400px; margin: 50px auto; }
#left { width: 340px; height: 360px; float: left; }
#left ul { width: 300px; height: 360px; }
#left li { width: 324px; height: 60px; /*text-align: center;*/
	line-height: 60px; font-size: 26px; color: white; margin-top: 20px; }
#left span { font-size: 30px; font-weight: bold; color: #ffff00; margin-right: 30px; }
#right { width: 800px; height: 360px; float: right; }
li { list-style: none; font-size: 18px; }
#content1, #content3 { background-image: url(../res/ls-mb1.png); }
#content1:hover, #content3:hover { background-image: url(../res/ls-mb2.png); }
#content2, #content4 { background-image: url(../res/ls-mb2.png); }
#content2:hover, #content4:hover { background-image: url(../res/ls-mb1.png); }
.right { display: none; width: 800px; height: 400px; }
.right:first-child { display: block }
.zi { width: 735px; height: 235px; border: 1px solid #03defc; margin-top: 22px; border-radius: 15px; padding: 30px; font-size: 20px; line-height: 40px; color: #010101; text-align: left; text-align: -moz-left; font-weight: normal; background: #fff}
.zi span { color: #12aabf}
/*图书*/

.ks-tushu { width: 1200px; height: 540px; margin: 0 auto; }
.carousel-inner img { width: 162px; height: 244px; }
.carousel-inner ul { width: 1100px; height: 380px; margin: 0 auto; margin-top: 60px; }
.carousel-inner li { float: left; width: 200px; height: 250px; margin-right: 10px; list-style: none; }
.carousel-inner { width: 1200px; height: 400px; background: olive; margin: 0 auto; }
/* 本例子css */

.slideBox { width: 1200px; height: 230px; overflow: hidden; position: relative; margin: 50px auto; }
.slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; }
.slideBox .hd ul li.on { background: #f00; color: #fff; }
.slideBox .bds { position: relative; height: 100%; z-index: 0; }
.slideBox .bds li { zoom: 1; vertical-align: middle; width: 1200px; height: 300px; }
.slideBox .bds img { width: 160px; height: 230px; display: block; float: left; margin-left: 60px; }
/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev, .slideBox .next { position: absolute; left: 0px; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; background: indianred; }
.slideBox .next { left: auto; right: 50px; background-position: 8px 5px; }
.slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
.slideBox .prevStop { display: none; }
.slideBox .nextStop { display: none; }
.bds { width: 100%; height: 400px; }
/*金榜*/

.ks-jb { width: 100%; height: 540px; background-image: url(../res/ks-jb.jpg); background-size: 100% 100%; background-repeat: no-repeat; font-weight: 300; }
.ks-xs { width: 1200px; height: 540px; margin: 0 auto; }
.ks-xs li { width: 200px; height: 370px; margin-left: 90px; margin-top: 50px; text-align: center; font-size: 22px; }
.ks-xs li img { display: block; margin:15px auto}
.lase { width: 200px; height: 380px; float: right; background-color: #81c4fe; color: #0a3742; font-weight: 300; }
.lase span { font-weight: 300; font-size: 14px; display: block; width: 150px; height: 30px; margin: 0 auto; background-color: #28788c; color: white; line-height: 30px; }
.ks-ck { border-top: 1px solid white; width: 200px; height: 42px; line-height: 42px; font-size: 14px; text-align: center; color: white; }
/*环境*/
.ks-hj { width: 100%; height: 820px; background-image: url(../res/ks-hj.jpg); background-size: 100% 100%; background-repeat: no-repeat; margin: 30px auto 0; }
.ks-hjz { width: 1200px; height: 800px; margin: 0 auto; }
.t { width: 1200px; height: 400px; margin: 30px auto; }
.td { width: 600px; height: 400px; float: left; margin-top: 20px}
.xd { width: 595px; height: 400px; float: right; margin-top: 20px}
.xd-z { float: left; width: 286px; height: 400px; }
.xd-y { float: right; width: 306px; height: 400px; }
.tijiao { width: 400px; height: 50px; background: #ffde00; margin: 10px auto 0; font-size: 24px; line-height: 50px; text-align: center; font-weight: bold; color: #333; }
