/*ÃƒÂ©Ã‚Â¦Ã¢â‚¬â€œÃƒÂ©Ã‚Â¡Ã‚Âµ*/

.index {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 29px;
    width: 1000px;
}

.sidebar {
    float: left;
    width: 200px;
}

.sidebar-column {
    width: 100%;
    height: 690px;
}

.work-introduce {
    display: block;
    position: relative;
    margin-bottom: 10px;
    width: 200px;
    height: 60px;
    border: 2px solid #3ebd00;
    background: #3d9700;
}

.work-introduce:hover {
    background: #2b7302;
}

.introduce {
    position: absolute;
    left: 16px;
    top: 6px;
    width: 66px;
    height: 50px;
}

.work-introduce span {
    position: absolute;
    top: 22px;
    right: 43px;
    font-family: "ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“";
    font-size: 16px;
    color: #fefefe;
}

.work-introduce .regiment-span {
    top: 10px;
}

.work-introduce .code-span {
    top: 34px;
    right: 51px;
}

.introduce1{
    background: url(../images/work_introduce.jpg) no-repeat;

}
.introduce2{
    background: url(../images/student_team.jpg) no-repeat;
  

}
.introduce3{
    background: url(../images/studengt_organize.jpg) no-repeat;


}
.introduce4{
    background: url(../images/class_style.jpg) no-repeat;


}
.introduce5{
    background: url(../images/feature_brand.jpg) no-repeat;
}


.introduce6{
    background: url(../images/yiling.jpg) no-repeat;
    
}
.introduce7{
    background: url(../images/rule.jpg) no-repeat;

}
.introduce8{
    background: url(../images/download.jpg) no-repeat;

}
.introduce9{
    background: url(../images/regiment_code.jpg) no-repeat;

}
.introduce10{
    background: url(../images/friendlink_icon.jpg) no-repeat;

}








.friendlink {
    padding-top: 12px;
    width: 100%;
    height: 319px;
    *height: 307px;
    border: 2px solid #46ba07;
    border-top: 0;
}

.friendlink-title {
    float: left;
    display: block;
    width: 50%;
    height: 29px;
    line-height: 29px;
    font-family: "ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“";
    font-size: 14px;
    color: #252525;
    text-align: center;
}

.friendlink-title-long {
    width: 100%;
}

.friendlink-title:hover {
    color: #46ba07;
}

.sidebar-right {
    float: right;
    margin-left: 24px;
    width: 776px;
    height: 1009px;
}

.student-work-part {
    height: 278px;
    overflow: hidden;
}

.student-work {
    float: left;
    width: 376px;
}

.student-work-top {
    display: block;
    position: relative;
    width: 100%;
    height: 39px;
    background: url(../images/news.jpg) no-repeat;
}

.student-work-top span {
    position: absolute;
    top: 12px;
    left: 54px;
    width: 200px;
    font-family: "ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“";
    font-size: 16px;
    color: #46ba07;
}

.more {
    position: absolute;
    top: 9px;
    right: 2px;
    width: 20px;
    height: 20px;
    background: url(../images/more.jpg) no-repeat;
}

.student-work-news {
    margin-left: 6px;
    padding-top: 7px;
    width: 369px;
  /* width:738px;*/
    height: 278px;
    *height: 271px;
}

.student-work-news a {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 34px;
}

.student-work-news i {
    float: left;
    margin-top: 14px;
    margin-left: 16px;
    margin-right: 11px;
    width: 6px;
    height: 6px;
    background: #46ba07;
}

.news-title {
    float: left;
    width: 242px;
    font-family: "ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“";
    font-size: 14px;
    color: #252525;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news-date {
    float: right;
    /* width: 84px; */
    text-align: right;
    font-family: "ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“";
    font-size: 14px;
    color: #252525;
}

.student-work-news a:hover span {
    color: #46ba07;
}


/*ÃƒÂ¥Ã¢â‚¬ÂºÃ‚Â¾ÃƒÂ§Ã¢â‚¬Â°Ã¢â‚¬Â¡ÃƒÂ¦Ã¢â‚¬â€œÃ‚Â°ÃƒÂ©Ã¢â‚¬â€Ã‚Â»ÃƒÂ¦Ã‚ÂÃ¢â‚¬â„¢ÃƒÂ¤Ã‚Â»Ã‚Â¶ÃƒÂ¦Ã‚Â Ã‚Â·ÃƒÂ¥Ã‚Â¼Ã‚Â*/

.student-work-right {
    float: left;
    margin-left: 24px;
    width: 370px;
    /*width:740px;*/
    height: 278px;
}

.FocusPic {
    position: relative;
    height: 278px;
    zoom: 1;
    overflow: hidden;
}

.FocusPic .content {
    margin: 0 !important;
    /*width: 370px;*/
    width:740px;
    height: 278px;
    overflow: hidden;
}

.FocusPic .changeDiv {
   /* width: 370px;*/
    width:740px;
    height: 278px;
}

.FocusPic .changeDiv a {
    /*width: 370px;*/ 
    width:740px;
    height: 278px;
    display: none;
    position: absolute;
}

.FocusPic .title {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 29px;
    line-height: 29px;
    filter: alpha(opacity=55);
    -moz-opacity: 0.55;
    opacity: 0.55;
    background: rgba(0, 0, 0, 0.55);
    background-color: #000;
}

.FocusPic .title a {
    display: none;
    padding-left: 10px;
    width: 290px;
    *width: 280px;
    font-family: "ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“";
    font-size: 12px;
    color: #ffffff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.FocusPic .change {
    height: 10px;
    position: absolute;
    right: 10px;
    bottom: 9px;
    text-align: right;
    z-index: 9999;
}

.FocusPic .change i {
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 3px;
    cursor: pointer;
    background: #ffffff;
}

.FocusPic .change i.cur {
    background: #46ba07;
}

.active-picture {
    padding: 10px 7px;
}

.active-picture img {
    float: left;
    width: 370px;
    height: 278px;
    overflow: hidden;
}


/*ÃƒÂ¥Ã‚ÂÃ¢â‚¬Â¹ÃƒÂ¦Ã†â€™Ã¢â‚¬Â¦ÃƒÂ©Ã¢â‚¬Å“Ã‚Â¾ÃƒÂ¦Ã…Â½Ã‚Â¥ÃƒÂ¥Ã¢â‚¬ÂºÃ‚Â¾ÃƒÂ§Ã¢â‚¬Â°Ã¢â‚¬Â¡ÃƒÂ¦Ã‚Â»Ã…Â¡ÃƒÂ¥Ã…Â Ã‚Â¨*/

.friendlink-pic {
    position: relative;
    margin: 36px auto 0;
    margin-top: 28px;
    margin-bottom: 27px;
    padding-top: 16px;
    padding-bottom: 16px;
    width: 770px;
    height: 87px;
    *height: 55px;
    background-color: #e9ffeb;
}

.scrollbox {
    position: relative;
    width: 670px;
    height: 55px;
    margin: 0 auto;
    overflow: hidden;
}

.scrollbox img {
    width: 190px;
    height: 55px;
}

.scrollbox ul {
    position: absolute;
    width: 1728px;
    left: 0;
    top: 0;
}

.scrollbox ul li {
    float: left;
    width: 190px;
    height: 55px;
    margin-left: 14px;
}

.scroll-prev,
.scroll-next {
    position: absolute;
    width: 36px;
    height: 55px;
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: pointer;
    background-color: #000000;
}

.scroll-prev:hover,
.scroll-next:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: #000000;
}

.scroll-prev {
    left: 0;
    top: 16px;
}

.scroll-next {
    right: 0;
    top: 16px;
}

.scroll-prev img,
.scroll-next img {
    margin-top: 12px;
    margin-left: 10px;
}

.announce {
    background: url(../images/announce.jpg) no-repeat;
}

.briefing-box {
    margin-left: 24px;
}

.briefing {
    background: url(../images/briefing.jpg) no-repeat;
}

.student-work-right-new {
    margin-left: 0;
    float:left;
    width:740px;
    height:278px;
    
}


/*ÃƒÂ¨Ã‚Â§Ã¢â‚¬Â ÃƒÂ©Ã‚Â¢Ã¢â‚¬Ëœ*/

.video_back {
    float: left;
    position: relative;
    margin-left: 30px;
    width: 370px;
    height: 278px;
}

#example_video_1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video_back img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vjs-tech {
    cursor: pointer;
}

.student-work-part-new {
    margin: 15px;
}


/*ÃƒÂ¥Ã‹â€ Ã¢â‚¬â€ÃƒÂ¨Ã‚Â¡Ã‚Â¨ÃƒÂ©Ã‚Â¡Ã‚Âµ*/

.list-box {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 29px;
    *margin-bottom: 0;
    width: 1000px;
    box-shadow: 0px 0px 30px #eceff0;
    -webkit-box-shadow: 0 0 30px #eceff0;
    -moz-box-shadow: 0 0 30px #eceff0;
    filter: progid: DXImageTransform.Microsoft.Shadow(color="#eceff0", Direction=30, Strength=30);
}

.position {
    margin: 0 auto;
    width: 870px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #46ba07;
    color: #46ba07;
}

.position-icon {
    float: left;
    margin-left: 7px;
    margin-right: 9px;
    width: 16px;
    height: 100%;
    background: url(../images/position.jpg) no-repeat center center;
}

.position a,
.position span {
    float: left;
    font-family: "ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“";
    font-size: 12px;
    color: #46ba07;
}

.page {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *margin-right: 4px;
    margin-top: 24px;
    *margin-top: 17px;
    margin-bottom: 33px;
    height: 36px;
    *height: 32px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    border-left: 0;
}

.page-num {
    float: left;
    padding: 0 6px;
    min-width: 34px;
    *min-width: 22px;
    height: 34px;
    *height: 32px;
    line-height: 34px;
    *line-height: 32px;
    font-family: "ÃƒÂ¥Ã‚Â¾Ã‚Â®ÃƒÂ¨Ã‚Â½Ã‚Â¯ÃƒÂ©Ã¢â‚¬ÂºÃ¢â‚¬Â¦ÃƒÂ©Ã‚Â»Ã¢â‚¬Ëœ";
    font-size: 14px;
    color: #000000;
    border-left: 1px solid #dcdcdc;
}

.page-num:hover {
    color: #ffffff;
    background: #46ba07;
}

.news-box {
    margin: 0 auto;
    margin-top: 3px;
    width: 870px;
    height: auto;
    min-height: 687px;
}

.page-hover {
    color: #ffffff;
    background: #46ba07;
}

.list-title {
    width: 700px;
}

.student-work-news .list-date {
    margin-right: 10px;
    font-size: 14px;
}


/*ÃƒÂ¥Ã¢â‚¬Â Ã¢â‚¬Â¦ÃƒÂ¥Ã‚Â®Ã‚Â¹ÃƒÂ©Ã‚Â¡Ã‚Âµ*/

.article-box {
    margin: 0 auto;
    width: 810px;
    min-height: 355px;
}

.article {
    padding-bottom: 33px;
    min-height: 420px;
    *min-height: 387px;
    line-height: 2;
    overflow: hidden;
}

.article-title {
    margin-top: 7px;
    *margin-top: 15px;
    line-height: 28px;
    font-family: "ÃƒÂ©Ã‚Â»Ã¢â‚¬ËœÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“";
    font-size: 22px;
    font-weight: normal;
    color: #000000;
    text-align: center;
}

.article-date {
    margin-top: 12px;
    margin-bottom: 13px;
    font-family: "ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“";
    font-size: 14px;
    color: #727272;
    text-align: center;
}

.article img {
    display: block;
    margin: 20px auto;
    max-width: 100%;
}

.article-bottom {
    margin-bottom: 20px;
    *margin-bottom: 0;
    height: 77px;
    border-top: 1px solid #e3e3e3;
}

.article-bottom a {
    height: 77px;
    line-height: 77px;
    font-family: "ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“";
    font-size: 12px;
    color: #666666;
}

.article-bottom a:hover {
    color: #46ba07;
}

.student-work-news .prev {
    float: left;
    width: 350px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.student-work-news .next {
    float: right;
    width: 350px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


/* ÃƒÂ¦Ã‚ÂÃ…â€œÃƒÂ§Ã‚Â´Ã‚Â¢ÃƒÂ©Ã‚Â¡Ã‚ÂµÃƒÂ©Ã‚ÂÃ‚Â¢ÃƒÂ¦Ã‚Â Ã‚Â·ÃƒÂ¥Ã‚Â¼Ã‚Â */

input {
    cursor: pointer;
    outline: none;
}

.search-form {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 688px;
    font-family: ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“;
    font-size: 14px;
}

.search-keyword,
.search-text {
    padding: 0 6px;
    width: 240px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #eaeaea;
}

.search-text {
    width: 120px;
    height: 34px;
    line-height: 34px;
}

.sidebar {
    position: relative;
}

.code {
    display: none;
    position: absolute;
    top: 560px;
    left: 201px;
}

.clear {
    clear: both;
}


/* 20180305 */

.FocusPic .changeDiv img {
    width: 100%;
    height: 100%;
}