@charset "utf-8";
@import url(animate.css);
/* CSS Document */
html{ overflow: -moz-scrollbars-vertical; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe { padding: 0px; margin: 0px;}
DIV, P, I, UL, LI, OL, DL, DT, DD{list-style: none;}
FIELDSET,LABEL,LEGEND,BUTTON,INPUT,FORM { padding: 0px; margin: 0px;}
address,caption,cite,dfn,em,th,var {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
A {BORDER-STYLE: none;border: 0px; text-decoration:none;}
IMG {BORDER-STYLE: none;border: 0px; text-decoration:none;}
table{border-collapse: collapse;border-spacing: 0;} 
html{ font-family:"微软雅黑";}

/***顶部***/
.jdgl_box{ width: 1920px; position: relative;overflow:hidden; left: 50%; margin-left: -960px;}

.jdgl_top{width:100%; height: 600px; position: relative; overflow: hidden;}
.jdgl_top .jdgl_top01{position: absolute; top: 18%; right: 50%; margin-right: -550px; animation-delay: 0.3s;}
.jdgl_top .top_zx{width:192px; height: 52px; position: absolute; top: 70%; left: 57%; animation-delay: 0.8s;}
.jdgl_top a{width:192px; height: 52px; display:block; color:#fff; background: #bd925b; border-radius:24px;font-size: 32px; line-height: 50px; text-align: center; letter-spacing: 4px; animation-iteration-count: infinite;}

/*品牌资质 专业内容*/
.jdgl_ppzy{width:100%; height: 1120px; position: relative; overflow: hidden; background: url(../images/jdgl_3.jpg) no-repeat;}

/*文字部分*/
.ppzz_box{width:1202px; height: 360px; position: relative; overflow: hidden; margin: 0 auto; margin-top: 60px;}
.ppzz_box li{width:528px; height: 360px; display: block; float: left; color:#bd925b;}
.ppzz_box li:nth-child(1){padding-right:70px; border-right:2px solid #bd925b;}
.ppzz_box li:nth-child(2){padding-left:70px;}
.ppzz_box li h1{font-size: 48px; text-align: center; margin-bottom: 40px;}
.ppzz_box li p{font-size: 24px; line-height: 1.67; text-indent: 2em;}

/*四个框 专业介绍 培养目标 课程设置 发展方向*/
.zynr_box{width:1218px; height: 687px; margin: 0 auto; position: relative; overflow: hidden;}
.zynr_box li{width:290px; height: 550px; position: absolute; top: 40px;margin-right: 12px; border-top: 5px solid #fff;
	transition:top,width linear 0.4s;
	-moz-transition:top,width  linear 0.4s;
	-ms-transition:top,width  linear 0.4s;
	-o-transition:top,width  linear 0.4s;
}
.zynr_box .zynr_li01{ left:0; border-bottom: 5px solid #d5ae66;}
.zynr_box .zynr_li02{ left:302px;border-bottom: 5px solid #5aabc6;}
.zynr_box .zynr_li03{ left:604px;border-bottom: 5px solid #c18899;}
.zynr_box .zynr_li04{ left:906px;border-bottom: 5px solid #ec6916;}
.zynr_box li:hover{width:320px; height: 682px; z-index: 2; top: 0;}
.zynr_box .zynr_li01:hover{}
.zynr_box .zynr_li02:hover{left:287px;}
.zynr_box .zynr_li03:hover{left:589px;}
.zynr_box .zynr_li04:hover{}

/*默认显示部分*/
.zynr_show{width:100%; height: 550px; position: relative; overflow: hidden;background: #fff; display: none;}
.zynr_show img{width:100%; display: block;}
.zynr_show h1{font-size: 16px; color:#000; width:100%; text-align: center; margin-top: 12px;}
.zynr_show h2{font-size: 30px; width:100%; text-align: center; font-weight: bold; margin:12px 0;}
.zynr_show .zynr_bt1{color: #d5ae66;}
.zynr_show .zynr_bt2{color: #5aabc6;}
.zynr_show .zynr_bt3{color: #c18899;}
.zynr_show .zynr_bt4{color: #ec6916;}
.zynr_show p{ width:94%; margin: 0 auto; font-size: 18px; color: #000; line-height: 1.67; letter-spacing: 1px;}

.zynr_show.active{display:block;}
.zynr_hide.active{display:block;}

/*hover显示部分*/
.zynr_hide{width:100%; height:682px; position: relative; overflow: hidden; background-color:none; display: none;}
#zyyc{background:url(../images/jdgl_12.png) no-repeat; background-size: 100%; border-bottom: none;}
#pyyc{background:url(../images/jdgl_13.png) no-repeat; background-size: 100%; border-bottom: none;}
#kcyc{background:url(../images/jdgl_14.png) no-repeat; background-size: 100%; border-bottom: none;}
#fzyc{background:url(../images/jdgl_15.png) no-repeat; background-size: 100%; border-bottom: none;}
.zynr_hide img{width:100%; display: block;}
.zynr_hide h1{font-size: 16px; color:#000; width:100%; text-align: center; margin-top: 46px;}
.zynr_hide h2{font-size: 30px; width:100%; text-align: center; font-weight: bold; margin-top:12px; margin-bottom: 40px;}
.zynr_hide .zynr_bt1{color: #d5ae66;}
.zynr_hide .zynr_bt2{color: #5aabc6;}
.zynr_hide .zynr_bt3{color: #c18899;}
.zynr_hide .zynr_bt4{color: #ec6916;}
.zynr_hide a{ display: block; width:210px; height: 45px; font-size: 24px; margin: 0 auto; text-align: center; line-height: 45px;}
#zyyc a{ border:2px solid #d5ae66; color: #d5ae66; }
#pyyc a{ border:2px solid #5aabc6; color: #5aabc6; }
#kcyc a{ border:2px solid #c18899; color: #c18899; }
#fzyc a{ border:2px solid #ec6916; color: #ec6916; }


/*专业优势*/
.jdgl_zyys{ width:100%; height: 1100px; position: relative; overflow: hidden;background: #000;}
.jdgl_zyys h1{ font-size: 36px; color:#ceb483; text-align: center; margin-top: 60px;}
.jdgl_zyys h2{ font-size: 24px; color:#ceb483; text-align: center; opacity: 0.7; margin: 15px 0 13px;}
.jdgl_zyys .bt_line{ width:70px; height: 4px; background:#ceb483; margin: 0 auto;}

.zyys_box{width:1200px; height: 800px; margin: 26px auto; position: relative; overflow: hidden;}
.zyys_box li{width:268px; height: 268px; position: absolute;}
.zyys_box li img{border-width: 4px; border-style: solid; border-color: rgba(255,255,255,0.7); transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);}

.zyys_box .zyys_li01{top:58px; left: 262px;}
.zyys_box .zyys_li02{top:58px; right: 268px;}
.zyys_box .zyys_li03{top:260px; left: 61px;}
.zyys_box .zyys_li04{top:260px; left: 463px;}
.zyys_box .zyys_li05{top:260px; right: 66px;}
.zyys_box .zyys_li06{top:462px; left: 262px;}
.zyys_box .zyys_li07{top:462px; right: 268px;}

.zyys_box li h3{ width:100%; position: absolute; top: 100px; left: 0; font-size: 30px; color:#fff; text-align: center;
	-webkit-transition:top linear 300ms; 
	transition:top linear 300ms; 
	-moz-transition:top linear 300ms; 
	-ms-transition:top linear 300ms; 
	-o-transition:top linear 300ms;
}
.zyys_box li h4{ width:100%; position: absolute; top: 140px; left: 0; font-size: 18px; color:#fff; text-align: center;
	-webkit-transition:top linear 300ms; 
	transition:top linear 300ms; 
	-moz-transition:top linear 300ms; 
	-ms-transition:top linear 300ms; 
	-o-transition:top linear 300ms;}

.zyys_box .li_line01{ width:90%; height: 2px; background: #ceb483; position: absolute; top:180px; left: 5%; opacity: 0; 
	-webkit-transition:top linear 300ms; 
	transition:top linear 300ms; 
	-moz-transition:top linear 300ms; 
	-ms-transition:top linear 300ms; 
	-o-transition:top linear 300ms;}
.zyys_box p{ width: 80%; position: absolute; left: 10%; top: 160px; color:#ceb483; font-size: 24px; text-align: center; opacity: 0; 
	-webkit-transition:top linear 300ms; 
	transition:top linear 300ms; 
	-moz-transition:top linear 300ms; 
	-ms-transition:top linear 300ms; 
	-o-transition:top linear 300ms;}

.zyys_box .li_border{width:275px;height:275px;position:absolute; top: 1px; left: 1px;
	transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);}
.li_border .top {position:absolute;z-index:1;height:4px;width:0px;top:0px;}
.li_border .bottom {position:absolute;z-index:1;height:4px;width:0%;bottom:0px;right:0px;}
.li_border .left {height:0;position:absolute;left:0px;width:4px;}
.li_border .right {height:0;position:absolute;right:0px;width:4px;bottom:0px;}

.zyys_box .zyys_li01:hover h3{top: 50px; color:#ceb483;}
.zyys_box .zyys_li01:hover h4{top: 90px;color:#ceb483;}
.zyys_box .zyys_li01:hover .li_line01{top:130px; opacity: 1;}
.zyys_box .zyys_li01:hover p{top:150px; opacity: 1;}

.zyys_box .zyys_li02:hover h3{top: 50px; color:#ceb483;}
.zyys_box .zyys_li02:hover h4{top: 90px;color:#ceb483;}
.zyys_box .zyys_li02:hover .li_line01{top:130px; opacity: 1;}
.zyys_box .zyys_li02:hover p{top:150px; opacity: 1;}

.zyys_box .zyys_li03:hover h3{top: 50px; color:#ceb483;}
.zyys_box .zyys_li03:hover h4{top: 90px;color:#ceb483;}
.zyys_box .zyys_li03:hover .li_line01{top:126px; opacity: 1;}
.zyys_box .zyys_li03:hover p{top:140px; opacity: 1;}

.zyys_box .zyys_li04:hover h3{top: 50px; color:#ceb483;}
.zyys_box .zyys_li04:hover h4{top: 90px;color:#ceb483;}
.zyys_box .zyys_li04:hover .li_line01{top:130px; opacity: 1;}
.zyys_box .zyys_li04:hover p{top:150px; opacity: 1;}

.zyys_box .zyys_li05:hover h3{top: 50px; color:#ceb483;}
.zyys_box .zyys_li05:hover h4{top: 90px;color:#ceb483;}
.zyys_box .zyys_li05:hover .li_line01{top:142px; opacity: 1;}
.zyys_box .zyys_li05:hover p{top:154px; opacity: 1;}

.zyys_box .zyys_li06:hover h3{top: 50px; color:#ceb483;}
.zyys_box .zyys_li06:hover h4{top: 90px;color:#ceb483;}
.zyys_box .zyys_li06:hover .li_line01{top:130px; opacity: 1;}
.zyys_box .zyys_li06:hover p{top:150px; opacity: 1;}

.zyys_box .zyys_li07:hover h3{top: 50px; color:#ceb483;}
.zyys_box .zyys_li07:hover h4{top: 90px;color:#ceb483;}
.zyys_box .zyys_li07:hover .li_line01{top:130px; opacity: 1;}
.zyys_box .zyys_li07:hover p{top:150px; opacity: 1;}

.zyys_zx{width:1180px; margin: 0 auto; text-align: center;}
.zyys_zx a{ display: inline-block; width:206px; height: 41px; color:#ceb483; border: 2px solid #ceb483; font-size: 24px; margin:0 94px; line-height: 41px; text-align: center; position:relative; opacity:.999; }
.zyys_zx .zxwt_01:before,.zyys_zx .zxwt_01:after {content:'';width:100%;height:0;opacity:0;position:absolute;left:0;z-index:-1;}
.zyys_zx .zxwt_01:before {top:50%;}
.zyys_zx .zxwt_01:after {bottom:50%;}
.zyys_zx .zxwt_01:hover {color:#fff;}
.zyys_zx .zxwt_01:hover:before,.zyys_zx .zxwt_01:hover:after {height:50%;opacity:1;}
.zyys_zx .zxwt_01:before,.zyys_zx .zxwt_01:after {background-color:#ceb483;}
.zyys_zx .zxwt_01:hover {border-color:#ceb483;}
.zyys_zx .zxwt_01:before,.zyys_zx .zxwt_01:after {-webkit-transition:all 0.3s;transition:all 0.3s;}


/*教学模式*/
.jdgl_jxms{ width:100%; height: 1015px; position: relative; overflow: hidden;background: url(../images/jdgl_23.jpg) no-repeat;}
.jdgl_jxms h1{ font-size: 36px; color:#bd925b; text-align: center; margin-top: 60px;}
.jdgl_jxms h2{ font-size: 24px; color:#bd925b; text-align: center; opacity: 0.7; margin: 15px 0 13px;}
.jdgl_jxms .bt_line{ width:70px; height: 4px; background:#bd925b; margin: 0 auto;}

.jxms_box{width:1200px; height: 690px; margin: 30px auto;}

.jxms_box li{width:300px; height: 230px; float: left; position: relative; overflow: hidden;}
.jxms_box .jxms_li02{background:#fff;}
.jxms_box .jxms_li04{background:#333333;}
.jxms_box .jxms_li05{background:#ceb483;}

.jxms_box li p{font-size: 18px; width: 256px; margin: 0 auto; margin-top: 60px; line-height: 1.4; opacity: 0;
	-webkit-transition:margin-top linear 0.4s; 
	transition:margin-top linear 0.4s; 
	-moz-transition:margin-top linear 0.4s; 
	-ms-transition:margin-top linear 0.4s; 
	-o-transition:margin-top linear 0.4s;}
.jxms_box .jxms_li01 img{transition: all 1s;}
.jxms_box .jxms_li01:hover img{ transform: scale(1.1);}

.jxms_box .jxms_li02:hover img{display: none;}
.jxms_box .jxms_li02:hover p{margin-top: 35px;opacity: 1; color: #ceb483;}

.jxms_box .jxms_li04:hover img{display: none;}
.jxms_box .jxms_li04:hover p{margin-top: 40px;opacity: 1; color: #fff;}

.jxms_box .jxms_li05:hover img{display: none;}
.jxms_box .jxms_li05:hover p{margin-top: 40px;opacity: 1; color: #fff;}

.jxms_box li i{width:20px; height: 30px; position: absolute; top: 50%; margin-top: -15px; display: block;}
.jxms_box .jxms_sjx1{ right: 0; background: url(../images/jdgl_36.png) no-repeat; background-position: 0 0;}
.jxms_box .jxms_sjx2{ right: 0; background: url(../images/jdgl_36.png) no-repeat; background-position: 0 -34px;}
.jxms_box .jxms_sjx3{ left: 0; background: url(../images/jdgl_36.png) no-repeat; background-position: 0 -68px;}
.jxms_box .jxms_sjx4{ left: 0; background: url(../images/jdgl_36.png) no-repeat; background-position: 0 -102px;}

.jxms_zx{width:1180px; margin: 50px auto; text-align: center;}
.jxms_zx a{ display: inline-block; width:206px; height: 41px; color:#ceb483; border: 2px solid #ceb483; font-size: 24px; margin:0 94px; line-height: 41px; text-align: center;position:relative; opacity:.999;}

.jxms_zx .zxwt_01:before,.jxms_zx .zxwt_01:after {content:'';width:100%;height:0;opacity:0;position:absolute;left:0;z-index:-1;}
.jxms_zx .zxwt_01:before {top:50%;}
.jxms_zx .zxwt_01:after {bottom:50%;}
.jxms_zx .zxwt_01:hover {color:#fff;}
.jxms_zx .zxwt_01:hover:before,.jxms_zx .zxwt_01:hover:after {height:50%;opacity:1;}
.jxms_zx .zxwt_01:before,.jxms_zx .zxwt_01:after {background-color:#bd925b;}
.jxms_zx .zxwt_01:hover {border-color:#bd925b;}
.jxms_zx .zxwt_01:before,.jxms_zx .zxwt_01:after {-webkit-transition:all 0.3s;transition:all 0.3s;}


/*名师授课*/
.jdgl_mssk{width:100%; height: 660px; position: relative; overflow: hidden;background: url(../images/jdgl_37.jpg) no-repeat;}
.mssk_box{width:1200px; height: 550px; margin: 0 auto; margin-top: 60px; position: relative; overflow: hidden;}
.mssk_box li{width:600px; height: 550px; float: left; position: relative; overflow: hidden;}

.mssk_box h1{ font-size: 36px; color:#bd925b; text-align: center;}
.mssk_box h2{ font-size: 24px; color:#bd925b; text-align: center; opacity: 0.7; margin: 15px 0 13px;}
.mssk_box .bt_line{ width:70px; height: 4px; background:#bd925b; margin: 0 auto;}
.mssk_box p{width:87%;font-size:24px; color:#ceb483; text-indent: 2em; line-height: 1.5; margin: 30px auto;}
.mssk_box .mssk_img01{ margin-left: 82.5px;}
.mssk_box a{display: block; width:210px; height: 45px; color:#ceb483; border: 2px solid #ceb483; font-size: 24px; margin: 0 auto; margin-top: 30px; line-height: 45px; text-align: center;position:relative; opacity:.999;}
.mssk_box a:before,.mssk_box a:after {content:'';width:100%;height:0;opacity:0;position:absolute;left:0;z-index:-1;}
.mssk_box a:before {top:50%;}
.mssk_box a:after {bottom:50%;}
.mssk_box a:hover {color:#fff;}
.mssk_box a:hover:before,.mssk_box a:hover:after {height:50%;opacity:1;}
.mssk_box a:before,.mssk_box a:after {background-color:#ceb483;}
.mssk_box a:hover {border-color:#ceb483;}
.mssk_box a:before,.mssk_box a:after {-webkit-transition:all 0.3s;transition:all 0.3s;}


/*就业保障*/
.jdgl_jybz{ width:100%; height: 1267px; position: relative; overflow: hidden;background: url(../images/jdgl_41.jpg) no-repeat;}
.jdgl_jybz h1{ font-size: 36px; color:#bd925b; text-align: center; margin-top: 60px;}
.jdgl_jybz h2{ font-size: 24px; color:#bd925b; text-align: center; opacity: 0.7; margin: 15px 0 13px;}
.jdgl_jybz .bt_line{ width:70px; height: 4px; background:#bd925b; margin: 0 auto;}

.jybz_box{width:1200px; height: 1040px; padding: 8px 0; position: relative; overflow: hidden; margin: 30px auto 50px;}
.jybz_box img{ display: block; width:360px; position: absolute;  border-radius: 184px;
	-webkit-transition:all linear 0.3s; 
	transition:all linear 0.3s; 
	-moz-transition:all linear 0.3s; 
	-ms-transition:all linear 0.3s; 
	-o-transition:all linear 0.3s;}
.jybz_box .jybz_img01{ top: 10px; left: 198px;}
.jybz_box .jybz_img02{ top: 10px; left: 617px;}
.jybz_box .jybz_img03{ top: 390px; left: 0;}
.jybz_box .jybz_img04{ top: 390px; left: 420px;}
.jybz_box .jybz_img05{ top: 390px; right: 0;}
.jybz_box .jybz_img01:hover{ top: 0; box-shadow:0 10px 20px #ccc;}
.jybz_box .jybz_img02:hover{ top: 0; box-shadow:0 10px 20px #ccc;}
.jybz_box .jybz_img03:hover{ top: 380px; box-shadow:0 10px 20px #ccc;}
.jybz_box .jybz_img04:hover{ top: 380px; box-shadow:0 10px 20px #ccc;}
.jybz_box .jybz_img05:hover{ top: 380px; box-shadow:0 10px 20px #ccc;}

.jybz_qy{width:100%; position: absolute; top: 800px; left: 0;}
.jybz_qy li{width:144px; height: 155px; float: left; margin:0 3px;}
.jybz_qy li div{ width:144px; height: 100px; border:1px solid #eee;}
.jybz_qy li div:hover{ border:1px solid #bd925b;}
.jybz_qy .jybz_qy01{background: url(../images/jdgl_47.png) no-repeat; background-position: 20px 6px;}
.jybz_qy .jybz_qy02{background: url(../images/jdgl_47.png) no-repeat; background-position: -131px 6px;}
.jybz_qy .jybz_qy03{background: url(../images/jdgl_47.png) no-repeat; background-position: -282px 6px;}
.jybz_qy .jybz_qy04{background: url(../images/jdgl_47.png) no-repeat; background-position: -428px 6px;}
.jybz_qy .jybz_qy05{background: url(../images/jdgl_48.png) no-repeat; background-position: 30px 6px;}
.jybz_qy .jybz_qy06{background: url(../images/jdgl_48.png) no-repeat; background-position: -126px 6px;}
.jybz_qy .jybz_qy07{background: url(../images/jdgl_48.png) no-repeat; background-position: -277px 6px;}
.jybz_qy .jybz_qy08{background: url(../images/jdgl_48.png) no-repeat; background-position: -433px 6px;}
.jybz_qy li span{display:block; width:120px; margin-left: 12px;text-align: center; font-size: 18px; color: #919191;}
.jybz_zx{width:1200px; text-align: center; position: absolute; top: 995px; left: 0;}
.jybz_zx a{ display: inline-block; width:206px; height: 41px; color:#ceb483; border: 2px solid #ceb483; font-size: 24px; margin:0 94px; line-height: 41px; text-align: center;position:relative; opacity:.999;}

.jybz_zx .zxwt_01:before,.jybz_zx .zxwt_01:after {content:'';width:100%;height:0;opacity:0;position:absolute;left:0;z-index:-1;}
.jybz_zx .zxwt_01:before {top:50%;}
.jybz_zx .zxwt_01:after {bottom:50%;}
.jybz_zx .zxwt_01:hover {color:#fff;}
.jybz_zx .zxwt_01:hover:before,.jybz_zx .zxwt_01:hover:after {height:50%;opacity:1;}
.jybz_zx .zxwt_01:before,.jybz_zx .zxwt_01:after {background-color:#bd925b;}
.jybz_zx .zxwt_01:hover {border-color:#bd925b;}
.jybz_zx .zxwt_01:before,.jybz_zx .zxwt_01:after {-webkit-transition:all 0.3s;transition:all 0.3s;}