/*
* @Author: Marte
* @Date:   2018-04-13 17:29:20
* @Last Modified by:   Marte
* @Last Modified time: 2018-04-22 16:20:13
*/

/*合作*/
.type_area{
    width: 1087px;
    margin:40px auto 120px;
}

.bt{
    height:100px;
    text-align:center;
    font-size: 21px;
    position: relative;

}
.bt .text{
    background:#fff;
    display: inline-block;
    width: 100px;
    height:28px;
    font-weight: 700;
    position: absolute;
    top:0;
    left:50%;
    margin-left:-50px;
    text-align:center;
}
.bt .line{
    display: inline-block;
    width: 260px;
    height:2px;
    background:#333;
    position: absolute;
    top:14px;
    left:50%;
    margin-left:-130px;
}

.class_name{
    font-size: 18px;
    padding-left: 16px;
    position: relative;
    margin-bottom: 20px;
}
.class_name span{
    position: absolute;
    left: 0;
    top:3px;
    display: block;
    width: 6px;
    height: 21px;
    background:#188eee;
}
.electr_name{
    float: left;
    width: 186px;
    height:244px;
    background:#f6a044;
    text-align: center;
    margin-right: 16px;
    color:#fff;
    font-size:34px;
    overflow: hidden;
}
.electr_name p{
    margin-top:32px;
}
.jzw_list ul{
    width: 1200px;
    height:auto;
}
.jzw_list ul li{
    float: left;
    text-align:center;
    font-size:14px;
    margin:0 120px 20px 0;
    width: 280px ;
    height:38px;
}
.more{
    text-align:center;
}
.more_btn{
    display: inline-block;
    background:url(/hjy/images/hz_more.png) no-repeat;
    width: 14px;
    height:8px;
    margin-bottom:16px;
}

.cbs_list{
    width: 1200px;
    height:auto;
}
.cbs_list ul li{
    float: left;
    width: 98px;
    height:146px;
    margin:0 44px 16px 0;
}
.cbs_list ul li a div{
    width: 98px;
    height:98px;
    text-align:center;
    box-shadow: 0 0 2px #858585;
    overflow:hidden;
    margin-bottom:10px;
}
.cbs_list ul li a div img{
    display: inline-block;
    width: 85px;
    height:85px;
    margin-top:6px;

}
.cbs_list ul li a p{
    text-align:center;
    padding:0 7px;
}

.class_name a{
    display: inline-block;
    margin-left:34px;
    float: right;
    font-size:14px;
}
.class_name a.on{
    color:#188eee;
}


/*头部导航*/
.hlghead{
    width:100%;
    height:140px;
    background:#fff;
}
.hlgTop{
    width:1200px;
    height:60px;
    margin:0 auto;
    overflow:hidden;
}
.hlgTop img{
    display: block;
    width:198px;
    height:40px;
    margin-top:10px;
}
.hlgnav{
    width:100%;
    height:80px;
    background:#197fee;
}
.hlgnav ul{
    width:1200px;
    margin:0 auto;
}
.hlgnav ul li{
    float: left;
    position: relative;
}
.hlgnav ul li:hover{
    background:#0a67cd;
}
.hlgnav ul li.on{
    background:#0a67cd;
}
.hlgnav ul li a{
    display: block;
    padding:0 25px;
    font-size:18px;
    color:#fff;
    line-height:80px;
}
.erji{
    display: none;
    width:160px;
    height:245px;
    position: absolute;
    bottom:-245px;
    left:0;
    background:#f2f2f2;
    z-index:999;
}
.hlgnav ul li:hover .erji{
    display: block;
}
.erji a{
    display: block;
    width:160px;
    height:60px;
    line-height:60px !important;
    text-align:center;
    color:#333 !important;
    padding:0 !important;
}
.erji a:hover{
    color:#fff !important;
    background:#197fee;
}

/*首页*/
.hlgbanner{
    width:100%;
    height:auto;
}
.hlgbanner img{
    display: block;
    width:100%;
    height:auto;
}
.fangw{
    width:1160px;
    margin:0 auto;
    height:55px;
    padding-top:25px;
    text-align: right;
    padding-right: 40px;
    font-size:24px;
}
.fangw span{
    float: right;
}


.hlgintroduce{
    width:1200px;
    margin:0px auto 30px;
}
.intriduceL{
    float: left;
    width:588px;
    height:332px;
    border: 1px solid #b3b3b3;
    background:#fff;
    //overflow-y: hidden;
    overflow:auto
}
.intriducN{
    font-size:36px;
    text-align:center;
    line-height:136px;
}
.intriducD{
    text-indent: 2em;
    text-align:justify;
    line-height:25px;
    padding:0 30px;
}
.intriduceR{
    float: right;
    width:588px;
    height:332px;
    border: 1px solid #b3b3b3;
    background:#fff;
}
.intriduceR a img{
    display: block;
    width:588px;
    height:332px;
}

.majortx{
    width:100%;
    height:1004px;
    background:#75b2f5;
    margin-bottom:90px;
}
.major{
    width:1200px;
    margin:0 auto;
}
.majortxt{
    font-size:58px;
    color:#fff;
    line-height:272px;
    text-align:center;
}

.tanc{
    background:rgba(0,0,0,0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    width:100%;
    height:100%;
    position: fixed;
    top: 0;
    left:0;
    z-index:999;
    display: none;
}
.nb{
    width:1162px;
    height:700px;
    overflow-y: auto;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-350px;
    margin-left:-581px;

}
.gb{
    width:1162px;
    height:100px;
    position: fixed;
    top:50%;
    left:50%;
    margin-left:-581px;
    margin-top:-355px;
}
.guanb{
    position: absolute;
    top:6px;
    right: 13px;
    font-size:30px;
    width:40px;
    height:40px;
    border:1px solid #999;
    border-radius:50%;
    text-align:center;
    line-height:35px;
    course:pointer;
}

/*图片轮播*/
.blank30{height:30px;overflow:hidden;}
/* jQuery jcImgScroll */
.jcImgScroll{position:relative;height:560px;margin:0 auto;}
.jcImgScroll li{border:1px solid #ccc;}
.jcImgScroll li a{display:block;position:relative;z-index:99;}
.jcImgScroll li.loading a{background:#fff url(/hjy/images/loading.gif) no-repeat center center;}
.jcImgScroll li img,.jcImgScroll li,.jcImgScroll em,.jcImgScroll dl{display:none;border:0 none;}
.jcImgScroll li img{width: 100%;height: 100%;}
.jcImgScroll em.sPrev{background:url(/hjy/images/arrow-left.png) no-repeat left center;}
.jcImgScroll em.sNext{background:url(/hjy/images/arrow-right.png) no-repeat right center;}
.jcImgScroll dl dd{background:url(/hjy/images/NumBtn.png) no-repeat 0 bottom;text-indent:-9em;}
.jcImgScroll dl dd:hover,.jcImgScroll dl dd.curr{background-position:0 0;}


.show{
    width:1200px;
    margin:0 auto 100px;
}
.zyshow{
    float: left;
    width:604px;
    height:787px;
}
.zyt{
    font-size:36px;
    text-align:center;
    color:#197fee;
    margin-bottom:45px;
    position: relative;
}
.zyt span{
    display: inline-block;
}
.zyt a{
    display: inline-block;
    font-size:14px;
    color:#197fee;
    position: absolute;
    top:17px;
    left:420px;
}
.zyshow ul li{
    float: left;
    width:286px;
    height:318px;
    margin:0 30px 60px 0;
}
.zyshow ul li:nth-child(2){
    margin:0 0 60px 0;
}
.zyshow ul li:nth-child(3){
    margin:0 30px 0 0;
}
.zyshow ul li:nth-child(4){
    margin:0;
}
.zyshow ul li a,.zyshow ul li a img{
    display: block;
    width:286px;
    height:214px;
}
.zyshow ul li div{
    width:284px;
    height:104px;
    border:1px solid #acacac;
    border-top:none;
    background:#fff;
}
.zyname{
    font-size:16px;
    padding:18px 10px;
}
.zyclass{
    font-size:14px;
    padding:5px 10px;
}
.zyclass span:nth-child(2){
    float: right;
    margin-right:10px;
    position: relative;
    padding-left:35px;
}
.zyclass span:nth-child(2) img{
    display: block;
    position: absolute;
    top:0;
    left:0;
}
.cgshow{
    float: right;
    width:555px;
}
.cgshow ul{
    width:552px;
    height:694px;
    border:1px solid #dbdbdb;
    background:#fff;
}
.cgshow ul li{
    margin:50px 0 0 68px;
    width:420px;
    height:142px;
}
.cgshow ul li a{
    display: block;
    width:420px;
    height:142px;
    font-size: 24px;
    text-align:center;
    line-height:142px;
}
.cgshow ul li:nth-child(1){
    background:#c7de9a url(/hjy/images/book.png) no-repeat 36px 40px;
}
.cgshow ul li:nth-child(2){
    background:#86b3d1 url(/hjy/images/biaoz.png) no-repeat 36px 47px;
    margin:85px 0 0 68px;
}
.cgshow ul li:nth-child(3){
    background:#dbad88 url(/hjy/images/das.png) no-repeat 36px 40px;
    margin:85px 0 0 68px;
}

.school {
    width: 1200px;
    margin: 0 auto;
}

.school .title {
    text-align: center;
    font-size: 36px;
    color:#197fee;
}

.school .con {
    width: 1200px;
    height: 100px;
    margin: 30px 0;
    height:200px;
    overflow: hidden;
    position: relative;
}

.cooperation{
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 40px;
    width: 120px;
    border-radius: 60px;
    height: 120px;
    float: left;
}
.cooperation img{
    height:100px;
    width:100px;
    margin-left:8px;
}
.cooperation p{
    margin-top:10px;
    text-align:center;
}
.more{
    text-align:center;
    font-size: 18px;
    line-height:36px;
    margin-bottom:60px;
}

/*底部*/
.hljfoot{
    width:100%;
    height:178px;
    background:#282c2f;
}
.fcenter{
    width:1200px;
    margin:0 auto;
}
.footL{
    float: left;
    width:480px;
}
.footL p:nth-child(1){
    margin-top:57px;
    color:#999;
}
.footL p:nth-child(1) a{
    display: inline-block;
    padding:0 15px;
    color:#999;
}
.footL p:nth-child(2){
    margin-top:25px;
    padding-left:15px;
    color:#999;
}
.footR{
    float: right;
    margin-right:30px;
    color:#999;
}
.footR p{
    font-size: 24px;
    margin-top:57px;
}
.lxicon{
    margin-top:25px;
    text-align: right;
}
.lxicon a{
    display: inline-block;
    width:26px;
    height:26px;
    margin-left:15px;
}
.lxicon a img{
    display: block;
    width:26px;
    height:26px;
}

/*成果展示*/
.chenggshow{
    width:1200px;
    padding:20px 0;
    margin:0 auto;
}
.chenggN{
    position: relative;
    font-size:18px;
    padding-left:18px;
    line-height:22px;
    margin-bottom:20px;
}
.chenggN span{
    display: block;
    position: absolute;
    top:0;
    left:0;
    background:#197fee;
    width:4px;
    height:22px;
}
.chenggshow ul li{
    float: left;
    width:286px;
    margin:0 20px 20px 0;
}
.chenggshow ul li:nth-child(4n){
    margin:0 0 20px 0;
}
.chenggshow ul li a{
    display: block;
    width:100%;
    height:100%;
}
.chenggshow ul li a img{
    display: block;
    width:286px;
    height: 170px;
}
.chenggshow ul li a p{
    background:#e6e6e6;
    padding-left:10px;
    padding-top:15px;
    height:35px;
    font-size:16px;
}

/*关于我们*/
.mycontent{
    width:1200px;
    margin:20px auto 100px;
}
.contentL{
    float: left;
    width:200px;
    height:850px;
    background:#fff;
}
.contentL ul{
    width:100%;
    height:100%;
}
.contentL ul li{
    margin:20px 0 0 20px;
    width:158px;
    height:38px;
    text-align:center;
    line-height:40px;
    border:1px solid #197fee;
    cursor: pointer;
}
.contentL ul li.on{
    color:#fff;
    background:#197fee;
}
.contentR{
    float: right;
    width:990px;
    height:850px;
    background:#fff;
}
.contentR ul li{
    display: none;
    padding:28px 35px;

}
.biaot{
    margin-bottom:30px;
}
.biaot a{
    font-size:20px;
    color:#197fee !important;
}
.neir{
    text-align: justify;
    text-indent:2em;
    line-height:25px;
}

/*素材中心*/
.sczx{
    width:1200px;
    background:#fff;
    margin:20px auto 100px;
}
.scxz{
    width:100%;
    height:43px;
    border-bottom: 1px solid #999999;
    padding-top:13px;
    font-size:16px;
    line-height:30px;
}
.scxz a{
    display: inline-block;
    width:60px;
    height:30px;
    text-align:center;
    border-radius:4px;
}
.scxz a.on{
    background:#197fee;
    color:#fff;
}
.suc .leixing{
    display: none;
}
.suc .leixing ul{
    width:1300px;
    position: absolute;
    top:0;
    left: 0;
}
.suc .leixing ul li{
    float: left;
    width:286px;
    height:318px;
    margin:30px 19px 0 0;
}
.suc .leixing ul li a,.suc .leixing ul li img{
    display: block;
    width:286px;
    height:214px;
}
.suc .leixing ul li:nth-child(4n){
    margin:30px 0 0 0;
}
.suc .leixing ul li div{
    width:284px;
    height:104px;
    border:1px solid #acacac;
    border-top:none;
    background:#fff;
}
.suc .leixing ul li div .zyclass span:nth-child(2) img{
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:26px;
    height:18px;
}
/*课程中心*/
.course{
    width:1200px;
    margin:20px auto 100px;
    background:#fff;
    overflow:hidden;
}
.coutop{
    width:660px;
    margin: 20px auto;
}
.coutop li{
    float: left;
    width:217px;
    height:58px;
    border:1px solid #197fee;
    border-left: none;
    font-size:18px;
    line-height:58px;
    text-align:center;
    cursor: pointer;
}
.coutop li:nth-child(1){
    border:1px solid #197fee;
}
.coutop li.on{
    background:#197fee;
    color:#fff;
}
.coulist .list{
    display: none;
}
.hexinL{
    float: left;
    width:220px;
    height:760px;
    background:#188eee;
}
.hexinL ul li{
    width:220px;
    height:77px;
    text-align:center;
    font-size:16px;
    color:#fff;
    line-height:77px;
    position: relative;
}
.hexinL ul li a{
    color:#fff;
}
.hexinL ul li span{
    position: absolute;
    top:0;
    left:0;
    width:6px;
    height:77px;
    background:#fa7f4b;
    display: none;
}
.hexinL ul li.on{
    background:#0a67cd;
}
.hexinL ul li.on span{
    display: block;
}
.hexinR{
    float: right;
    width:950px;
    display: none;
}

.ss{
    width:358px;
    height:40px;
    float: right;
    margin-bottom:20px;
}
.ss input{
    float: left;
    width:284px;
    height:36px;
    border:2px solid #197fee;
    padding:0 5px;
    line-height:36px;
}
 .ss .ssbtn{
    float: right;
    display: inline-block;
    width:60px;
    height:40px;
 }
.ss .ssbtn img{
    display: block;
    height:40px;
    width:60px;
}
.kec .kuang{
    height:780px;
    overflow:hidden;
}
.kec .kuang{
    height:732px;
    overflow:hidden;
    position: relative;
}
.kec .kcheng{
    width:960px;
    position: absolute;
    top:0;
    left:0;
}
.kcheng li{
    float: left;
    width:304px;
    height:214px;
    margin:0 20px 30px 0;
    position: relative;
}
.kec .kcheng li:nth-child(3n){
    margin:0 0px 30px 0;
}
.kcheng li a,.kcheng li a img{
    display: block;
    width:304px;
    height:214px;
}
.kcheng li p{
    position: absolute;
    left:0;
    bottom:0;
    background:rgba(0,0,0,.5);
    width:294px;
    height:40px;
    color:#fff;
    font-size:18px;
    line-height:40px;
    padding:0 0 0 10px;
}


/*专业群建设*/
.groupnr{
    width:1160px;
    margin:20px auto 100px;
    padding:0 0 0 40px;
    background:#fff;
}
.grfn{
    padding-top:60px;
    padding-bottom:40px;
    line-height:20px;
    position: relative;
    padding-left:16px;
    font-size:18px;
}
.grfn span{
    position: absolute;
    top: 60px;
    left:0;
    width:6px;
    height:20px;
    background:#197fee;
}
.groupnr ul li{
    float: left;
    width:364px;
    height:222px;
    background:#eef1ee;
    margin:0 20px 20px 0;
}
.groupnr ul li a{
    display: block;
    width:364px;
    height:222px;
}
.groupnr ul li a img{
    display: block;
    width:364px;
    height:222px;
}
.groupnr ul.tixi li{
    float: left;
    width:364px;
    height:266px;
    background:#eef1ee;
    margin:0 20px 20px 0;
}
.groupnr ul li a{
    display: block;
    width:364px;
    height:266px;
}
.groupnr ul li a img{
    display: block;
    width:364px;
    height:216px;
}
.groupnr ul li a p{
    font-size:16px;
    padding-left:10px;
    padding-top:15px;
}

.paging{
    height:40px;
}
.kec #cz01,.kec #pt01 {
    width:100%;
    position: absolute;
    top: 0;
    left: 0;
}
#cz01 li,#pt01 li{
    width:286px;
}
#cz01 li a, #cz01 li a img,#pt01 li a, #pt01 li a img  {
    display: block;
    width: 286px;
    height: 214px;
}
.kec #cz01 li:nth-child(3n),.kec #pt01 li:nth-child(3n) {
    margin: 0 20px 30px 0;
}
.kec #cz01 li:nth-child(4n),.kec #pt01 li:nth-child(4n) {
    margin: 0 0px 30px 0;
}

.fy,.fy2{
    text-align: right;
}
.fy a,.fy2 a{
    line-height: 15px;
    height: 18px;
    cursor: pointer;
    padding: 2px 5px;
    margin: 2px;
}
.fy a:hover,.fy2 a:hover{
    background:#d5541b;
    color:#fff;
}
.fy span a.on,.fy2 span a.on{
    background:#d5541b;
    color:#fff;
}
.leixing{
    padding-bottom:40px;
}

.zychuang{
    width:1250px;
    height:1045px;
    overflow:hidden;
    position: relative;
}