/*body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend,
input, textarea, p, blockquote, th, td,figure {
    margin: 0;
    padding: 0;
}*/
a {
    text-decoration: none;
    outline: none;
    color: inherit;
    blr:expression(this.onFocus=this.blur());
}

a:focus {
    outline: none !important;
}
li{
    list-style: none;
}
.clear{
    clear: both;
}
.clearfix:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "";
+ zoom: 1;
}
.font_yahei{
    font-family: "Microsoft YaHei";
}
.container_1200{
    width:1200px;
    margin: 0 auto;
}

/*首页----[继续教育学院]开始*/
.shortcut{
    background: #4c5cd4;
    height:30px;
}
.shortcut_content{
    height:30px;
    line-height:30px;
}
.shortcut_content a{
    color: #a9b3ff;
    font-size: 14px;
    padding-right:  10px;
    cursor:  pointer;
}
.shortcut_content img
{
    position: relative;
    top: 3px;
    padding-right: 5px;
}
.shortcut_content_left{
    float: left;
}
.shortcut_content_right{
    float: right;
}
.logomore{
    background: #222222;
}
.logomore_content{
    padding-top:20px;
    height: 120px;
}
.logomore_content_left_img{
    float: left;
    padding-right: 12px;
}
.names{
    float: left;
    padding-top: 2px;
}
.collegeName{
    color: #ffffff;
    line-height: 42px;
}
.cityName{
    line-height: 25px;
    color: #999999;
    font-size:14px;
}
.cityName img{padding-left: 3px;position:  relative;top: 1px;cursor:  pointer;}

.search{
    background: #373737;
    float: left;
    width: 269px;
    height: 35px;
    margin-top: 4px;
    border-radius: 25px;
    border: 1px solid #999999;
}
.search:hover{
    border-bottom:1px #d0d0d0 solid;
}
.search input{
    width: 221px;
    margin: 0;
    padding:0 0 0 12px;
    height: 35px;
    border: none;
    background: transparent;
    outline: none;
    color: white;
}
.search input:-ms-input-placeholder{
    color: #999999;
}

.search input::-webkit-input-placeholder{
    color: #999999;
}
.search img{
    vertical-align: middle;
    margin-right:5px;
    cursor:pointer;
}
.logomore_content_left{
    float: left;
}
.logomore_content_right{
    float: right;
}
.hotline{padding-left:  65px;float: left;}
.hotline img{
    float: left;
    padding-right: 10px;
    position:  relative;
    top: 3px;
}
.hotline_content{
    float: left;
    color: #999999;
}
.hotline_content_name{
    font-size: 12px;
}
.hotline_content_number{
    font-size: 22px;
}
.nav{
    padding-top: 20px;
}
.nav li {
    float: left;
    width: 120px;
    height: 50px;
    text-align: center;
}
.nav li > a{
    cursor: pointer;
    color: #999999;
    list-style-type: none;
    font-size: 15px;
    padding: 6px 18px;
}
.nav_active > a,.nav li > a:hover{
    background: #4c5cd4;
    border-radius: 15px;
    color: #ffffff !important;
}
.nav_active:after{
    content: "";
    height: 20px;
    width: 60px;
    /* border-left: 6px solid transparent; */
    /* border-right: 6px solid transparent; */
    /* border-bottom: 12px solid #1b1c1d; */
    position: absolute;
    bottom: -18px;
    left:42px;
}
.nav_drop_down{
    text-align:  center;
    background: #38393a;
    height:162px;
    display: none;
    width: 100%;
    z-index: 999;
    position: absolute;
    top: 166px;
    left:  0;
}
.nav_drop_down img{
    width:126px;
    height:95px;
}
.nav_drop_down_list{
    float: left;
    padding: 11px;
    text-align: center;
    cursor: pointer;
}
.nav_drop_down_list div{
    font-size:14px;
    color: #ffffff;
}
.nav_drop_down_lists{
    padding-top: 11px;
    margin: 0 auto;
}
.wiperinfo{
    top: -55px;
    z-index: 99;
    position:  relative;
}
.wiperinfo_list{
    cursor:  pointer;
    float: left;
    width:300px;
    height:106px;
    background: #333333;
    color: #999999;
    box-shadow:3px 3px 3px #999;
}
.wiperinfo_list:hover{
    background: #000;
}
.wiperinfo_list:hover > .wiperinfo_img img {
    filter:none;
}
.wiperinfo_active{
    background: #000;
}
.wiperinfo_img{
    height:106px;
    width: 104px;
    float: left;
    text-align: right;
    padding-right: 16px;
}
.wiperinfo_name{
    padding-top: 34px;
    width:180px;
    height: 72px;
    float: left;
}
.wiperinfo_img img {
    padding-top: 34px;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: gray;
}
.wiperinfo_active img {
    filter:none;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
}
.wiperimg{
    overflow:  hidden;
    width:100%;
    min-width: 1200px;
    /* height:586px;*/
}

.wiperimg img{
    width:100%;
    /* height:586px;*/
}
.wiperinfo_list_block{
    float: left;
    width:66px;
    height:106px;
    background: #333333;
}
.learn_more{
    display: block;
    cursor:  pointer;
    margin-top: 24px;
    width:274px;
    background: #4c5cd4;
    height:58px;
    color: #fffefe;
    line-height: 58px;
    padding-left: 26px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-image: url("../images/jixujiaoyu/more.png");
    background-repeat: no-repeat;
    background-position-x:  264px;
    background-position-y:  22px;
}
.shadow{
    color:  #999;
    width: 66px;
    -webkit-box-shadow: 3px 3px 3px;
    -moz-box-shadow: 3px 3px 3px;
    box-shadow: 3px 3px 3px;
    height: 28px;
    margin-top: -4px;
}
.note_icon{
    float: left;
    text-align: center;
    width:31px;
    height: 83px;
    line-height: 114px;
    border: 1px solid #dcdddd;
    border-bottom:5px solid #333333;
}
.note_tips{
    float: left;
    width: 1127px;
    padding-left: 40px;
    margin-top: 20px;
}
.note_tips h3{
    color: #d44c66;
    font-size: 24px;
}
.note_li{
    width:100%;
    float: left;
}
.note_li a{font-size: 16px;color: #666666;text-decoration: none;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.note_li a:nth-child(2){
    margin: 0 36px;
}
.education_head h2{
    color: #333333;
    font-size: 36px;
    float: left;
}
.education_head a:hover{
    background:#f7f7f7;
    -moz-box-shadow:0px 0px 5px #8F8F8F; -webkit-box-shadow:0px 0px 5px #8F8F8F; box-shadow:0px 0px 5px #8F8F8F;
}
.education_head a{
    position: relative;
    display: block;
    cursor:  pointer;
    z-index:  999;
    color: #666666;
    float: right;
    border:1px solid #b5b5b6;
    border-radius: 4px;
    width:218px;
    height:44px;
    line-height: 44px;
}
.education_head img{
    vertical-align: middle;
    margin: 0px 6px 0px 15px;
}
.education{
    margin-top:22px;
}
.note{
    position: relative;
    bottom: 50px;
}
.color_block{
    margin-top:40px;
}
.color_block li{
    list-style-type: none;
    float: left;
    width:220px;
    height: 143px;
    text-align: center;
    border-radius: 9px;
    color: #fffefe;
}
.color_block li:hover{
    -moz-box-shadow:1px 2px 20px #616161; -webkit-box-shadow:1px 2px 20px #616161; box-shadow:1px 2px 20px #616161;
}
.color_block li a{
    color: #fffefe;
}
.color_block li h3{font-size: 20px;margin-top: 46px;}
.color_block li h5{font-size: 18px;font-weight: normal;margin-top: 2px;}
.color_block li:nth-child(1){
    background: #4c5cd4 url("../images/jixujiaoyu/education1.jpg");
    margin-right: 25px;
}
.color_block li:nth-child(2){
    background: #c567b0 url("../images/jixujiaoyu/education2.jpg");
    margin-right: 25px;
}
.color_block li:nth-child(3){
    background: #5488b8 url("../images/jixujiaoyu/education3.jpg");
    margin-right: 25px;
}
.color_block li:nth-child(4){
    background: #ce8b66 url("../images/jixujiaoyu/education4.jpg");
    margin-right: 25px;
}
.color_block li:nth-child(5){
    background: #5daf6c url("../images/jixujiaoyu/education5.jpg");
}
/*轮播*/


/* 本例子css */
.slideBox{width: 100%;overflow:hidden;position:relative;}
.slideBox .hd{ height: 15px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -34px;
    bottom: 67px;
    z-index: 1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{border-radius: 50px;
    float: left;
    margin-right: 11px;
    width: 12px;
    height: 12px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;}
.slideBox .hd ul li.on{ background:#4c5cd4; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{font-size:  0;zoom:1;vertical-align:middle;}
.slideBox .bd img{width: 100%;/*height: 586px;*/display:block;vertical-align:  top;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/jixujiaoyu/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*轮播2*/



/* 本例子css */
.picScroll-left .picList{
    padding-top:40px !important;
    padding-bottom: 20px !important;
}
.picScroll-left .picList li{
    list-style-type: none;
}
.picScroll-left{width: 2024px;position:relative;margin-top: 56px;}
.picScroll-left .hd{
    z-index: 9999;
    margin-top: 20px !important;
    overflow: hidden;
    height: 48px;
    padding: 0 10px;
    position: absolute;
    top: -63px;
    right: 433px;
}
.picScroll-left .hd .prev,.picScroll-left .hd .next{
    display:block;
    width: 50px;
    height: 50px;
    float: right;
    margin-right: 2px;
    overflow:hidden;
    cursor:pointer;
    background: url(../images/jixujiaoyu/left_right.png) 0 0 no-repeat;
}
.picScroll-left .hd .next{background-position: -50px -50px;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{margin-right: 13px;float:right;overflow:hidden;zoom:1;margin-top: 14px;zoom:1;}
.picScroll-left .hd ul li{float:left;width: 14px;height: 14px;overflow:hidden;margin-right: 15px;text-indent:-999px;cursor:pointer;background: url("../images/jixujiaoyu/icoCircle.png") 0 -14px no-repeat;}
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{
    width:400px;margin:0;float:left;_display:inline;/* overflow:hidden; */text-align:center;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{
    width:380px;
    height:600px;
    display:block;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: gray;
}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999; }
.picScroll-left .bd ul li .title{
    width:380px;
    position: absolute;
    bottom: 20px;
    height: 80px;
  /*  line-height:80px;*/
    font-size:24px;
    font-weight: bold;
    text-align: center;
    background-color:rgba(0,0,0,0.8)!important;
    filter:Alpha(opacity=80);
    background:#000;
}
.picScroll-left .bd ul li .title a{ color: #fff;text-decoration: none;}

.picScroll-left .bd ul li:hover{
    position: relative;bottom: 40px;
    filter:none;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
}

.picScroll-left .bd ul li:hover > .pic img{
    filter:none;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
}
.picScroll-left .bd ul li:hover > .title{
    bottom: 120px
}
.picScroll-left .bd ul li:hover > .lists_name{
    bottom: 0px
}
.lists_name div{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    background: url("../images/jixujiaoyu/listtype.png") no-repeat;
    float: left;
    background-position: 34px 6px;
    width:135px;
    hight: 133px;
    padding-left:55px;
    text-align: left;
    line-height: 27px;
}

/* slide-box */
#slide-box{width:690px;position:relative;height:472px;}
#slide-box .corner{clear:both;border-top:#333 1px solid;display:block;overflow:hidden;height:0;margin:0 1px;}
#slide-box .slide-content{background:#333;padding:10px;}
#slide-box .JQ-slide-content{position:absolute;}
#slide-box .JQ-slide-nav a{display:block;z-index:99;width:37px;color:#b4b4b4;position:absolute;top:205px;height:65px;text-decoration:none;}
#slide-box .JQ-slide-nav span{display:block;background:#4b4b4b;font:700 53px arial;width:37px;cursor:pointer;height:63px;text-align:center;}
#slide-box .JQ-slide-nav .corner{border-color:#4b4b4b;}
#slide-box .JQ-slide-nav .prev{left:-10px;}
#slide-box .JQ-slide-nav .next{right:-10px;}
#slide-box .wrap{overflow:hidden;width:670px;height:450px;position:relative;}
#slide-box ul{width:10000px;}
#slide-box li{float:left;width:340px;height:450px;}
#slide-box li img{width:330px;height:450px;}
#slide-box .JQ-slide-nav a:hover,#slide-box .JQ-slide-nav a:hover span{color:#f43d1e;}



.lists_name{
    width:380px;
    height: 120px;
    position: absolute;
    bottom:-120px;
    font-size:14px;
    color: #999999;
    font-weight: normal;
    background-color:rgba(0,0,0,0.8)!important;
    filter:Alpha(opacity=80);
    background:#000;
}
.lists_more{
    font-size:16px;
    color: #ffffff;
    font-weight: normal;
    height:100px;
    position: absolute;
    bottom: -150px;
    padding:25px 122px;
}
.lists_more a{
    background: #4c5cd4;
    padding:10px 20px;
    border-radius: 4px;
    cursor: pointer;
    color: #FFFFFF;
}
.hot_subject{
    margin-top: 113px;
    width:100%;
    background: url("../images/jixujiaoyu/bg.png") no-repeat 100%;
    padding-bottom:72px;
}
.hot_subject .education_head{
    padding-top:80px;
}
.hot_subject .education_head div{
    width: 170px;
}


/* 本例子css */
.slideTxtBox{width: 1200px;text-align:left;}
.slideTxtBox .hd{height:30px;line-height:30px;padding: 0 10px 0 20px;position:relative;bottom: 36px;}
.slideTxtBox .hd ul{float:left;position:absolute;left: 180px;top:-1px;height:32px;}
.slideTxtBox .hd ul li{float:left;padding:0 15px;cursor:pointer;list-style-type:  none;}
.slideTxtBox .bd ul li a img{width:100%;height: 100%}
.slideTxtBox .hd ul li.on{height:30px;border-bottom: 2px solid #4c5cd4;}
.slideTxtBox .bd ul{zoom:1;}
.slideTxtBox .bd li > img {
    width: 386px;
    height: 270px;
}
.slideTxtBox .bd li{margin-bottom:19px;overflow:  hidden;width: 386px;margin-right:19px;height: 270px;line-height:24px;list-style-type:  none;float:  left;position:  relative;}
.slideTxtBox .bd li:nth-child(3n){margin-right: 0}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
    cursor:pointer; background:url("../images/jixujiaoyu/arrow.png") 0 0 no-repeat; }
.slideTxtBox .arrow .next{ background-position:0 -50px;  }
.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }

.view_more{
    position:  absolute;
    width: 168px;
    height:49px;
    bottom: 100px;
    left: 115px;
    color: #ffffff;
    line-height:49px;
    text-align: center;
    background: url("../images/jixujiaoyu/bg1.png") no-repeat;
}
.view_more a{
    color: #FFFFFF;
}
.details{
    width: 100%;
    height: 270px;
    padding: 34px 25px 16px;
    color: #bbbbbb;
    position: relative;
}
.details_p{
    text-indent: 2em;
    overflow: hidden;
    height:190px;
}
.details_p *{
    font-family: "Microsoft YaHei" !important;
    font-size: 16px !important;
    color: #bbbbbb !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal !important;
    background: none !important;
}
.major_title{
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.66));
    position: absolute;
    bottom: 0;
    font-size: 18px;
    text-align: center;
    color: #fff;
    width: 386px;
    height: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 167px;
}
.slideTxtBox .bd ul li:hover{
    -moz-box-shadow:0px 0px 14px #6E6E6E; -webkit-box-shadow:0px 0px 14px #6E6E6E; box-shadow:0px 0px 14px #6E6E6E;
}
.slideTxtBox .bd ul li:hover > .details{
    position: absolute;
    top:0;
    background-color:rgba(0,0,0,0.7)!important;
    filter:Alpha(opacity=70);
    background:#000;
}
.slideTxtBox .bd ul li:hover > .major_title{
   display: none;
}
.view_details{
    position: absolute;
    bottom:16px;
    color: #ffffff;
}
.view_details div:nth-child(1){
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 250px;
    float: left;
}
.view_details div:nth-child(2){
    cursor:  pointer;
    width: 100px;
    padding-left:28px;
    float: left;
    background: url("../images/view.png") no-repeat;
}
.view_details div:nth-child(2) a{
    color: #FFFFFF;
}
.news{
    position: relative;
    width:718px;
    height:279px;
    padding: 60px 70px ;
    background: url("../images/jixujiaoyu/bg3.png");
}
.news li{
    list-style:none;
    color: #ffffff;
    line-height: 26px;
    cursor:  pointer;
}
.news li a{
    color: #FFFFFF;
}
.news li span{
    border:1px solid #ffffff;
    border-radius: 4px;
    padding: 2px 6px;
    font-size:12px;
}
.news_more{
    position: absolute;
    display: block;
    font-weight: bold;
    color: #666666;
    cursor: pointer;
    background: #ffffff;
    width: 130px;
    height: 46px;
    line-height: 46px;
    padding-left: 18px;
    border-radius: 6px;
    box-shadow: 3px 3px 3px #666666;
    background-image: url(../images/jixujiaoyu/newsmore11.png);
    background-repeat: no-repeat;
    background-position: 123px;
    bottom: 60px;
}
.news_calendar{
    z-index: 1;
    width: 398px;
    height:582px;
    background: url("../images/jixujiaoyu/bg2.png") no-repeat;
    position:  absolute;
    right: 0;
    top: -20px;
}
.news_info{
    position: relative;
}
.news_info .education_head{
    margin-bottom:18px;
    margin-top: 110px;
}
.activity{
    width:385px;
    height:88px;
    float: left;
    margin:20px 0;
    color: #000;
}
.guide_left{
    width: 400px;
    height:195px;
    float: left;
    background: #333333;
    padding: 40px 0 40px 40px;
}
.guide_left h3{
    font-size: 24px;
    color: #fffefe;
    font-weight: normal;
}
.guide_left ul li{
    float: left;
    color: #999999;
    border:1px dotted #999999;
    border-radius: 20px;
    padding:9px 20px;
    list-style-type:none;
    margin-right:18px;
    margin-top: 16px;
    cursor: pointer;
}
.guide_left ul li a{
    color: #999999;
}
.guide_right{
    float: left;
    width:760px;
    height:275px;
    background: url("../images/jixujiaoyu/bg5.png");
}
.guide_left ul li:hover{
    color: #ffffff;
    background: #4c5cd4;
    border-color: #4c5cd4;
}
.guide_left ul li:hover a{
    color: #ffffff;
}
.guide_right a{
    display: block;
    color: #ffffff;
    margin:auto;
    width: 171px;
    height:69px;
    margin-top: 102px;
    padding-left: 80px;
    font-size: 24px;
    background: url("../images/jixujiaoyu/search1.png") no-repeat;
}
.guide{
    margin-top: 40px;
    box-shadow:0px 4px 4px #afafaf;
}
.answer_title{
    color: #ffffff;
    text-align: center;
    margin: 25px auto;
}
.answer_title h3{
    line-height: 60px;
    font-size:36px;
}
.answer_title span{
    line-height: 40px;
}
.answer_title hr{
    height:3px;
    border:none;
    border-top:3px solid #e0e0e0;
    width:100px;
}
.answer_content{
    position: relative;
    margin-right: 41px;
    padding:36px 20px;
    float: left;
    width: 224px;
    height:314px;
    border:2px solid #dcdddd;
    background:#ffffff url("../images/jixujiaoyu/bg6.png") no-repeat 220px 306px;
}
.answer_content ul{
    margin: 19px 0 36px 0;
}
.answer_content ul li{
    list-style: none;
    width: 100%;
    font-size: 14px;
    color: #666666;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.answer_content h3{
    background: url("../images/jixujiaoyu/shortline.png") no-repeat;
    font-size:24px;
    background-position: right;
}
.answer_content span{
    font-size:14px;
    color: #999999;
}
.answer_more_blue{
    background: #4c5cd4;
}
.answer_more_purple{
    background: #c567b0;
}
.answer_more_darkblue{
    background: #5488b8;
}
.answer_more_brown{
    background: #ce8b66;
}
.answer_more a{
    color: #FFFFFF;
}
.answer_more{
    position: absolute;
    bottom: 30px;
    cursor: pointer;
    width:82px;
    height:37px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    padding: 0 16px;
    line-height:37px;
    background-image: url("../images/jixujiaoyu/more.png");
    background-repeat: no-repeat;
    background-position: 91px 11px;
}
.answer{
    margin-top:70px;
}
.file_download{
    width:100%;
    background: url("../images/jixujiaoyu/bg77.png") center center/cover no-repeat ;
    height: 259px;
    margin-top:40px;
}
.file_download .education_head{
    padding-top:80px;
}
.file_download .education_head div{
    width: 170px;
}

/* 本例子css */
.slideTxtBox1{width: 885px;text-align:left;}
.slideTxtBox1 .hd{height:30px;line-height:30px;padding: 0 10px 0 20px;position:relative;bottom: 70px;}
.slideTxtBox1 .hd ul{float:left;position:absolute;left: 180px;top:-1px;height:32px;}
.slideTxtBox1 .hd ul li{float:left;padding:0 15px;cursor:pointer;list-style-type:  none;}
.slideTxtBox1 .bd ul li a {cursor:  pointer;color: #ffffff;text-decoration: none;}
.slideTxtBox1 .hd ul li.on{height:30px;border-top: 2px solid #4c5cd4;}
.slideTxtBox1 .bd ul{zoom:1;margin-top: 30px;}
.slideTxtBox1 .bd li{font-size:  14px;color: #999999;overflow:  hidden;width: 400px;line-height: 29px;list-style-type:  none;float:  left;position:  relative;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox1 .arrow{  position:absolute; right:10px; top:0; }
.slideTxtBox1 .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
    cursor:pointer; background:url("../images/jixujiaoyu/arrow.png") 0 0 no-repeat; }
.slideTxtBox1 .arrow .next{ background-position:0 -50px;  }
.slideTxtBox1 .arrow .prevStop{ background-position:-60px 0; }
.slideTxtBox1 .arrow .nextStop{ background-position:-60px -50px; }
.slideTxtBox1 .bd ul li:hover > a{
    color: #ffffff;
    text-decoration: underline;
}

.date_download{
    position: absolute;
    right: 66px;
}
.policy{
    right: 0;
    position:  absolute;
    width:233px;
    height:383px;
    background: url("../images/jixujiaoyu/bg88.png") no-repeat;
    top: -115px;
    padding: 40px;
}
.policy h3{
    font-size:36px;
    color: #ffffff;
}
.policy h4{
    font-size:14px;
    color: #ffffff;
    font-weight:normal;
    color: #ffffff;
}
.policy ul{
    margin-top:67px;
}
.policy ul li{
    list-style-type: none;
    color: #fff ;
    font-size:14px;
    line-height:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.policy ul li a{
    color: #fff ;
}



/* 本例子css */
.picScroll-left1{margin-left: -50px;width: 1300px;overflow:hidden;position:relative;}
.picScroll-left1 .hd{overflow:hidden;height: 42px;padding:0 10px;right: 60px;}
.picScroll-left1 .hd .prev,.picScroll-left1 .hd .next{
    position:  absolute;
    display:block;
    width: 23px;
    height: 42px;
    float:right;
    margin-right:5px;
    margin-top:10px;
    overflow:hidden;
    cursor:pointer;
    background:url("../images/jixujiaoyu/arrow.png") 0 0 no-repeat;
}
.picScroll-left1 .hd .prev{
    top: 126px;
    left: -1px;
}
.picScroll-left1 .hd .next{
    top: 126px;
    right: 9px;
}
.picScroll-left1 .hd .next{background-position: 0 -41px;}
.picScroll-left1 .hd .prevStop{ background-position:-60px 0; }
.picScroll-left1 .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left1 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left1 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;   }
.picScroll-left1 .hd ul li.on{ background-position:0 0; }
.picScroll-left1 .bd{padding: 10px 60px;}
.picScroll-left1 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left1 .bd ul li{width: 276px;margin:0 8px;float:left;_display:inline;overflow:hidden;text-align:center;}
.picScroll-left1 .bd ul li .pic{ text-align:center; }
.picScroll-left1 .bd ul li .pic img{width: 267px;height: 213px;display:block;padding:2px;border:1px solid #ccc;}
.picScroll-left1 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left1 .bd ul li .title{ line-height:24px;   }

.files{
    margin: 140px auto;
}



.college_left{
    margin-right: 71px;
    float: left;
    width:197px;
    height:452px;
    background: url("../images/jixujiaoyu/bg4.png") no-repeat;
}
.college_left_content{
    margin: 99px 0 0  106px;
    width:126px;
    height:252px;
}

.college_right{
    float: left;
    position: relative;
}
.college_left_content_tab{
    text-align: right;
    width:100px;
    padding-right: 19px;
    padding-top:32px;
    height:95px;
    cursor:  pointer;
}
.college_left_content_tab span{
    font-size:18px;
    cursor:  pointer;
}
.college_left_content_tab label{
    color: #adadad;
    font-size:  12px;
    cursor:  pointer;
}

.college_active{
    background: #333333;
    border-right:7px solid #4c5cd4;
}
.college_active span{
    color: #ffffff;
}




/* 本例子css */
.picScroll-left2{width: 925px;overflow:hidden;position:relative;}
.picScroll-left2 .hd{overflow:hidden;height: 60px;padding:0 10px;right: 60px;}
.picScroll-left2 .hd .prev,.picScroll-left2 .hd .next{
    display:block;
    width: 50px;
    height: 50px;
    float:right;
    margin-right:5px;
    margin-top:10px;
    overflow:hidden;
    cursor:pointer;
    background:url("../images/jixujiaoyu/left_right.png") 0 0 no-repeat;
}
.picScroll-left2 .hd .next{
    background-position: -50px 0;
}
.picScroll-left2 .hd .next:hover{background-position: -50px -50px;}
.picScroll-left2 .hd .prev:hover{background-position: 0 -50px;}
.picScroll-left2 .hd .prevStop{ background-position:-60px 0; }
.picScroll-left2 .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left2 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left2 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;   }
.picScroll-left2 .hd ul li.on{ background-position:0 0; }
.picScroll-left2 .bd{padding: 10px;}
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{width: 276px;height: 213px;margin:0 8px;float:left;_display:inline;overflow:hidden;text-align:center;}
.picScroll-left2 .bd ul li .pic{ text-align:center; }
.picScroll-left2 .bd ul li .pic img{width: 267px;height: 213px;display:block;padding:2px;}
.picScroll-left2 .bd ul li .title{ line-height:24px;   }

.college_right h2{
    font-size:36px;
    position: absolute;
}

.college{
    margin-top:82px;
}



/*底部样式*/
.g-footer {
    background-color: #313131;
}
.g-footer .footer-top {
    border-bottom: 1px solid #666;
    padding-top: 68px;
    padding-bottom: 50px;
}
.g-footer .footer-top .left {
    width: 1040px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    line-height: 25px;
    text-align: left;
    color: #666;
}
.g-footer .footer-top .left .footer-nav {
    margin-top: 7px;
    height: 25px;
    font-size: 0;
}
.g-footer .footer-top .left .footer-nav a,
.g-footer .footer-top .left .footer-nav span {
    display: inline-block;
    font-size: 16px;
    color: #666;
}
.g-footer .footer-top .left .footer-nav span {
    margin: 0 16px;
}
.g-footer .footer-top .left .footer-nav a:hover {
    color: #fff;
}
.g-footer .footer-top .left .footer-link {
    margin-top: 37px;
}
.g-footer .footer-top .left .footer-link .first,
.g-footer .footer-top .left .footer-link .underline {
    float: left;
    width: 265px;
    font-size: 0;
}
.g-footer .footer-top .left .footer-link .underline .link-item{
    width:187px !important;
}
.g-footer .footer-top .left .footer-link .first .icon,
.g-footer .footer-top .left .footer-link .underline .icon,
.g-footer .footer-top .left .footer-link .first .link-item,
.g-footer .footer-top .left .footer-link .underline .link-item {
    display: inline-block;
    vertical-align: top;
}
.g-footer .footer-top .left .footer-link .first .icon,
.g-footer .footer-top .left .footer-link .underline .icon {
    width: 66px;
    height: 66px;
}
.g-footer .footer-top .left .footer-link .first .link-item,
.g-footer .footer-top .left .footer-link .underline .link-item {
    margin-left: 12px;
    width: 178px;
    font-size: 14px;
}
.g-footer .footer-top .left .footer-link .first .link-item .tit,
.g-footer .footer-top .left .footer-link .underline .link-item .tit {
    display: block;
    font-weight: bold;
}
.g-footer .footer-top .left .footer-link .first .link-item .cont,
.g-footer .footer-top .left .footer-link .underline .link-item .cont {
    margin-top: 4px;
    font-style: normal;
    display: block;
    line-height: 18px;
}
.g-footer .footer-top .left .footer-link .first {
    width: 290px;
}
.g-footer .footer-top .left .footer-link .second {
    width: 200px !important;
}
.g-footer .footer-top .left .footer-link .second .link-item{
    width: 100px !important;
}
.g-footer .footer-top .left .footer-link .underline .link-item .cont {
    margin-top: 9px;
    font-size: 24px;
    line-height: 24px;
    font-style: normal;
}
.g-footer .footer-top .right {
    width: 124px;
}
.g-footer .footer-top .right .weixin-desc {
    margin-top: 4px;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    color: #666;
}
.g-footer .footer-bottom {
    padding-bottom: 23px;
}
.g-footer .footer-bottom .copyright,
.g-footer .footer-bottom .licensing {
    font-size: 12px;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    line-height: 21px;
    text-align: center;
    color: #535353;
}
.g-footer .footer-bottom .copyright {
    margin-top: 15px;
}
.g-footer .footer-bottom .licensing em {
    margin: 0 8px;
}
.g-footer .footer-bottom .advantage {
    margin-top: 7px;
    font-size: 0;
    text-align: center;
}
.g-footer .footer-bottom .advantage li {
    display: inline-block;
    height: 35px;
}
.g-footer .footer-bottom .advantage li + li {
    margin-left: 32px;
}
.fl {
    float: left;
}
.fr {
    float: right
}

/*底部样式结束*/


/*合作伙伴样式开始*/

.cooperation {
    padding-top: 78px;
    padding-top: 0;
    margin-top: -72px;
}
.cooperation .tit {
    font-size: 36px;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    line-height: 36px;
    text-align: center;
    color: #333;
}
.cooperation .sub-tit {
    margin: 22px auto;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    color: #666;
}
.cooperation .line {
    margin: 0 auto;
    width: 100px;
    height: 3px;
    background-color: #b2b2b2;
}
.cooperation .cooperation-header .sub-tit {
    margin: 24px auto;
}
.cooperation .cooperation-content .cooperation-partner-list {
    margin-top: 28px;
    margin-left: -20px;
    margin-bottom:28px;
}
.cooperation .cooperation-content .cooperation-partner-list li {
    float: left;
    margin-top: 22px;
    list-style: none;
    margin-left: 20px;
    width: 224px;
}

/*合作伙伴样式结束*/
/*.link li{
    margin: 0 30px;
    float: left;
    list-style: none;
    color: #666666;
}
.link{
    margin: 75px auto 40px;
    width: 649px;
}*/

/*地图样式开始*/
.campus{
    margin-top: 77px;
    font-size:36px;
    font-weight:bold;
    color: #333333;
}

.campus_map{
    position:  relative;
    width:1200px;
    height: 625px;
    margin-bottom: 140px;
}
#allmap{
    width:1200px;
    height:400px;
    margin-top: 26px;
}

/*地图样式结束*/



.swidth_more{
    width:360px;
    height:600px;
    background: #333333;
}

.swidth_more a{
    display: block;
    text-align:  center;
    line-height:  49px;
    margin: 276px 116px;
    width:168px;
    height:49px;
    color: #ffffff;
    font-size:18px;
    background: url("../images/jixujiaoyu/bg1.png") no-repeat;
    cursor: pointer;
}



/* 本例子css */
.picScroll-left3{width: 925px;overflow:hidden;position:relative;}
.picScroll-left3 .hd{overflow:hidden;height: 60px;padding:0 10px;right: 60px;}
.picScroll-left3 .hd .prev,.picScroll-left3 .hd .next{
    display:block;
    width: 50px;
    height: 50px;
    float:right;
    margin-right:5px;
    margin-top:10px;
    overflow:hidden;
    cursor:pointer;
    background:url("../images/jixujiaoyu/left_right.png") 0 0 no-repeat;
}
.picScroll-left3 .hd .next{
    background-position: -50px 0;
}
.picScroll-left3 .hd .next:hover{background-position: -50px -50px;}
.picScroll-left3 .hd .prev:hover{background-position: 0 -50px;}
.picScroll-left3 .hd .prevStop{ background-position:-60px 0; }
.picScroll-left3 .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left3 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left3 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;   }
.picScroll-left3 .hd ul li.on{ background-position:0 0; }
.picScroll-left3 .bd{padding: 10px;}
.picScroll-left3 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left3 .bd ul li{width: 276px;height: 213px;margin:0 8px;float:left;_display:inline;overflow:hidden;text-align:center;}
.picScroll-left3 .bd ul li .pic{ text-align:center; }
.picScroll-left3 .bd ul li .pic img{width: 267px;height: 213px;display:block;padding:2px;}

.picScroll-left3 .bd ul li .title{ line-height:24px;   }


.examination{
    line-height: 39px;
    color: #999999;
    margin-left: 107px;
}
.examination span {
    background: #fdd9ba;
    padding: 7px 7px;
    display: inline-block;
    position: relative;
    top: 2px;
    right: 6px;
}


/*首页----[继续教育学院]结束*/


/*毕业留影----[继续教育学院]开始*/

.crumbs{
    margin-top: 50px;
    font-size:15px;
    color: #999999;
    padding-bottom:  8px;
    border-bottom:1px solid #999999;
}
.content_left{
    width:900px;
    float: left;
}
.content_right{
    width:300px;
    float: left;
}
.nav_title div{
    padding-left: 52px;
    background-color: #87cbfa;
    height:40px;
    line-height: 40px;
    font-size:18px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 25px 10px;
}
.student_icon{
    background-image: url("../images/jixujiaoyu/user.png");
}
.nav_title li{
    position: relative;
    list-style-type: none;
    height: 47px;
    line-height:  47px;
    background:  #ffffff;
    font-size:15px;
    color: #666666;
    margin:15px;
    padding-left:  15px;
    cursor: pointer;
}
.nav_title li a{
    color: #666666;
}
.nav_title{
    background: #f7f7f7;
    padding-bottom: 1px;
    margin-bottom:  11px;
}
.nav_title_active{
    border-left:4px solid #999999;
    color: #4a59cd !important;
}
.nav_title li img{
    position: absolute;
    right:23px;
    top:11px;
}

.nav_rank div{
    padding-left: 52px;
    height:40px;
    line-height: 40px;
    font-size:18px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 25px 10px;
}
.rank_icon{
    background-color: #f99a70;
    background-image: url("../images/jixujiaoyu/qustion.png");
}
.nav_rank li{
    position: relative;
    list-style-type: none;
    font-size: 15px;
    color: #666666;
    margin: 15px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav_rank li span{
    margin-right: 11px;
    padding: 0px 10px;
    border-radius: 4px;
    background: url("../images/jixujiaoyu/square.png");
}
/*.nav_rank li:nth-child(2) span{
    background: #eeacac;
    color: #ffffff;
}
.nav_rank li:nth-child(3) span{
    background: #ecbc9b;
    color: #ffffff;
}
.nav_rank li:nth-child(4) span{
    background: #bec2f0;
    color: #ffffff;
}*/
/*.nav_rank li:nth-child(11) span{
    margin-right: 3px;
}*/
.nav_rank{
    background: #f7f7f7;
    padding-bottom: 1px;
    margin-bottom: 11px;
}
.content{
    margin-top:48px;
}
.advertisement{
    width:100%;
    margin-bottom: 6px;
}
.advertisement img{
    width:100%;
}
.img_box div{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    width: 100%;
    position: absolute;
    font-size: 15px;
    color: #999999;
    height: 30px;
    line-height: 30px;
    bottom: 0;
    background-color:rgba(0,0,0,0.7)!important;
    filter:Alpha(opacity=70);
    background:#000;
}
.img_box div span{
    left:27px;
    position: absolute;
    font-size: 15px;
    color: #999999;
    height: 30px;
    line-height: 30px;
    bottom: 0;
}
.img_box{
    cursor:  pointer;
    margin: 0 90px 50px 0;
    position:  relative;
    width:358px;
    height:220px;
    float: left;
}
.img_box img{
    width:358px;
    height:220px;
}
.page_helper ul li{
    cursor:  pointer;
    padding: 4px 9px;
    margin: 0 3px;
    float: left;
    list-style:none;
    border: 1px solid #c8c8c8;
    border-radius:  4px;
}
.page_current{
    background: #356bcf;
    color: #fff !important;
    border-color: #356bcf;
}
.page_helper{
    font-size:14px;
    color: #bfbfbf;
    margin-top: 56px;
    margin-bottom: 63px;
}
.page_helper span{margin-left: 14px;}
.page_helper input{
    width: 35px;
    height: 26px;
    border-radius:  4px;
    border: 1px solid #c8c8c8;
}
.page_helper button{
    background:  #ffffff;
    width: 35px;
    cursor:  pointer;
    height: 28px;
    border-radius:  4px;
    border: 1px solid #c8c8c8;
}
.page_helper .pages{
    color: #000000;
}



/*毕业留影----[继续教育学院]结束*/



/*学院活动----[继续教育学院]开始*/
.img_lists{
    margin-right: 32px;
}
.img_lists li{
    padding:  46px 0;
    list-style-type:none;
    height: 155px;
    border-bottom: 1px solid #cccccc;
}

.img_lists li img{
    height: 155px;
    width:247px;
    float: left;
}
.img_lists li div{
    float: left;
    width: 577px;
    overflow: hidden;
    height:168px;
    margin: 0 13px 0 25px;
}
.img_lists li div h3{
    font-size:18px;
    color: #333333;
    margin-bottom: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.img_lists li div p{
    font-size:14px;
    color: #666666;
    line-height: 24px;
    overflow: hidden;
}

/*学院活动----[继续教育学院]结束*/

/*学院新闻----[继续教育学院]开始*/

.notes_icon {
    background-color: #7382f1;
    background-image: url("../images/jixujiaoyu/notes.png");
}
.news_icon{
    background-image: url(../images/jixujiaoyu/newsicon.png);
}

/*学院新闻----[继续教育学院]结束*/


/*政策与招生----[继续教育学院]开始*/
.policy_icon{
    background-image: url(../images/jixujiaoyu/star.png);
}
.article_title{
    text-align: center;
    border-bottom:  1px solid #cccccc;
    margin-right: 32px;
}
.article_title h3{
    font-size:18px;
    color: #333333;
    margin-bottom: 3px;
}
.article_title p{
    font-size:14px;
    color: #999999;
    margin-bottom: 40px;
}
.article_content{
    margin-right: 32px;
}
/*政策与招生----[继续教育学院]结束*/

/*疑问解答----[继续教育学院]开始*/
.qustion_search{
    position:  relative;
    height:50px;
    border-bottom: 1px solid #cccccc;
    margin-right: 32px;
}
.qustion_search input{
    font-size:  14px;
    right: 84px;
    position:  absolute;
    height:35px;
    width: 313px;
    padding-left:  10px;
    border-bottom-left-radius: 6px;
    border: 1px solid #4c5cd4;
    border-top-left-radius: 6px;
}

.qustion_search button{
    line-height: 33px;
    width: 78px;
    font-size: 18px;
    cursor:  pointer;
    position:  absolute;
    background: #4c5cd4;
    border: 1px solid #4c5cd4;
    border-top-right-radius:  6px;
    border-bottom-right-radius:  6px;
    height: 37px;
    right: 2px;
    font-family: "Microsoft YaHei";
    color: #fefefe;
}
.qustion_lists li{
    position: relative;
    height: 107px;
    overflow:  hidden;
}
.qustion_lists li h3{
    font-size: 18px;
    margin-bottom: 26px;
    color: #333333;
}

.qustion_lists li p{
    font-size: 14px;
    color: #666666;
    line-height:  30px;
    overflow: hidden;
}
.qustion_lists li > div > a{
    font-size: 14px;
    color: #4c5cd4;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right:43px;
}
.answer_icon{
    background-image: url("../images/jixujiaoyu/light.png");
}

/*疑问解答----[继续教育学院]结束*/

/*人力资源----[继续教育学院]开始*/
.apply_icon{
    background-image: url("../images/jixujiaoyu/notes.png");
}
/*人力资源----[继续教育学院]结束*/


/*历史真题----[继续教育学院]开始*/
.history_exam{
    width: 866px;
    border-collapse:collapse;
}
.history_exam thead tr th{
}
.history_exam thead tr{
    text-align: left;
    height: 39px;
    font-size:  15px;
    color: #333333;
    line-height:  39px;
    background: #e9e9e9;
}
.history_exam thead tr th:nth-child(1) {
    padding-left: 38px;
}
.history_exam tbody tr{
    color: #666666;
    font-size: 15px;
    line-height: 62px;
    height:62px;
    border-bottom: 1px solid #cccccc;
}
.history_exam tbody tr td span{
    cursor:  pointer;
    padding: 4px 12px;
    color: #fefdfd;
    font-size: 14px;
    background: #4c5cd4;
    border-radius: 4px;
}
.history_exam tbody tr td:nth-child(1) {
    padding-left: 38px;
}

/*.history_exam tbody tr:nth-child(1) td:nth-child(1) {
    background: url("../images/jixujiaoyu/fire.png") 8px 20px no-repeat;
}*/
.bordernone{
    border-bottom: none;
}
.exam_icon{
    background-image: url("../images/jixujiaoyu/zhenti.png");
}
/*历史真题----[继续教育学院]结束*/


/*合作院校----[继续教育学院]开始*/

.marginbottom{
    margin-top: 0px !important;
}
.school_box .school_img_box div{
    z-index: 9;
    text-align: center;
    width: 100%;
    position: absolute;
    font-size: 18px;
    color: #e2e2e2;
    height: 40px;
    line-height: 40px;
    bottom: 0;
    background-color:rgba(0,0,0,0.6)!important;
    filter:Alpha(opacity=60);
    background:#000;
}
.school_box .school_img_box:hover >  span{
    display: block;
}
.school_box .school_img_box span{
    z-index: 8;
    display: none;
    text-align: center;
    width: 100%;
    position: absolute;
    font-size: 16px;
    color: #ffffff;
    height: 408px;
    line-height: 408px;
    bottom: 0;
    background-color:rgba(0,0,0,0.3)!important;
    filter:Alpha(opacity=30);
    background:#000;
}
.school_box .school_img_box span a{
    color: #FFFFFF;
    cursor:  pointer;
    border-radius: 6px;
    border:1px solid #ffffff;
    padding: 5px 31px 5px 12px;
    background: url("../images/jixujiaoyu/more.png") 116px 8px no-repeat;
}
.school_box .school_img_box{
    margin: 0 37px 28px 0;
    position:  relative;
    width: 272px;
    height: 408px;
    float: left;
}
.school_box .school_img_box img{
    width: 272px;
    height: 408px;
}
.school_box .school_img_box:nth-child(4n){
    margin-right: 0 !important;
}
.school_box{
    margin-top: 41px;
}
.page_center{
    width:855px;
    margin:63px auto;
}

/*合作院校----[继续教育学院]结束*/


/*播放效果----[继续教育学院]开始*/
.blackbg{
    padding-bottom: 68px;
    padding-top: 33px;
    background: #222222;
}
.whitecolor{
    color: #ffffff;
    border-color: #ffffff;
}
.video_play{
    width:753px;
    height:492px;
    float: left;
}
.video_play video{
    width:100%;
    height:492px;
}
.video_info{
    margin-left: 51px;
    width:343px;
    height: 438px;
    border:1px solid #999999;
    float: left;
    padding: 27px 25px;
}
.video_info .video_info_header img{
    width: 79px;
    height: 55px;
    float: left;
}
.video_info .video_info_header div{
    width: 248px;
    float: left;
    color: #a9a9a9;
    font-size: 15px;
    margin-left: 16px;
}
.video_info .video_info_header div b{
    display: block;
    color: #ffffff;
    margin-bottom: 10px;
}
.video_info .video_info_header{
    height:98px;
    width:100%;
    border-bottom: 1px dotted #cecece;
}
.recollections{
    margin: 36px 0;
    padding-left:  32px;
    font-size:12px;
    color: #999999;
    background: url("../images/jixujiaoyu/recollections.png") 15px 2px no-repeat;
}
.recollections b{
    font-size:18px;
    color: #999999;
    margin: 0 16px;
}
.video_info p{
    color: #666666;
    font-size:15px;
    text-indent: 2em;
}
.video_img_box div{
    text-align: center;
    width: 100%;
    position: absolute;
    font-size: 15px;
    color: #999999;
    height: 30px;
    line-height: 30px;
    bottom: 0;
    background-color:rgba(0,0,0,0.7)!important;
    filter:Alpha(opacity=70);
    background:#000;
}
.video_img_box div span{
    position: absolute;
    font-size: 15px;
    color: #999999;
    height: 30px;
    line-height: 30px;
    bottom: 0;
    left:8px;
}
.video_img_box{
    cursor:  pointer;
    margin: 0 32px 50px 0;
    position:  relative;
    width:259px;
    height:167px;
    float: left;
}
.video_img_box img{
    width:259px;
    height:167px;
}
.video_playing{
    border: 6px solid #4c5cd4;
    box-shadow: 0px 4px 4px #afafaf;
    border-radius:  8px;
}
/*播放效果----[继续教育学院]结束*/



.whiteheart_icon{
    background-image: url("../images/jixujiaoyu/whiteheart.png");
    background-color: #f3986f;
}
.p_img{
    margin-top: 7px;
    margin-left: 12px;
    font-size:15px;
    color: #666666;
    display: block;
    float: left;
}
.p_img p{
    font-size:16px;
    margin-top: 10px;
}
.nav_rank li img{
    float: left;
    width:95px;
    height:68px;
}


/*悬浮开始*/
#floating{
    position: fixed;
    right: 0;
    top: -46px;
    z-index: 9999;
}
#floating .floating-link{
    position: absolute;
    left: 4px;
    z-index: auto;
    width: 90%;
    height: 55px;
}
.float-font{
    display: none;
    font-size: 15px;
    color: #ffffff;
    position: absolute;
    left: -60px;
    width: 72px;
    height: 47px;
    padding: 8px 0 0 12px;
}
.font1{
    background: #5488b8;
}
.font2{
    background: #c567b0;
}
.font3{
    background: #ce8b66;
}
.font4{
    background: #5daf6c;
}
.font5{
    background: #5488b8;
}
.font6{
    background: #d44c66;
}
#floating .floating-link:hover{
    background-color: #000;
    background: rgba(0,0,0,0.5);
}
#floating .floating-link1{
    top: 212px;
    height: 55px;
}
#floating .floating-link2{
    top: 272px;
}
#floating .floating-link3{
    top: 332px;
}
#floating .floating-link4{
    top: 392px;
}
#floating .floating-link5{
    top: 452px;
}
#floating .floating-link6{
    top: 512px;
}
#floating .floating-link7{
    top: 573px;
}
/*悬浮结束*/


/*条件详情开始*/
.crumbs span{
    position: absolute;
    right:330px;
}
.crumbs span a{
    margin:0 10px;
    cursor: pointer;
}
.crumbs_relative{
    position: relative;
}
.crumbs_active{
    font-size: 15px;
    color: #333;
}
/*条件详情结束*/


/* 搜索问题开始*/


/* 本例子css */
.slideTxtBox4{width: 1200px;text-align:left;}
.slideTxtBox4 .hd{width: 838px;background: #e5e5e5;height: 40px;line-height: 40px;padding: 0 10px 0 20px;}
.slideTxtBox4 .hd ul{float:left;height: 40px;}
.slideTxtBox4 .hd ul li{float:left;padding: 0 30px;cursor:pointer;list-style-type:  none;}
.slideTxtBox4 .bd ul li a img{width:100%;}
.slideTxtBox4 .hd ul li.on{height: 39px;border-bottom: 2px solid #4c5cd4;}
.slideTxtBox4 .bd ul{zoom:1;}
.slideTxtBox4 .bd{
    width:868px;
}
.slideTxtBox4 .bd li{overflow:  hidden;width: 868px;height: 106px;line-height: 24px;list-style-type:  none;float:  left;position:  relative;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox4 .arrow{  position:absolute; right:10px; top:0; }
.slideTxtBox4 .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
    cursor:pointer; background:url("../images/jixujiaoyu/arrow.png") 0 0 no-repeat; }
.slideTxtBox4 .arrow .next{ background-position:0 -50px;  }
.slideTxtBox4 .arrow .prevStop{ background-position:-60px 0; }
.slideTxtBox4 .arrow .nextStop{ background-position:-60px -50px; }


.slideTxtBox4 .bd .img_lists li{
    padding: 24px 0 !important;
}


.slideTxtBox4 .bd .course_lists li div{
    width: 688px;
}
.slideTxtBox4 .bd .course_lists li .course_fee{
    width: 116px;
    margin-right:  0;
    margin-top: 20px;
}

.slideTxtBox4 .bd .course_lists li .course_fee .course_fee_top{
    background: url("../images/jixujiaoyu/course_fee.png") no-repeat;
    float: none;
    width: 114px;
    height: 64px;
    margin-left:  0;
    text-align: center;
    color: #fa6937;
    font-size:13px;
    line-height: 45px;
}
.slideTxtBox4 .bd .course_lists li .course_fee .course_fee_top b{
    font-size:24px;
    margin: 0px 2px;
}

.slideTxtBox4 .bd .course_lists li .course_fee label{
    cursor:  pointer;
    width:112px;
    display: block;
    height:35px;
    line-height: 37px;
    border:1px solid #333333;
    border-radius: 6px;
    text-align: center;
    margin:3px auto;
}
.slideTxtBox4 .bd .course_lists li .course_fee .bluelabel{
    background: #3b50ee;
    border-color: #3b50ee;
    color: white;
    margin-top: 12px;
}

.margin_less{
    margin-top:27px;
}
.subject_icon {
    background-color: #7382f1;
    background-image: url(../images/jixujiaoyu/subject.png);
}
.question_icon{
    background-color: #f99a70;
    background-image: url(../images/jixujiaoyu/qustion.png);
}
.new_notes_icon{
    background-color: #58b8fb;
}

.course_lists{width: 868px;height: 194px;}

.slideTxtBox4 .bd .course_lists li {
    height: 194px;
}
.no_result{
    width:330px;
    height:270px;
    margin: auto;
    padding-left: 33px;
    margin-top: 225px;
    color: #666666;
    font-size:18px;
    text-align: center;
}
.no_result img{
    display: block;
    margin: 0 auto 35px;
}
.no_result h5{font-size: 15px;font-weight: normal;margin: 22px auto 28px;}
.no_result a{
    cursor:  pointer;
    padding: 7px 26px;
    border: 1px solid #333333;
    border-radius:  6px;
}
.no_result .blue_consult{
    background: #3b50ee;
    border-color: #3b50ee;
    color: #ffffff;
    margin-right:  13px;
}
/*搜索问题结束*/

/*课程中心开始*/

/* 轮播css */
.slideBox1{width: 100%;overflow:hidden;position:relative;}
.slideBox1 .hd{height: 13px;overflow:hidden;position:absolute;right: 48%;bottom:5px;z-index:1;}
.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox1 .hd ul li{border-radius:  25px;float:left;margin-right: 6px;width: 11px;height: 11px;line-height: 11px;text-align:center;background:#fff;cursor:pointer;}
.slideBox1 .hd ul li.on{ background:#fe6455; color:#fff; }
.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
.slideBox1 .bd img{width: 100%;display:block;}


.screen{
    margin-bottom: 27px;
}
.screen li{
    font-size:15px;
    color: #666666;
    line-height: 36px;
}
.screen li a{
    color: #666666;
    cursor:  pointer;

    padding: 2px 14px;
}
.screen li a:hover,.screen_active{

    background: #4c5cd4;

    color: #ffffff !important;

    border-radius:  5px;
}
.sort{
    height: 40px;
    background: #e5e5e5;
    font-size:18px;
    color: #333333;
    line-height:  40px;
    padding-left: 14px;
    margin-bottom: 42px;
}
.sort a{
    cursor: pointer;
    color: #000;
}
.sort span{
    background-image:url("../images/jixujiaoyu/up_down.png");
    background-repeat: no-repeat;
    padding: 0 18px;
    margin-left:  22px;
    background-position-x: right;
    cursor: pointer;
}
.sort span:hover,.sort a:hover,.sort_active,.sort_active1,.sort_active2{
    color: #4c5cd4 !important;
}
.sort_active1{
    background-position-y: -22px;
}
.sort_active2{
    background-position-y: -47px;
}
.ranking_icon{
    background-image: url("../images/jixujiaoyu/paihang.png");
    background-color: #7382f1;
}
.left_less{
    margin-left:5px;
    margin-top: 14px;
}
.history_record_icon{
    background-image: url("../images/jixujiaoyu/historyrecord.png");
    background-color: #f99a70;
}

/*课程中心结束*/

/*课程介绍开始*/
.course_info img{
    width:385px;
    height:268px;
    float: left;
}
.course_info div{
    float: left;
    width: 466px;
    padding: 0 20px;
    color: #333333;
}
.course_info div h3{
    font-size: 18px;
}
.course_info div p{
    font-size: 15px;
    line-height:30px;
}
.course_info div label{
    font-size: 23px;
    color: #fa6937;
    display: block;
    margin: 19px 0;
}
.course_info div label span{
    font-size: 37px;
    color: #fa6937;
    font-weight: bold;
}

.course_info div a{
    margin: 0 12px;
    border:1px solid #333333;
    border-radius: 5px;
    color: #333333;
    cursor: pointer;
    float: left;
    display: block;
    width:112px;
    height:35px;
    line-height:35px;
    text-align: center;
}

.course_info div a:hover{
    color: #ffffff;
    background: #3b50ee;
    border-color: #3b50ee;
}
.class_detail{
    background: #e9e9e9;
    margin: 26px 40px 26px 0;
    height:40px;
    padding-left: 14px;
    line-height:40px;
    font-size: 15px;
    color: #333333;
}
.course_detail{
    color: #333;
    margin-right: 40px;
    margin-bottom: 76px;
}
.course_detail h3{
    font-size: 18px;
}
.course_detail b{
    font-size: 15px;
    margin: 5px 0;
    line-height: 24px;
    float: left;
    width:84px;
}
.course_detail div{
    font-size: 15px;
    margin: 5px 0;
    line-height: 24px;
    float: left;
    width: 772px;
}
.class_detail_lists{
    margin-bottom: 60px;
}
.class_detail_lists a{
    text-align: center;
    display: block;
    width: 272px;
    float: left;
    font-size: 15px;
    color: #333333;
    margin-right: 22px;
}
.class_detail_lists a img{
    width: 272px;
    height:190px;
}
.class_detail_lists div:nth-child(3n){
    margin-right: 0!important;
}
/*课程介绍结束*/

/*咨询群开始*/
.advisory{
    width:630px;
}
/*咨询群结束*/

/* 本例子css */
.slideGroup{ width:1200px;  text-align:left;  }
.slideGroup .parHd{height: 40px;
    position: relative;
    top:40px;
    z-index: 10001;
    width: 800px;
    line-height: 40px; }
.slideGroup .tempWrap{
    padding: 0 48px;
}
.slideGroup .parHd ul{ padding-right: 22px;padding-left: 22px;background: #fff;float:left;height: 40px;
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.33);
    -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.33);
    box-shadow:0 0 10px rgba(0, 0, 0, 0.33); }
.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideGroup .parHd ul li.on{     height: 38px;
    border-top: 2px solid #4c5cd4; }
.slideGroup .slideBox{ overflow:hidden; zoom:1; position:relative;  padding-top: 40px }
.slideGroup .sPrev, .slideGroup .sNext {
    position: absolute;
    top: 86px;
    display: block;
    width: 18px;
    height: 50px;
    z-index: 999;
    background: url(../images/jixujiaoyu/maplr.png) 0 0 no-repeat;
}
.slideGroup .sPrev{
    left: 12px;
}
.slideGroup .sNext{
    right:12px;
    background-position: -17px 0;
}
.slideGroup .controls{
    position: absolute;
    right:0;
    top:0;
    z-index: 10000;
}
.slideGroup .controls .sPrev{
    margin-right: 0 !important;
    display: block;
    width: 40px;
    height: 40px;
    float: right;
    margin-right: 3px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/jixujiaoyu/left_right_small.png) -40px -40px no-repeat;
}
.slideGroup .controls .sPrev:hover{
    background-position: -40px -40px;
}
.slideGroup .controls .sNext:hover{
    background-position: 0 -40px;
}
.slideGroup .controls .sNext{
    display: block;
    width: 40px;
    height: 40px;
    float: right;
    margin-right: 3px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/jixujiaoyu/left_right_small.png) 0 0 no-repeat;
}


.slideGroup .parBd ul{     padding: 23px 23px 23px 0 !important;
    background: #333333;
    zoom: 1; }
.slideGroup .parBd ul li{
    cursor: pointer;
    font-size: 13px;
    color: #999999;
    overflow: hidden;
    width: 560px;
    margin-right: 20px;
    list-style-type: none;
    position: relative;
}
.slideGroup .parBd ul li img{
    float: left;
}
.slideGroup .parBd ul li div{
    float: left;
    width: 400px;
    padding-left: 20px;
}
.slideGroup .parBd ul li p{
    line-height: 29px;
}
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px;   }

/*修改内容新增样式*/

.kechengbanner{
    width:100%;
}
.kechengbanner a img{
    width:100%;
}

/*新版荣誉资质*/

/* 本例子css */
.slideGroup1{ width:1200px; text-align:left; position: relative;padding-bottom: 26px}
.slideGroup1 .parHd{ height:120px; line-height:32px;   padding:0 20px;  position:relative;  }
.slideGroup1 .parHd ul{ float:left; position:absolute; left:50%; top:-1px; height:120px;   }
.slideGroup1 .parHd ul li{
    margin:45px 17px;height:32px; line-height: 32px; float:left; padding:0 15px; cursor:pointer; background: #efefef;border: 1px solid #b5b5b6;border-radius: 60px  }
.slideGroup1 .parHd ul li.on{
    color: #fff;  background:#4c5cd4; border:1px solid #4c5cd4; }
.slideGroup1 .slideBox{
    width:1158px !important; overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative;   }

.slideGroup1 .sPrev,.slideGroup1 .sNext{ position: absolute;
    left: 5px;
    top: 100px;
    display: block;
    width: 39px;
    height: 39px;
    background:url(../images/jixujiaoyu/certificate_pre_next.png) -40px -40px no-repeat ; }
.slideGroup1 .sNext{ left:auto; right:5px; background:url(../images/jixujiaoyu/certificate_pre_next.png) 0 -40px no-repeat ;  }
.slideGroup1 .sPrev:hover{
  background-position: -40px 0 ;
}
.slideGroup1 .sNext:hover{
    background-position: 0  0 ;
}

.slideGroup1 .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup1 .parBd ul li{
    width:317px; margin:0 32px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup1 .parBd ul li .pic{ text-align:center; }
.slideGroup1 .parBd ul li .pic img{ width:302px; height:230px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup1 .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup1 .parBd ul li .title a{
    color: #595757;line-height:36px;font-size: 13px   }
.slideGroup1 .parBd ul li .title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.certip{
    font-size: 14px;
    color: #333333;
    line-height: 26px;
}



/* 本例子css */
.picScroll-left4{width: 1200px;overflow:hidden;position:relative;}
.picScroll-left4 .hd{overflow:hidden;padding:0 10px;right: 60px;}
.picScroll-left4 .hd .prev,.picScroll-left4 .hd .next{
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/jixujiaoyu/certificate_pre_next.png) -39px -40px no-repeat;
}
.picScroll-left4 .hd .prev:hover{
    background-position: -40px 0;
}
.picScroll-left4 .hd .next:hover{
    background-position: 0 0;
}
.picScroll-left4 .hd .prev{
    top: 162px;
    left: -1px;
}
.picScroll-left4 .hd .next{
    top: 162px;
    right: 9px;
}
.picScroll-left4 .hd .next{background-position: 0 -40px;}
.picScroll-left4 .hd .prevStop{ background-position:-60px 0; }
.picScroll-left4 .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left4 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left4 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;   }
.picScroll-left4 .hd ul li.on{ background-position:0 0; }
.picScroll-left4 .bd{padding: 10px 60px 10px 41px;}
.picScroll-left4 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left4 .bd ul li{width: 266px;margin:0 5px;float:left;_display:inline;overflow:hidden;text-align:center;}
.picScroll-left4 .bd ul li .pic{ text-align:center; }
.picScroll-left4 .bd ul li .pic img{width: 264px;height: 365px;display:block;border:1px solid #ccc;}
.picScroll-left4 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left4 .bd ul li .title a{ color: #595757;line-height:36px;font-size: 13px  }
.picScroll-left4 .bd ul li .title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.picScroll-left4 .lunbo_bg{
    position: absolute;
    bottom:0;
    width:1200px;
    height:118px;
    background: url("../images/jixujiaoyu/lunbo_bg.png") no-repeat;
}
.slideGroup1 .lunbo_bg{
    position: absolute;
    bottom:0;
    width:1200px;
    height:118px;
    background: url("../images/jixujiaoyu/lunbo_bg.png") no-repeat;
}
.certificate_h3{
     font-size: 30px;
    color: #333333;
    text-align: center;
    margin-top: 46px;
}
#hugeimg_box{
    overflow: auto;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 99999;
}
#hugeimg_box img{

}


/* 本例子css */
.txtScroll-left{ position:relative;  }
.txtScroll-left .bd{ padding:10px; width:1105px; overflow:hidden;    }
.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.txtScroll-left .bd ul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    width:340px; margin-right:30px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline;}
.txtScroll-left .bd ul li span{ color:#999;  }


.college_right .swiper-container{
    width: 930px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.college_right .swiper-wrapper {
    margin-top: 50px;
}
.college_right .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 200px;
    margin-top: 16px !important;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.college_right .swiper-slide img{
    width:303px;
    height:185px;
}
.college_right .swiper-slide a{
    line-height:0;
}

.showimg{
    position: absolute;
    left:500%;
}
.new-prev{
    background-image: url(../images/jixujiaoyu/left_right.png) !important;
    width: 50px !important;
    height: 50px !important;
    background-size: 100px 100px !important;
    background-position: 0 0 !important;
    top: 28px !important;
    left: 815px !important;
}
.new-prev:hover{
    background-position: 0 -50px !important;
}
.new-next{
    top: 28px !important;
    background-image: url("../images/jixujiaoyu/left_right.png") !important;
    width:50px !important;
    height:50px !important;
    background-size: 100px 100px !important;
    background-position: -50px 0 !important;
}
.new-next:hover{
    background-position: -50px -50px !important;
}
.fixed{
    top:10px;
}
.zx-line{
    width:59px;
    margin-left: 0;
    margin-top: 30px;
    height:3px;border:none;border-top:3px solid #4c5cd4;
}
.map_box{
    position: absolute;
}
.map_active,.map_active1{
    background: #414141;
}
.lileft{
    float: left;width: 85px;
}
.liright{
    float: left;width: 1114px;
}


/*悬浮客服咨询开始*/
.float-ad {
    position: fixed;
    right: 0;
    bottom: 77px;
    z-index: 99999;
    width: 70px;
}
.float-ad .float-interaction {
    width: 100%;
}
.float-ad .float-interaction .interac-item {
    position: relative;
    z-index: 99999;
    margin-top: 4px;
}
.float-ad .float-interaction .interac-item .link {
    display: block;
    background-color: #636363;
    padding-top: 4px;
    width: 64px;
    height: 60px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.float-ad .float-interaction .interac-item .link .icon,
.float-ad .float-interaction .interac-item .link span {
    display: block;
    width: 100%;
    height: 42px;
}
.float-ad .float-interaction .interac-item .link .icon {
    background-repeat: no-repeat;
    background-position: center;
}
.float-ad .float-interaction .interac-item .link .icon-1 {
    background-image: url('../images/guanwang/float-1.png');
}
.float-ad .float-interaction .interac-item .link .icon-2 {
    background-image: url('../images/guanwang/float-2.png');
}
.float-ad .float-interaction .interac-item .link .icon-3 {
    background-image: url('../images/guanwang/float-3.png');
}
.float-ad .float-interaction .interac-item .link .icon-4 {
    background-image: url('../images/guanwang/float-4.png');
}
.float-ad .float-interaction .interac-item .link .icon-5 {
    background-image: url('../images/jixujiaoyu/float-8.png');
}
.float-ad .float-interaction .interac-item .link .icon-6 {
    background-image: url('../images/jixujiaoyu/float-9.png');
}
.float-ad .float-interaction .interac-item .link .icon-7 {
    background-image: url('../images/jixujiaoyu/float10.png');
}
.float-ad .float-interaction .interac-item .link span {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    line-height: 14px;
    text-align: center;
    color: #fff;
}
.float-ad .float-interaction .interac-item .link.on {
    background-color: #4c5cd5;
}
.float-ad .float-interaction .interac-item .float-frm-wrapper {
    position: absolute;
    right: 70px;
    top: -20px;
    z-index: auto;
    width: 213px;
}
.float-ad .float-interaction .interac-item .float-frm-wrapper .float-frm {
    padding: 70px 24px 0 18px;
    width: 161px;
    height: 179px;
    background: url('../images/jixujiaoyu/gw-bg-float1.png') no-repeat center;
}
.float-ad .float-interaction .interac-item .float-frm-wrapper .float-frm .form-group {
    position: relative;
    z-index: auto;
    margin-top: 11px;
    width: 160px;
}
.float-ad .float-interaction .interac-item .float-frm-wrapper .float-frm .form-group input {
    width: 100%;
    height: 30px;
    border: 1px solid #898989;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    line-height: 30px;
    text-align: left;
    color: #bfbfbf;
    text-indent: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.float-ad .float-interaction .interac-item .float-frm-wrapper .float-frm .form-group span {
    position: absolute;
    left: 0;
    top: 0;
    z-index: auto;
    width: 100%;
    height: 42px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    line-height: 42px;
    text-align: left;
    color: #bfbfbf;
    text-indent: 7px;
}
.float-ad .float-interaction .interac-item .float-frm-wrapper .float-frm .submit {
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    outline: none;
    margin: 17px auto 0;
    display: block;
    width: 106px;
    height: 30px;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #4c5cd5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.float-ad .float-interaction .interac-item .float-weixin-wrapper {
    position: absolute;
    right: 70px;
    top: -30px;
    z-index: auto;
    width: 213px;
    min-height: 230px;
    background: url('../images/jixujiaoyu/gw-bg-float1.png') no-repeat left top;
}
.float-ad .float-interaction .interac-item .float-weixin-wrapper .weixin {
    display: block;
    margin-left: 21px;
    padding-top: 67px;
    width: 163px;
}
.float-ad .float-interaction .interac-item .float-qq-wrapper {
    position: absolute;
    right: 70px;
    top: -30px;
    z-index: auto;
    width: 213px;
    min-height: 230px;
    background: url('../images/jixujiaoyu/gw-bg-float3.png') no-repeat left top;
}
.float-ad .float-interaction .interac-item .float-qq-wrapper .block-nbsp .qq {
    color: #ffffff;
    background: #4c5cd5;
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 14px;
    margin-left: 16px;
}
.block-nbsp{
   padding-top: 119px;
    width:195px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:28px;
}
/*悬浮客服咨询结束*/
.bus-line{
    position: absolute;
    right:0;
    top:0;
}
.bus-line-base{
    width:443px;
    height:365px;
    background: rgba(0,0,0,0.7);
    padding-top: 35px;
    display: none;
}
.bus-line-base ul{
    height:332px;
    overflow-y: auto;
}
.bus-line-base ul li{
    background: url("../images/jixujiaoyu/bluetran.png") 26px 3px no-repeat;
    padding-left: 50px;
    color: #ffffff;
    margin-bottom: 8px;
    padding-right: 40px;
}
.bus-line-base-title{
    font-weight: bold;
    line-height: 26px;
}
.bus-line-base-show{
    display: block;
}
.bus-line-base-content{
    font-size: 14px;
    line-height: 22px;
}
.bus-line-base ul::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(241, 241, 241, 0.17);
    background-color: rgba(241, 241, 241, 0.23);
}

.bus-line-base ul::-webkit-scrollbar
{
    width: 8px;
    background-color: #F5F5F5;
}

.bus-line-base ul::-webkit-scrollbar-thumb
{
    background-color: rgba(193, 193, 193, 0.7);
    border: 2px solid rgba(241, 241, 241, 0.35);
}
.allmap_box{
    width: 1200px;
    height: 400px;
    margin-top: 26px;
    position: relative;
}
/*
地图结束*/
.visible {
    height: 100%;
    vertical-align: middle;
    width: 0;
    display: inline-block;
}
.tablecell{
    vertical-align: middle;
    display: inline-block;
}

/*20180413新版中鹏荣誉开始*/
.zpry{
    height: 122px;
    display: table;
    margin: auto;
}
.zpry li{
    margin: 45px 17px;
    height: 32px;
    line-height: 32px;
    float: left;
    padding: 0 15px;
    cursor: pointer;
    background: #efefef;
    border: 1px solid #b5b5b6;
    border-radius: 60px;
}
.zpry li.zpry-on{
    color: #fff;
    background: #4c5cd4;
    border: 1px solid #4c5cd4;
}
.hideswiper{
    position: fixed;
    left:500%;
}
.showswiper{
    position: static;
}
.zpry-content .swiper-container{
    width:1090px;
}
.zpry-content .swiper-container .swiper-wrapper{
}
.zpry-content .swiper-container .swiper-slide{
    width:266px !important;
    margin-right:10px !important;
}
.zpry-content .swiper-container .swiper-slide .swiper-slide-title{
    font-size: 14px;
}
.zpry-content .swiper-container .swiper-slide img{
    width:266px;
    height:202px;
}
.zpry-content{
    background: url(../images/jixujiaoyu/lunbo_bg.png) no-repeat bottom;
    padding-bottom: 26px;
}
.zpry-btn{
     position: relative;
     bottom: 283px
 }
.zpry-btn .swiper-button-prev,.zpry-btn .swiper-button-next{
    outline: none;
    width: 39px;
    height: 39px;
    background: url(../images/jixujiaoyu/certificate_pre_next.png) -40px -40px no-repeat;
}
.zpry-btn .swiper-button-next {
    background-position:  0 -40px;
}
.zpry-btn swiper-button-next:hover{
    background-position: 0  0 ;
}
.zpry-btn .swiper-button-prev:hover{
    background-position:  -40px 0;
}
.imgborder{
    position: absolute;
    top:50%;
    left:50%;
    display: table;
    margin: auto;
    border:11px solid rgba(0,0,0,0.6);
    -moz-box-shadow:0px 0px 11px rgba(0,0,0,0.8);
    -webkit-box-shadow:0px 0px 11px rgba(0,0,0,0.8);
    box-shadow:0px 0px 11px rgba(0,0,0,0.8);
}
.imgbackgrund{
    height: 100%;
    background: #ffffff;
    padding: 22px;
}
.zooming-describe{
    display: none;
}
.zpry-more{
    display: block;
    width: 300px;
    height: 57px;
    line-height: 57px;
    background: #4c5cd4;
    color: #fff;
    font-size: 24px;
    text-align: center;
    border-radius: 33px;
    margin: 48px auto;
    cursor: pointer;
    -moz-box-shadow:0px 4px 12px #7A7A7A; -webkit-box-shadow:0px 4px 12px #7A7A7A; box-shadow:0px 4px 12px #7A7A7A;
}
/*20180413新版中鹏荣誉结束*/
#cooperation-swiper{
    margin: 36px auto;
}
.cooperation-link{
    margin: 50px auto;
}
.cooperation-link li{
    margin-right: 30px;
    float: left;
    list-style: none;
    color: #666666;
}
.left-right-icon{
    position: relative;
    width: 1320px;
    right: 60px;
    bottom: 132px;
}
.left-right-icon .swiper-button-next{
    width:39px;
    height:39px;
    background: url("../images/guanwang/about-right2.png") !important;
}
.left-right-icon .swiper-button-prev{
    width:39px;
    height:39px;
    background: url("../images/guanwang/about-left2.png") !important;
}
.left-right-icon .swiper-button-next:hover{
    background: url("../images/guanwang/about-acright.png") !important;
}
.left-right-icon .swiper-button-prev:hover{
    background: url("../images/guanwang/about-acleft.png") !important;
}

#cooperation-swiper .swiper-slide{
    margin-right: 28px !important;
}


.tsrx{
    position: relative;
}
.tsrx:hover > .tsrx-hide{
    display: block !important;
}
.tsrx-hide > img{
    margin-right: 5px;
    position: relative;
    top:2px;
}
.tsrx-hide{
    display: none !important;
    padding: 10px 10px 0 10px;
    padding-top: 12px;
    line-height: 28px;
    display: inline-block;
    width: 196px;
    height: 68px;
    position: absolute;
    right: -257px;
    top: -30px;
    background: #f1f0f0;
    -moz-box-shadow:0px 0px 5px #949494; -webkit-box-shadow:0px 0px 5px #949494; box-shadow:0px 0px 5px #949494;
}
.tsrx-hide:before{
    content: " ";
    width:0;
    height:0;
    border-width:10px 10px 10px 0;
    border-style:solid;
    border-color:transparent #f1f0f0 transparent transparent;/*透明 灰 透明 透明 */
    position:absolute;
    left: -10px;
    top: 31px;
}

/*新版继续教育开始*/
.ly9-title{
    color: #666666;
    text-align: center;
    font-size: 41px;
}
.ly9-title b{
    margin-top: 50px;
    margin-bottom: 8px;
    font-size: 36px;
    display: block;
    color: #333333;
}
.ly9-title span{
    color: #4c5cd4;
    font-weight: bold;
}
.ly9-list{
    margin-top: 48px;
}
.ly9-list li{
    overflow: hidden;
    position: relative;
    float: left;
    width:230px;
    height:321px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.ly9-list li:last-child{
    margin-right: 0;
}
.ly9-li-title{
    -webkit-transition:  bottom 0.4s ease-out;
    -moz-transition:  bottom 0.4s ease-out;
    -ms-transition:  bottom 0.4s ease-out;
    -o-transition:  bottom 0.4s ease-out;
    transition: bottom 0.4s ease-out;
    padding: 15px 9px;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    bottom:0;
    left:0;
    width:212px;
    height:38px;
    background: rgba(76,92,212,0.8);
}
.ly9-li-title.tline{
    line-height: 44px;
}
.ly9-li-hide{
    text-align: justify;
    font-size: 14px;
    line-height: 22px;
    -webkit-transition:  bottom 0.4s ease-out;
    -moz-transition:  bottom 0.4s ease-out;
    -ms-transition:  bottom 0.4s ease-out;
    -o-transition:  bottom 0.4s ease-out;
    transition: bottom 0.4s ease-out;
    position: absolute;
    bottom:-321px;
    left:0;
    color: #ffffff;
    width:190px;
    height:281px;
    padding: 20px;
    background: url("../images/jixujiaoyu/lybg.png");
}
.ly9-li-hide span{
    line-height: 25px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 16px;
}
.ly9-list li:hover .ly9-li-hide{
    -webkit-transition:  bottom 0.4s ease-out;
    -moz-transition:  bottom 0.4s ease-out;
    -ms-transition:  bottom 0.4s ease-out;
    -o-transition:  bottom 0.4s ease-out;
    transition: bottom 0.4s ease-out;
    bottom:0;
}
.ly9-list li:hover .ly9-li-title{
    bottom: -68px;
    -webkit-transition:  bottom 0.4s ease-out;
    -moz-transition:  bottom 0.4s ease-out;
    -ms-transition:  bottom 0.4s ease-out;
    -o-transition:  bottom 0.4s ease-out;
    transition: bottom 0.4s ease-out;
}
.nxl-title{
    font-size: 20px;
}
.nxl-title b{
    margin-top: 84px;
    margin-bottom: 18px;
}
.nxl-title span{
    margin-top: 12px;
    font-size: 26px;
}
.nxl-list{
    margin-top: 56px;
}
.nxl-list li{
    text-align: justify;
    line-height: 30px;
    padding: 35px;
    color: #ffffff;
    width: 380px;
    height: 440px;
    float: left;
    margin-right: 30px;
}
.nxl-list-title{
    padding: 23px 0 30px ;
    color: #e1f024;
    font-size: 28px;
    font-weight: bold;
}
.nxl-list li:nth-child(1){
    background: url("../images/nxl1.png") no-repeat;
}
.nxl-list li:nth-child(2){
    background: url("../images/nxl2.jpg") no-repeat;
}
.nxl-list li:nth-child(3){
    margin-right: 0;
    background: url("../images/nxl3.png") no-repeat;
}
.icon-nxl1{
    position: relative;
    top:5px;
    margin-right: 10px;
    display: inline-block;
    width:30px;
    height:32px;
    background: url("../images/icon-nxl1.png") no-repeat;
}
.icon-nxl2{
    position: relative;
    top:5px;
    margin-right: 10px;
    display: inline-block;
    width:31px;
    height:33px;
    background: url("../images/icon-nxl2.png") no-repeat;
}
.icon-nxl3{
    position: relative;
    top:5px;
    margin-right: 10px;
    display: inline-block;
    width:40px;
    height:37px;
    background: url("../images/icon-nxl3.png") no-repeat;
}
.xydt-title{
    font-size: 36px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 18px;
}
.xydt-left{
    width:573px;
    float: left;
}
.xydt-left{
    width:573px;
    display: block;
}
.mftsfa{
    display: block;
    color: #4c5cd4;
    font-size: 20px;
    font-weight: bold;
    line-height: 74px;
}
.xydt-left-news-time{
    font-size: 22px;
    color: #676767;
    width:77px;
    float: left;
    border-right: 1px solid #858585;
}
.xydt-left-news-time span{
    display: block;
    font-size: 17px;
}
.xydt-left-news-title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:470px;
    padding-left: 20px;
    float: left;
    line-height: 51px;
    font-size: 20px;
}
.xydt-right-list{
    width:605px;
    float: left;
    margin-left: 20px;
}
.xydt-right-list li a{
    display: block;
    cursor: pointer;
}
.xydt-right-list li{
    padding: 35px 0;
    border-top: 1px solid #d2d2d2;
}
.xydt-right-list li:last-child{
    border-bottom: 1px solid #d2d2d2;
}
.xydt-right-list-time{
    font-size: 22px;
    color: #676767;
    width:100px;
    float: left;
    border-right: 1px solid #858585;
    text-align: center;
}
.xydt-right-list-time span{
    display: block;
    font-size: 17px;
}
.xydt-right-list-title{
    padding-left: 20px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xydt-right-list-title span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 14px;
    color: #868686;
}
.xydt{
    margin-bottom: 87px;
}
.answer{
    padding-top: 13px;
    width:100%;
    height: 614px;
    background: url("../images/jixujiaoyu/wtjdbg.png") center center/cover no-repeat;
}
.wms-title{
    color: #000;
}
.wms-title span{
    color: #666666;
}
.wms{
    margin-bottom: 70px;
    position: relative;
    height:604px;
    width:1200px;
    background: url("../images/wmsbg.png") no-repeat;
}
.wms1{
    width: 565px;
    position: absolute;
    top:90px;
    left:510px;
}
.wms1-title{
    font-size: 23px;
    color: #ffffff;
    font-weight: lighter;
}
.wms1-title b{
    display: block;
    font-size: 26px;
}
.wms1-summary{
    margin-top: 28px;
    text-align: justify;
    line-height: 28px;
    color: #ffffff;
    font-size: 16px;
}
.wms2{
    width:980px;
    position: absolute;
    top:585px;
    left:70px;
}
.wms2-title{
    font-size: 23px;
    color: #ffffff;
    font-weight: lighter;
}
.wms2-title b{
    display: block;
    font-size: 26px;
}
.wms2-summary{
    margin-top: 47px;
    text-align: justify;
    line-height: 27px;
    color: #ffffff;
}
.xyfc-title{
    position: relative;
    color: #333333;
    font-weight: bold;
    font-size: 36px;
}
.xyfc-title-sub{
    color: #ffffff;
    background: #333333;
    position: absolute;
    left:170px;
    top:0;
    width:135px;
    height:43px;
    padding-top: 4px;
    padding-left: 9px;
    font-size: 16px;
    font-weight: normal;
    border-right: 8px solid #4c5cd4;
}
.xyfc-title-sub span{
    color: rgba(255, 255, 255, 0.5);
    display: block;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xyfc-list{
    margin: 38px auto;
}
.xyfc-list li{
    width:291px;
    height:177px;
    float: left;
    overflow: hidden;
    margin-right: 12px;
    margin-bottom: 12px;
}
.xyfc-list li a{
    display: block;
    cursor: pointer;
}
.xyfc-list li:nth-child(4n){
    margin-right: 0;
}
.li-shadow li:hover{
    -moz-box-shadow:0px 0px 9px #A8A8A8; -webkit-box-shadow:0px 0px 9px #A8A8A8; box-shadow:0px 0px 9px #A8A8A8;
}
.xyfc-list li img{
    width:291px;
    height:177px;
    -webkit-transition: all 0.6s ;
    -moz-transition: all 0.6s ;
    -ms-transition: all 0.6s ;
    -o-transition: all 0.6s ;
    transition: all 0.6s ;
}
.xyfc-list li img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.xyjz{
    padding-top: 50px;
    width:100%;
    height:535px;
    background: url("../images/jixujiaoyu/xyjzbg.png") center center/cover no-repeat;
}
.xyjz .xyfc-title{
    color: #ffffff;
}
.xyjz .xyfc-title-sub{
    background: #4d83e8;
}
.xqhj{
    margin-top: 80px;
}
.hzhb-list{
    margin-bottom: 50px;
    margin-top: 50px;
}
.hzhb-list li{
    width: 224px;
    height:120px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.hzhb-list li a{
    display: block;
}
.hzhb-list li:nth-child(5n){
    margin-right: 0;
}
.hzhb-list li img {
    width: 224px;
    height: 120px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.hzhb-list li img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.xqdz-title{
    font-size: 36px;
    font-weight: bold;
}
.xqdz-list{
    background: #ffffff;
    z-index: 2;
    position: relative;
    top:25px;
    -moz-box-shadow:0px 4px 2px #A1A1A1; -webkit-box-shadow:0px 4px 2px #A1A1A1; box-shadow:0px 4px 2px #A1A1A1;
}
.xqdz-list li{
    cursor: pointer;
    width:109px;
    float: left;
    height: 50px;
    line-height:50px;
    text-align: center;
    font-size: 18px;
    position: relative;
    color: #666666;
}
.xqdz-list li:hover{
    color: #4c5cd4;
}
.xqdz-list li.on{
    color: #4c5cd4;
    font-weight: bold;
}
.xqdz-list li.on:after{
    content: " ";
    width:60px;
    height:5px;
    background: #4c5cd4;
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin: auto;
}
.map-box{
    position: relative;
    z-index: 1;
    width:100%;
    height:440px;
}
.hide{
    display: none;
}
/*新版继续教育开始*/
.article-pagenation{
    margin-top: 60px;
}
.article-pagenation li{
    position: relative;
    float: left;
    width:356px;
    margin-right: 20px;
    padding-left: 70px;
    height: 50px;
    border: 2px solid #f5f5f5;
    font-size: 16px;
    font-weight: normal;
    line-height: 50px;
    color: #333;
    background-color: #f5f5f5;
    cursor: pointer;
}
.article-pagenation li:hover{
    -moz-box-shadow:0px 0px 5px #c8c8c8; -webkit-box-shadow:0px 0px 5px #c8c8c8; box-shadow:0px 0px 5px #c8c8c8;
}
.article-pagenation li:nth-child(1):hover{
    border-left-color: #999999;
}
.article-pagenation li:nth-child(2):hover{
    border-right-color: #999999;
}
.article-pagenation li:nth-child(2){
    text-align: right;
    padding-left: 0;
    padding-right: 70px;
}
.left-icon{
    position: absolute;
    left:0;
    top:0;
    display: inline-block;
    background-image: url("http://www.gdzp.org/assets/images/guanwang/zxxq-001.png");
    background-position: 30px center;
    width: 70px;
    height: 50px;
    background-repeat: no-repeat;
}
.right-icon{
    position: absolute;
    right:0;
    top:0;
    display: inline-block;
    background-image: url("http://www.gdzp.org/assets/images/guanwang/zxxq-002.png");
    background-position: 30px center;
    width: 70px;
    height: 50px;
    background-repeat: no-repeat;
}
.sp-title{
    margin: 20px auto 50px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}
.sp-list{
    width:1200px;
/*    height:612px;*/
    margin: auto;
    background: url("../images/jixujiaoyu/sp.png?v=1.1") no-repeat;
}
.sp-list li {
    cursor: pointer;
    width:590px;
    height:296px;
    float: left;
    margin-right: 20px;
}
.sp-list li:nth-child(1),.sp-list li:nth-child(2) {
    margin-bottom: 20px;
}
.sp-list li:nth-child(2n) {
    margin-right: 0;
}
.sp-list li div{
    display: none;
    width:590px;
    height:296px;
    background: rgba(51,51,51,0.8);
    text-align: center;
    line-height: 296px;
    color: #ffffff;
    font-size: 30px;
}
.sp-list li:hover div{
    display: block;
}
.sp-tk{
    width:0;
    height:0;
    position: fixed;
    overflow: hidden;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999999;
    background: rgba(0,0,0,0.8);
}
.sp-tk-content{
    width:600px;
    height:478px;
    position: absolute;
    left: 0;
    right:0;
    bottom:0;
    top:0;
    margin: auto;
}
.sp-form{
    padding-top: 20px;
    width: 600px;
    height:110px;
    background:rgba(255,255,255,0.5) url("../images/jixujiaoyu/sp-form.png");
}
.sp-form input{
    border: none;
    margin:0 auto 10px;
    display: block;
    width:560px;
    height:40px;
    font-size: 18px;
    text-align: center;
    background: #ffffff;
}
.sp-btn{
    display: block;
    width:560px;
    height:40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    margin: auto;
    background: #4c5cd4;
    cursor: pointer;
}
.sp-btn:active{
    background: #4756c7;
}
.sp-vd{
    width:600px;
    height:338px;
    margin-bottom: 10px;
    background: #eeeeee;
}
.sp-close{
    cursor: pointer;
    position: absolute;
    right:-34px;
    top:-34px;
    width:34px;
    height:34px;
    background: url("../images/jixujiaoyu/sp-close.png") no-repeat;
}