@charset "utf-8";
/*1200+ 内容宽度：1190px  页面内容居中  匹配默认样式 */
.banner{ position: relative;overflow: hidden;}
.zypx-banner{max-height: 430px; overflow: hidden; margin: 0 !important;position: relative;}
.zypx-banner li{width: 100%;height: 430px; overflow: hidden;}
.banner img { max-width: 100%; display: block; }
.zypx-banner li .zoomIn{width: 368px; margin: 80px auto 0; display: block;}
/* 职能分类 */
.varity .content{padding: 10px;margin-top:-100px;background-color: #fff; overflow: hidden;}
.varity-box{width: 380px;float: left;margin-left: 20px}
.varity-box:first-child{margin-left: 0;}
.varity-box .img{width: 380px; height: 136px;}
.special-img {border-bottom: 4px solid #FF5555;}
.occupation-img{border-bottom: 4px solid #FF8C42;}
.skills-img{border-bottom: 4px solid #3B8DF4;}
.img img{width: 100%;height: 100%;display: block;}
.varity .title{position: relative;}
.varity .title h3{width: 80%;overflow: hidden;text-overflow:ellipsis;font-size:1.8em;padding-left: 40px;color: #000;line-height: 50px; transition: all .5s ease;}
.varity .title:hover h3{transform: scale(1.01);}
.spcial-traning .title h3{background: url('/Public/Home/Default/images/zypx/tzzy_bg.png') no-repeat left center;}
.spcial-traning .title:hover h3{color: #FF5454;}
.occupation-traning .title h3{background: url('/Public/Home/Default/images/zypx/zyjb_bg.png') no-repeat left center;}
.occupation-traning .title:hover h3{color: #FF8C3F;}
.vocational-skills .title h3{background: url('/Public/Home/Default/images/zypx/znjd_bg.png') no-repeat left center;}
.vocational-skills .title:hover h3{color: #388DF4;}
.varity .title a{position: absolute; color: #999999;background: url('/Public/Home/Default/images/zypx/more_un.png') no-repeat right center;right: 0px;top:15px;padding-right: 15px; transition: all .5s ease;}
.vocational-skills .title:hover a{color: #388DF4; background: url('/Public/Home/Default/images/zypx/more_onb.png') no-repeat right center;}
.occupation-traning  .title:hover a{color: #FF8C3F; background: url('/Public/Home/Default/images/zypx/more_ono.png') no-repeat right center;}
.spcial-traning  .title:hover a{color: #FF5454; background: url('/Public/Home/Default/images/zypx/more_onr.png') no-repeat right center;}
.varity ul li{position: relative;height: 40px;border-bottom: 1px dashed #CCCCCC;line-height: 40px;}
.varity ul li:before{content:"";width:6px; height: 6px;border-radius: 50%;position: absolute;left: 0;top: 18px; background-color:#363636; }
.occupation-traning ul li:hover:before{background-color: #FF8C3F}
.occupation-traning ul li:hover p{color: #FF8C3F}
.spcial-traning ul li:hover:before{background-color: #FF5454}
.spcial-traning ul li:hover p{color: #FF5454}
.vocational-skills ul li:hover:before{background-color: #388DF4}
.vocational-skills ul li:hover p{color: #388DF4}
.varity ul p{font-size:1.4em;color:#666666;width: 80%;overflow: hidden;text-overflow:ellipsis;padding-left: 15px;}
.varity ul span{font-family: "Arial";font-size: 1.4em;position: absolute;right: 0;top: 0px;color: #666666;}
/* 焦点图轮播 */
.complete-box{margin-top: 20px;position: relative;overflow: hidden;padding-bottom: 20px;border-bottom: 1px solid #D5E4F5;}
.complete-box .content{margin-top: 20px;}
.complete-box:before{content: "";width: 100%;height: 6px;background: url('/Public/Home/Default/images/zypx/skills_bg.png') repeat-x left 0;position: absolute;top: 0;left: 0;}
.skill-box{width: 740px;height:325px;float: left;padding:0 10px;border:1px solid #EBEBEB; position: relative;}
.skill-box .title{height: 40px;line-height: 40px;border-bottom: 2px solid #EEF1F4;}
.skill-box .title h3{width: 80%;overflow: hidden;text-overflow:ellipsis;font-size:1.8em;}
.skill-box .title a{position: absolute; color: #999999;background: url('/Public/Home/Default/images/zypx/more_un.png') no-repeat right center;right:10px;top:3px;padding-right: 15px;transition: all .5s ease;}
.skill-box .title a:hover{background: url('/Public/Home/Default/images/zypx/more_ony.png') no-repeat right center;color: #D3A449;}
.jiaodiantu {padding-left: 350px;position: relative;}


.focus-container {width: 350px;height: 265px;left: 0;top: 10px;position: absolute;overflow: hidden;}
.focus-wrapper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.focus-container .focus-slide {display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.focus-container .focus-slide img {display: block;width: 100%;height: 228px;}
.focus-title {width: 100%;height: 37px;line-height: 37px;color: #fff;font-size: 1.4em;text-indent: 10px;position: absolute;left: 0;bottom: 0;z-index: 9;
background-color: #D3A449;}
.focus-title span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 100px;display: block;}
.focus-pagination {display: block;width: 72px;height: 32px;line-height: 32px;position: absolute;right: 6px;bottom: 0;z-index: 10;text-align: right;}
.focus-pagination a {width: 7px;height: 7px;display: inline-block;margin: 0 5px;border:1px solid #fff; cursor: pointer;border-radius: 4px;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.focus-pagination a:hover, .focus-pagination a.active { background: #fff;}

.focus-list{width: 355px;margin-left:10px;padding-bottom: 10px;}
.focus-list li{height: 39px;line-height: 39px;border-bottom: 1px dashed #CCCCCC;position: relative;}
.focus-list li:before{content:"";width: 6px;height: 6px;background-color: #363636;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -2px; transition: all .3s ease;}
.focus-list li:hover:before{background-color: #D3A446;}
.focus-list li a{width: 80%;text-overflow:ellipsis;overflow: hidden;font-size: 1.4em;color: #666666;padding-left: 14px;}
.focus-list li:hover a{color: #D3A446;}
.focus-list li span{position: absolute;right: 0;top: 3px;font-size: 1.4em;color: #666666;font-family: "Arial";}

/* 招生简章 */
.online-box{width: 420px;float: right;overflow: hidden;position: relative;}
.online-box a {display: block;height: 90px;margin-bottom: 10px;}
.online-box  img{display: block;width: 100%;height: 100%;}

/* 浮动窗口链接*/
.ad{width: 300px;position: fixed;right:18px;top:250px;z-index: 9999;text-align: center;border: 1px solid #83BFFD;background:#FEFEF6 url(../images/zypx/icon.png) no-repeat center 10px;padding-top: 120px;padding-bottom: 20px;}
.ad .sign-box{background: #fff;width: 80%;margin: 0 auto;padding: 15px;}
.ad .sign1{border-bottom: 1px solid #eee;padding-bottom: 10px;}
.ad .sign2{padding-top: 10px;}
.ad a{display: inline-block;height: 46px;}
.ad span{display: inline-block;width: 24px;height: 24px;background:url('/Public/Home/Default/images/index/close_icon.png') center no-repeat;margin-top: 10px;cursor: pointer;position: absolute;right: 10px;top: 0;}

/* 联系方式 */
.contact{width: 420px;float: right;overflow: hidden;position: relative;}
/* .contact div{width: 48%;height: 124px;float: left;} */
.contact .query{float: left;}
.contact .tel{}
.zoomIn { -webkit-animation: zoomIn 1s ease-out; -moz-animation: zoomIn 1s ease-out; -o-animation: zoomIn 1s ease-out; animation: zoomIn 1s ease-out; }
@media only screen and (max-width:1366px) {
    .ad{left: 20px;}
}
@-webkit-keyframes zoomIn {
    0% {    /* opacity: 0; */
    -webkit-transform: scale(0); transform: scale(0); }
    100% {    /* opacity: 1; */
    -webkit-transform: scale(1); transform: scale(1); }
}
@-moz-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); }
    100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
}
@-o-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    100% { opacity: 1; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}
@keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}