@charset "UTF-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}

fieldset,img{border:0}

:focus{outline:0}

address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:400}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}

abbr,acronym{border:0;font-variant:normal}

code,kbd,samp,tt{font-size:100%}

input,button,textarea,select{ *font-size:100%;border:0}

body{background:#fff;color:#5e5e5e;font:14px/2em Microsoft YaHei,SimSun,Arial}

ol,ul{list-style:none}

table{border-collapse:collapse;border-spacing:0}

caption,th{text-align:left}

sup,sub{font-size:100%;vertical-align:baseline}

:link,:visited,ins{text-decoration:none}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}

a:link,a:visited{color:#5e5e5e}

a:hover{color:#c9394a}

a:active{color:#666}

.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}

.clearfix{ *zoom:1}

.l{float:left}

.r{float:right}

.clear{height:0;overflow:hidden;clear:both}

.hide{display:none}

.btn.hide{display:none}

a.hidefocus{outline:0}

button.hidefocus::-moz-focus-inner{border:0}

a:focus{outline:0;-moz-outline:0}

.pointer{cursor:pointer}

.fl{float:left}

.fr{float:right}

.pr{position:relative}

.pa{position:absolute}

.breakall{word-break:break-all}

a:link,a:visited,body,html{color:#14191e}

body,html{font:14px/1.5 "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif}

body{overflow-y:scroll;min-width:1200px;background-color:#F8FAFC;}

a:active,a:hover{color:#ec1500}

.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}

.hide{display:none}

.hide-text{text-indent:100%;overflow:hidden}



#header{height:72px;background:#fff;position:fixed;z-index:1000;width:100%;box-shadow:0 1px 5px 0 rgba(7,17,27,.1);}

.header,.header-wrap,.nav-item a,.w180andH30{position:relative}

.container,.newcontainer,.page-container,.waper{width:1000px;margin:0 auto}

#nav{width:auto;height:72px;}

#nav .nav {width:1030px;margin:0 auto;}

#nav{padding-right:30px;z-index:900;}

#logo a img,#nav,.logo a img,.nav-item a{height:72px}

#logo{margin:0 28px 0 24px}

.logo,.nav-item li{float:left}

.nav-item a{position:relative;padding:0 25px;display:block;color:#4D555D;text-align:center;font-size:16px;height:72x;line-height:72px;transition:background-color .3s}

.nav-item .active a,.nav-item a.active,.nav-item a:hover{color:#4D555D;background-color:rgba(77,85,93,.1)}

.nav-item a .icn-new{position:relative;display:inline-block;top:-10px;width:16px;height:16px;background:url(../images/new.png) no-repeat}

#search-area{float:right;padding:0 15px;margin-top:15px;font-size:14px;color:#4D555D;height:36px;border:1px solid #D9DDE1;border-radius:18px;}



#search-area .input{float:left;height:34px;margin:0;padding:0;font-size:14px;font-family: "微软雅黑";color:#4D555D;width:130px;margin-right:10px;}

#search-area .submit{margin:0;float:Left;width:19px;height:34px;padding:0;background-image: url(../images/ss.png);background-position: center center;background-repeat: no-repeat;background-color: #FFFFFF;}

#search-area .submit:hover{background-image: url(../images/ss2.png);cursor:pointer;}



#main{min-height:750px;background-image: url(../images/main_bg.png);background-repeat: repeat-x;background-position: left top;background-color:#fff;padding-top:75px;}

#main>.bgfff{}

.banner-box{padding-top:20px;margin-bottom:20px;}

.g-banner{position:relative;height:360px;overflow:hidden;width:1000px;margin:auto;background-color:#fff;}

.g-banner{background-color:#fff;}



.menuContent{position:absolute;float:left;width:216px;height:330px;z-index:2;padding-top:30px;background:rgba(68,68,68,0.4); border-bottom-left-radius:4px;font-weight:200;border-top-left-radius:8px;border-bottom-left-radius:8px;}

.menuContent .item .box a:hover{color:#f01414!important;}

.menuContent .item{height: 60px;line-height: 60px;font-size: 16px;cursor: pointer;position: relative;}

.menuContent .item .item_a{display:block;color:rgba(255,255,255,.9);padding:0 30px 0 60px;border-top-left-radius:4px;border-bottom-left-radius:4px;height:60px;transition:all .1s}

.menuContent .item i{position:absolute;right:16px;display:block;width:14px;height:14px;top:24px;color:rgba(255,255,255,.5);font-size:16px;background-size:75%;background-image: url(../images/you.png);background-repeat: no-repeat;background-position: right center;}

.menuContent .item em{position:absolute;left:15px;display:block;width:30px;height:30px;top:16px;color:rgba(255,255,255,.5);background-size:90%;background-repeat: no-repeat;background-position: right center;}

.menuContent .item .item_1{background-image: url(../images/rq.png);}

.menuContent .item .item_2{background-image: url(../images/ys.png);}

.menuContent .item .item_3{background-image: url(../images/sj.png);}

.menuContent .item .item_4{background-image: url(../images/yd.png);}

.menuContent .item .item_5{background-image: url(../images/zy.png);}

.menuContent .item .box a{color:#fff!important}

.menuContent .item .item_a:hover{color:#fff;background-color:rgba(255,147,0,.9)}

.menuContent .item:hover .hide{display:block;}

.g-banner-content{float:left;width:1000px;background-color:#FAFAFA;height:360px;}

.g-banner-box{height:360px;overflow:hidden;}





.submenu{position:absolute;background-color:#ffffff;left:216px;top:-30px;width:500px;height:360px;background-color: rgba(255,255,255,0.97);}

.submenu .innerBox{

	width: 100%;

	height: 100%;

	position: relative;

}

.innerBox ul{padding:15px 0 0 20px;}

.innerBox li{

	list-style-position: inside;

	list-style-type: none;

}

.innerBox a{float:left;width:150px;height:70px;text-align:center;line-height:64px;overflow:hidden;position:relative;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;position:relative;margin:0 0 10px 0}

.innerBox a span{bottom:4px;color:#999;display:block;font-size:12px;line-height:20px;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}

.innerBox a:hover span{color:#777}





.submenu .innerBox .bkimg{position:absolute;bottom:0;right:-1px}

.submenu2{top:-90px;}

.submenu3{top:-150px;}

.submenu4{top:-210px;}

.submenu5{top:-270px;}

.submenu6{top:-330px;}

.submenu7{top:-370px;}







.path-banner{margin:0 auto;width:1000px;}

.tags{padding-top:7px;background-color:#EEEEEE;height:92px;padding-left:15px;border-radius:8px;}

.tags a{padding:1px 8px 2px 7px;margin:10px 5px 3px 5px;display:block;float:left;font-size:14px;border-radius:12px;background-color:#fff;color:#9CB2EE;border:1px solid #fff;filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;} 

.tags .tags0{color:#9CB2EE;} 

.tags .tags1{color:#F8B094;} 

.tags .tags2{color:#8CC48C;} 

.tags .tags3{color:#FF9AAB;} 

.tags .tags4{color:#73CDDD;} 

.tags .tags5{color:#EFC34C;} 



.tags a:hover{color:#FB7191;border:1px solid #FB7191;}





/* 幻灯片 */

#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}

#playBox{ width:1000px; height:360px; position:relative; overflow:hidden;}

#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}

#playBox .oUlplay li{ float:left;}

#playBox .oUlplay img{width:1000px;height:360px;border-radius:8px;}

#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:155px; left:250px;z-index:1;}

#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:155px; right:10px; z-index:1;}

#playBox .smalltitle {width:120px;right:20px; height:10px; position:absolute; bottom:20px; z-index:10}

#playBox .smalltitle ul{ width:120px; margin:0 auto;}

#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}

#playBox .smalltitle .thistitle{ background:#69aaec;}



/**/

#news_pic{margin-top:40px;margin-bottom:30px;}

.types-title{position:relative;font-size:14px;color:#93999F;letter-spacing:.6px;line-height:36px;text-align:center}

.types-title em{font-size:20px;font-weight:600;color:#4D555D;margin:0 3px}

.types-title .tit-icon{display:inline-block;vertical-align:bottom;width:56px;height:36px;background:url(../images/icon.png) no-repeat;background-size:100%}

.types-title .tit-icon-l{margin-right:24px}

.types-title .tit-icon-r{margin-left:24px}

.types-title span.icon-shizhan-l{background-position:center 0}

.types-title span.icon-shizhan-r{background-position:center -36px}

.types-title span.icon-new-l{background-position:center -72px}

.types-title span.icon-new-r{background-position:center -108px}

.types-title span.icon-job-l{background-position:center -144px}

.types-title span.icon-job-r{background-position:center -180px}

.types-title span.icon-skill-l{background-position:center -216px}

.types-title span.icon-skill-r{background-position:center -252px}

.types-title span.icon-tech-l{background-position:center -288px}

.types-title span.icon-tech-r{background-position:center -324px}

.types-title span.icon-art-l{background-position:center -360px}

.types-title span.icon-art-r{background-position:center -396px}

.types-title span.icon-teacher-l{background-position:center -432px}

.types-title span.icon-teacher-r{background-position:center -468px}

.types-title span.icon-star-l{background-position:center -504px}

.types-title span.icon-star-r{background-position:center -540px}

.types-title .types-title-more{position:absolute;color:#93999f;height:20px;top:8px;right:10px;font-size:12px;line-height:36px}

.types-title .types-title-more i,.types-title .types-title-more span{float:left;margin-right:7px;line-height:20px}

.types-title .types-title-more i{font-size:16px}

.types-title .types-title-more:hover{color:#4d555d}



.types-content{width:1020px;margin:0 auto;margin-top:24px;}

.course-card-container{float:left;margin-left:10px;margin-right:11px;border-radius:4px;margin-bottom:20px;width:234px;position:relative;transition:.3s all linear}

.course-card-container .course-card-top{width:234px;height:150px;position:relative;border-radius:8px;overflow:hidden;transition:all .3s}

.course-card-container .course-card-top:hover{	-webkit-box-shadow: 0px 10px 20px rgba(226,226,226,.8);

	box-shadow: 0px 10px 20px rgba(226,226,226,.8);

	-webkit-transform: translate3d(0,-10px,0);

	   -moz-transform: translate3d(0,-10px,0);

	        transform: translate3d(0,-10px,0);}

.course-card-container .course-card-top img{width:100%;height:100%;background-color:#f3f5f7;transition:all .3s;border-radius:8px;overflow:hidden;}

.course-card-container .course-card-top .course-label{position:absolute;bottom:6px;left:8px;font-size:12px;color:#FFF;line-height:16px}

.course-card-container .course-card-top .course-label label{display:inline-block;background:rgba(7,17,27,.4);border-radius:12px;padding:4px 8px;margin-bottom:2px;margin-right:5px;font-weight:200}

.course-card-container .course-card-content {font-size:14px;color:#666;text-align:center;padding-top:10px;transition:all .3s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.course-card-container:hover .course-card-top{box-shadow:0 8px 16px 0 rgba(7,17,27,.1)}

.course-card-container:hover .course-card-top img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}

.course-card-container:hover  .course-card-content{color:#F01414}



#news-content{margin:0 auto;padding-bottom:25px;padding-top:15px;}

#news-content .news-content{width:1000px;margin:0 auto;padding-top:25px;}

#news-content .news-content-left{float:left;margin-right:35px;width:310px;}

#news-content .news-content-right{width:310px;float:right;}



.index-title{font-size:18px;height:20px;line-height:20px;margin-bottom:20px;border-left:5px #9ac92b solid;padding-left:15px;border-radius:2px;margin-left:3px;}

.index-title2{border-left:5px #E1557A solid;}

.index-title3{border-left:5px #3F99B3 solid;}

.index-img{transition:all .3s;height:200px;overflow:hidden;margin-bottom:15px;}

.index-img a{position:relative;font-size:14px;height:200px;text-align:center;display:block;overflow:hidden;border-radius:8px;}

.index-img a img{width:320px;height:200px;}

.index-img a p{position:absolute;width:100%;height:40px;line-height:40px;font-size:16px;display:block;filter:alpha(Opacity=90);opacity:0.9;background-color:#9AC92B;color:#fff;top:160px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}

.p2 a p{background-color:#E1557A;}

.p3 a p{background-color:#3F99B3;}

.index-img:hover{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;box-shadow:0 8px 16px 0 rgba(7,17,27,.1);	-webkit-transform: translate3d(0,-10px,0);

	   -moz-transform: translate3d(0,-10px,0);

	        transform: translate3d(0,-10px,0);}

.index-list{}

.index-list li{height:30px;line-height:30px;list-style-position: inside;list-style-image: none;list-style-type: none;background-image: url(../images/liico.png);background-repeat: no-repeat;background-position: 3px 11px;padding-left:20px;overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;
background-size:10px 10px;}

.index-list li a{color:#444;}

.index-list li a:hover{color:#CC0000;}

.index-list li span{float:right;color:#ccc;}



#shipu-pic{margin-top:20px;margin-bottom:30px;background-color:#F8FAFC;padding-top:30px;padding-bottom:20px;}

.shipu-pic-content{width:1020px;margin:0 auto;margin-top:24px;}

.shipu-pic-content li{float:left;margin-left:10px;margin-right:11px;border-radius:4px;margin-bottom:20px;width:234px;height:190px;position:relative;transition:.3s all linear;list-style-position: inside;list-style-image: none;list-style-type: none;}

.shipu-pic-content li a{position:relative;font-size:14px;width:234px;height:190px;text-align:center;display:block;overflow:hidden;}

.shipu-pic-content li p{position:absolute;width:100%;height:40px;line-height:40px;font-size:16px;display:block;background:rgba(7,17,27,.4);color:#fff;top:150px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}

.shipu-pic-content li img{width:234px;height:190px;position:relative;border-radius:8px;overflow:hidden;transition:all .3s}

.shipu-pic-content li:hover{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;box-shadow:0 8px 16px 0 rgba(7,17,27,.1);	-webkit-transform: translate3d(0,-10px,0);

	   -moz-transform: translate3d(0,-10px,0);

	        transform: translate3d(0,-10px,0);}



#shicai_pic{padding-top:30px;padding-bottom:20px;background-color:#F8FAFC;}

.shicai-pic-content{width:1022px;margin:0 auto;margin-top:24px;padding-left:1px;}

.shicai-pic-content li{float:left;margin-left:10px;margin-right:11px;border-radius:4px;margin-bottom:20px;width:125px;height:120px;position:relative;transition:.3s all linear;list-style-position: inside;list-style-image: none;list-style-type: none;}

.shicai-pic-content li a{position:relative;font-size:14px;width:125px;height:120px;text-align:center;display:block;overflow:hidden;}

.shicai-pic-content li p{position:absolute;width:100%;height:30px;line-height:30px;font-size:13px;display:block;background:rgba(7,17,27,.4);color:#fff;top:90px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}

.shicai-pic-content li img{width:125px;height:120px;position:relative;border-radius:8px;overflow:hidden;transition:all .3s}

.shicai-pic-content li:hover{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;box-shadow:0 8px 16px 0 rgba(7,17,27,.1);	-webkit-transform: translate3d(0,-10px,0);

	   -moz-transform: translate3d(0,-10px,0);

	        transform: translate3d(0,-10px,0);}





.footer{padding:36px 0;width:1000px;margin:0 auto;}

.footer .footer-link a{display:inline-block;font-size:14px;color:#4D555D;line-height:28px;margin:0 10px 0 5px}

.footer .footer-link{text-align:left;border:none;padding:0;margin-bottom:30px;}

.footer .footer-link strong{font-size:16px;color:#FF3300;}

.footer .footer-link a:hover{color:#07111B}

.footer .footer-copyright{font-size:14px;padding:0 0 0 10px;line-height:30px;text-align:center;margin-top:2px;color:#93999F;line-height:24px；}

.cony_qq {
    font-family: "Microsoft YaHei",Tahoma,Helvetica,SimSun,sans-serif;
    display: block;
    width: 65px;
    height: 21px;
    color: #119C17;
    font-weight: normal;
    float: left;
    margin-left: 25px;font-size:12px;
    margin-top: 25px;
    background-image: url(../images/qq.png);
    padding-left: 29px;
    line-height: 21px;
}

#cony_qqmin {
    position: absolute;
    margin-left: 40px;
    margin-top: 10px;
    border: 1px solid #119C17;
    text-align: center;
    font-size: 12px;
    color: #656565;
    z-index: 999;
    background-color: #fff;
    padding: 12px;
    width: 150px;
    text-align: left;
    display: none;
}
.cony_qq:hover #cony_qqmin{display:block !important;}