/* 轮播图开始................................................................ */



.focus {
    position: relative;
    width: 1920px;
    height: 685px;
    background-color:pink;
    margin: 0px auto 0;
    overflow: hidden;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /* margin-top: 10px; */
    overflow: hidden;
}

.focus ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 600%;
}

.focus ul li {
    float: left;
}

.focus ul li a img {
    width: 1920px;
    height: 685px;
}

.focus .next,
.focus .last {
    display: block;
}

.focus .next::after {
    position: absolute;
    right: 50px;
    top: 45%;
    content: "\e969";
    font-family: icomoon;
    font-size: 30px;
    z-index: 1;
}

.focus .last::after {
    position: absolute;
    left: 50px;
    top: 45%;
    content: "\e96a";
    font-family: icomoon;
    font-size: 30px;
    z-index: 1;
}

.focus ol {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 600px;
    height: 20px;
    /* background-color: pink; */
}

.focus ol li {
    display: inline-block;
    width: 45px;
    height: 5px;
    border-radius: 2px;
    background-color: #fff;
    margin: 7.5px 10px;
    cursor: pointer;
}


/* 轮播图结束................................................................ */

/* 学院要闻部分开始.................................................................. */

.indexFirstArticle {
    position: relative;
    width: 1200px;
     height: 760px;
     /* background-color: #fff; */
     margin: 10px auto;
     background-color: #fff;
     border-radius: 10px;
     /* overflow: hidden; */
}

.ArticleTile {
    height: 70px;
    padding: 0 30px;
    border-bottom: solid 3px #cc3300;
    /* background-color: skyblue; */
}

.indexFirstArticle .ArticleTile h2 {
    float: left;
    font-size: 20PX;
    padding-top: 20px;
    color: #000;
}

.indexFirstArticle .ArticleTile  span {
    float: right;
    color: #545454;
    line-height: 70px;
    padding-right: 10px;
    cursor: pointer;
    transition: all 0.5s;
}

.indexFirstArticle .ArticleTile  span:hover {
    color: #cc3300;
}

.indexFirstArticle .ArticleTile h2::before {
    content: "\e920";
    font-family: icomoon;
    color: #cc3300;
    vertical-align: middle;
    margin-right: 5px;  
    font-size: 20px;
}

.indexFirstArticle .imp {
    height: 170px;
    /* background-color: purple; */
    color: #000;
    text-align: center;
}

.indexFirstArticle .imp h1 a{
    display: inline-block;
    padding-top: 25px;
    font-size: 20px;
    transition: all 0.3s;
    cursor: pointer;
    color: #000;
}

.indexFirstArticle .imp h1 a:hover {
     color: #cc3300;
     text-decoration: underline;
}

.indexFirstArticle .imp p {
    display: inline-block;
    text-align: left;
    width: 800px;
    font-size: 16px;
    text-indent: 2em;
    margin-top: 20px;
}


.ArticleBody {
   margin-top: 10px;
}

.ArticleBody ul li a  {
    cursor: default;
}

.ArticleBody ul li{
    position: relative;
    width: 550px;
    height: 150px;
    float: left;
    /* cursor: pointer; */
    /* background-color: pink; */
    border-radius: 20px;
    margin: 10px 0 0 33px;
    transition: all 0.5s;
    border: solid 1px #eee;
    padding: 10px;
}

.ArticleBody ul li:hover {
    box-shadow: 0 0 10px -2px  rgba(0, 0, 0, .3);
}
.ArticleBody ul li p:hover {
    text-decoration: underline;
}

.ArticleBody ul li img:hover  {
    transform: scale(1.1);
}
.ArticleBody ul li  .ArticleBodyImg {
    display: inline-block;
    width: 195px;
    height: 130px;
    overflow: hidden;
    border-radius: 20px;
}

.ArticleBody ul li a img{
    height: 130px;
    border-radius: 20px;
    transition: all 1s;
}

.ArticleBody ul li a .right {
    position: absolute;
    top: 10px;
    right: 25px;
    width: 300px;
    height: 130px;
    /* background-color: pink; */
    border-radius: 20px;
    margin-left: 20px;
}

.ArticleBody .right h4 {
    width: 280px;
    height: 50px;
    line-height: 50px;
    text-indent: 2em;
    color: #000;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s;
    cursor: pointer;
}
.ArticleBody .right p {
    width: 240px;
    font-size: 12px;
    text-indent: 2em;
    color: #2b2b2b;
    transition: all 0.3s;
    margin-left: 30px;
    cursor: pointer;
}


/* 学院要闻部分结束.................................................................. */

/* 图片 */
.indexImgArticle {
    width: 1200px;
    height: 136px;
    margin: 0 auto;
    background: url(../images/ad0010.png) no-repeat ;
    background-size: 100% 100%;
    /* cursor: pointer; */
    border-radius: 10px;
}
/* 图片 */

    /* <!-- 工作动态教师风彩通知公告部分开始。。。。。。。。。。。。。。。。。。。。。 --> */

.indexImgArticle a {
    display: block;
    width: 100%;
    height: 100%;
}


.indexSecondArticle {
    width: 1200px;
    height: 400px;
    margin: 10px auto;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
}

.indexSecondArticleLeft {
    float: left;
    width: 400px;
    height: 100%;
    background-color: rgba(79, 77, 77, 0.3);
    border-radius: 10px;
    padding: 50px 0;
    text-align: center;
}

.indexSecondArticleLeft ul {
    display: inline-block;
}

.indexSecondArticleLeft ul .item {
    position: relative;
    height: 300px;
    
    /* background-color: skyblue; */
    cursor: pointer;
    display: none;
}

.indexSecondArticleLeft ul .item h4 {
    width: 100%;
    height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 35px;
    font-size: 14px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: rgba(0,0,0,.3);
    position: absolute;
    bottom: 0;
    left: 0;
    
}

.indexSecondArticleLeft ul li a img {
    height: 300px;
    width: 400px;
    border-radius: 10px;
}

.indexSecondArticleRight {
    position: relative;
    float: left;
    width: 790px;
    height: 100%;
    margin-left: 10px;
    /* background-color: pink; */
    border-radius: 10px;
    overflow: hidden;
}

.indexSecondArticleRight .tz {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 130px;
    border: solid 1px #cc3300;
    /* background-color: skyblue; */
    border-radius: 10px;
    border-top-right-radius: 0;
}

.indexSecondArticleRight .tz>a {
    position: absolute;
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    top: -21px;
    right: -1px;
    background-color: #cc3300;
    font-size: 10px;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    transition: all .3s;
}
.indexSecondArticleRight .tz>a:hover {
    background-color: #fff;
    color: #cc3300;
    border: #cc3300 1px solid;
    border-bottom: 0;
}

.indexSecondArticleRight .tz .th {
    float: left;
    width: 50px;
    padding:15px 15px ;
    height: 100%;
    color: #cc3300;
    border-right:solid 2px #cc3300;
    border-radius: 10px;
    font-size: 16px;
}

.indexSecondArticleRight .tz .td {
    float: left;
    width: 730px;
    height: 100%;
    /* background-color: red; */
    border-radius: 10px;
}

.indexSecondArticleRight .tz .td ul {
    float: left;
    width: 345px;
    height: 100%;
    margin-left: 20px;
    padding: 11px 20px;
    /* background-color: red; */
}

.indexSecondArticleRight .tz .td ul li {
    width: 305px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.indexSecondArticleRight .tz .td ul li a {
    color: #000;
    transition: all 0.3s;
}

.indexSecondArticleRight .tz .td ul li a:hover {
    text-decoration: underline;
    color: #cc3300;
}

.indexSecondArticleRight .workteacher {
    width: 390px;
    height: 250px;
    /* background-color: skyblue; */
    float: left;
    position: relative;
    text-align: center;
}

.indexSecondArticleRight .workteacher .td {
    float: left;
    width: 42px;
    height: 100%;
    border: solid 1px #cc3300;
    position: relative;
    z-index: 5;
}

.indexSecondArticleRight .workteacher .td span{
    display: block;
    position: relative;
    width: 40px;
    height: 130px;
    padding: 18px 11px;
    background-color: #cc3300;
}

.indexSecondArticleRight .workteacher .td span::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -40px;
    left: 0;
    border-color:#cc3300 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 40px 40px 0 0;
    
}

.indexSecondArticleRight .workteacher .td a {
    position: absolute;
    color: #000;
    bottom: 12px;
    left: 15px;
    transition: all 0.3s;
}

.indexSecondArticleRight .workteacher .td a:hover {
    color: #cc3300;
}


.indexSecondArticleRight .workteacher .td h4 {
    color: #fff;
    font-size: 16px;
}

.indexSecondArticleRight .workteacher:nth-child(2) {
    margin-left: 10px;
}

.indexSecondArticleRight .workteacher .th {
    float: left;
    width: 340px;
    margin-left: 8px;
    height: 250px;
    /* background-color: skyblue; */
    padding: 9px 20px;
}

.indexSecondArticleRight .workteacher .th li {
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 6px 0;
}

.indexSecondArticleRight .workteacher .th li a {
    color: #000;
    font-size: 14px;
    transition: all 0.3s;
}
.indexSecondArticleRight .workteacher .th li a:hover {
    color: #cc3300;
    text-decoration: underline;
}

    /* <!-- 工作动态教师风彩通知公告部分结束。。。。。。。。。。。。。。。。。。。。。 --> */
.indexImgArticle2 {
    width: 1200px;
    height: 136px;
    margin: 0 auto;
    background: url(../images/ad002.jpg) no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}

.indexImgArticle2 a {
    display: block;
    width: 100%;
    height: 100%;
 }


 /* <!-- 教学科研党的建设校友风彩部分开始。。。。。。。。。。。。。。。。。。。 --> */

.indexthArticle {
    position: relative;
    height: 600px;
    width: 1200px;
    margin: 0 auto;
    background-color: #f7f7f7;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.co {
    transition: all .5s;
    border: solid 1px #eee;
    
}

.co:hover {
    box-shadow: 0 0 10px -1px  rgba(0, 0, 0, .3);
}

.co:hover .childen {
    box-shadow: 0 0 10px -1px  rgba(0, 0, 0, .3);
}

.indexthArticle .td {
    width: 100%;
    height: 50px;
    line-height: 50px;
    /* background-color: black; */
    border-bottom: 3px solid #cc3300 ;
}


.indexthArticle .td h4 {
    float: left;
    position: relative;
    font-size: 18px;
    margin-left: 30px;
    color: #000;
    font-weight: 600;
}

.indexthArticle .td h4::before {
    position: absolute;
    top: 0;
    left: -25px;
    content: '\e901';
    font-family: icomoon;
    vertical-align: unset;
    color: #cc3300;
}



.indexthArticle .td span a{
    float: right;
    margin-right: 10px;
    transition: all .3s;
    color: #000;
}

.indexthArticle .td span a:hover {
    color: #cc3300;
}

.indexthArticle .th ,
.indexthArticle .childen{
    width: 100%;
    padding: 0 20px;
    
}

.indexthArticle .th ul li,
.indexthArticle .childen ul li {
    margin-top: 10px;
    width: 260px;
    white-space: nowrap;
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
}


.indexthArticle .th ul li a ,
.indexthArticle .childen ul li a{
    position: relative;
    color: #000;
    font-size: 14px;
    transition: all .3s;    
}

.indexthArticle .th ul li a:hover ,
.indexthArticle .childen ul li a:hover{
    color: #cc3300;
    text-decoration: underline;
}

.indexthArticle .teaching {
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 350px;
    /* background-color: skyblue; */
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}



.indexthArticle .build {
    position: absolute;
    top: 0;
    left: 310px;
    width: 290px;
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.indexthArticle .build .th {
    padding-right: 15px;
}

.indexthArticle .friend {
    position: absolute;
    top: 360px;
    left: 0;
    height: 240px;
    width: 300px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.indexthArticle  .imgb1 ,

.indexthArticle  .imgb2  {
    position: relative;
    overflow: hidden;
}

.indexthArticle  .imgb1 ul li,

.indexthArticle  .imgb2 ul li {
    display: none;
    padding: 0;
}

.indexthArticle  .imgb1 img ,
.indexthArticle  .imgb2 img {
    width: 300px;
    height: 190px;
}


.indexthArticle  .imgb1 h5 ,
.indexthArticle  .imgb2 h5 {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background-color: rgba(0,0,0,.3);
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.imgnext,
.imglast {
    
    display: none;
    width: 20px;
    height: 20px;
}

.imgnext::after {
    /* display: none; */
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    font-size: 18px;
    content: "\e969";
    color: #fff;
    font-family: icomoon;
}

.imglast::before {
    /* display: none; */
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 18px;
    margin-top: -15px;
    color: #fff;
    content: "\e96a";
    font-family: icomoon;
    
}



.indexthArticle .cooperation {
    position: absolute;
    top: 0;
    left: 610px;
    width: 280px;
    height: 400px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.indexthArticle .cooperation .th ul li {
    width: 240px;
}

.indexthArticle .academic  {
    position: absolute;
    left: 900px;
    top: 0;
    width: 300px;
    height: 240px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.indexthArticle .safe {
    position: absolute;
    top: 250px;
    left: 900px;
    width: 300px;
    height: 350px;
    background-color: #fff;
    border-radius: 10px;
    border-bottom-left-radius: 0;
} 


.indexthArticle .safe .childen {
    padding-top: 13px;
}

.indexthArticle .safe .childen {
    position: absolute;
    top: 160px;
    left: -290px;
    width: 290px;
    height: 190px;
    border-right: #cc3300 dotted 1px;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all .5s;
}
 /* <!-- 教学科研党的建设校友风彩部分结束。。。。。。。。。。。。。。。。。。。 --> */
.indexImgArticle3 {
    width: 1200px;
    height: 136px;
    margin: 0 auto;
    background: url(../images/ad004.jpg) no-repeat ;
    background-size: 100% 100%;
    /* cursor: pointer; */
    border-radius: 10px;
    margin-bottom: 10px;
}
.indexImgArticle3 a {
    display: block;
    width: 100%;
    height: 100%;
}

/* <!-- 思想引领校风建设开始。。。。。。。。。。。。。。。。。。。。。 --> */

.indexfoArticle {
    position: relative;
    width: 1200px;
    /* background-color: #fff; */
    margin: 0 auto;
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.indexfoArticle  .sheerEndeavour {
    float: left;
    position: relative;
    width: 500px;
    height: 100%;
    /* background-color: skyblue; */
    border-radius: 10px;
    background-color: #fff;
    /* overflow: hidden; */
}

.indexfoArticle  .sheerEndeavour .td {
    width: 100%;
    height: 50px;
    line-height: 50px;
    /* background-color: aqua; */
    border-bottom: solid 2px #cc3300 ;
}
.indexfoArticle  .sheerEndeavour .td::before {
     position: absolute;
     top: 2px;
     left: 0;
    content: "\e9af";
    font-family: icomoon;
    color: #cc3300;
    font-size: 22px;
    font-weight: 400;
    margin-left: 10px;
}

.indexfoArticle  .sheerEndeavour .td  h3 {
     position: relative;
    float: left;
    font-size: 18px;
    color: #000;
    margin-left: 40px;
}   
.indexfoArticle  .sheerEndeavour .td  span {
    float: right;
    margin-right: 15px;
}
.indexfoArticle  .sheerEndeavour .td  span a {
    color: #000;
    transition: all .3s;
}
.indexfoArticle  .sheerEndeavour .td  span a:hover {
    color: #cc3300;
}

.sheerEndeavour .th {
    position: relative;
    width: 100%;
    height: 250px;
    background-color: pink;
    overflow: hidden;
}

.sheerEndeavour .th   h3 {
    position: absolute;
    top: 200px;
    left: 0;
    width: 500px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: rgba(0,0,0,.1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sheerEndeavour .th  ul  {
    position: absolute;
    left: 0;
    top: 0;
    width: 500%;
}
.sheerEndeavour .th  ul .five {
  position: relative;
    float: left;
}

.sheerEndeavour .th ul li  img {
    width: 500px;
    height: 250px;
}
.sheerEndeavour .th ol {
    position: absolute;
    bottom: -10px;
    left: 0;
    margin-left: 15px;
    margin-bottom: 10px;
    width: 300px;
    height: 20px;
    line-height: 20px;
    /* background-color: red; */
}

/* .sheerEndeavour .th ol li:first-child {
    background-color: #ee7709;
} */

.sheerEndeavour .th ol li {
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #fff;
    margin: 2px 5px;
    cursor: pointer;
}

.thought {
    float: left;
    width: 690px;
    height: 100%;
    background-color: #fff;
    margin-left: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.thought .td {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: solid 3px #cc3300;
}

.thought .td h3 {
    position: relative;
    float: left;
    font-size: 18px;
    color: #000;
    margin-left: 45px;
}
.thought .td h3::before {
    position: absolute;
    top: 1px;
    left: -35px;
    content: "\e9a5";
    font-family: icomoon;
    color: #cc3300;
    font-size: 20px;
    margin-left: 5px;
}

.thought .td span {
    float: right;
    
}
.thought .td span  a {
    color: #000;
    margin-right: 15px;
    transition: all .3s;
}
.thought .td span  a:hover {
    color: #cc3300;
}
.thought .th ul li {
    position: relative;
    box-sizing: border-box;
    width: 690px;
    height: 50px;
    /* background-color: skyblue; */
}
.thought .th ul li a {
    display: block;
    width: 690px;
    height: 50px;
    line-height: 50px;
    padding: 0 80px 0 30px;
    font-size: 16px;
    color: #000;
    transition: all .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thought .th ul li a:hover {
    background-color: #eee;
}
.thought .th ul li em {
    position: absolute;
    top: 14px;
    right: 30px;
    font-size: 14px;
}




 /* <!-- 思想引领校风建设结束。。。。。。。。。。。。。。。。。。。。。 --> */
 .indexImgArticle4 {
    width: 1200px;
    height: 136px;
    margin: 0 auto;
    background: url(../images/ad003.jpg) no-repeat ;
    background-size: 100% 100%;
    /* cursor: pointer; */
    border-radius: 10px;
    margin-bottom: 10px;
}

.indexImgArticle4 a {
    display: block;
    width: 100%;
    height: 100%;
}

 /* <!-- 宁职宝地................................................. --> */

.indexsiArticle {
     position: relative;
    border-radius: 10px;
    width: 1200px;
    height: 500px;
    margin: 0 auto;
    background-color: #fff;
    /* overflow: hidden; */
}

.indexsiArticle ul {
    height: 400px;
}

.indexsiArticle ul li {
    float: left;
    width: 590px;
    height: 120px;
    /* background-color: skyblue; */
    border-bottom: solid 1px #d2d2d2;
    transition: all .3s;
    padding: 20px;
}
.indexsiArticle ul li:hover {
    box-shadow: 0 0 10px 2px  rgba(0, 0, 0, .3);
    z-index: 1;
}

.indexsiArticle ul li:nth-child(2n){
    margin-left: 20px;
}

.indexsiArticle  h1 {
    font-size: 16px;
    font-weight: 400;
    color: #135a92; 
    width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all .2s;
}
.indexsiArticle  h1:hover {
    color: #c87f00;
}

.indexsiArticle  p {
     font-size: 14px;
    font-weight: 400;
    color: #545454;
    width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indexsiArticle span {
    display: inline-block;
    margin-top: 20px;
}

.indexsiArticle button {
    position: absolute;
    bottom: 40px;
    width: 150px;
    height: 50px;
    background-color: #fff;
    border: solid 1px #135a92;
    color: #135a92;
    left: 50%;
    margin-left: -75px;
    border-radius: 20px;
    transition: all .3s;
}
.indexsiArticle button:hover {
    background-color: #135a92;
    color: #fff;
}
/* <!-- 宁职宝地................................................. --> */

.indexImgArticle5 {
    width: 1200px;
    height: 136px;
    margin: 0 auto;
    background: url(../images/end.jpg) no-repeat ;
    background-size: 100% 100%;
    /* cursor: pointer; */
    border-radius: 10px;
    margin-top: 10px;
}

.indexImgArticle5 a {
    display: block;
    width: 100%;
    height: 100%;
}

    /* <!-- 专题专栏开始.......................................... --> */

.indexseArticle {
    width: 1200px;
    height: 150px;
    margin: 10px auto;
    background-color: #fff;
    border-radius: 10px;
    padding: 25px 0;
}


.indexseArticle li {
    float: left;
    margin-left: 10px;
}

.indexseArticle li:first-child {
    margin-left: 0;
}
.indexseArticle li img {
    height: 100px;
    width: 292.5px;
}

/* <!-- 专题专栏结束.......................................... --> */

.wxgzh {
    display: none;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -715px;
    margin-top: -250px;
    width: 100px;
    height: 125px;
    padding: 0 5px;
    border-radius: 5px;
    background-color: #fff;
}
.wxgzh h1 {
    margin-top: 2px;
    font-size: 10px;
    font-weight: 400;
}
.wxgzh img{
    position: absolute;
    bottom: 10px;
    left: 5px;
    width: 90px;
    
}
/* <!-- 美丽宁职院。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 --> */
.nzbeautiful {
    position: relative;
    width: 1200px;
    height: 750px;
    margin: 0 auto;
    margin-bottom: 10px;
    background: url(../upload/m1bc.jpg) no-repeat;
    background-size: 1200px;
}
.nzbeautiful .td {
    height: 50px;
    line-height: 60px;
    padding-left: 20px;
    color: #fee9e8;
    font-size: 20px;
} 
  
.nzbeautiful .img1 {
    position: absolute;
    top: 120px;
    left: 100px;
}

.nzbeautiful .img1 img{
    transform-origin: center center;
    transform: rotate(-10deg);
}
 
.nzbeautiful .img1 img {
    width: 200px;
}
   .nzbeautiful .img2 {
    position: absolute;
    top: 310px;
    left: 100px;
}

.nzbeautiful .img2 img{
    transform-origin: center center;
    transform: rotate(10deg);
}
 
.nzbeautiful .img2 img {
    width: 200px;
}
   .nzbeautiful .img3 {
    position: absolute;
    top: 500px;
    left: 100px;
}

.nzbeautiful .img3 img{
    transform-origin: center center;
    transform: rotate(-10deg);
}
 
.nzbeautiful .img3 img {
    width: 200px;
}
.nzbeautiful .img4 {
    position: absolute;
    top: 120px;
    left: 400px;
}

.nzbeautiful .img4 img{
    transform-origin: center center;
    transform: rotate(10deg);
}
 
.nzbeautiful .img4 img {
    width: 200px;
}
   .nzbeautiful .img5 {
    position: absolute;
    top: 310px;
    left: 400px;
}

.nzbeautiful .img5 img{
    transform-origin: center center;
    transform: rotate(-10deg);
}
 
.nzbeautiful .img5 img {
    width: 200px;
}
   .nzbeautiful .img6 {
    position: absolute;
    top: 500px;
    left: 400px;
}

.nzbeautiful .img6 img{
    transform-origin: center center;
    transform: rotate(10deg);
}
 
.nzbeautiful .img6 img {
    width: 200px;
}
/* <!-- 美丽宁职院。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 --> */
.indexFirstArticle  .indexnav {
    position: absolute;
    top:250px;
    right: -70px;
    width: 50px; 
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
}

.indexFirstArticle  .indexnav li{
    width: 50px;
    height: 55px;
    border-bottom: 1px solid #eee;
    padding: 5px;
    text-align: center;
}

.indexFirstArticle  .indexnav li:last-child {
    border-bottom: 0;
}

.current1 {
    background-color: #135a92;
    
}
.indexFirstArticle .indexnav .current1 a {
    color: #fff;
}

.indexFirstArticle  .indexnav li a {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #135a92;
}