/*header*/
.header{
	width: 100%;
	height: 130px;
	background: #080808;
	padding-top: 22px;
}
.head{
	width: 1021px;
	height: 51px;
	background: url(../img/line.png) no-repeat;
	margin: 0 auto;
}
.head h1{
	background: url(../img/logo.png) no-repeat;
	width: 140px;
	height: 42px;
	margin-right: 8px;
}
.head h1 a{
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -999em;
}
.head p,.head .nav1,.nav2,.nav p{
	font-size: 16px;
	color: #cb9a4f;
	margin-left:12px;
}
.head p{
	line-height: 22px;
	font-size: 14px;
}
.head  .nav1{
	margin: 20px 0 0 204px;
}
.nav1 li{
	margin-right: 14px;
}
.nav1 li.last{
	margin-right: -14px;
}
.nav1 a{
	color: #cb9a4f;	
}
.nav{
	width: 1021px;
	margin: 0 auto;
}
.nav2{
	margin-top: 14px;
}
.nav2 li{
	margin-right: 40px;
}
.nav p{
	padding-top: 14px;
	margin: 0;
	margin-right: 18px;
}

/*banner*/
.banner{
    margin:0 auto;
    width:100%;
    height:798px;
    overflow:hidden;
    background:#818181;
}
#banner{
    width:100%;
    height:798px;
    overflow:hidden;
}
.banner-img a{
    display: block;
    width: 100%;
    height: 798px;
}
#banner .swiper-slide{
    position:relative;
    overflow:hidden;
}
#banner .swiper-slide img{
    top:0;
    left:50%;
    margin-left:-960px;
    position:absolute;
}
#banner .pagination {
    bottom:35px;
    width:100%;
    z-index:20;
    text-align:center;
    position:absolute;
}
#banner .swiper-pagination-switch {
    margin:0 5px;
    width:14px;
    height:14px;
    border-radius: 100%;
    cursor:pointer;
    display:inline-block;
    background:#b9b9b9;
}
#banner .swiper-active-switch {
    background:#f5373a;
}

/*tit*/
.tit{
    text-align: center;
    padding-top: 60px;
    margin-bottom: 40px;
}
.tit h3{
    font-size: 40px;
    color: #484651;
    font-weight: normal;
}
.tit h3 span{
    font-weight:bold;
}
.tit p{
    font-size: 18px;
}
.tit_zp h3{
    color: #484651;
}

/*按钮*/
.link_a{
    text-align: center;
    margin-top: 40px;
}
.link_a a{
    display: inline-block;
    border:1px solid #f83e3b;
    color: #f63d39;
    font-size: 22px;
    padding: 10px 30px 10px 100px;
    border-radius: 4px;
}
.link_a a:hover{
    color: #e90904;
}
.link_a a span{
    display: inline-block;
    width:90px;
    height:80px;
    position: absolute;
    left: 0;
    bottom: -1px;
    background: url("../img/btn_bg.png") no-repeat center;

    transition: all .4s;
}
.link_a a:hover span{
    left: 10px;
    transition: all .4s ease-in;
}
.part{
    padding-bottom: 80px;
}
/*作品*/
.part_zp{
    height: 800px;
}
.zp_bg{
    position: absolute;
    bottom: 0;
    right: -185px;
    width:266px;
    height:259px;
    background: url("../img/zp_bg.png") no-repeat center;
    z-index: 1;
}
.zp_wrap{
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e9e9e9;
    z-index: 1;
}
.part_zp .device {
    width: 850px;
    height: 500px;
    position: relative;
    margin: auto;
}
.zp_device_bg{
    background: #fff;
    position: absolute;
    top: -7px;
    left: -7px;
    right: -7px;
    height: 448px;
    border-radius: 4px;
}
.part_zp .device .arrow-left1{
    position: absolute;
    left: -60px;
    top: 40%;
    width: 42px;
    height: 42px;
    background:url("../img/zp_icon.png")no-repeat left center;
    z-index: 10;
    cursor: pointer;
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    transition: all .4s;
}
.part_zp .device .arrow-right1 {
    position: absolute;
    right: -60px;
    top: 40%;
    width: 42px;
    height: 42px;
    background:url("../img/zp_icon.png")no-repeat right center;
    z-index: 10;
    cursor: pointer;
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    transition: all .4s;

}
.part_zp .device .arrow-left1:hover, .part_zp .device .arrow-right1:hover{
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    transition: all .4s;
}
.part_zp .swiper-container {
    height: 500px;
    width: 850px;
}
.part_zp .content-slide {
    color: #000;
}
.part_zp .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom:5px;
    width: 100%;
    z-index: 11;
}
.part_zp .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}
.part_zp .swiper-active-switch {
    background: #fff;
}
.zp_del{
    text-align: center;
    color: #484651;
    font-size: 22px;
    margin-top: 20px;
}

/*薪资*/
.xz_part{
    background: url("../img/xz_bg.jpg") no-repeat no-repeat top;
}
.tit_xz, .tit_xz h3{color: #fff;}
.xz_img{opacity: 0;    transform: translateX(-100px);}
/*软件设计*/
.rj_part {
    background-image: url("../img/rj_bg.jpg");
    background-repeat:no-repeat;
    background-attachment:fixed;
    height: 730px;
}
.rj_main{
    margin: 0 -15px;
}
.rj_main li{
    display: inline-block;
    float: left;
    padding: 0 15px;
    width: 33.33%;
    height: 230px;
}
.rj_main .img_box{
    position: relative;
    min-height: 100px;
}
.img_box > img{
    max-width: 100%;
    display: block;
}
.rj_main .img_box .img_pop{
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(0,0,0,.5);
    filter:alpha(opacity=50);
    text-align: center;
    top: 0;
    left: 0;

    transform: scale(1);
}
.rj_main .img_box .img_pop p{
    font-size: 24px;
    color: #fff;
    font-weight:bold;
    display: inline-block;
    padding-left:50px;
    height: 50px;
    line-height: 50px;
    margin-top: 50px;

}
.rj_main .img_pop p{
    background: url("../img/rj_icon.png") no-repeat;
}
.rj_main .img_pop .p1{
    background-position: left top;
}
.rj_main .img_pop .p2{
    background-position: left -50px;
}
.rj_main .img_pop .p3{
    background-position: left -100px;
}
.rj_main .img_pop .p4{
    background-position: left -150px;
}
.rj_main .img_pop .p5{
    background-position: left -200px;
}
.rj_main .img_pop .p6{
    background-position: left -250px;
}
.rj_main .del{
    padding: 10px 20px;
    color: #484651;
    font-size: 18px;
    text-align: center;
}

.rj_main li .img_box:hover .img_pop{
    transform: scale(0);

    transition: all 1s;
}

/*课程*/
.ke_part{}
.ke_main{
    margin: 60px -15px 0;
}
.ke_main li{
    display: inline-block;
    float: left;
    padding: 0 15px;
    width: 33.33%;
    height: 230px;
    margin-bottom: 70px;
}
.ke_main .img_box{
    min-height: 100px;
    text-align: center;
}
.ke_main .img_box p{
    display: inline-block;
    width:138px;
    height:138px;
    border:1px solid #f5373a;
    border-radius: 100%;
    opacity: .7;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.ke_main li:hover .img_box p{
    opacity: 1;
}
.ke_main p{
    background: url("../img/ke_icon.png") no-repeat;
}
.ke_main .p1{
    background-position: left center;
}
.ke_main .p2{
    background-position:-138px center;
}
.ke_main .p3{
    background-position:-276px center;
}
.ke_main .p4{
    background-position:-414px center;
}
.ke_main .p5{
    background-position:-552px center;
}
.ke_main .p6{
    background-position:-690px center;
}
.ke_main .del{
    padding: 20px 20px;
    color: #a5a5a5;
    font-size: 18px;
    text-align: center;
}
.ke_main .del h3{
    color: #484651;
    padding-bottom: 10px;
}

/*课程,操作*/
.cz_part{
    background: url("../img/cz_bg.jpg") no-repeat center;
    height: 906px;
    padding-top: 50px;
}
.tit_cz{
    color: #fff;
}
.tit_cz h3{
    color: #fff;
}
.tit_cz h3 span{
    color: #f5373a;
}
.cz_main{
    margin: 0 -5px;
    padding-top: 20px;
}
.cz_main li{
    width:33.3%;
    float: left;
    padding: 0 5px;
}
.cz_main li:after, .cz_main li:before{
    display: block;
    content: '';
    clear: both;
}
.cz_main li div img{
    max-width: 100%;
    display: block;
    transition: all 1s;
    transform: scale(1);
}
.cz_img_small{
    margin: 0 -5px;
    overflow: hidden;
}
.cz_img_small p{
    width: 158px;
    float: left;
    margin: 0 5px;
    overflow: hidden;
}
.cz_pic_top{
    margin-top: 10px;
}
.cz_img_big{
    height: 326px;
    overflow: hidden;
}
.cz_img_middle{
    height: 159px;
    overflow: hidden;
}
.cz_main li img:hover{
    transform: scale(1.3);

    transition: all 1s;
}
.cz_left_bg{
    position: absolute;
    top:-465px;
    left: -459px;
    width:796px;
    height:640px;
    background:url("../img/kccz_left_bg.png") no-repeat center;
}

/**/
.hy_part{
    background: url("../img/hy_bg.jpg") no-repeat center top;
}
.hy_part .device {
    width: 1000px;
    height: 300px;
    position: relative;
}

.hy_part .swiper-container {
    width: 1000px;
    height: 400px;
}
.hy_part .swiper-container .swiper-slide {
    width: 1000px;
    color: #fff;
}
.hy_part .swiper-container .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom:0;
    width: 100%;
    z-index: 10;
}
.hy_part .swiper-container .swiper-pagination-switch {
    display: inline-block;
    width: 47px;
    height: 6px;
    /*border-radius: 10px;*/
    background: #a4a4a4;
    margin: 0 10px;
    cursor: pointer;
}
.hy_part .swiper-container .swiper-active-switch {
    background: #f5373a;
}

.pz_ul{
    margin: 0 -10px;
}
.pz_ul li{
    width: 25%;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    float: left;
    padding-top: 30px;
}
.pz_ul li a > div{
    background: #fff;
    padding: 30px 0 10px;
    height: 282px;
    margin-top: 5px;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: relative;
    z-index: 1;
}
.pz_ul li a > div:hover{
    z-index: 2;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}
.pz_img span{
    width: 86px;
    height: 68px;
    display: inline-block;
}
.pz_tit{
    font-size: 20px;
    color: #494949;
    padding-top: 30px;
}
.pz_del{
    font-size: 14px;
    color: #999;
    padding: 20px;
}
.pz_img_1 span{
    background: url("../img/model-img1-1.png") no-repeat center;
}
.pz_img_2 span{
    background: url("../img/model-img2-1.png") no-repeat center;
}
.pz_img_3 span{
    background: url("../img/model-img3-1.png") no-repeat center;
}
.pz_img_4 span{
    background: url("../img/model-img4-1.png") no-repeat center;
}
.pz_img_5 span{
    background: url("../img/model-img5-1.png") no-repeat center;
}
.pz_img_6 span{
    background: url("../img/model-img6-1.png") no-repeat center;
}
.pz_img_7 span{
    background: url("../img/model-img7-1.png") no-repeat center;
}
.pz_img_8 span{
    background: url("../img/model-img8-1.png") no-repeat center;
}
.pz_ul li > div:hover .pz_tit{
    color: #3697d9;
}
.pz_ul li > div:hover .pz_img_1 span{
    background: url("../img/model-img1-2.png") no-repeat center;
}
.pz_ul li > div:hover .pz_img_2 span{
    background: url("../img/model-img2-2.png") no-repeat center;
}

/*就业*/
.jy_main{
    margin: 0 -10px;
    padding-top: 20px;
}
.jy_main li{
    width: 33.3%;
    float: left;
    padding: 0 10px;
}
.jy_main .img_box{
    overflow: hidden;
}
.jy_main .img_box img{
    max-width: 100%;
    display: block;

    transform: scale(1);
    transition: all 1s;
}
.jy_main .del{
    padding: 10px;
    color: #a5a5a5;
    font-size: 14px;
    text-align: center;
    border:1px solid #e7e7e7;
    /*height: 68px;*/
}
.jy_main .del h3{
    font-size: 18px;
    font-weight:normal;
    color: #484651;
}
.jy_li_box1{
    margin-bottom: 20px;
}
.jy_li_box2 .del{
    padding: 17px 10px;
}
.jy_li_box1 .img_box{

}
.jy_main .img_box:hover img{
    transform: scale(1.1);
}
.jy_part_bg{
    width: 461px;
    height:0;
    position: absolute;
    top:0;
    right: -460px;
    background: url("../img/jy_bg.png") no-repeat;
}

/*学员*/
.xy_part{
    background: url("../img/xy_bg.jpg") no-repeat center bottom;
}
.tit_xy{
    padding-top: 90px;
    padding-bottom: 30px;
}
.xy_img1{
    width: 399px;
    float: left;
}
.xy_img2{
    width: 214px;
    float: left;
}
.xy_img3{
    width: 387px;
    float: left;
}
.xy_main{
    padding-bottom: 20px;
}
.xy_main img{
    display: inline-block;
width: 100%;
}

.hoverIn{
    transition: -webkit-transform .2s ease-out; /*!*以慢速结束*!*/
    transition: transform .2s ease-out;
}
.hoverOut{
    transition: -webkit-transform .2s ease-in;/*!*以慢速开始*!*/
    transition: transform .2s ease-in;
}
/*表单*/
.form_part{
    height:484px;
    background-image:url("../img/form_bg.jpg");
    background-repeat: no-repeat;
  /*  background-attachment: fixed;*/
}

.form form{
    margin-top:50px;
    margin-left:318px;
    width:360px;
}
.form input[type="text"]{
    margin-top:19px;
    width:358px;
    height:51px;
    display:block;
    text-indent:60px;
    color:#9f9f9f;
    border:1px solid #9f9f9f;
    border-radius:8px;
}
.form input.name{
    background:url("../img/form-tag1.png") no-repeat 18px center;
}
.form input.phone{
    background:url("../img/form-tag2.png") no-repeat 18px center;
}
.form-btn{
    margin-top:40px;
}
.form-btn .btn1{
    float:left;
    width:156px;
    height:42px;
    line-height:42px;
    display:block;
    font-size:16px;
    color:#484651;
    text-align:center;
    background:#fff;
    border-radius:3px;
}
.form-btn input[type="submit"]{
    float:right;
    width:198px;
    height:42px;
    line-height:42px;
    display:block;
    font-size:16px;
    color:#ffffff;
    cursor:pointer;
    text-align:center;
    background:#f13900;
    border-radius:3px;
    border:none;
}

/*footer*/
.footer{
    width:100%;
    height:80px;
    background:#191919;
   /* margin-bottom: 50px;*/
}
.footer p{
    color:#c3c3c3;
    line-height:80px;
    text-align:center;
}
.footer p span{
    margin-left:26px;
}




/**/
.zp_banner{
    width: 848px;
    height: 500px;
    position: relative;
}


.zhentu{
    top:0;
    width:848px;
    height:434px;
    position:absolute;
    background:url("../img/part2_pic1.jpg") no-repeat center;
    background-size: 100%;
    overflow:hidden;
}
.zhentu >div{
    width:100%;
    height:434px;
    overflow:hidden;
}
/*.zhentu >div:nth-child(0){
    background: url("../img/0.jpg") no-repeat center;
}
.zhentu >div:nth-child(1){
    background: url("../img/1.jpg") no-repeat center;
}
.zhentu >div:nth-child(2){
    background: url("../img/2.jpg") no-repeat center;
}
.zhentu >div:nth-child(3){
    background: url("../img/3.jpg") no-repeat center;
}
.zhentu >div:nth-child(4){
    background: url("../img/4.jpg") no-repeat center;
}
.zhentu >div:nth-child(5){
    background: url("../img/5.jpg") no-repeat center;
}
.zhentu >div:nth-child(6){
    background: url("../img/6.jpg") no-repeat center;
}*/
#banner_2{
    margin: 0 auto;
    width:100%;
    min-width: 848px;
    height:400px;
    position:relative;
}
#banner_2 .dianul{
    left:0;
    right: 0;
    position:absolute;
    bottom:-90px;

}

#banner_2 .dianul li{
    width:100%;
    color: #484651;
    font-size: 22px;
    display: none;
    text-align: center;
}

#banner_2 .dianul li.cur{
    display: block;
}
#banner_2 .maonimen{
    margin: 0 auto;
    width:100%;
    min-width:848px;;
    perspective:1000px;  /*支持3D效果*/
}
#banner_2 .maonimen > div{
    margin:0 auto;
    width:848px;
    height:434px;;
    position:relative;
}

#banner_2 .maonimen div div{
    width:212px;
    height:144.6px;
    position: absolute;
    background:url('../img/part2_pic1.jpg') no-repeat center; /*原图缩略版*/
}
#banner_2 .maonimen.fei div div{
    transform-style: preserve-3d;  /*以3D的形式动画*/
    opacity:0;
}

/*定义了24个大小相同的div, 但是角度不同*/
#banner_2 .maonimen.fei div div:nth-child(1){transform:rotate(-120deg) rotateX(180deg) rotateY(-90deg) scale(1.5);margin-left:-300px;margin-top:-150px;}
#banner_2 .maonimen.fei div div:nth-child(2){transform:rotate(60deg) rotateX(-180deg) rotateY(220deg) scale(1.5);margin-left:-200px;margin-top:-150px;}
#banner_2 .maonimen.fei div div:nth-child(3){transform:rotate(-180deg) rotateX(90deg) rotateY(-270deg) scale(1.5);margin-left:-150px;margin-top:-150px;}
#banner_2 .maonimen.fei div div:nth-child(4){transform:rotate(80deg) rotateX(-220deg) rotateY(-110deg) scale(1.5);margin-left:-100px;margin-top:-150px;}


#banner_2 .maonimen.fei div div:nth-child(5){transform:rotate(220deg) rotateX(60deg) rotateY(-360deg) scale(1.5);margin-left:-300px;margin-top:-200px;}
#banner_2 .maonimen.fei div div:nth-child(6){transform:rotate(120deg) rotateX(-120deg) rotateY(120deg) scale(1.5);margin-left:-200px;margin-top:-200px;}
/*#banner_2 .maonimen.fei div div:nth-child(7){transform:rotate(-360deg) rotateX(80deg) rotateY(220deg) scale(1.5);margin-left:300px;margin-top:-200px;}
#banner_2 .maonimen.fei div div:nth-child(8){transform:rotate(60deg) rotateX(150deg) rotateY(-160deg) scale(1.5);margin-left:400px;margin-top:-200px;}

#banner_2 .maonimen.fei div div:nth-child(9){transform:rotate(30deg) rotateX(180deg) rotateY(90deg)scale(1.5);margin-left:-400px}
#banner_2 .maonimen.fei div div:nth-child(10){transform:rotate(-40deg) rotateX(90deg) rotateY(180deg)scale(1.5);margin-left:-300px}
#banner_2 .maonimen.fei div div:nth-child(11){transform:rotate(60deg) rotateX(-180deg) rotateY(180deg)scale(1.5);margin-left:-200px}
#banner_2 .maonimen.fei div div:nth-child(12){transform:rotate(-80deg) rotateX(-360deg) rotateY(60deg) scale(1.5);margin-left:-100px}
#banner_2 .maonimen.fei div div:nth-child(13){transform:rotate(120deg) rotateX(60deg) rotateY(-360deg) scale(1.5);margin-left:100px}
#banner_2 .maonimen.fei div div:nth-child(14){transform:rotate(-20deg) rotateX(80deg) rotateY(-180deg) scale(1.5);margin-left:200px}
#banner_2 .maonimen.fei div div:nth-child(15){transform:rotate(-70deg) rotateX(-180deg) rotateY(90deg) scale(1.5);margin-left:300px}
#banner_2 .maonimen.fei div div:nth-child(16){transform:rotate(110deg) rotateX(180deg) rotateY(20deg) scale(1.5);margin-left:400px}

#banner_2 .maonimen.fei div div:nth-child(17){transform:rotate(-80deg) rotateX(-30deg) rotateY(70deg) scale(1.5);margin-left:-400px;margin-top:200px;}
#banner_2 .maonimen.fei div div:nth-child(18){transform:rotate(-110deg) rotateX(-60deg) rotateY(-30deg) scale(1.5);margin-left:-300px;margin-top:200px;}*/
#banner_2 .maonimen.fei div div:nth-child(7){transform:rotate(60deg) rotateX(120deg) rotateY(80deg) scale(1.5);margin-left:-150px;margin-top:200px;}
#banner_2 .maonimen.fei div div:nth-child(8){transform:rotate(-20deg) rotateX(30deg) rotateY(-360deg) scale(1.5);margin-left:-100px;margin-top:200px;}
#banner_2 .maonimen.fei div div:nth-child(9){transform:rotate(130deg) rotateX(-110deg) rotateY(320deg) scale(1.5);margin-left:100px;margin-top:150px;}
#banner_2 .maonimen.fei div div:nth-child(10){transform:rotate(-160deg) rotateX(240deg) rotateY(120deg) scale(1.5);margin-left:150px;margin-top:150px;}
#banner_2 .maonimen.fei div div:nth-child(11){transform:rotate(90deg) rotateX(20deg) rotateY(70deg) scale(1.5);margin-left:200px;margin-top:150px;}
#banner_2 .maonimen.fei div div:nth-child(12){transform:rotate(-160deg) rotateX(80deg) rotateY(-80deg) scale(1.5);margin-left:300px;margin-top:150px;}