 /*

* @Author: Administrator

* @Date:   2016-02-21 13:24:46

* @Last Modified by:   Administrator

* @Last Modified time: 2016-02-28 09:47:03

**/

/* reset */

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}

table{border-collapse:collapse;border-spacing:0;}

caption,th{text-align:left;font-weight:normal;}

html,body,fieldset,img,iframe,abbr{border:0;}

i,cite,em,var,address,dfn{font-style:normal;}

[hidefocus],summary{outline:0;}

li{list-style:none;}

/*h1,h2,h3,h4,h5,h6,small{font-size:100%;}*/

h1,h2,h3,h4,h5,h6,small,span,em,i,p{font-size:100%;font-family: "Microsoft YaHei";}

sup,sub{font-size:83%;}

pre,code,kbd,samp{font-family:inherit;}

q:before,q:after{content:none;}

textarea{overflow:auto;resize:none;}

label,summary{cursor:default;}

a,button{cursor:pointer;}

h1,h2,h3,h4,h5,h6,em,strong,b,i{font-weight:bold;}

del,ins,u,s,a,a:hover{text-decoration:none;}

body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}

body{background:#fff;}

.play{

    /*cursor: pointer;*/

    animation: run 1s linear 0s infinite alternate;

    -webkit-animation: run 1s linear 0s infinite alternate;

}

@keyframes run{

    from{

        opacity: 1;

    }

    to{

        opacity: 0.3;

    }

}

@-webkit-keyframes run{

    from{

        opacity: 1;

    }

    to{

        opacity: 0.3;

    }

}





a,a:hover{color:#333;}

.clear{clear: both;}

.area{margin:0 auto; width: 1000px;}

.title_bar{

	margin:10px auto;

	display: block;

}

.adjust{

    height: 123px;

}

.yui3-g{

	margin-top: 20px;

}



/*课程介绍页面   轮播图  start*/

.box{

	/*position: relative;*/

	/*width: 1920px;*/

	width: 100%;

	/*height: 408px;*/

	overflow: hidden;

	margin:0 auto;

}

.banner{

	position: relative;

	width: 1920px;

	/*width: 100%;*/

	height: 580px;

	overflow: hidden;

	margin:0 auto;

	left:50%;

	margin-left:-960px;

}

.banner ul{

	position: relative;

	z-index:1;

}

.banner ul li{

	position: absolute;

	left:0;

	top: 0;

}

.banner ul li img{

	width: 100%;

	/*display: block;*/

}

.banner ol{

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 20px;

	text-align: center;

	font-size: 0;

	z-index:2;

}

.banner ol li{

	width:10px;

	height: 10px;

	background: #fff;

	display: inline-block;

	border-radius:50%;

	cursor: pointer;

	margin-right: 8px;

	border:1px solid #ccc;

}

.banner ol .current{

	background: skyblue;

}

.banner span{

	width: 45px;

	height: 45px;

	position: absolute;

	background: pink;

	top: 50%;

	margin-top:-22px;

	cursor: pointer;

	z-index:8;

}

.banner .left{

	background: url(../images/left.png) no-repeat;

	left: 10%;

}

.banner .right{

	background: url(../images/right.png) no-repeat;

	right: 10%;

}





/*课程介绍页面   轮播图  end*/



/*职业优势 start*/



.Recruiters ul li{

	float: left;

	display: block;

	width: 226px;

	height: 226px;

	border: 1px solid #cbebef;

	margin-bottom: 20px;

	margin-right:20px;

	cursor: pointer;

	position: relative;

}

.modal01{

	position: absolute;

	display: block;

	height: 226px;

	width: 226px;

	background: #000;

	left: 0;

	top: 0;

	display: none;

	color: #fff;

	font-size: 24px;

	/*text-align: center;*/

	line-height: 40px;

	/*font-weight: bold;*/

	padding:54px 30px 40px 30px;

	box-sizing: border-box;



}

.Recruiters ul li:hover{box-shadow:0 1px 5px rgba(0,0,0,0.8); border: 1px solid rgba(0,0,0,0.8); }

/*职业优势 end*/





/*课程优势 start*/



.advantage{

	height: 524px;

	/*width: 1920px;*/

	background: url(../images/advantage_bg.jpg) no-repeat center;

	position: relative;

	border: 1px solid #fff;

}

.modal_t{

	height: 73px;

	width: 153px;

	display: block;

	/*background: pink;*/

	position: absolute;

	cursor: pointer;

}

.modal1{

	left: 26%;

	top: 81%;

	/*opacity: 0;*/

}

.modal2{

	left: 31.3%;

	top: 62%;

	/*opacity: 0;*/

}

.modal3{

	left: 60%;

	top: 23%;

	/*opacity: 0;*/

}

.modal4{

	left: 66%;

	top: 4%;

	/*opacity: 0;*/

}

.modal_t span{

	position: absolute;

	display: block;

	height: 200px;

	width: 229px;

	font-size: 26px;

	color: #fff;

	text-indent: 2em;

	display: none;

}

.modal_t_1{

	left: -135%;

	top: -371%;

}

.modal_t_2{

	left: -192%;

	top: -237%;

}

.modal_t_3{

	left: 75%;

	top: 238%;

}

.modal_t_4{

	left: 40%;

	top: 237%;

}



/*职业优势 start*/





/*课程简介  start*/

.course_introduction{

	height: 595px;

	background: url(../images/course_introduction_bg.jpg) no-repeat center;

	position: relative;

	border: 1px solid #fff;

}

.course_introduction_t{

	height: 595px;

	display: block;

	position: relative;

}



.course_introduction_t p{

	width: 250px;

	height: 300px;

	position: absolute;

	text-indent: 2em;

	color: #fff;

	font-size: 14px;

	line-height: 20px;

	font-weight: bold;

}

.course_introduction_t1{

	left: 4%;

	top: 5%;

}

.course_introduction_t2{

	left: 74%;

	top: 33%;

}

.course_introduction_t3{

	left: 71%;

	top: 79%;

}

.course_introduction_t4{

	left: -5%;

	top: 65%;

}

/*课程简介  end*/





/*预约试听 start*/

.free{

	background: url(../images/free_bg.jpg) no-repeat center;

	height: 473px;

}

.free_left{

	width: 480px;

	float: left;

	height: 473px;

	/*background: pink;*/

}

.free_left_left{

	height: 189px;

	width: 144px;

	background: #fff;

	float: left;

	padding:10px 10px;

	box-sizing: border-box;

	margin-top: 10px;

	margin-left: 10px;

}

.free_left_left p{

	font-size: 16px;

	text-align: center;

	font-weight: bold;

	line-height: 12px;

	margin-top: 10px;

}

.free_left_right{

	width: 325px;

	height: 250px;

	/*background: lightgreen;*/

	float: right;

	box-sizing: border-box;

	padding:20px 10px 10px 19px;

}

.free_left_right h3{

	font-size: 16px;

	color: #666;

	font-weight: bold;

	text-align: center;

	margin-bottom: 20px;

}

.free_left_right p{

	font-size: 14px;

	line-height: 16px;

	color: #666;

	/*margin-bottom: 20px;*/

}

.free_tel{

	display: inline-block;

	width: 22px;

	height: 14px;

	background: url(../images/free_tel.gif) no-repeat center;

	margin-right: 10px;

}

.free_p{

	display: inline-block;

	width: 18px;

	height: 17px;

	background: url(../images/free_p.gif) no-repeat center;

	margin-right: 14px;

}

.free_map_d{

	display: inline-block;

	width: 14px;

	height: 18px;

	background: url(../images/free_map_d.gif) no-repeat center;

	margin-right: 10px;

}



.free_left_right p i{

	margin-right: 20px;

}

.free_left_right em{

	line-height: 30px;

}

.free_left_bottom{

	padding:30px 30px;

	box-sizing: border-box;

}

.free_left_bottom img{



	border: 1px solid #999;

}

.free_right{

	height: 473px;

	width: 520px;

	/*background: pink;*/

	float: right; 

}

.free_right .tijiao_bg{margin-top:16px;}

.free_right_mes{

	font-size: 14px;

	color: #666;

	padding:12px 20px 10px 20px;

	box-sizing: border-box;

	overflow:hidden;

}

.free_right_mes h3{

	margin-bottom: 10px;

	margin-top: 10px;

}

.free_right_mes input{border: 1px dotted  #666;height: 35px;width: 200px !important;padding:0 6px;}

.free_right_mes label{ display:block; float:left;margin-right:20px;}

.free_right_mes label textarea{width:434px;padding:6px;}

.coolbg{height: 30px;width: 70px;background: lightgreen;border-radius: 5px;margin-left: 30px;border: 1px solid lightgreen;font-size: 14px;font-family: "Microsoft YaHei";font-weight: bold;color: #000;}

.intxt{

	height: 30px;

	width: 70px;

	/*background: lightgreen;*/

	/*border-radius: 5px;*/

	margin-right: 10px;

	margin-left: 20px;



}

#leave_a_message{

	padding:10px 10px 10px 10px;

}

#vdimgck{

	height: 32px;

	width: 64px;

}

/*预约试听  end*/







/*岗位介绍页面  start	*/

/*<!--专题内容-->*/



body {

    padding: 0px;

    margin: 0px;

    font-family: Microsoft Yahei;

    color: #333;

    background: #FFF;

}



* {

    padding: 0px;

    margin: 0px;

} 



wrap_s {

    width: 100%;

}



.wrap_con {

    width: 1140px;

    margin: 0 auto;

}



.focus_bg {

    background: #009cbf;

}



.focus {

    width: 1140px;

    margin: 0 auto;

}



.left {

    float: left;

}



.right {

    float: right;

}



.uid {

    font-size: 190px;

    color: #333;

    width: 368px;

    text-align: right;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;

    line-height: 190px;

}



.uid_s {

    font-size: 40px;

    color: #333;

    padding: 40px 0 0 0;

    width: 682px;

}



.uid_s_text {

    font-size: 16px;

    color: #666;

    line-height: 30px;

    width: 682px;

}



.clear {

    clear: both;

}



.qj_part {

    width: 260px;

    line-height: 150px;

    background: #448aca;

    color: #fff;

    font-size: 30px;

    margin: 30px 60px 0 0;

    float: left;

    padding: 0 80px 0 0;

    text-align: right;

}



.p01 {

    background: url(../images/1453893156565312.png) #a45bb4 no-repeat 40px center;

}



.p02 {

    background: url(../images/1453893158150539.png) #03ADAE no-repeat 60px center;

}



.p03 {

    background: url(../images/1453893156724356.png) #F36C00 no-repeat 70px center;

    margin-right: -60px;

}



.uid_title {

    font-size: 36px;

    color: #333;

    text-align: center;

    line-height: 50px;

    padding: 80px 0 0 0;

}



.uid_title_s {

    font-size: 16px;

    line-height: 30px;

    text-align: center;

}



.con_sxjn {

    position: relative;

    width: 1140px;

    height: 600px;

    background: url(../images/1453893421588783.jpg) no-repeat 150px 90px;

}



.sxjn_01 {

    width: 317px;

    position: absolute;

    top: 120px;

    left: 20px;

}



.jn_tit {

    font-size: 30px;

    line-height: 50px;

}



.jn_text {

    font-size: 16px;

    line-height: 28px;

    color: #666;

}



.sxjn_02 {

    width: 317px;

    position: absolute;

    top: 360px;

    left: 20px;

}



.sxjn_03 {

    width: 280px;

    position: absolute;

    top: 140px;

    right: 20px;

}



.sxjn_04 {

    width: 280px;

    position: absolute;

    top: 380px;

    right: 20px;

}



.white_s {

    color: #fff;

}



.tese {

    background: url(../images/1453893157263789.jpg) no-repeat center center;

    width: 100%;

    height: 685px;

    background-size: cover;

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../images/1453893157263789.jpg');

    color: #FFF;

}



.ts_part {

    width: 223px;

    margin-right: 80px;

    padding: 100px 0 0 0;

    text-align: center;

    float: left;

}



.ts_part img {

    width: 223px;

    height: 223px;

    border-radius: 150px;

}



.ts04 {

    margin-right: -80px;

}



.ts_title {

    padding: 14px 0 0 0;

    font-size: 30px;

}



.ts_text {

    font-size: 16px;

    line-height: 28px;

}



.zjdq_title {

    font-size: 30px;

    line-height: 40px;

    padding-top: 120px;

}



.zjdq_con {

    padding: 30px 0 0 0;

}



.zjdq_con_part {

    width: 480px;

    margin-right: 180px;

    float: left;

}



.zjdq02 {

    margin-right: -180px;

}



.zjdq_con_part img {

    width: 480px;

    height: 250px;

}



.zjdq_text {

    padding: 20px 0 0 0;

    font-size: 16px;

    color: #666;

    line-height: 30px;

}



.xmqd_con_part {

    width: 263px;

    margin-right: 30px;

    float: left;

    padding-top: 30px;

}



.xmqd04 {

    margin-right: -30px;

}



.xmqd_t {

    font-size: 16px;

    line-height: 30px;

    padding-top: 20px;

}



.xmqd_text {

    font-size: 14px;

    line-height: 24px;

    color: #666;

}



.kctx_bg {

    background: #f0f0f0;

    margin: 40px 0 0 0;

}



.kctx_tab {

    padding: 20px 0 80px 0;

    font-size: 16px;

}



.kctx_tab table {

    background: #f0f0f0;

}



.kctx_tab table th {

    line-height: 60px;

    background: #09F;

    color: #FFF;

}



.kctx_tab table tbody tr td {

    background: #fff;

    line-height: 30px;

    padding: 20px;

}



.f14 {

    font-size: 14px;

    padding-left: 24px;

}



.xxfs_con {

    padding: 80px 0 120px 0;

}



.xxfs_part {

    width: 300px;

    height: 300px;

    /*border-radius: 300px;*/

    text-align: center;

    line-height: 300px;

    color: #fff;

    font-size: 20px;

    float: left;

    margin-right: 120px;

}



.xxfs01 {

    background: url(../images/xxfs01_bg1.jpg) center top;

}



.xxfs02 {

    background: url(../images/xxfs02_bg.jpg) center top;

}



.xxfs03 {

    background:  url(../images/xxfs03_bg.jpg) center top;

}



.xxfs04 {

    background: #f7b924;

    margin-right: -100px;

}



.xyzp_bg {

    background: #f0f0f0;

}



.xyzp_con {

    padding: 40px 0 100px 0;

}



.xyzp_con img {

    width: 190px;

    height: 190px;

    float: left;

}

 .wd-auto {

    margin: 0 auto 10px;

    width: 100%;

}

/*.h-slide-box {

    height: 380px;

    overflow: hidden;

}

.pv-slideBox {

    height: 380px;

    margin: 0 auto;

    min-width: 960px;

    overflow: hidden;

    position: relative;

}

.pv-slideBox ul.slide-list {

    height: 380px;

    left: 50%;

    margin-left: -960px;

    position: absolute;

    text-align: center;

    top: 50%;

    width: 1920px;

}

.pv-slideBox ul {

    position: absolute;

    z-index: 1;

}

.pv-slideBox ul, li, img {

    border: 0 none;

    list-style: outside none none;

    margin: 0;

    padding: 0;

}

.pv-slideBox ul.slide-list li {

    position: relative;

    top: -50%;

}  */  

.wrap_s  img:hover {

    transform: scale(1.1, 1.1);

}

.wrap_s img {

    display: block;

    transition: all 1s ease 0s;

    -moz-transition: all 1s ease 0s;

    -webkit-transition: all 1s ease 0s;

    -o-transition: all 1s ease 0s;

}

.zjdq_con img:hover{

    box-shadow: 0 5px 15px rgba(0,0,0,0.2);

}

.xmqd_con img:hover{

    box-shadow: 0 5px 15px rgba(0,0,0,0.2);

}

.xmqd_e{

    padding-top:100px;

    box-sizing: border-box;

}

.xmqd_tc{

    color: #fff;

    text-indent:2em;

    text-align: left;

    padding: 0 4px 0px 4px;

}

.shade{

    display: none;

    background-color:rgba(0, 0, 0, 0.3);

    height: 300px;

    cursor: pointer;

}









